From 60928e358caee8cf9e2be6be56503fa216e01ae7 Mon Sep 17 00:00:00 2001
From: kassens <kassens@users.noreply.github.com>
Date: Thu, 11 Apr 2024 18:03:18 +0000
Subject: [PATCH] Remove defaultProps support (except for classes)  (#28733)

This removes defaultProps support for all component types except for
classes. We've chosen to continue supporting defaultProps for classes
because lots of older code relies on it, and unlike function components,
(which can use default params), there's no straightforward alternative.

By implication, it also removes support for setting defaultProps on
`React.lazy` wrapper. So this will not work:

```js
const MyClassComponent = React.lazy(() => import('./MyClassComponent'));
// MyClassComponent is not actually a class; it's a lazy wrapper. So
// defaultProps does not work.
MyClassComponent.defaultProps = { foo: 'bar' };
```

However, if you set the default props on the class itself, then it's
fine.

For classes, this change also moves where defaultProps are resolved.
Previously, defaultProps were resolved by the JSX runtime. This change
is only observable if you introspect a JSX element, which is relatively
rare but does happen.

In other words, previously `<ClassWithDefaultProp />.props.aDefaultProp`
would resolve to the default prop value, but now it does not.

DiffTrain build for [48b4ecc9012638ed51b275aad24b2086b8215e32](https://github.com/facebook/react/commit/48b4ecc9012638ed51b275aad24b2086b8215e32)
---
 .../facebook-www/JSXDEVRuntime-dev.classic.js |   400 +-
 .../facebook-www/JSXDEVRuntime-dev.modern.js  |   402 +-
 compiled/facebook-www/REVISION                |     2 +-
 compiled/facebook-www/React-dev.classic.js    |   631 +-
 compiled/facebook-www/React-dev.modern.js     |   623 +-
 compiled/facebook-www/React-prod.classic.js   |   177 +-
 compiled/facebook-www/React-prod.modern.js    |   177 +-
 .../facebook-www/React-profiling.classic.js   |   177 +-
 .../facebook-www/React-profiling.modern.js    |   177 +-
 compiled/facebook-www/ReactART-dev.classic.js |   890 +-
 compiled/facebook-www/ReactART-dev.modern.js  |   886 +-
 .../facebook-www/ReactART-prod.classic.js     |   493 +-
 compiled/facebook-www/ReactART-prod.modern.js |   468 +-
 compiled/facebook-www/ReactDOM-dev.classic.js |  2054 +-
 compiled/facebook-www/ReactDOM-dev.modern.js  | 21346 ++++++++-------
 .../facebook-www/ReactDOM-prod.classic.js     |  1307 +-
 compiled/facebook-www/ReactDOM-prod.modern.js |  9099 +++----
 .../ReactDOM-profiling.classic.js             |  1293 +-
 .../facebook-www/ReactDOM-profiling.modern.js |  9551 +++----
 .../ReactDOMServer-dev.classic.js             |   201 +-
 .../facebook-www/ReactDOMServer-dev.modern.js |   201 +-
 .../ReactDOMServer-prod.classic.js            |   189 +-
 .../ReactDOMServer-prod.modern.js             |   168 +-
 .../ReactDOMServerStreaming-dev.modern.js     |   209 +-
 .../ReactDOMServerStreaming-prod.modern.js    |   172 +-
 .../ReactDOMTesting-dev.classic.js            |  2214 +-
 .../ReactDOMTesting-dev.modern.js             | 21624 ++++++++--------
 .../ReactDOMTesting-prod.classic.js           |  1456 +-
 .../ReactDOMTesting-prod.modern.js            |  9764 +++----
 .../ReactFlightDOMClient-dev.modern.js        |   339 +-
 .../ReactFlightDOMClient-prod.modern.js       |   156 +-
 .../ReactFlightDOMServer-dev.modern.js        |   277 +-
 .../ReactFlightDOMServer-prod.modern.js       |    68 +-
 .../facebook-www/ReactServer-dev.modern.js    |   549 +-
 .../facebook-www/ReactServer-prod.modern.js   |   193 +-
 .../ReactTestRenderer-dev.classic.js          |   858 +-
 .../ReactTestRenderer-dev.modern.js           |   858 +-
 .../ReactTestUtils-dev.classic.js             |    11 +-
 .../facebook-www/ReactTestUtils-dev.modern.js |    11 +-
 .../__test_utils__/ReactAllWarnings.js        |     5 +-
 .../ReactBrowserEventEmitter_DO_NOT_USE.js    |     4 +-
 41 files changed, 43882 insertions(+), 45798 deletions(-)

diff --git a/compiled/facebook-www/JSXDEVRuntime-dev.classic.js b/compiled/facebook-www/JSXDEVRuntime-dev.classic.js
index e48944ee2c..6c0ef234f5 100644
--- a/compiled/facebook-www/JSXDEVRuntime-dev.classic.js
+++ b/compiled/facebook-www/JSXDEVRuntime-dev.classic.js
@@ -84,10 +84,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -110,11 +112,8 @@ if (__DEV__) {
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
       disableDefaultPropsExceptForClasses =
         dynamicFeatureFlags.disableDefaultPropsExceptForClasses; // On WWW, false is used for a new modern build.
-    // because JSX is an extremely hot path.
 
-    var disableStringRefs = false;
-
-    function getWrappedName$1(outerType, innerType, wrapperName) {
+    function getWrappedName(outerType, innerType, wrapperName) {
       var displayName = outerType.displayName;
 
       if (displayName) {
@@ -127,7 +126,7 @@ if (__DEV__) {
         : wrapperName;
     } // Keep in sync with react-reconciler/getComponentNameFromFiber
 
-    function getContextName$1(type) {
+    function getContextName(type) {
       return type.displayName || "Context";
     }
 
@@ -194,28 +193,28 @@ if (__DEV__) {
               return null;
             } else {
               var provider = type;
-              return getContextName$1(provider._context) + ".Provider";
+              return getContextName(provider._context) + ".Provider";
             }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
             if (enableRenderableContext) {
-              return getContextName$1(context) + ".Provider";
+              return getContextName(context) + ".Provider";
             } else {
-              return getContextName$1(context) + ".Consumer";
+              return getContextName(context) + ".Consumer";
             }
 
           case REACT_CONSUMER_TYPE:
             if (enableRenderableContext) {
               var consumer = type;
-              return getContextName$1(consumer._context) + ".Consumer";
+              return getContextName(consumer._context) + ".Consumer";
             } else {
               return null;
             }
 
           case REACT_FORWARD_REF_TYPE:
-            return getWrappedName$1(type, type.render, "ForwardRef");
+            return getWrappedName(type, type.render, "ForwardRef");
 
           case REACT_MEMO_TYPE:
             var outerName = type.displayName || null;
@@ -244,7 +243,7 @@ if (__DEV__) {
     }
 
     var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
     // $FlowFixMe[method-unbinding]
     var hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -324,20 +323,6 @@ if (__DEV__) {
         }
       }
     }
-    function checkPropStringCoercion(value, propName) {
-      {
-        if (willCoercionThrow(value)) {
-          error(
-            "The provided `%s` prop is an unsupported type %s." +
-              " This value must be coerced to a string before using it here.",
-            propName,
-            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) {
@@ -484,8 +469,9 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -537,13 +523,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher.current = null;
         disableLogs();
       }
       /**
@@ -736,7 +722,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -754,7 +740,7 @@ if (__DEV__) {
 
       return syntheticFrame;
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -765,7 +751,7 @@ if (__DEV__) {
       return !!(prototype && prototype.isReactComponent);
     }
 
-    function describeUnknownElementTypeFrameInDEV(type) {
+    function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
       if (type == null) {
         return "";
       }
@@ -795,7 +781,7 @@ if (__DEV__) {
 
           case REACT_MEMO_TYPE:
             // Memo may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(type.type);
+            return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
 
           case REACT_LAZY_TYPE: {
             var lazyComponent = type;
@@ -804,7 +790,10 @@ if (__DEV__) {
 
             try {
               // Lazy may contain any component type so we recursively resolve it.
-              return describeUnknownElementTypeFrameInDEV(init(payload));
+              return describeUnknownElementTypeFrameInDEV(
+                init(payload),
+                ownerFn
+              );
             } catch (x) {}
           }
         }
@@ -813,157 +802,8 @@ if (__DEV__) {
       return "";
     }
 
-    var FunctionComponent = 0;
-    var ClassComponent = 1;
-    var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
-
-    var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
-
-    var HostComponent = 5;
-    var HostText = 6;
-    var Fragment = 7;
-    var Mode = 8;
-    var ContextConsumer = 9;
-    var ContextProvider = 10;
-    var ForwardRef = 11;
-    var Profiler = 12;
-    var SuspenseComponent = 13;
-    var MemoComponent = 14;
-    var SimpleMemoComponent = 15;
-    var LazyComponent = 16;
-    var IncompleteClassComponent = 17;
-    var DehydratedFragment = 18;
-    var SuspenseListComponent = 19;
-    var ScopeComponent = 21;
-    var OffscreenComponent = 22;
-    var LegacyHiddenComponent = 23;
-    var CacheComponent = 24;
-    var TracingMarkerComponent = 25;
-    var HostHoistable = 26;
-    var HostSingleton = 27;
-    var IncompleteFunctionComponent = 28;
-
-    function getWrappedName(outerType, innerType, wrapperName) {
-      var functionName = innerType.displayName || innerType.name || "";
-      return (
-        outerType.displayName ||
-        (functionName !== ""
-          ? wrapperName + "(" + functionName + ")"
-          : wrapperName)
-      );
-    } // Keep in sync with shared/getComponentNameFromType
-
-    function getContextName(type) {
-      return type.displayName || "Context";
-    }
-    function getComponentNameFromFiber(fiber) {
-      var tag = fiber.tag,
-        type = fiber.type;
-
-      switch (tag) {
-        case CacheComponent:
-          return "Cache";
-
-        case ContextConsumer:
-          if (enableRenderableContext) {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          } else {
-            var context = type;
-            return getContextName(context) + ".Consumer";
-          }
-
-        case ContextProvider:
-          if (enableRenderableContext) {
-            var _context = type;
-            return getContextName(_context) + ".Provider";
-          } else {
-            var provider = type;
-            return getContextName(provider._context) + ".Provider";
-          }
-
-        case DehydratedFragment:
-          return "DehydratedFragment";
-
-        case ForwardRef:
-          return getWrappedName(type, type.render, "ForwardRef");
-
-        case Fragment:
-          return "Fragment";
-
-        case HostHoistable:
-        case HostSingleton:
-        case HostComponent:
-          // Host component type is the display name (e.g. "div", "View")
-          return type;
-
-        case HostPortal:
-          return "Portal";
-
-        case HostRoot:
-          return "Root";
-
-        case HostText:
-          return "Text";
-
-        case LazyComponent:
-          // Name comes from the type in this case; we don't have a tag.
-          return getComponentNameFromType(type);
-
-        case Mode:
-          if (type === REACT_STRICT_MODE_TYPE) {
-            // Don't be less specific than shared/getComponentNameFromType
-            return "StrictMode";
-          }
-
-          return "Mode";
-
-        case OffscreenComponent:
-          return "Offscreen";
-
-        case Profiler:
-          return "Profiler";
-
-        case ScopeComponent:
-          return "Scope";
-
-        case SuspenseComponent:
-          return "Suspense";
-
-        case SuspenseListComponent:
-          return "SuspenseList";
-
-        case TracingMarkerComponent:
-          return "TracingMarker";
-        // The display name for these tags come from the user-provided type:
-
-        case IncompleteClassComponent:
-        case IncompleteFunctionComponent:
-
-        // Fallthrough
-
-        case ClassComponent:
-        case FunctionComponent:
-        case MemoComponent:
-        case SimpleMemoComponent:
-          if (typeof type === "function") {
-            return type.displayName || type.name || null;
-          }
-
-          if (typeof type === "string") {
-            return type;
-          }
-
-          break;
-
-        case LegacyHiddenComponent: {
-          return "LegacyHidden";
-        }
-      }
-
-      return null;
-    }
-
+    var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
     var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
     var specialPropKeyWarningShown;
     var specialPropRefWarningShown;
@@ -1007,12 +847,12 @@ if (__DEV__) {
       {
         if (
           typeof config.ref === "string" &&
-          ReactSharedInternals.owner &&
+          ReactCurrentOwner.current &&
           self &&
-          ReactSharedInternals.owner.stateNode !== self
+          ReactCurrentOwner.current.stateNode !== self
         ) {
           var componentName = getComponentNameFromType(
-            ReactSharedInternals.owner.type
+            ReactCurrentOwner.current.type
           );
 
           if (!didWarnAboutStringRefs[componentName]) {
@@ -1023,7 +863,7 @@ if (__DEV__) {
                 "We ask you to manually fix this case by using useRef() or createRef() instead. " +
                 "Learn more about using refs safely here: " +
                 "https://react.dev/link/strict-mode-string-ref",
-              getComponentNameFromType(ReactSharedInternals.owner.type),
+              getComponentNameFromType(ReactCurrentOwner.current.type),
               config.ref
             );
 
@@ -1347,6 +1187,9 @@ if (__DEV__) {
           }
         }
 
+        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" />
@@ -1374,49 +1217,20 @@ if (__DEV__) {
         if (hasValidRef(config)) {
           if (!enableRefAsProp) {
             ref = config.ref;
-
-            {
-              ref = coerceStringRef(ref, ReactSharedInternals.owner, type);
-            }
           }
 
           {
             warnIfStringRefCannotBeAutoConverted(config, self);
           }
-        }
+        } // Remaining properties are added to a new props object
 
-        var props;
-
-        if (enableRefAsProp && disableStringRefs && !("key" in config)) {
-          // If key was not spread in, we can reuse the original props object. This
-          // only works for `jsx`, not `createElement`, because `jsx` is a compiler
-          // target and the compiler always passes a new object. For `createElement`,
-          // we can't assume a new object is passed every time because it can be
-          // called manually.
-          //
-          // Spreading key is a warning in dev. In a future release, we will not
-          // remove a spread key from the props object. (But we'll still warn.) We'll
-          // always pass the object straight through.
-          props = config;
-        } else {
-          // We need to remove reserved props (key, prop, ref). Create a fresh props
-          // object and copy over all the non-reserved props. We don't use `delete`
-          // because in V8 it will deopt the object to dictionary mode.
-          props = {};
-
-          for (var propName in config) {
-            // Skip over reserved prop names
-            if (propName !== "key" && (enableRefAsProp || propName !== "ref")) {
-              if (enableRefAsProp && !disableStringRefs && propName === "ref") {
-                props.ref = coerceStringRef(
-                  config[propName],
-                  ReactSharedInternals.owner,
-                  type
-                );
-              } else {
-                props[propName] = config[propName];
-              }
-            }
+        for (propName in config) {
+          if (
+            hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+            propName !== "key" &&
+            (enableRefAsProp || propName !== "ref")
+          ) {
+            props[propName] = config[propName];
           }
         }
 
@@ -1425,9 +1239,9 @@ if (__DEV__) {
           if (type && type.defaultProps) {
             var defaultProps = type.defaultProps;
 
-            for (var _propName2 in defaultProps) {
-              if (props[_propName2] === undefined) {
-                props[_propName2] = defaultProps[_propName2];
+            for (propName in defaultProps) {
+              if (props[propName] === undefined) {
+                props[propName] = defaultProps[propName];
               }
             }
           }
@@ -1454,7 +1268,7 @@ if (__DEV__) {
           ref,
           self,
           source,
-          ReactSharedInternals.owner,
+          ReactCurrentOwner.current,
           props
         );
 
@@ -1468,8 +1282,8 @@ if (__DEV__) {
 
     function getDeclarationErrorAddendum() {
       {
-        if (ReactSharedInternals.owner) {
-          var name = getComponentNameFromType(ReactSharedInternals.owner.type);
+        if (ReactCurrentOwner.current) {
+          var name = getComponentNameFromType(ReactCurrentOwner.current.type);
 
           if (name) {
             return "\n\nCheck the render method of `" + name + "`.";
@@ -1583,18 +1397,14 @@ if (__DEV__) {
 
         if (
           element &&
-          element._owner != null &&
-          element._owner !== ReactSharedInternals.owner
+          element._owner &&
+          element._owner !== ReactCurrentOwner.current
         ) {
-          var ownerName = null;
-
-          if (typeof element._owner.tag === "number") {
-            ownerName = getComponentNameFromType(element._owner.type);
-          } else if (typeof element._owner.name === "string") {
-            ownerName = element._owner.name;
-          } // Give the component that originally created this child.
-
-          childOwner = " It was passed a child from " + ownerName + ".";
+          // Give the component that originally created this child.
+          childOwner =
+            " It was passed a child from " +
+            getComponentNameFromType(element._owner.type) +
+            ".";
         }
 
         setCurrentlyValidatingElement(element);
@@ -1613,10 +1423,14 @@ if (__DEV__) {
     function setCurrentlyValidatingElement(element) {
       {
         if (element) {
-          var stack = describeUnknownElementTypeFrameInDEV(element.type);
-          ReactSharedInternals.setExtraStackFrame(stack);
+          var owner = element._owner;
+          var stack = describeUnknownElementTypeFrameInDEV(
+            element.type,
+            owner ? owner.type : null
+          );
+          ReactDebugCurrentFrame.setExtraStackFrame(stack);
         } else {
-          ReactSharedInternals.setExtraStackFrame(null);
+          ReactDebugCurrentFrame.setExtraStackFrame(null);
         }
       }
     }
@@ -1674,96 +1488,6 @@ if (__DEV__) {
       }
     }
 
-    function coerceStringRef(mixedRef, owner, type) {
-      var stringRef;
-
-      if (typeof mixedRef === "string") {
-        stringRef = mixedRef;
-      } else {
-        if (typeof mixedRef === "number" || typeof mixedRef === "boolean") {
-          {
-            checkPropStringCoercion(mixedRef, "ref");
-          }
-
-          stringRef = "" + mixedRef;
-        } else {
-          return mixedRef;
-        }
-      }
-
-      return stringRefAsCallbackRef.bind(null, stringRef, type, owner);
-    }
-
-    function stringRefAsCallbackRef(stringRef, type, owner, value) {
-      if (!owner) {
-        throw new Error(
-          "Element ref was specified as a string (" +
-            stringRef +
-            ") 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://react.dev/link/refs-must-have-owner for more information."
-        );
-      }
-
-      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://react.dev/link/strict-mode-string-ref"
-        );
-      }
-
-      {
-        if (
-          // Will already warn with "Function components cannot be given refs"
-          !(typeof type === "function" && !isReactClass(type))
-        ) {
-          var componentName = getComponentNameFromFiber(owner) || "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://react.dev/link/strict-mode-string-ref",
-              componentName,
-              stringRef
-            );
-
-            didWarnAboutStringRefs[componentName] = true;
-          }
-        }
-      }
-
-      var inst = owner.stateNode;
-
-      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."
-        );
-      }
-
-      var refs = inst.refs;
-
-      if (value === null) {
-        delete refs[stringRef];
-      } else {
-        refs[stringRef] = value;
-      }
-    }
-
-    function isReactClass(type) {
-      return type.prototype && type.prototype.isReactComponent;
-    }
-
     var jsxDEV = jsxDEV$1;
 
     exports.Fragment = REACT_FRAGMENT_TYPE;
diff --git a/compiled/facebook-www/JSXDEVRuntime-dev.modern.js b/compiled/facebook-www/JSXDEVRuntime-dev.modern.js
index 6652f28ef8..fed4994b37 100644
--- a/compiled/facebook-www/JSXDEVRuntime-dev.modern.js
+++ b/compiled/facebook-www/JSXDEVRuntime-dev.modern.js
@@ -84,10 +84,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -110,11 +112,8 @@ if (__DEV__) {
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
       disableDefaultPropsExceptForClasses =
         dynamicFeatureFlags.disableDefaultPropsExceptForClasses; // On WWW, true is used for a new modern build.
-    // because JSX is an extremely hot path.
 
-    var disableStringRefs = false;
-
-    function getWrappedName$1(outerType, innerType, wrapperName) {
+    function getWrappedName(outerType, innerType, wrapperName) {
       var displayName = outerType.displayName;
 
       if (displayName) {
@@ -127,7 +126,7 @@ if (__DEV__) {
         : wrapperName;
     } // Keep in sync with react-reconciler/getComponentNameFromFiber
 
-    function getContextName$1(type) {
+    function getContextName(type) {
       return type.displayName || "Context";
     }
 
@@ -194,28 +193,28 @@ if (__DEV__) {
               return null;
             } else {
               var provider = type;
-              return getContextName$1(provider._context) + ".Provider";
+              return getContextName(provider._context) + ".Provider";
             }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
             if (enableRenderableContext) {
-              return getContextName$1(context) + ".Provider";
+              return getContextName(context) + ".Provider";
             } else {
-              return getContextName$1(context) + ".Consumer";
+              return getContextName(context) + ".Consumer";
             }
 
           case REACT_CONSUMER_TYPE:
             if (enableRenderableContext) {
               var consumer = type;
-              return getContextName$1(consumer._context) + ".Consumer";
+              return getContextName(consumer._context) + ".Consumer";
             } else {
               return null;
             }
 
           case REACT_FORWARD_REF_TYPE:
-            return getWrappedName$1(type, type.render, "ForwardRef");
+            return getWrappedName(type, type.render, "ForwardRef");
 
           case REACT_MEMO_TYPE:
             var outerName = type.displayName || null;
@@ -244,7 +243,7 @@ if (__DEV__) {
     }
 
     var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
     // $FlowFixMe[method-unbinding]
     var hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -324,20 +323,6 @@ if (__DEV__) {
         }
       }
     }
-    function checkPropStringCoercion(value, propName) {
-      {
-        if (willCoercionThrow(value)) {
-          error(
-            "The provided `%s` prop is an unsupported type %s." +
-              " This value must be coerced to a string before using it here.",
-            propName,
-            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) {
@@ -484,8 +469,9 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -537,13 +523,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher.current = null;
         disableLogs();
       }
       /**
@@ -736,7 +722,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -754,7 +740,7 @@ if (__DEV__) {
 
       return syntheticFrame;
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -765,7 +751,7 @@ if (__DEV__) {
       return !!(prototype && prototype.isReactComponent);
     }
 
-    function describeUnknownElementTypeFrameInDEV(type) {
+    function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
       if (type == null) {
         return "";
       }
@@ -795,7 +781,7 @@ if (__DEV__) {
 
           case REACT_MEMO_TYPE:
             // Memo may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(type.type);
+            return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
 
           case REACT_LAZY_TYPE: {
             var lazyComponent = type;
@@ -804,7 +790,10 @@ if (__DEV__) {
 
             try {
               // Lazy may contain any component type so we recursively resolve it.
-              return describeUnknownElementTypeFrameInDEV(init(payload));
+              return describeUnknownElementTypeFrameInDEV(
+                init(payload),
+                ownerFn
+              );
             } catch (x) {}
           }
         }
@@ -813,159 +802,8 @@ if (__DEV__) {
       return "";
     }
 
-    var FunctionComponent = 0;
-    var ClassComponent = 1;
-    var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
-
-    var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
-
-    var HostComponent = 5;
-    var HostText = 6;
-    var Fragment = 7;
-    var Mode = 8;
-    var ContextConsumer = 9;
-    var ContextProvider = 10;
-    var ForwardRef = 11;
-    var Profiler = 12;
-    var SuspenseComponent = 13;
-    var MemoComponent = 14;
-    var SimpleMemoComponent = 15;
-    var LazyComponent = 16;
-    var IncompleteClassComponent = 17;
-    var DehydratedFragment = 18;
-    var SuspenseListComponent = 19;
-    var ScopeComponent = 21;
-    var OffscreenComponent = 22;
-    var LegacyHiddenComponent = 23;
-    var CacheComponent = 24;
-    var TracingMarkerComponent = 25;
-    var HostHoistable = 26;
-    var HostSingleton = 27;
-    var IncompleteFunctionComponent = 28;
-
-    function getWrappedName(outerType, innerType, wrapperName) {
-      var functionName = innerType.displayName || innerType.name || "";
-      return (
-        outerType.displayName ||
-        (functionName !== ""
-          ? wrapperName + "(" + functionName + ")"
-          : wrapperName)
-      );
-    } // Keep in sync with shared/getComponentNameFromType
-
-    function getContextName(type) {
-      return type.displayName || "Context";
-    }
-    function getComponentNameFromFiber(fiber) {
-      var tag = fiber.tag,
-        type = fiber.type;
-
-      switch (tag) {
-        case CacheComponent:
-          return "Cache";
-
-        case ContextConsumer:
-          if (enableRenderableContext) {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          } else {
-            var context = type;
-            return getContextName(context) + ".Consumer";
-          }
-
-        case ContextProvider:
-          if (enableRenderableContext) {
-            var _context = type;
-            return getContextName(_context) + ".Provider";
-          } else {
-            var provider = type;
-            return getContextName(provider._context) + ".Provider";
-          }
-
-        case DehydratedFragment:
-          return "DehydratedFragment";
-
-        case ForwardRef:
-          return getWrappedName(type, type.render, "ForwardRef");
-
-        case Fragment:
-          return "Fragment";
-
-        case HostHoistable:
-        case HostSingleton:
-        case HostComponent:
-          // Host component type is the display name (e.g. "div", "View")
-          return type;
-
-        case HostPortal:
-          return "Portal";
-
-        case HostRoot:
-          return "Root";
-
-        case HostText:
-          return "Text";
-
-        case LazyComponent:
-          // Name comes from the type in this case; we don't have a tag.
-          return getComponentNameFromType(type);
-
-        case Mode:
-          if (type === REACT_STRICT_MODE_TYPE) {
-            // Don't be less specific than shared/getComponentNameFromType
-            return "StrictMode";
-          }
-
-          return "Mode";
-
-        case OffscreenComponent:
-          return "Offscreen";
-
-        case Profiler:
-          return "Profiler";
-
-        case ScopeComponent:
-          return "Scope";
-
-        case SuspenseComponent:
-          return "Suspense";
-
-        case SuspenseListComponent:
-          return "SuspenseList";
-
-        case TracingMarkerComponent:
-          return "TracingMarker";
-        // The display name for these tags come from the user-provided type:
-
-        case IncompleteClassComponent:
-        case IncompleteFunctionComponent: {
-          break;
-        }
-
-        // Fallthrough
-
-        case ClassComponent:
-        case FunctionComponent:
-        case MemoComponent:
-        case SimpleMemoComponent:
-          if (typeof type === "function") {
-            return type.displayName || type.name || null;
-          }
-
-          if (typeof type === "string") {
-            return type;
-          }
-
-          break;
-
-        case LegacyHiddenComponent: {
-          return "LegacyHidden";
-        }
-      }
-
-      return null;
-    }
-
+    var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
     var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
     var specialPropKeyWarningShown;
     var specialPropRefWarningShown;
@@ -1009,12 +847,12 @@ if (__DEV__) {
       {
         if (
           typeof config.ref === "string" &&
-          ReactSharedInternals.owner &&
+          ReactCurrentOwner.current &&
           self &&
-          ReactSharedInternals.owner.stateNode !== self
+          ReactCurrentOwner.current.stateNode !== self
         ) {
           var componentName = getComponentNameFromType(
-            ReactSharedInternals.owner.type
+            ReactCurrentOwner.current.type
           );
 
           if (!didWarnAboutStringRefs[componentName]) {
@@ -1025,7 +863,7 @@ if (__DEV__) {
                 "We ask you to manually fix this case by using useRef() or createRef() instead. " +
                 "Learn more about using refs safely here: " +
                 "https://react.dev/link/strict-mode-string-ref",
-              getComponentNameFromType(ReactSharedInternals.owner.type),
+              getComponentNameFromType(ReactCurrentOwner.current.type),
               config.ref
             );
 
@@ -1349,6 +1187,9 @@ if (__DEV__) {
           }
         }
 
+        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" />
@@ -1376,49 +1217,20 @@ if (__DEV__) {
         if (hasValidRef(config)) {
           if (!enableRefAsProp) {
             ref = config.ref;
-
-            {
-              ref = coerceStringRef(ref, ReactSharedInternals.owner, type);
-            }
           }
 
           {
             warnIfStringRefCannotBeAutoConverted(config, self);
           }
-        }
+        } // Remaining properties are added to a new props object
 
-        var props;
-
-        if (enableRefAsProp && disableStringRefs && !("key" in config)) {
-          // If key was not spread in, we can reuse the original props object. This
-          // only works for `jsx`, not `createElement`, because `jsx` is a compiler
-          // target and the compiler always passes a new object. For `createElement`,
-          // we can't assume a new object is passed every time because it can be
-          // called manually.
-          //
-          // Spreading key is a warning in dev. In a future release, we will not
-          // remove a spread key from the props object. (But we'll still warn.) We'll
-          // always pass the object straight through.
-          props = config;
-        } else {
-          // We need to remove reserved props (key, prop, ref). Create a fresh props
-          // object and copy over all the non-reserved props. We don't use `delete`
-          // because in V8 it will deopt the object to dictionary mode.
-          props = {};
-
-          for (var propName in config) {
-            // Skip over reserved prop names
-            if (propName !== "key" && (enableRefAsProp || propName !== "ref")) {
-              if (enableRefAsProp && !disableStringRefs && propName === "ref") {
-                props.ref = coerceStringRef(
-                  config[propName],
-                  ReactSharedInternals.owner,
-                  type
-                );
-              } else {
-                props[propName] = config[propName];
-              }
-            }
+        for (propName in config) {
+          if (
+            hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+            propName !== "key" &&
+            (enableRefAsProp || propName !== "ref")
+          ) {
+            props[propName] = config[propName];
           }
         }
 
@@ -1427,9 +1239,9 @@ if (__DEV__) {
           if (type && type.defaultProps) {
             var defaultProps = type.defaultProps;
 
-            for (var _propName2 in defaultProps) {
-              if (props[_propName2] === undefined) {
-                props[_propName2] = defaultProps[_propName2];
+            for (propName in defaultProps) {
+              if (props[propName] === undefined) {
+                props[propName] = defaultProps[propName];
               }
             }
           }
@@ -1456,7 +1268,7 @@ if (__DEV__) {
           ref,
           self,
           source,
-          ReactSharedInternals.owner,
+          ReactCurrentOwner.current,
           props
         );
 
@@ -1470,8 +1282,8 @@ if (__DEV__) {
 
     function getDeclarationErrorAddendum() {
       {
-        if (ReactSharedInternals.owner) {
-          var name = getComponentNameFromType(ReactSharedInternals.owner.type);
+        if (ReactCurrentOwner.current) {
+          var name = getComponentNameFromType(ReactCurrentOwner.current.type);
 
           if (name) {
             return "\n\nCheck the render method of `" + name + "`.";
@@ -1585,18 +1397,14 @@ if (__DEV__) {
 
         if (
           element &&
-          element._owner != null &&
-          element._owner !== ReactSharedInternals.owner
+          element._owner &&
+          element._owner !== ReactCurrentOwner.current
         ) {
-          var ownerName = null;
-
-          if (typeof element._owner.tag === "number") {
-            ownerName = getComponentNameFromType(element._owner.type);
-          } else if (typeof element._owner.name === "string") {
-            ownerName = element._owner.name;
-          } // Give the component that originally created this child.
-
-          childOwner = " It was passed a child from " + ownerName + ".";
+          // Give the component that originally created this child.
+          childOwner =
+            " It was passed a child from " +
+            getComponentNameFromType(element._owner.type) +
+            ".";
         }
 
         setCurrentlyValidatingElement(element);
@@ -1615,10 +1423,14 @@ if (__DEV__) {
     function setCurrentlyValidatingElement(element) {
       {
         if (element) {
-          var stack = describeUnknownElementTypeFrameInDEV(element.type);
-          ReactSharedInternals.setExtraStackFrame(stack);
+          var owner = element._owner;
+          var stack = describeUnknownElementTypeFrameInDEV(
+            element.type,
+            owner ? owner.type : null
+          );
+          ReactDebugCurrentFrame.setExtraStackFrame(stack);
         } else {
-          ReactSharedInternals.setExtraStackFrame(null);
+          ReactDebugCurrentFrame.setExtraStackFrame(null);
         }
       }
     }
@@ -1676,96 +1488,6 @@ if (__DEV__) {
       }
     }
 
-    function coerceStringRef(mixedRef, owner, type) {
-      var stringRef;
-
-      if (typeof mixedRef === "string") {
-        stringRef = mixedRef;
-      } else {
-        if (typeof mixedRef === "number" || typeof mixedRef === "boolean") {
-          {
-            checkPropStringCoercion(mixedRef, "ref");
-          }
-
-          stringRef = "" + mixedRef;
-        } else {
-          return mixedRef;
-        }
-      }
-
-      return stringRefAsCallbackRef.bind(null, stringRef, type, owner);
-    }
-
-    function stringRefAsCallbackRef(stringRef, type, owner, value) {
-      if (!owner) {
-        throw new Error(
-          "Element ref was specified as a string (" +
-            stringRef +
-            ") 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://react.dev/link/refs-must-have-owner for more information."
-        );
-      }
-
-      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://react.dev/link/strict-mode-string-ref"
-        );
-      }
-
-      {
-        if (
-          // Will already warn with "Function components cannot be given refs"
-          !(typeof type === "function" && !isReactClass(type))
-        ) {
-          var componentName = getComponentNameFromFiber(owner) || "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://react.dev/link/strict-mode-string-ref",
-              componentName,
-              stringRef
-            );
-
-            didWarnAboutStringRefs[componentName] = true;
-          }
-        }
-      }
-
-      var inst = owner.stateNode;
-
-      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."
-        );
-      }
-
-      var refs = inst.refs;
-
-      if (value === null) {
-        delete refs[stringRef];
-      } else {
-        refs[stringRef] = value;
-      }
-    }
-
-    function isReactClass(type) {
-      return type.prototype && type.prototype.isReactComponent;
-    }
-
     var jsxDEV = jsxDEV$1;
 
     exports.Fragment = REACT_FRAGMENT_TYPE;
diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION
index 04046fbcb4..efcac2c6f9 100644
--- a/compiled/facebook-www/REVISION
+++ b/compiled/facebook-www/REVISION
@@ -1 +1 @@
-da69b6af9697b8042834644b14d0e715d4ace18a
+48b4ecc9012638ed51b275aad24b2086b8215e32
diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js
index 0a528e65d4..2afafcfb99 100644
--- a/compiled/facebook-www/React-dev.classic.js
+++ b/compiled/facebook-www/React-dev.classic.js
@@ -24,7 +24,7 @@ if (__DEV__) {
     ) {
       __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
     }
-    var ReactVersion = "19.0.0-www-classic-e2f5fe42";
+    var ReactVersion = "19.0.0-www-classic-b9e0eea7";
 
     // ATTENTION
     // When adding new symbols to this file,
@@ -109,10 +109,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -466,20 +468,6 @@ if (__DEV__) {
         }
       }
     }
-    function checkPropStringCoercion(value, propName) {
-      {
-        if (willCoercionThrow(value)) {
-          error(
-            "The provided `%s` prop is an unsupported type %s." +
-              " This value must be coerced to a string before using it here.",
-            propName,
-            typeName(value)
-          );
-
-          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
-        }
-      }
-    }
 
     // Re-export dynamic flags from the www version.
     var dynamicFeatureFlags = require("ReactFeatureFlags");
@@ -490,12 +478,9 @@ if (__DEV__) {
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
       disableDefaultPropsExceptForClasses =
         dynamicFeatureFlags.disableDefaultPropsExceptForClasses; // On WWW, false is used for a new modern build.
-    // because JSX is an extremely hot path.
-
-    var disableStringRefs = false;
     var disableLegacyMode = false;
 
-    function getWrappedName$1(outerType, innerType, wrapperName) {
+    function getWrappedName(outerType, innerType, wrapperName) {
       var displayName = outerType.displayName;
 
       if (displayName) {
@@ -508,7 +493,7 @@ if (__DEV__) {
         : wrapperName;
     } // Keep in sync with react-reconciler/getComponentNameFromFiber
 
-    function getContextName$1(type) {
+    function getContextName(type) {
       return type.displayName || "Context";
     }
 
@@ -575,28 +560,28 @@ if (__DEV__) {
               return null;
             } else {
               var provider = type;
-              return getContextName$1(provider._context) + ".Provider";
+              return getContextName(provider._context) + ".Provider";
             }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
             if (enableRenderableContext) {
-              return getContextName$1(context) + ".Provider";
+              return getContextName(context) + ".Provider";
             } else {
-              return getContextName$1(context) + ".Consumer";
+              return getContextName(context) + ".Consumer";
             }
 
           case REACT_CONSUMER_TYPE:
             if (enableRenderableContext) {
               var consumer = type;
-              return getContextName$1(consumer._context) + ".Consumer";
+              return getContextName(consumer._context) + ".Consumer";
             } else {
               return null;
             }
 
           case REACT_FORWARD_REF_TYPE:
-            return getWrappedName$1(type, type.render, "ForwardRef");
+            return getWrappedName(type, type.render, "ForwardRef");
 
           case REACT_MEMO_TYPE:
             var outerName = type.displayName || null;
@@ -624,38 +609,75 @@ if (__DEV__) {
       return null;
     }
 
-    var ReactSharedInternals = {
-      H: null,
-      C: null,
-      T: null
+    /**
+     * Keeps track of the current dispatcher.
+     */
+    var ReactCurrentDispatcher$1 = {
+      current: null
     };
 
-    {
-      ReactSharedInternals.owner = null;
-    }
+    /**
+     * Keeps track of the current Cache dispatcher.
+     */
+    var ReactCurrentCache = {
+      current: null
+    };
+
+    /**
+     * 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
+    };
+
+    var ReactCurrentActQueue = {
+      current: null,
+      // Used to reproduce behavior of `batchedUpdates` in legacy mode.
+      isBatchingLegacy: false,
+      didScheduleLegacyUpdate: false,
+      // Tracks whether something called `use` during the current batch of work.
+      // Determines whether we should yield to microtasks to unwrap already resolved
+      // promises without suspending.
+      didUsePromise: false,
+      // Track first uncaught error within this act
+      thrownErrors: []
+    };
+
+    /**
+     * 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;
 
     {
-      ReactSharedInternals.actQueue = null;
-      ReactSharedInternals.isBatchingLegacy = false;
-      ReactSharedInternals.didScheduleLegacyUpdate = false;
-      ReactSharedInternals.didUsePromise = false;
-      ReactSharedInternals.thrownErrors = [];
-      var currentExtraStackFrame = null;
-
-      ReactSharedInternals.setExtraStackFrame = function (stack) {
-        currentExtraStackFrame = stack;
+      ReactDebugCurrentFrame$1.setExtraStackFrame = function (stack) {
+        {
+          currentExtraStackFrame = stack;
+        }
       }; // Stack implementation injected by the current renderer.
 
-      ReactSharedInternals.getCurrentStack = null;
+      ReactDebugCurrentFrame$1.getCurrentStack = null;
 
-      ReactSharedInternals.getStackAddendum = function () {
+      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 = ReactSharedInternals.getCurrentStack;
+        var impl = ReactDebugCurrentFrame$1.getCurrentStack;
 
         if (impl) {
           stack += impl() || "";
@@ -665,6 +687,18 @@ if (__DEV__) {
       };
     }
 
+    var ReactSharedInternals = {
+      ReactCurrentDispatcher: ReactCurrentDispatcher$1,
+      ReactCurrentCache: ReactCurrentCache,
+      ReactCurrentBatchConfig: ReactCurrentBatchConfig,
+      ReactCurrentOwner: ReactCurrentOwner$1
+    };
+
+    {
+      ReactSharedInternals.ReactDebugCurrentFrame = ReactDebugCurrentFrame$1;
+      ReactSharedInternals.ReactCurrentActQueue = ReactCurrentActQueue;
+    }
+
     // $FlowFixMe[method-unbinding]
     var hasOwnProperty = Object.prototype.hasOwnProperty;
 
@@ -807,8 +841,9 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -860,13 +895,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher.current = null;
         disableLogs();
       }
       /**
@@ -1059,7 +1094,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -1077,7 +1112,7 @@ if (__DEV__) {
 
       return syntheticFrame;
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -1088,7 +1123,7 @@ if (__DEV__) {
       return !!(prototype && prototype.isReactComponent);
     }
 
-    function describeUnknownElementTypeFrameInDEV(type) {
+    function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
       if (type == null) {
         return "";
       }
@@ -1118,7 +1153,7 @@ if (__DEV__) {
 
           case REACT_MEMO_TYPE:
             // Memo may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(type.type);
+            return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
 
           case REACT_LAZY_TYPE: {
             var lazyComponent = type;
@@ -1127,7 +1162,10 @@ if (__DEV__) {
 
             try {
               // Lazy may contain any component type so we recursively resolve it.
-              return describeUnknownElementTypeFrameInDEV(init(payload));
+              return describeUnknownElementTypeFrameInDEV(
+                init(payload),
+                ownerFn
+              );
             } catch (x) {}
           }
         }
@@ -1136,163 +1174,13 @@ if (__DEV__) {
       return "";
     }
 
-    var FunctionComponent = 0;
-    var ClassComponent = 1;
-    var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
-
-    var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
-
-    var HostComponent = 5;
-    var HostText = 6;
-    var Fragment = 7;
-    var Mode = 8;
-    var ContextConsumer = 9;
-    var ContextProvider = 10;
-    var ForwardRef = 11;
-    var Profiler = 12;
-    var SuspenseComponent = 13;
-    var MemoComponent = 14;
-    var SimpleMemoComponent = 15;
-    var LazyComponent = 16;
-    var IncompleteClassComponent = 17;
-    var DehydratedFragment = 18;
-    var SuspenseListComponent = 19;
-    var ScopeComponent = 21;
-    var OffscreenComponent = 22;
-    var LegacyHiddenComponent = 23;
-    var CacheComponent = 24;
-    var TracingMarkerComponent = 25;
-    var HostHoistable = 26;
-    var HostSingleton = 27;
-    var IncompleteFunctionComponent = 28;
-
-    function getWrappedName(outerType, innerType, wrapperName) {
-      var functionName = innerType.displayName || innerType.name || "";
-      return (
-        outerType.displayName ||
-        (functionName !== ""
-          ? wrapperName + "(" + functionName + ")"
-          : wrapperName)
-      );
-    } // Keep in sync with shared/getComponentNameFromType
-
-    function getContextName(type) {
-      return type.displayName || "Context";
-    }
-    function getComponentNameFromFiber(fiber) {
-      var tag = fiber.tag,
-        type = fiber.type;
-
-      switch (tag) {
-        case CacheComponent:
-          return "Cache";
-
-        case ContextConsumer:
-          if (enableRenderableContext) {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          } else {
-            var context = type;
-            return getContextName(context) + ".Consumer";
-          }
-
-        case ContextProvider:
-          if (enableRenderableContext) {
-            var _context = type;
-            return getContextName(_context) + ".Provider";
-          } else {
-            var provider = type;
-            return getContextName(provider._context) + ".Provider";
-          }
-
-        case DehydratedFragment:
-          return "DehydratedFragment";
-
-        case ForwardRef:
-          return getWrappedName(type, type.render, "ForwardRef");
-
-        case Fragment:
-          return "Fragment";
-
-        case HostHoistable:
-        case HostSingleton:
-        case HostComponent:
-          // Host component type is the display name (e.g. "div", "View")
-          return type;
-
-        case HostPortal:
-          return "Portal";
-
-        case HostRoot:
-          return "Root";
-
-        case HostText:
-          return "Text";
-
-        case LazyComponent:
-          // Name comes from the type in this case; we don't have a tag.
-          return getComponentNameFromType(type);
-
-        case Mode:
-          if (type === REACT_STRICT_MODE_TYPE) {
-            // Don't be less specific than shared/getComponentNameFromType
-            return "StrictMode";
-          }
-
-          return "Mode";
-
-        case OffscreenComponent:
-          return "Offscreen";
-
-        case Profiler:
-          return "Profiler";
-
-        case ScopeComponent:
-          return "Scope";
-
-        case SuspenseComponent:
-          return "Suspense";
-
-        case SuspenseListComponent:
-          return "SuspenseList";
-
-        case TracingMarkerComponent:
-          return "TracingMarker";
-        // The display name for these tags come from the user-provided type:
-
-        case IncompleteClassComponent:
-        case IncompleteFunctionComponent:
-
-        // Fallthrough
-
-        case ClassComponent:
-        case FunctionComponent:
-        case MemoComponent:
-        case SimpleMemoComponent:
-          if (typeof type === "function") {
-            return type.displayName || type.name || null;
-          }
-
-          if (typeof type === "string") {
-            return type;
-          }
-
-          break;
-
-        case LegacyHiddenComponent: {
-          return "LegacyHidden";
-        }
-      }
-
-      return null;
-    }
-
+    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;
-    var didWarnAboutOldJSXRuntime;
 
     {
       didWarnAboutStringRefs = {};
@@ -1331,12 +1219,12 @@ if (__DEV__) {
       {
         if (
           typeof config.ref === "string" &&
-          ReactSharedInternals.owner &&
+          ReactCurrentOwner.current &&
           self &&
-          ReactSharedInternals.owner.stateNode !== self
+          ReactCurrentOwner.current.stateNode !== self
         ) {
           var componentName = getComponentNameFromType(
-            ReactSharedInternals.owner.type
+            ReactCurrentOwner.current.type
           );
 
           if (!didWarnAboutStringRefs[componentName]) {
@@ -1347,7 +1235,7 @@ if (__DEV__) {
                 "We ask you to manually fix this case by using useRef() or createRef() instead. " +
                 "Learn more about using refs safely here: " +
                 "https://react.dev/link/strict-mode-string-ref",
-              getComponentNameFromType(ReactSharedInternals.owner.type),
+              getComponentNameFromType(ReactCurrentOwner.current.type),
               config.ref
             );
 
@@ -1707,6 +1595,9 @@ if (__DEV__) {
           }
         }
 
+        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" />
@@ -1734,49 +1625,20 @@ if (__DEV__) {
         if (hasValidRef(config)) {
           if (!enableRefAsProp) {
             ref = config.ref;
-
-            {
-              ref = coerceStringRef(ref, ReactSharedInternals.owner, type);
-            }
           }
 
           {
             warnIfStringRefCannotBeAutoConverted(config, self);
           }
-        }
+        } // Remaining properties are added to a new props object
 
-        var props;
-
-        if (enableRefAsProp && disableStringRefs && !("key" in config)) {
-          // If key was not spread in, we can reuse the original props object. This
-          // only works for `jsx`, not `createElement`, because `jsx` is a compiler
-          // target and the compiler always passes a new object. For `createElement`,
-          // we can't assume a new object is passed every time because it can be
-          // called manually.
-          //
-          // Spreading key is a warning in dev. In a future release, we will not
-          // remove a spread key from the props object. (But we'll still warn.) We'll
-          // always pass the object straight through.
-          props = config;
-        } else {
-          // We need to remove reserved props (key, prop, ref). Create a fresh props
-          // object and copy over all the non-reserved props. We don't use `delete`
-          // because in V8 it will deopt the object to dictionary mode.
-          props = {};
-
-          for (var propName in config) {
-            // Skip over reserved prop names
-            if (propName !== "key" && (enableRefAsProp || propName !== "ref")) {
-              if (enableRefAsProp && !disableStringRefs && propName === "ref") {
-                props.ref = coerceStringRef(
-                  config[propName],
-                  ReactSharedInternals.owner,
-                  type
-                );
-              } else {
-                props[propName] = config[propName];
-              }
-            }
+        for (propName in config) {
+          if (
+            hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+            propName !== "key" &&
+            (enableRefAsProp || propName !== "ref")
+          ) {
+            props[propName] = config[propName];
           }
         }
 
@@ -1785,9 +1647,9 @@ if (__DEV__) {
           if (type && type.defaultProps) {
             var defaultProps = type.defaultProps;
 
-            for (var _propName2 in defaultProps) {
-              if (props[_propName2] === undefined) {
-                props[_propName2] = defaultProps[_propName2];
+            for (propName in defaultProps) {
+              if (props[propName] === undefined) {
+                props[propName] = defaultProps[propName];
               }
             }
           }
@@ -1814,7 +1676,7 @@ if (__DEV__) {
           ref,
           self,
           source,
-          ReactSharedInternals.owner,
+          ReactCurrentOwner.current,
           props
         );
 
@@ -1895,34 +1757,9 @@ if (__DEV__) {
       var ref = null;
 
       if (config != null) {
-        {
-          if (
-            !didWarnAboutOldJSXRuntime &&
-            "__self" in config && // Do not assume this is the result of an oudated JSX transform if key
-            // is present, because the modern JSX transform sometimes outputs
-            // createElement to preserve precedence between a static key and a
-            // spread key. To avoid false positive warnings, we never warn if
-            // there's a key.
-            !("key" in config)
-          ) {
-            didWarnAboutOldJSXRuntime = true;
-
-            warn(
-              "Your app (or one of its dependencies) is using an outdated JSX " +
-                "transform. Update to the modern JSX transform for " +
-                "faster performance: " + // TODO: Create a short link for this
-                "https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html"
-            );
-          }
-        }
-
         if (hasValidRef(config)) {
           if (!enableRefAsProp) {
             ref = config.ref;
-
-            {
-              ref = coerceStringRef(ref, ReactSharedInternals.owner, type);
-            }
           }
 
           {
@@ -1949,15 +1786,7 @@ if (__DEV__) {
             propName !== "__self" &&
             propName !== "__source"
           ) {
-            if (enableRefAsProp && !disableStringRefs && propName === "ref") {
-              props.ref = coerceStringRef(
-                config[propName],
-                ReactSharedInternals.owner,
-                type
-              );
-            } else {
-              props[propName] = config[propName];
-            }
+            props[propName] = config[propName];
           }
         }
       } // Children can be more than one argument, and those are transferred onto
@@ -2016,7 +1845,7 @@ if (__DEV__) {
         ref,
         undefined,
         undefined,
-        ReactSharedInternals.owner,
+        ReactCurrentOwner.current,
         props
       );
 
@@ -2063,16 +1892,12 @@ if (__DEV__) {
 
       if (config != null) {
         if (hasValidRef(config)) {
-          owner = ReactSharedInternals.owner;
-
           if (!enableRefAsProp) {
             // Silently steal the ref from the parent.
             ref = config.ref;
-
-            {
-              ref = coerceStringRef(ref, owner, element.type);
-            }
           }
+
+          owner = ReactCurrentOwner.current;
         }
 
         if (hasValidKey(config)) {
@@ -2117,15 +1942,7 @@ if (__DEV__) {
               // Resolve default props
               props[propName] = defaultProps[propName];
             } else {
-              if (enableRefAsProp && !disableStringRefs && propName === "ref") {
-                props.ref = coerceStringRef(
-                  config[propName],
-                  owner,
-                  element.type
-                );
-              } else {
-                props[propName] = config[propName];
-              }
+              props[propName] = config[propName];
             }
           }
         }
@@ -2165,8 +1982,8 @@ if (__DEV__) {
 
     function getDeclarationErrorAddendum() {
       {
-        if (ReactSharedInternals.owner) {
-          var name = getComponentNameFromType(ReactSharedInternals.owner.type);
+        if (ReactCurrentOwner.current) {
+          var name = getComponentNameFromType(ReactCurrentOwner.current.type);
 
           if (name) {
             return "\n\nCheck the render method of `" + name + "`.";
@@ -2280,18 +2097,14 @@ if (__DEV__) {
 
         if (
           element &&
-          element._owner != null &&
-          element._owner !== ReactSharedInternals.owner
+          element._owner &&
+          element._owner !== ReactCurrentOwner.current
         ) {
-          var ownerName = null;
-
-          if (typeof element._owner.tag === "number") {
-            ownerName = getComponentNameFromType(element._owner.type);
-          } else if (typeof element._owner.name === "string") {
-            ownerName = element._owner.name;
-          } // Give the component that originally created this child.
-
-          childOwner = " It was passed a child from " + ownerName + ".";
+          // Give the component that originally created this child.
+          childOwner =
+            " It was passed a child from " +
+            getComponentNameFromType(element._owner.type) +
+            ".";
         }
 
         setCurrentlyValidatingElement(element);
@@ -2310,10 +2123,14 @@ if (__DEV__) {
     function setCurrentlyValidatingElement(element) {
       {
         if (element) {
-          var stack = describeUnknownElementTypeFrameInDEV(element.type);
-          ReactSharedInternals.setExtraStackFrame(stack);
+          var owner = element._owner;
+          var stack = describeUnknownElementTypeFrameInDEV(
+            element.type,
+            owner ? owner.type : null
+          );
+          ReactDebugCurrentFrame.setExtraStackFrame(stack);
         } else {
-          ReactSharedInternals.setExtraStackFrame(null);
+          ReactDebugCurrentFrame.setExtraStackFrame(null);
         }
       }
     }
@@ -2371,96 +2188,6 @@ if (__DEV__) {
       }
     }
 
-    function coerceStringRef(mixedRef, owner, type) {
-      var stringRef;
-
-      if (typeof mixedRef === "string") {
-        stringRef = mixedRef;
-      } else {
-        if (typeof mixedRef === "number" || typeof mixedRef === "boolean") {
-          {
-            checkPropStringCoercion(mixedRef, "ref");
-          }
-
-          stringRef = "" + mixedRef;
-        } else {
-          return mixedRef;
-        }
-      }
-
-      return stringRefAsCallbackRef.bind(null, stringRef, type, owner);
-    }
-
-    function stringRefAsCallbackRef(stringRef, type, owner, value) {
-      if (!owner) {
-        throw new Error(
-          "Element ref was specified as a string (" +
-            stringRef +
-            ") 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://react.dev/link/refs-must-have-owner for more information."
-        );
-      }
-
-      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://react.dev/link/strict-mode-string-ref"
-        );
-      }
-
-      {
-        if (
-          // Will already warn with "Function components cannot be given refs"
-          !(typeof type === "function" && !isReactClass(type))
-        ) {
-          var componentName = getComponentNameFromFiber(owner) || "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://react.dev/link/strict-mode-string-ref",
-              componentName,
-              stringRef
-            );
-
-            didWarnAboutStringRefs[componentName] = true;
-          }
-        }
-      }
-
-      var inst = owner.stateNode;
-
-      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."
-        );
-      }
-
-      var refs = inst.refs;
-
-      if (value === null) {
-        delete refs[stringRef];
-      } else {
-        refs[stringRef] = value;
-      }
-    }
-
-    function isReactClass(type) {
-      return type.prototype && type.prototype.isReactComponent;
-    }
-
     var SEPARATOR = ".";
     var SUBSEPARATOR = ":";
     /**
@@ -3215,7 +2942,7 @@ if (__DEV__) {
     var cache = noopCache;
 
     function resolveDispatcher() {
-      var dispatcher = ReactSharedInternals.H;
+      var dispatcher = ReactCurrentDispatcher$1.current;
 
       {
         if (dispatcher === null) {
@@ -3236,7 +2963,7 @@ if (__DEV__) {
     }
 
     function getCacheForType(resourceType) {
-      var dispatcher = ReactSharedInternals.C;
+      var dispatcher = ReactCurrentCache.current;
 
       if (!dispatcher) {
         // If there is no dispatcher, then we treat this as not being cached.
@@ -3393,26 +3120,26 @@ if (__DEV__) {
           };
 
     function startTransition(scope, options) {
-      var prevTransition = ReactSharedInternals.T; // Each renderer registers a callback to receive the return value of
+      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
       };
-      ReactSharedInternals.T = transition;
-      var currentTransition = ReactSharedInternals.T;
+      ReactCurrentBatchConfig.transition = transition;
+      var currentTransition = ReactCurrentBatchConfig.transition;
 
       {
-        ReactSharedInternals.T._updatedFibers = new Set();
+        ReactCurrentBatchConfig.transition._updatedFibers = new Set();
       }
 
       if (enableTransitionTracing) {
         if (options !== undefined && options.name !== undefined) {
           // $FlowFixMe[incompatible-use] found when upgrading Flow
-          ReactSharedInternals.T.name = options.name; // $FlowFixMe[incompatible-use] found when upgrading Flow
+          ReactCurrentBatchConfig.transition.name = options.name; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-          ReactSharedInternals.T.startTime = -1;
+          ReactCurrentBatchConfig.transition.startTime = -1;
         }
       }
 
@@ -3434,7 +3161,7 @@ if (__DEV__) {
           reportGlobalError(error);
         } finally {
           warnAboutTransitionSubscriptions(prevTransition, currentTransition);
-          ReactSharedInternals.T = prevTransition;
+          ReactCurrentBatchConfig.transition = prevTransition;
         }
       }
     }
@@ -3521,7 +3248,7 @@ if (__DEV__) {
 
     function act(callback) {
       {
-        // When ReactSharedInternals.actQueue is not null, it signals to React that
+        // When ReactCurrentActQueue.current is not null, it signals to React that
         // we're currently inside an `act` scope. React will push all its tasks to
         // this queue instead of scheduling them with platform APIs.
         //
@@ -3530,18 +3257,18 @@ if (__DEV__) {
         // `act` calls can be nested.
         //
         // If we're already inside an `act` scope, reuse the existing queue.
-        var prevIsBatchingLegacy = ReactSharedInternals.isBatchingLegacy;
-        var prevActQueue = ReactSharedInternals.actQueue;
+        var prevIsBatchingLegacy = ReactCurrentActQueue.isBatchingLegacy;
+        var prevActQueue = ReactCurrentActQueue.current;
         var prevActScopeDepth = actScopeDepth;
         actScopeDepth++;
-        var queue = (ReactSharedInternals.actQueue =
+        var queue = (ReactCurrentActQueue.current =
           prevActQueue !== null ? prevActQueue : []); // Used to reproduce behavior of `batchedUpdates` in legacy mode. Only
         // set to `true` while the given callback is executed, not for updates
         // triggered during an async event, because this is how the legacy
         // implementation of `act` behaved.
 
         {
-          ReactSharedInternals.isBatchingLegacy = true;
+          ReactCurrentActQueue.isBatchingLegacy = true;
         }
 
         var result; // This tracks whether the `act` call is awaited. In certain cases, not
@@ -3554,12 +3281,12 @@ if (__DEV__) {
           // only place we ever read this fields is just below, right after running
           // the callback. So we don't need to reset after the callback runs.
           if (!disableLegacyMode) {
-            ReactSharedInternals.didScheduleLegacyUpdate = false;
+            ReactCurrentActQueue.didScheduleLegacyUpdate = false;
           }
 
           result = callback();
           var didScheduleLegacyUpdate = !disableLegacyMode
-            ? ReactSharedInternals.didScheduleLegacyUpdate
+            ? ReactCurrentActQueue.didScheduleLegacyUpdate
             : false; // Replicate behavior of original `act` implementation in legacy mode,
           // which flushed updates immediately after the scope function exits, even
           // if it's an async function.
@@ -3572,24 +3299,24 @@ if (__DEV__) {
           // delete legacy mode!!
 
           if (!disableLegacyMode) {
-            ReactSharedInternals.isBatchingLegacy = prevIsBatchingLegacy;
+            ReactCurrentActQueue.isBatchingLegacy = prevIsBatchingLegacy;
           }
         } catch (error) {
           // `isBatchingLegacy` gets reset using the regular stack, not the async
           // one used to track `act` scopes. Why, you may be wondering? Because
           // that's how it worked before version 18. Yes, it's confusing! We should
           // delete legacy mode!!
-          ReactSharedInternals.thrownErrors.push(error);
+          ReactCurrentActQueue.thrownErrors.push(error);
         }
 
-        if (ReactSharedInternals.thrownErrors.length > 0) {
+        if (ReactCurrentActQueue.thrownErrors.length > 0) {
           {
-            ReactSharedInternals.isBatchingLegacy = prevIsBatchingLegacy;
+            ReactCurrentActQueue.isBatchingLegacy = prevIsBatchingLegacy;
           }
 
           popActScope(prevActQueue, prevActScopeDepth);
-          var thrownError = aggregateErrors(ReactSharedInternals.thrownErrors);
-          ReactSharedInternals.thrownErrors.length = 0;
+          var thrownError = aggregateErrors(ReactCurrentActQueue.thrownErrors);
+          ReactCurrentActQueue.thrownErrors.length = 0;
           throw thrownError;
         }
 
@@ -3645,15 +3372,15 @@ if (__DEV__) {
                       // `thenable` might not be a real promise, and `flushActQueue`
                       // might throw, so we need to wrap `flushActQueue` in a
                       // try/catch.
-                      ReactSharedInternals.thrownErrors.push(error);
+                      ReactCurrentActQueue.thrownErrors.push(error);
                     }
 
-                    if (ReactSharedInternals.thrownErrors.length > 0) {
+                    if (ReactCurrentActQueue.thrownErrors.length > 0) {
                       var _thrownError = aggregateErrors(
-                        ReactSharedInternals.thrownErrors
+                        ReactCurrentActQueue.thrownErrors
                       );
 
-                      ReactSharedInternals.thrownErrors.length = 0;
+                      ReactCurrentActQueue.thrownErrors.length = 0;
                       reject(_thrownError);
                     }
                   } else {
@@ -3663,12 +3390,12 @@ if (__DEV__) {
                 function (error) {
                   popActScope(prevActQueue, prevActScopeDepth);
 
-                  if (ReactSharedInternals.thrownErrors.length > 0) {
+                  if (ReactCurrentActQueue.thrownErrors.length > 0) {
                     var _thrownError2 = aggregateErrors(
-                      ReactSharedInternals.thrownErrors
+                      ReactCurrentActQueue.thrownErrors
                     );
 
-                    ReactSharedInternals.thrownErrors.length = 0;
+                    ReactCurrentActQueue.thrownErrors.length = 0;
                     reject(_thrownError2);
                   } else {
                     reject(error);
@@ -3722,15 +3449,15 @@ if (__DEV__) {
             // TODO: In a future version, consider always requiring all `act` calls
             // to be awaited, regardless of whether the callback is sync or async.
 
-            ReactSharedInternals.actQueue = null;
+            ReactCurrentActQueue.current = null;
           }
 
-          if (ReactSharedInternals.thrownErrors.length > 0) {
+          if (ReactCurrentActQueue.thrownErrors.length > 0) {
             var _thrownError3 = aggregateErrors(
-              ReactSharedInternals.thrownErrors
+              ReactCurrentActQueue.thrownErrors
             );
 
-            ReactSharedInternals.thrownErrors.length = 0;
+            ReactCurrentActQueue.thrownErrors.length = 0;
             throw _thrownError3;
           }
 
@@ -3741,7 +3468,7 @@ if (__DEV__) {
               if (prevActScopeDepth === 0) {
                 // If the `act` call is awaited, restore the queue we were
                 // using before (see long comment above) so we can flush it.
-                ReactSharedInternals.actQueue = queue;
+                ReactCurrentActQueue.current = queue;
                 enqueueTask(function () {
                   return (
                     // Recursively flush tasks scheduled by a microtask.
@@ -3773,7 +3500,7 @@ if (__DEV__) {
     function recursivelyFlushAsyncActWork(returnValue, resolve, reject) {
       {
         // Check if any tasks were scheduled asynchronously.
-        var queue = ReactSharedInternals.actQueue;
+        var queue = ReactCurrentActQueue.current;
 
         if (queue !== null) {
           if (queue.length !== 0) {
@@ -3793,17 +3520,17 @@ if (__DEV__) {
               return;
             } catch (error) {
               // Leave remaining tasks on the queue if something throws.
-              ReactSharedInternals.thrownErrors.push(error);
+              ReactCurrentActQueue.thrownErrors.push(error);
             }
           } else {
             // The queue is empty. We can finish.
-            ReactSharedInternals.actQueue = null;
+            ReactCurrentActQueue.current = null;
           }
         }
 
-        if (ReactSharedInternals.thrownErrors.length > 0) {
-          var thrownError = aggregateErrors(ReactSharedInternals.thrownErrors);
-          ReactSharedInternals.thrownErrors.length = 0;
+        if (ReactCurrentActQueue.thrownErrors.length > 0) {
+          var thrownError = aggregateErrors(ReactCurrentActQueue.thrownErrors);
+          ReactCurrentActQueue.thrownErrors.length = 0;
           reject(thrownError);
         } else {
           resolve(returnValue);
@@ -3825,11 +3552,11 @@ if (__DEV__) {
               var callback = queue[i];
 
               do {
-                ReactSharedInternals.didUsePromise = false;
+                ReactCurrentActQueue.didUsePromise = false;
                 var continuation = callback(false);
 
                 if (continuation !== null) {
-                  if (ReactSharedInternals.didUsePromise) {
+                  if (ReactCurrentActQueue.didUsePromise) {
                     // The component just suspended. Yield to the main thread in
                     // case the promise is already resolved. If so, it will ping in
                     // a microtask and we can resume without unwinding the stack.
@@ -3849,7 +3576,7 @@ if (__DEV__) {
           } catch (error) {
             // If something throws, leave the remaining callbacks on the queue.
             queue.splice(0, i + 1);
-            ReactSharedInternals.thrownErrors.push(error);
+            ReactCurrentActQueue.thrownErrors.push(error);
           } finally {
             isFlushing = false;
           }
@@ -3896,7 +3623,7 @@ if (__DEV__) {
     exports.PureComponent = PureComponent;
     exports.StrictMode = REACT_STRICT_MODE_TYPE;
     exports.Suspense = REACT_SUSPENSE_TYPE;
-    exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
+    exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED =
       ReactSharedInternals;
     exports.act = act;
     exports.cache = cache;
diff --git a/compiled/facebook-www/React-dev.modern.js b/compiled/facebook-www/React-dev.modern.js
index d19ef6b0a0..e81bca2033 100644
--- a/compiled/facebook-www/React-dev.modern.js
+++ b/compiled/facebook-www/React-dev.modern.js
@@ -24,7 +24,7 @@ if (__DEV__) {
     ) {
       __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
     }
-    var ReactVersion = "19.0.0-www-modern-cd353aaf";
+    var ReactVersion = "19.0.0-www-modern-3a8173ed";
 
     // ATTENTION
     // When adding new symbols to this file,
@@ -109,10 +109,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -466,20 +468,6 @@ if (__DEV__) {
         }
       }
     }
-    function checkPropStringCoercion(value, propName) {
-      {
-        if (willCoercionThrow(value)) {
-          error(
-            "The provided `%s` prop is an unsupported type %s." +
-              " This value must be coerced to a string before using it here.",
-            propName,
-            typeName(value)
-          );
-
-          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
-        }
-      }
-    }
 
     // Re-export dynamic flags from the www version.
     var dynamicFeatureFlags = require("ReactFeatureFlags");
@@ -490,12 +478,9 @@ if (__DEV__) {
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
       disableDefaultPropsExceptForClasses =
         dynamicFeatureFlags.disableDefaultPropsExceptForClasses; // On WWW, true is used for a new modern build.
-    // because JSX is an extremely hot path.
-
-    var disableStringRefs = false;
     var disableLegacyMode = true;
 
-    function getWrappedName$1(outerType, innerType, wrapperName) {
+    function getWrappedName(outerType, innerType, wrapperName) {
       var displayName = outerType.displayName;
 
       if (displayName) {
@@ -508,7 +493,7 @@ if (__DEV__) {
         : wrapperName;
     } // Keep in sync with react-reconciler/getComponentNameFromFiber
 
-    function getContextName$1(type) {
+    function getContextName(type) {
       return type.displayName || "Context";
     }
 
@@ -575,28 +560,28 @@ if (__DEV__) {
               return null;
             } else {
               var provider = type;
-              return getContextName$1(provider._context) + ".Provider";
+              return getContextName(provider._context) + ".Provider";
             }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
             if (enableRenderableContext) {
-              return getContextName$1(context) + ".Provider";
+              return getContextName(context) + ".Provider";
             } else {
-              return getContextName$1(context) + ".Consumer";
+              return getContextName(context) + ".Consumer";
             }
 
           case REACT_CONSUMER_TYPE:
             if (enableRenderableContext) {
               var consumer = type;
-              return getContextName$1(consumer._context) + ".Consumer";
+              return getContextName(consumer._context) + ".Consumer";
             } else {
               return null;
             }
 
           case REACT_FORWARD_REF_TYPE:
-            return getWrappedName$1(type, type.render, "ForwardRef");
+            return getWrappedName(type, type.render, "ForwardRef");
 
           case REACT_MEMO_TYPE:
             var outerName = type.displayName || null;
@@ -624,38 +609,75 @@ if (__DEV__) {
       return null;
     }
 
-    var ReactSharedInternals = {
-      H: null,
-      C: null,
-      T: null
+    /**
+     * Keeps track of the current dispatcher.
+     */
+    var ReactCurrentDispatcher$1 = {
+      current: null
     };
 
-    {
-      ReactSharedInternals.owner = null;
-    }
+    /**
+     * Keeps track of the current Cache dispatcher.
+     */
+    var ReactCurrentCache = {
+      current: null
+    };
+
+    /**
+     * 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
+    };
+
+    var ReactCurrentActQueue = {
+      current: null,
+      // Used to reproduce behavior of `batchedUpdates` in legacy mode.
+      isBatchingLegacy: false,
+      didScheduleLegacyUpdate: false,
+      // Tracks whether something called `use` during the current batch of work.
+      // Determines whether we should yield to microtasks to unwrap already resolved
+      // promises without suspending.
+      didUsePromise: false,
+      // Track first uncaught error within this act
+      thrownErrors: []
+    };
+
+    /**
+     * 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;
 
     {
-      ReactSharedInternals.actQueue = null;
-      ReactSharedInternals.isBatchingLegacy = false;
-      ReactSharedInternals.didScheduleLegacyUpdate = false;
-      ReactSharedInternals.didUsePromise = false;
-      ReactSharedInternals.thrownErrors = [];
-      var currentExtraStackFrame = null;
-
-      ReactSharedInternals.setExtraStackFrame = function (stack) {
-        currentExtraStackFrame = stack;
+      ReactDebugCurrentFrame$1.setExtraStackFrame = function (stack) {
+        {
+          currentExtraStackFrame = stack;
+        }
       }; // Stack implementation injected by the current renderer.
 
-      ReactSharedInternals.getCurrentStack = null;
+      ReactDebugCurrentFrame$1.getCurrentStack = null;
 
-      ReactSharedInternals.getStackAddendum = function () {
+      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 = ReactSharedInternals.getCurrentStack;
+        var impl = ReactDebugCurrentFrame$1.getCurrentStack;
 
         if (impl) {
           stack += impl() || "";
@@ -665,6 +687,18 @@ if (__DEV__) {
       };
     }
 
+    var ReactSharedInternals = {
+      ReactCurrentDispatcher: ReactCurrentDispatcher$1,
+      ReactCurrentCache: ReactCurrentCache,
+      ReactCurrentBatchConfig: ReactCurrentBatchConfig,
+      ReactCurrentOwner: ReactCurrentOwner$1
+    };
+
+    {
+      ReactSharedInternals.ReactDebugCurrentFrame = ReactDebugCurrentFrame$1;
+      ReactSharedInternals.ReactCurrentActQueue = ReactCurrentActQueue;
+    }
+
     // $FlowFixMe[method-unbinding]
     var hasOwnProperty = Object.prototype.hasOwnProperty;
 
@@ -807,8 +841,9 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -860,13 +895,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher.current = null;
         disableLogs();
       }
       /**
@@ -1059,7 +1094,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -1077,7 +1112,7 @@ if (__DEV__) {
 
       return syntheticFrame;
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -1088,7 +1123,7 @@ if (__DEV__) {
       return !!(prototype && prototype.isReactComponent);
     }
 
-    function describeUnknownElementTypeFrameInDEV(type) {
+    function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
       if (type == null) {
         return "";
       }
@@ -1118,7 +1153,7 @@ if (__DEV__) {
 
           case REACT_MEMO_TYPE:
             // Memo may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(type.type);
+            return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
 
           case REACT_LAZY_TYPE: {
             var lazyComponent = type;
@@ -1127,7 +1162,10 @@ if (__DEV__) {
 
             try {
               // Lazy may contain any component type so we recursively resolve it.
-              return describeUnknownElementTypeFrameInDEV(init(payload));
+              return describeUnknownElementTypeFrameInDEV(
+                init(payload),
+                ownerFn
+              );
             } catch (x) {}
           }
         }
@@ -1136,165 +1174,13 @@ if (__DEV__) {
       return "";
     }
 
-    var FunctionComponent = 0;
-    var ClassComponent = 1;
-    var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
-
-    var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
-
-    var HostComponent = 5;
-    var HostText = 6;
-    var Fragment = 7;
-    var Mode = 8;
-    var ContextConsumer = 9;
-    var ContextProvider = 10;
-    var ForwardRef = 11;
-    var Profiler = 12;
-    var SuspenseComponent = 13;
-    var MemoComponent = 14;
-    var SimpleMemoComponent = 15;
-    var LazyComponent = 16;
-    var IncompleteClassComponent = 17;
-    var DehydratedFragment = 18;
-    var SuspenseListComponent = 19;
-    var ScopeComponent = 21;
-    var OffscreenComponent = 22;
-    var LegacyHiddenComponent = 23;
-    var CacheComponent = 24;
-    var TracingMarkerComponent = 25;
-    var HostHoistable = 26;
-    var HostSingleton = 27;
-    var IncompleteFunctionComponent = 28;
-
-    function getWrappedName(outerType, innerType, wrapperName) {
-      var functionName = innerType.displayName || innerType.name || "";
-      return (
-        outerType.displayName ||
-        (functionName !== ""
-          ? wrapperName + "(" + functionName + ")"
-          : wrapperName)
-      );
-    } // Keep in sync with shared/getComponentNameFromType
-
-    function getContextName(type) {
-      return type.displayName || "Context";
-    }
-    function getComponentNameFromFiber(fiber) {
-      var tag = fiber.tag,
-        type = fiber.type;
-
-      switch (tag) {
-        case CacheComponent:
-          return "Cache";
-
-        case ContextConsumer:
-          if (enableRenderableContext) {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          } else {
-            var context = type;
-            return getContextName(context) + ".Consumer";
-          }
-
-        case ContextProvider:
-          if (enableRenderableContext) {
-            var _context = type;
-            return getContextName(_context) + ".Provider";
-          } else {
-            var provider = type;
-            return getContextName(provider._context) + ".Provider";
-          }
-
-        case DehydratedFragment:
-          return "DehydratedFragment";
-
-        case ForwardRef:
-          return getWrappedName(type, type.render, "ForwardRef");
-
-        case Fragment:
-          return "Fragment";
-
-        case HostHoistable:
-        case HostSingleton:
-        case HostComponent:
-          // Host component type is the display name (e.g. "div", "View")
-          return type;
-
-        case HostPortal:
-          return "Portal";
-
-        case HostRoot:
-          return "Root";
-
-        case HostText:
-          return "Text";
-
-        case LazyComponent:
-          // Name comes from the type in this case; we don't have a tag.
-          return getComponentNameFromType(type);
-
-        case Mode:
-          if (type === REACT_STRICT_MODE_TYPE) {
-            // Don't be less specific than shared/getComponentNameFromType
-            return "StrictMode";
-          }
-
-          return "Mode";
-
-        case OffscreenComponent:
-          return "Offscreen";
-
-        case Profiler:
-          return "Profiler";
-
-        case ScopeComponent:
-          return "Scope";
-
-        case SuspenseComponent:
-          return "Suspense";
-
-        case SuspenseListComponent:
-          return "SuspenseList";
-
-        case TracingMarkerComponent:
-          return "TracingMarker";
-        // The display name for these tags come from the user-provided type:
-
-        case IncompleteClassComponent:
-        case IncompleteFunctionComponent: {
-          break;
-        }
-
-        // Fallthrough
-
-        case ClassComponent:
-        case FunctionComponent:
-        case MemoComponent:
-        case SimpleMemoComponent:
-          if (typeof type === "function") {
-            return type.displayName || type.name || null;
-          }
-
-          if (typeof type === "string") {
-            return type;
-          }
-
-          break;
-
-        case LegacyHiddenComponent: {
-          return "LegacyHidden";
-        }
-      }
-
-      return null;
-    }
-
+    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;
-    var didWarnAboutOldJSXRuntime;
 
     {
       didWarnAboutStringRefs = {};
@@ -1333,12 +1219,12 @@ if (__DEV__) {
       {
         if (
           typeof config.ref === "string" &&
-          ReactSharedInternals.owner &&
+          ReactCurrentOwner.current &&
           self &&
-          ReactSharedInternals.owner.stateNode !== self
+          ReactCurrentOwner.current.stateNode !== self
         ) {
           var componentName = getComponentNameFromType(
-            ReactSharedInternals.owner.type
+            ReactCurrentOwner.current.type
           );
 
           if (!didWarnAboutStringRefs[componentName]) {
@@ -1349,7 +1235,7 @@ if (__DEV__) {
                 "We ask you to manually fix this case by using useRef() or createRef() instead. " +
                 "Learn more about using refs safely here: " +
                 "https://react.dev/link/strict-mode-string-ref",
-              getComponentNameFromType(ReactSharedInternals.owner.type),
+              getComponentNameFromType(ReactCurrentOwner.current.type),
               config.ref
             );
 
@@ -1709,6 +1595,9 @@ if (__DEV__) {
           }
         }
 
+        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" />
@@ -1736,49 +1625,20 @@ if (__DEV__) {
         if (hasValidRef(config)) {
           if (!enableRefAsProp) {
             ref = config.ref;
-
-            {
-              ref = coerceStringRef(ref, ReactSharedInternals.owner, type);
-            }
           }
 
           {
             warnIfStringRefCannotBeAutoConverted(config, self);
           }
-        }
+        } // Remaining properties are added to a new props object
 
-        var props;
-
-        if (enableRefAsProp && disableStringRefs && !("key" in config)) {
-          // If key was not spread in, we can reuse the original props object. This
-          // only works for `jsx`, not `createElement`, because `jsx` is a compiler
-          // target and the compiler always passes a new object. For `createElement`,
-          // we can't assume a new object is passed every time because it can be
-          // called manually.
-          //
-          // Spreading key is a warning in dev. In a future release, we will not
-          // remove a spread key from the props object. (But we'll still warn.) We'll
-          // always pass the object straight through.
-          props = config;
-        } else {
-          // We need to remove reserved props (key, prop, ref). Create a fresh props
-          // object and copy over all the non-reserved props. We don't use `delete`
-          // because in V8 it will deopt the object to dictionary mode.
-          props = {};
-
-          for (var propName in config) {
-            // Skip over reserved prop names
-            if (propName !== "key" && (enableRefAsProp || propName !== "ref")) {
-              if (enableRefAsProp && !disableStringRefs && propName === "ref") {
-                props.ref = coerceStringRef(
-                  config[propName],
-                  ReactSharedInternals.owner,
-                  type
-                );
-              } else {
-                props[propName] = config[propName];
-              }
-            }
+        for (propName in config) {
+          if (
+            hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+            propName !== "key" &&
+            (enableRefAsProp || propName !== "ref")
+          ) {
+            props[propName] = config[propName];
           }
         }
 
@@ -1787,9 +1647,9 @@ if (__DEV__) {
           if (type && type.defaultProps) {
             var defaultProps = type.defaultProps;
 
-            for (var _propName2 in defaultProps) {
-              if (props[_propName2] === undefined) {
-                props[_propName2] = defaultProps[_propName2];
+            for (propName in defaultProps) {
+              if (props[propName] === undefined) {
+                props[propName] = defaultProps[propName];
               }
             }
           }
@@ -1816,7 +1676,7 @@ if (__DEV__) {
           ref,
           self,
           source,
-          ReactSharedInternals.owner,
+          ReactCurrentOwner.current,
           props
         );
 
@@ -1897,34 +1757,9 @@ if (__DEV__) {
       var ref = null;
 
       if (config != null) {
-        {
-          if (
-            !didWarnAboutOldJSXRuntime &&
-            "__self" in config && // Do not assume this is the result of an oudated JSX transform if key
-            // is present, because the modern JSX transform sometimes outputs
-            // createElement to preserve precedence between a static key and a
-            // spread key. To avoid false positive warnings, we never warn if
-            // there's a key.
-            !("key" in config)
-          ) {
-            didWarnAboutOldJSXRuntime = true;
-
-            warn(
-              "Your app (or one of its dependencies) is using an outdated JSX " +
-                "transform. Update to the modern JSX transform for " +
-                "faster performance: " + // TODO: Create a short link for this
-                "https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html"
-            );
-          }
-        }
-
         if (hasValidRef(config)) {
           if (!enableRefAsProp) {
             ref = config.ref;
-
-            {
-              ref = coerceStringRef(ref, ReactSharedInternals.owner, type);
-            }
           }
 
           {
@@ -1951,15 +1786,7 @@ if (__DEV__) {
             propName !== "__self" &&
             propName !== "__source"
           ) {
-            if (enableRefAsProp && !disableStringRefs && propName === "ref") {
-              props.ref = coerceStringRef(
-                config[propName],
-                ReactSharedInternals.owner,
-                type
-              );
-            } else {
-              props[propName] = config[propName];
-            }
+            props[propName] = config[propName];
           }
         }
       } // Children can be more than one argument, and those are transferred onto
@@ -2018,7 +1845,7 @@ if (__DEV__) {
         ref,
         undefined,
         undefined,
-        ReactSharedInternals.owner,
+        ReactCurrentOwner.current,
         props
       );
 
@@ -2065,16 +1892,12 @@ if (__DEV__) {
 
       if (config != null) {
         if (hasValidRef(config)) {
-          owner = ReactSharedInternals.owner;
-
           if (!enableRefAsProp) {
             // Silently steal the ref from the parent.
             ref = config.ref;
-
-            {
-              ref = coerceStringRef(ref, owner, element.type);
-            }
           }
+
+          owner = ReactCurrentOwner.current;
         }
 
         if (hasValidKey(config)) {
@@ -2119,15 +1942,7 @@ if (__DEV__) {
               // Resolve default props
               props[propName] = defaultProps[propName];
             } else {
-              if (enableRefAsProp && !disableStringRefs && propName === "ref") {
-                props.ref = coerceStringRef(
-                  config[propName],
-                  owner,
-                  element.type
-                );
-              } else {
-                props[propName] = config[propName];
-              }
+              props[propName] = config[propName];
             }
           }
         }
@@ -2167,8 +1982,8 @@ if (__DEV__) {
 
     function getDeclarationErrorAddendum() {
       {
-        if (ReactSharedInternals.owner) {
-          var name = getComponentNameFromType(ReactSharedInternals.owner.type);
+        if (ReactCurrentOwner.current) {
+          var name = getComponentNameFromType(ReactCurrentOwner.current.type);
 
           if (name) {
             return "\n\nCheck the render method of `" + name + "`.";
@@ -2282,18 +2097,14 @@ if (__DEV__) {
 
         if (
           element &&
-          element._owner != null &&
-          element._owner !== ReactSharedInternals.owner
+          element._owner &&
+          element._owner !== ReactCurrentOwner.current
         ) {
-          var ownerName = null;
-
-          if (typeof element._owner.tag === "number") {
-            ownerName = getComponentNameFromType(element._owner.type);
-          } else if (typeof element._owner.name === "string") {
-            ownerName = element._owner.name;
-          } // Give the component that originally created this child.
-
-          childOwner = " It was passed a child from " + ownerName + ".";
+          // Give the component that originally created this child.
+          childOwner =
+            " It was passed a child from " +
+            getComponentNameFromType(element._owner.type) +
+            ".";
         }
 
         setCurrentlyValidatingElement(element);
@@ -2312,10 +2123,14 @@ if (__DEV__) {
     function setCurrentlyValidatingElement(element) {
       {
         if (element) {
-          var stack = describeUnknownElementTypeFrameInDEV(element.type);
-          ReactSharedInternals.setExtraStackFrame(stack);
+          var owner = element._owner;
+          var stack = describeUnknownElementTypeFrameInDEV(
+            element.type,
+            owner ? owner.type : null
+          );
+          ReactDebugCurrentFrame.setExtraStackFrame(stack);
         } else {
-          ReactSharedInternals.setExtraStackFrame(null);
+          ReactDebugCurrentFrame.setExtraStackFrame(null);
         }
       }
     }
@@ -2373,96 +2188,6 @@ if (__DEV__) {
       }
     }
 
-    function coerceStringRef(mixedRef, owner, type) {
-      var stringRef;
-
-      if (typeof mixedRef === "string") {
-        stringRef = mixedRef;
-      } else {
-        if (typeof mixedRef === "number" || typeof mixedRef === "boolean") {
-          {
-            checkPropStringCoercion(mixedRef, "ref");
-          }
-
-          stringRef = "" + mixedRef;
-        } else {
-          return mixedRef;
-        }
-      }
-
-      return stringRefAsCallbackRef.bind(null, stringRef, type, owner);
-    }
-
-    function stringRefAsCallbackRef(stringRef, type, owner, value) {
-      if (!owner) {
-        throw new Error(
-          "Element ref was specified as a string (" +
-            stringRef +
-            ") 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://react.dev/link/refs-must-have-owner for more information."
-        );
-      }
-
-      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://react.dev/link/strict-mode-string-ref"
-        );
-      }
-
-      {
-        if (
-          // Will already warn with "Function components cannot be given refs"
-          !(typeof type === "function" && !isReactClass(type))
-        ) {
-          var componentName = getComponentNameFromFiber(owner) || "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://react.dev/link/strict-mode-string-ref",
-              componentName,
-              stringRef
-            );
-
-            didWarnAboutStringRefs[componentName] = true;
-          }
-        }
-      }
-
-      var inst = owner.stateNode;
-
-      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."
-        );
-      }
-
-      var refs = inst.refs;
-
-      if (value === null) {
-        delete refs[stringRef];
-      } else {
-        refs[stringRef] = value;
-      }
-    }
-
-    function isReactClass(type) {
-      return type.prototype && type.prototype.isReactComponent;
-    }
-
     var SEPARATOR = ".";
     var SUBSEPARATOR = ":";
     /**
@@ -3217,7 +2942,7 @@ if (__DEV__) {
     var cache = noopCache;
 
     function resolveDispatcher() {
-      var dispatcher = ReactSharedInternals.H;
+      var dispatcher = ReactCurrentDispatcher$1.current;
 
       {
         if (dispatcher === null) {
@@ -3238,7 +2963,7 @@ if (__DEV__) {
     }
 
     function getCacheForType(resourceType) {
-      var dispatcher = ReactSharedInternals.C;
+      var dispatcher = ReactCurrentCache.current;
 
       if (!dispatcher) {
         // If there is no dispatcher, then we treat this as not being cached.
@@ -3395,26 +3120,26 @@ if (__DEV__) {
           };
 
     function startTransition(scope, options) {
-      var prevTransition = ReactSharedInternals.T; // Each renderer registers a callback to receive the return value of
+      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
       };
-      ReactSharedInternals.T = transition;
-      var currentTransition = ReactSharedInternals.T;
+      ReactCurrentBatchConfig.transition = transition;
+      var currentTransition = ReactCurrentBatchConfig.transition;
 
       {
-        ReactSharedInternals.T._updatedFibers = new Set();
+        ReactCurrentBatchConfig.transition._updatedFibers = new Set();
       }
 
       if (enableTransitionTracing) {
         if (options !== undefined && options.name !== undefined) {
           // $FlowFixMe[incompatible-use] found when upgrading Flow
-          ReactSharedInternals.T.name = options.name; // $FlowFixMe[incompatible-use] found when upgrading Flow
+          ReactCurrentBatchConfig.transition.name = options.name; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-          ReactSharedInternals.T.startTime = -1;
+          ReactCurrentBatchConfig.transition.startTime = -1;
         }
       }
 
@@ -3436,7 +3161,7 @@ if (__DEV__) {
           reportGlobalError(error);
         } finally {
           warnAboutTransitionSubscriptions(prevTransition, currentTransition);
-          ReactSharedInternals.T = prevTransition;
+          ReactCurrentBatchConfig.transition = prevTransition;
         }
       }
     }
@@ -3523,7 +3248,7 @@ if (__DEV__) {
 
     function act(callback) {
       {
-        // When ReactSharedInternals.actQueue is not null, it signals to React that
+        // When ReactCurrentActQueue.current is not null, it signals to React that
         // we're currently inside an `act` scope. React will push all its tasks to
         // this queue instead of scheduling them with platform APIs.
         //
@@ -3533,10 +3258,10 @@ if (__DEV__) {
         //
         // If we're already inside an `act` scope, reuse the existing queue.
         var prevIsBatchingLegacy = false;
-        var prevActQueue = ReactSharedInternals.actQueue;
+        var prevActQueue = ReactCurrentActQueue.current;
         var prevActScopeDepth = actScopeDepth;
         actScopeDepth++;
-        var queue = (ReactSharedInternals.actQueue =
+        var queue = (ReactCurrentActQueue.current =
           prevActQueue !== null ? prevActQueue : []); // Used to reproduce behavior of `batchedUpdates` in legacy mode. Only
 
         var result; // This tracks whether the `act` call is awaited. In certain cases, not
@@ -3552,7 +3277,7 @@ if (__DEV__) {
 
           result = callback();
           var didScheduleLegacyUpdate = !disableLegacyMode
-            ? ReactSharedInternals.didScheduleLegacyUpdate
+            ? ReactCurrentActQueue.didScheduleLegacyUpdate
             : false; // Replicate behavior of original `act` implementation in legacy mode,
           // which flushed updates immediately after the scope function exits, even
           // if it's an async function.
@@ -3570,13 +3295,13 @@ if (__DEV__) {
           // one used to track `act` scopes. Why, you may be wondering? Because
           // that's how it worked before version 18. Yes, it's confusing! We should
           // delete legacy mode!!
-          ReactSharedInternals.thrownErrors.push(error);
+          ReactCurrentActQueue.thrownErrors.push(error);
         }
 
-        if (ReactSharedInternals.thrownErrors.length > 0) {
+        if (ReactCurrentActQueue.thrownErrors.length > 0) {
           popActScope(prevActQueue, prevActScopeDepth);
-          var thrownError = aggregateErrors(ReactSharedInternals.thrownErrors);
-          ReactSharedInternals.thrownErrors.length = 0;
+          var thrownError = aggregateErrors(ReactCurrentActQueue.thrownErrors);
+          ReactCurrentActQueue.thrownErrors.length = 0;
           throw thrownError;
         }
 
@@ -3632,15 +3357,15 @@ if (__DEV__) {
                       // `thenable` might not be a real promise, and `flushActQueue`
                       // might throw, so we need to wrap `flushActQueue` in a
                       // try/catch.
-                      ReactSharedInternals.thrownErrors.push(error);
+                      ReactCurrentActQueue.thrownErrors.push(error);
                     }
 
-                    if (ReactSharedInternals.thrownErrors.length > 0) {
+                    if (ReactCurrentActQueue.thrownErrors.length > 0) {
                       var _thrownError = aggregateErrors(
-                        ReactSharedInternals.thrownErrors
+                        ReactCurrentActQueue.thrownErrors
                       );
 
-                      ReactSharedInternals.thrownErrors.length = 0;
+                      ReactCurrentActQueue.thrownErrors.length = 0;
                       reject(_thrownError);
                     }
                   } else {
@@ -3650,12 +3375,12 @@ if (__DEV__) {
                 function (error) {
                   popActScope(prevActQueue, prevActScopeDepth);
 
-                  if (ReactSharedInternals.thrownErrors.length > 0) {
+                  if (ReactCurrentActQueue.thrownErrors.length > 0) {
                     var _thrownError2 = aggregateErrors(
-                      ReactSharedInternals.thrownErrors
+                      ReactCurrentActQueue.thrownErrors
                     );
 
-                    ReactSharedInternals.thrownErrors.length = 0;
+                    ReactCurrentActQueue.thrownErrors.length = 0;
                     reject(_thrownError2);
                   } else {
                     reject(error);
@@ -3709,15 +3434,15 @@ if (__DEV__) {
             // TODO: In a future version, consider always requiring all `act` calls
             // to be awaited, regardless of whether the callback is sync or async.
 
-            ReactSharedInternals.actQueue = null;
+            ReactCurrentActQueue.current = null;
           }
 
-          if (ReactSharedInternals.thrownErrors.length > 0) {
+          if (ReactCurrentActQueue.thrownErrors.length > 0) {
             var _thrownError3 = aggregateErrors(
-              ReactSharedInternals.thrownErrors
+              ReactCurrentActQueue.thrownErrors
             );
 
-            ReactSharedInternals.thrownErrors.length = 0;
+            ReactCurrentActQueue.thrownErrors.length = 0;
             throw _thrownError3;
           }
 
@@ -3728,7 +3453,7 @@ if (__DEV__) {
               if (prevActScopeDepth === 0) {
                 // If the `act` call is awaited, restore the queue we were
                 // using before (see long comment above) so we can flush it.
-                ReactSharedInternals.actQueue = queue;
+                ReactCurrentActQueue.current = queue;
                 enqueueTask(function () {
                   return (
                     // Recursively flush tasks scheduled by a microtask.
@@ -3760,7 +3485,7 @@ if (__DEV__) {
     function recursivelyFlushAsyncActWork(returnValue, resolve, reject) {
       {
         // Check if any tasks were scheduled asynchronously.
-        var queue = ReactSharedInternals.actQueue;
+        var queue = ReactCurrentActQueue.current;
 
         if (queue !== null) {
           if (queue.length !== 0) {
@@ -3780,17 +3505,17 @@ if (__DEV__) {
               return;
             } catch (error) {
               // Leave remaining tasks on the queue if something throws.
-              ReactSharedInternals.thrownErrors.push(error);
+              ReactCurrentActQueue.thrownErrors.push(error);
             }
           } else {
             // The queue is empty. We can finish.
-            ReactSharedInternals.actQueue = null;
+            ReactCurrentActQueue.current = null;
           }
         }
 
-        if (ReactSharedInternals.thrownErrors.length > 0) {
-          var thrownError = aggregateErrors(ReactSharedInternals.thrownErrors);
-          ReactSharedInternals.thrownErrors.length = 0;
+        if (ReactCurrentActQueue.thrownErrors.length > 0) {
+          var thrownError = aggregateErrors(ReactCurrentActQueue.thrownErrors);
+          ReactCurrentActQueue.thrownErrors.length = 0;
           reject(thrownError);
         } else {
           resolve(returnValue);
@@ -3812,11 +3537,11 @@ if (__DEV__) {
               var callback = queue[i];
 
               do {
-                ReactSharedInternals.didUsePromise = false;
+                ReactCurrentActQueue.didUsePromise = false;
                 var continuation = callback(false);
 
                 if (continuation !== null) {
-                  if (ReactSharedInternals.didUsePromise) {
+                  if (ReactCurrentActQueue.didUsePromise) {
                     // The component just suspended. Yield to the main thread in
                     // case the promise is already resolved. If so, it will ping in
                     // a microtask and we can resume without unwinding the stack.
@@ -3836,7 +3561,7 @@ if (__DEV__) {
           } catch (error) {
             // If something throws, leave the remaining callbacks on the queue.
             queue.splice(0, i + 1);
-            ReactSharedInternals.thrownErrors.push(error);
+            ReactCurrentActQueue.thrownErrors.push(error);
           } finally {
             isFlushing = false;
           }
@@ -3883,7 +3608,7 @@ if (__DEV__) {
     exports.PureComponent = PureComponent;
     exports.StrictMode = REACT_STRICT_MODE_TYPE;
     exports.Suspense = REACT_SUSPENSE_TYPE;
-    exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
+    exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED =
       ReactSharedInternals;
     exports.act = act;
     exports.cache = cache;
diff --git a/compiled/facebook-www/React-prod.classic.js b/compiled/facebook-www/React-prod.classic.js
index 23523c5e94..1321fa9560 100644
--- a/compiled/facebook-www/React-prod.classic.js
+++ b/compiled/facebook-www/React-prod.classic.js
@@ -87,8 +87,17 @@ var isArrayImpl = Array.isArray,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   disableDefaultPropsExceptForClasses =
     dynamicFeatureFlags.disableDefaultPropsExceptForClasses,
-  ReactSharedInternals = { H: null, C: null, T: null, owner: null },
-  hasOwnProperty = Object.prototype.hasOwnProperty;
+  ReactCurrentDispatcher = { current: null },
+  ReactCurrentCache = { current: null },
+  ReactCurrentBatchConfig = { transition: null },
+  ReactSharedInternals = {
+    ReactCurrentDispatcher: ReactCurrentDispatcher,
+    ReactCurrentCache: ReactCurrentCache,
+    ReactCurrentBatchConfig: ReactCurrentBatchConfig,
+    ReactCurrentOwner: { current: null }
+  },
+  hasOwnProperty = Object.prototype.hasOwnProperty,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 function ReactElement(type, key, _ref, self, source, owner, props) {
   enableRefAsProp &&
     ((_ref = props.ref), (_ref = void 0 !== _ref ? _ref : null));
@@ -102,39 +111,29 @@ function ReactElement(type, key, _ref, self, source, owner, props) {
   };
 }
 function jsxProd(type, config, maybeKey) {
-  var key = null,
+  var propName,
+    props = {},
+    key = null,
     ref = null;
   void 0 !== maybeKey && (key = "" + maybeKey);
   void 0 !== config.key && (key = "" + config.key);
-  void 0 === config.ref ||
-    enableRefAsProp ||
-    ((ref = config.ref),
-    (ref = coerceStringRef(ref, ReactSharedInternals.owner, type)));
-  maybeKey = {};
-  for (var propName in config)
-    "key" === propName ||
-      (!enableRefAsProp && "ref" === propName) ||
-      (enableRefAsProp && "ref" === propName
-        ? (maybeKey.ref = coerceStringRef(
-            config[propName],
-            ReactSharedInternals.owner,
-            type
-          ))
-        : (maybeKey[propName] = config[propName]));
-  if (!disableDefaultPropsExceptForClasses && type && type.defaultProps) {
-    config = type.defaultProps;
-    for (var propName$0 in config)
-      void 0 === maybeKey[propName$0] &&
-        (maybeKey[propName$0] = config[propName$0]);
-  }
+  void 0 === config.ref || enableRefAsProp || (ref = config.ref);
+  for (propName in config)
+    hasOwnProperty.call(config, propName) &&
+      "key" !== propName &&
+      (enableRefAsProp || "ref" !== propName) &&
+      (props[propName] = config[propName]);
+  if (!disableDefaultPropsExceptForClasses && type && type.defaultProps)
+    for (propName in ((config = type.defaultProps), config))
+      void 0 === props[propName] && (props[propName] = config[propName]);
   return ReactElement(
     type,
     key,
     ref,
     void 0,
     void 0,
-    ReactSharedInternals.owner,
-    maybeKey
+    ReactCurrentOwner.current,
+    props
   );
 }
 function cloneAndReplaceKey(oldElement, newKey) {
@@ -155,34 +154,6 @@ function isValidElement(object) {
     object.$$typeof === REACT_ELEMENT_TYPE
   );
 }
-function coerceStringRef(mixedRef, owner, type) {
-  if ("string" !== typeof mixedRef)
-    if ("number" === typeof mixedRef || "boolean" === typeof mixedRef)
-      mixedRef = "" + mixedRef;
-    else return mixedRef;
-  return stringRefAsCallbackRef.bind(null, mixedRef, type, owner);
-}
-function stringRefAsCallbackRef(stringRef, type, owner, value) {
-  if (!owner)
-    throw Error(
-      "Element ref was specified as a string (" +
-        stringRef +
-        ") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://react.dev/link/refs-must-have-owner for more information."
-    );
-  if (1 !== owner.tag)
-    throw Error(
-      "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://react.dev/link/strict-mode-string-ref"
-    );
-  type = owner.stateNode;
-  if (!type)
-    throw Error(
-      "Missing owner for string ref " +
-        stringRef +
-        ". This error is likely caused by a bug in React. Please file an issue."
-    );
-  type = type.refs;
-  null === value ? delete type[stringRef] : (type[stringRef] = value);
-}
 function escape(key) {
   var escaperLookup = { "=": "=0", ":": "=2" };
   return (
@@ -436,7 +407,7 @@ exports.Profiler = REACT_PROFILER_TYPE;
 exports.PureComponent = PureComponent;
 exports.StrictMode = REACT_STRICT_MODE_TYPE;
 exports.Suspense = REACT_SUSPENSE_TYPE;
-exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED =
   ReactSharedInternals;
 exports.act = function () {
   throw Error("act(...) is not supported in production builds of React.");
@@ -457,10 +428,8 @@ exports.cloneElement = function (element, config, children) {
     owner = element._owner;
   if (null != config) {
     void 0 !== config.ref &&
-      ((owner = ReactSharedInternals.owner),
-      enableRefAsProp ||
-        ((ref = config.ref),
-        (ref = coerceStringRef(ref, owner, element.type))));
+      (enableRefAsProp || (ref = config.ref),
+      (owner = ReactCurrentOwner.current));
     void 0 !== config.key && (key = "" + config.key);
     if (
       !disableDefaultPropsExceptForClasses &&
@@ -475,17 +444,12 @@ exports.cloneElement = function (element, config, children) {
         "__self" === propName ||
         "__source" === propName ||
         (enableRefAsProp && "ref" === propName && void 0 === config.ref) ||
-        (disableDefaultPropsExceptForClasses ||
-        void 0 !== config[propName] ||
-        void 0 === defaultProps
-          ? enableRefAsProp && "ref" === propName
-            ? (props.ref = coerceStringRef(
-                config[propName],
-                owner,
-                element.type
-              ))
-            : (props[propName] = config[propName])
-          : (props[propName] = defaultProps[propName]));
+        (props[propName] =
+          disableDefaultPropsExceptForClasses ||
+          void 0 !== config[propName] ||
+          void 0 === defaultProps
+            ? config[propName]
+            : defaultProps[propName]);
   }
   var propName = arguments.length - 2;
   if (1 === propName) props.children = children;
@@ -526,8 +490,7 @@ exports.createElement = function (type, config, children) {
   if (null != config)
     for (propName in (void 0 === config.ref ||
       enableRefAsProp ||
-      ((ref = config.ref),
-      (ref = coerceStringRef(ref, ReactSharedInternals.owner, type))),
+      (ref = config.ref),
     void 0 !== config.key && (key = "" + config.key),
     config))
       hasOwnProperty.call(config, propName) &&
@@ -535,13 +498,7 @@ exports.createElement = function (type, config, children) {
         (enableRefAsProp || "ref" !== propName) &&
         "__self" !== propName &&
         "__source" !== propName &&
-        (enableRefAsProp && "ref" === propName
-          ? (props.ref = coerceStringRef(
-              config[propName],
-              ReactSharedInternals.owner,
-              type
-            ))
-          : (props[propName] = config[propName]));
+        (props[propName] = config[propName]);
   var childrenLength = arguments.length - 2;
   if (1 === childrenLength) props.children = children;
   else if (1 < childrenLength) {
@@ -559,7 +516,7 @@ exports.createElement = function (type, config, children) {
     ref,
     void 0,
     void 0,
-    ReactSharedInternals.owner,
+    ReactCurrentOwner.current,
     props
   );
 };
@@ -567,7 +524,7 @@ exports.createRef = function () {
   return { current: null };
 };
 exports.experimental_useEffectEvent = function (callback) {
-  return ReactSharedInternals.H.useEffectEvent(callback);
+  return ReactCurrentDispatcher.current.useEffectEvent(callback);
 };
 exports.forwardRef = function (render) {
   return { $$typeof: REACT_FORWARD_REF_TYPE, render: render };
@@ -591,15 +548,15 @@ exports.memo = function (type, compare) {
   };
 };
 exports.startTransition = function (scope, options) {
-  var prevTransition = ReactSharedInternals.T,
+  var prevTransition = ReactCurrentBatchConfig.transition,
     callbacks = new Set();
-  ReactSharedInternals.T = { _callbacks: callbacks };
-  var currentTransition = ReactSharedInternals.T;
+  ReactCurrentBatchConfig.transition = { _callbacks: callbacks };
+  var currentTransition = ReactCurrentBatchConfig.transition;
   enableTransitionTracing &&
     void 0 !== options &&
     void 0 !== options.name &&
-    ((ReactSharedInternals.T.name = options.name),
-    (ReactSharedInternals.T.startTime = -1));
+    ((ReactCurrentBatchConfig.transition.name = options.name),
+    (ReactCurrentBatchConfig.transition.startTime = -1));
   try {
     var returnValue = scope();
     "object" === typeof returnValue &&
@@ -612,7 +569,7 @@ exports.startTransition = function (scope, options) {
   } catch (error) {
     reportGlobalError(error);
   } finally {
-    ReactSharedInternals.T = prevTransition;
+    ReactCurrentBatchConfig.transition = prevTransition;
   }
 };
 exports.unstable_Activity = REACT_OFFSCREEN_TYPE;
@@ -622,73 +579,77 @@ exports.unstable_Scope = REACT_SCOPE_TYPE;
 exports.unstable_SuspenseList = REACT_SUSPENSE_LIST_TYPE;
 exports.unstable_TracingMarker = REACT_TRACING_MARKER_TYPE;
 exports.unstable_getCacheForType = function (resourceType) {
-  var dispatcher = ReactSharedInternals.C;
+  var dispatcher = ReactCurrentCache.current;
   return dispatcher ? dispatcher.getCacheForType(resourceType) : resourceType();
 };
 exports.unstable_useCacheRefresh = function () {
-  return ReactSharedInternals.H.useCacheRefresh();
+  return ReactCurrentDispatcher.current.useCacheRefresh();
 };
 exports.unstable_useMemoCache = function (size) {
-  return ReactSharedInternals.H.useMemoCache(size);
+  return ReactCurrentDispatcher.current.useMemoCache(size);
 };
 exports.use = function (usable) {
-  return ReactSharedInternals.H.use(usable);
+  return ReactCurrentDispatcher.current.use(usable);
 };
 exports.useActionState = function (action, initialState, permalink) {
-  return ReactSharedInternals.H.useActionState(action, initialState, permalink);
+  return ReactCurrentDispatcher.current.useActionState(
+    action,
+    initialState,
+    permalink
+  );
 };
 exports.useCallback = function (callback, deps) {
-  return ReactSharedInternals.H.useCallback(callback, deps);
+  return ReactCurrentDispatcher.current.useCallback(callback, deps);
 };
 exports.useContext = function (Context) {
-  return ReactSharedInternals.H.useContext(Context);
+  return ReactCurrentDispatcher.current.useContext(Context);
 };
 exports.useDebugValue = function () {};
 exports.useDeferredValue = function (value, initialValue) {
-  return ReactSharedInternals.H.useDeferredValue(value, initialValue);
+  return ReactCurrentDispatcher.current.useDeferredValue(value, initialValue);
 };
 exports.useEffect = function (create, deps) {
-  return ReactSharedInternals.H.useEffect(create, deps);
+  return ReactCurrentDispatcher.current.useEffect(create, deps);
 };
 exports.useId = function () {
-  return ReactSharedInternals.H.useId();
+  return ReactCurrentDispatcher.current.useId();
 };
 exports.useImperativeHandle = function (ref, create, deps) {
-  return ReactSharedInternals.H.useImperativeHandle(ref, create, deps);
+  return ReactCurrentDispatcher.current.useImperativeHandle(ref, create, deps);
 };
 exports.useInsertionEffect = function (create, deps) {
-  return ReactSharedInternals.H.useInsertionEffect(create, deps);
+  return ReactCurrentDispatcher.current.useInsertionEffect(create, deps);
 };
 exports.useLayoutEffect = function (create, deps) {
-  return ReactSharedInternals.H.useLayoutEffect(create, deps);
+  return ReactCurrentDispatcher.current.useLayoutEffect(create, deps);
 };
 exports.useMemo = function (create, deps) {
-  return ReactSharedInternals.H.useMemo(create, deps);
+  return ReactCurrentDispatcher.current.useMemo(create, deps);
 };
 exports.useOptimistic = function (passthrough, reducer) {
-  return ReactSharedInternals.H.useOptimistic(passthrough, reducer);
+  return ReactCurrentDispatcher.current.useOptimistic(passthrough, reducer);
 };
 exports.useReducer = function (reducer, initialArg, init) {
-  return ReactSharedInternals.H.useReducer(reducer, initialArg, init);
+  return ReactCurrentDispatcher.current.useReducer(reducer, initialArg, init);
 };
 exports.useRef = function (initialValue) {
-  return ReactSharedInternals.H.useRef(initialValue);
+  return ReactCurrentDispatcher.current.useRef(initialValue);
 };
 exports.useState = function (initialState) {
-  return ReactSharedInternals.H.useState(initialState);
+  return ReactCurrentDispatcher.current.useState(initialState);
 };
 exports.useSyncExternalStore = function (
   subscribe,
   getSnapshot,
   getServerSnapshot
 ) {
-  return ReactSharedInternals.H.useSyncExternalStore(
+  return ReactCurrentDispatcher.current.useSyncExternalStore(
     subscribe,
     getSnapshot,
     getServerSnapshot
   );
 };
 exports.useTransition = function () {
-  return ReactSharedInternals.H.useTransition();
+  return ReactCurrentDispatcher.current.useTransition();
 };
-exports.version = "19.0.0-www-classic-0eabe82a";
+exports.version = "19.0.0-www-classic-6f7d270a";
diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js
index 7f794b1382..992e6e6900 100644
--- a/compiled/facebook-www/React-prod.modern.js
+++ b/compiled/facebook-www/React-prod.modern.js
@@ -87,8 +87,17 @@ var isArrayImpl = Array.isArray,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   disableDefaultPropsExceptForClasses =
     dynamicFeatureFlags.disableDefaultPropsExceptForClasses,
-  ReactSharedInternals = { H: null, C: null, T: null, owner: null },
-  hasOwnProperty = Object.prototype.hasOwnProperty;
+  ReactCurrentDispatcher = { current: null },
+  ReactCurrentCache = { current: null },
+  ReactCurrentBatchConfig = { transition: null },
+  ReactSharedInternals = {
+    ReactCurrentDispatcher: ReactCurrentDispatcher,
+    ReactCurrentCache: ReactCurrentCache,
+    ReactCurrentBatchConfig: ReactCurrentBatchConfig,
+    ReactCurrentOwner: { current: null }
+  },
+  hasOwnProperty = Object.prototype.hasOwnProperty,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 function ReactElement(type, key, _ref, self, source, owner, props) {
   enableRefAsProp &&
     ((_ref = props.ref), (_ref = void 0 !== _ref ? _ref : null));
@@ -102,39 +111,29 @@ function ReactElement(type, key, _ref, self, source, owner, props) {
   };
 }
 function jsxProd(type, config, maybeKey) {
-  var key = null,
+  var propName,
+    props = {},
+    key = null,
     ref = null;
   void 0 !== maybeKey && (key = "" + maybeKey);
   void 0 !== config.key && (key = "" + config.key);
-  void 0 === config.ref ||
-    enableRefAsProp ||
-    ((ref = config.ref),
-    (ref = coerceStringRef(ref, ReactSharedInternals.owner, type)));
-  maybeKey = {};
-  for (var propName in config)
-    "key" === propName ||
-      (!enableRefAsProp && "ref" === propName) ||
-      (enableRefAsProp && "ref" === propName
-        ? (maybeKey.ref = coerceStringRef(
-            config[propName],
-            ReactSharedInternals.owner,
-            type
-          ))
-        : (maybeKey[propName] = config[propName]));
-  if (!disableDefaultPropsExceptForClasses && type && type.defaultProps) {
-    config = type.defaultProps;
-    for (var propName$0 in config)
-      void 0 === maybeKey[propName$0] &&
-        (maybeKey[propName$0] = config[propName$0]);
-  }
+  void 0 === config.ref || enableRefAsProp || (ref = config.ref);
+  for (propName in config)
+    hasOwnProperty.call(config, propName) &&
+      "key" !== propName &&
+      (enableRefAsProp || "ref" !== propName) &&
+      (props[propName] = config[propName]);
+  if (!disableDefaultPropsExceptForClasses && type && type.defaultProps)
+    for (propName in ((config = type.defaultProps), config))
+      void 0 === props[propName] && (props[propName] = config[propName]);
   return ReactElement(
     type,
     key,
     ref,
     void 0,
     void 0,
-    ReactSharedInternals.owner,
-    maybeKey
+    ReactCurrentOwner.current,
+    props
   );
 }
 function cloneAndReplaceKey(oldElement, newKey) {
@@ -155,34 +154,6 @@ function isValidElement(object) {
     object.$$typeof === REACT_ELEMENT_TYPE
   );
 }
-function coerceStringRef(mixedRef, owner, type) {
-  if ("string" !== typeof mixedRef)
-    if ("number" === typeof mixedRef || "boolean" === typeof mixedRef)
-      mixedRef = "" + mixedRef;
-    else return mixedRef;
-  return stringRefAsCallbackRef.bind(null, mixedRef, type, owner);
-}
-function stringRefAsCallbackRef(stringRef, type, owner, value) {
-  if (!owner)
-    throw Error(
-      "Element ref was specified as a string (" +
-        stringRef +
-        ") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://react.dev/link/refs-must-have-owner for more information."
-    );
-  if (1 !== owner.tag)
-    throw Error(
-      "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://react.dev/link/strict-mode-string-ref"
-    );
-  type = owner.stateNode;
-  if (!type)
-    throw Error(
-      "Missing owner for string ref " +
-        stringRef +
-        ". This error is likely caused by a bug in React. Please file an issue."
-    );
-  type = type.refs;
-  null === value ? delete type[stringRef] : (type[stringRef] = value);
-}
 function escape(key) {
   var escaperLookup = { "=": "=0", ":": "=2" };
   return (
@@ -436,7 +407,7 @@ exports.Profiler = REACT_PROFILER_TYPE;
 exports.PureComponent = PureComponent;
 exports.StrictMode = REACT_STRICT_MODE_TYPE;
 exports.Suspense = REACT_SUSPENSE_TYPE;
-exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED =
   ReactSharedInternals;
 exports.act = function () {
   throw Error("act(...) is not supported in production builds of React.");
@@ -457,10 +428,8 @@ exports.cloneElement = function (element, config, children) {
     owner = element._owner;
   if (null != config) {
     void 0 !== config.ref &&
-      ((owner = ReactSharedInternals.owner),
-      enableRefAsProp ||
-        ((ref = config.ref),
-        (ref = coerceStringRef(ref, owner, element.type))));
+      (enableRefAsProp || (ref = config.ref),
+      (owner = ReactCurrentOwner.current));
     void 0 !== config.key && (key = "" + config.key);
     if (
       !disableDefaultPropsExceptForClasses &&
@@ -475,17 +444,12 @@ exports.cloneElement = function (element, config, children) {
         "__self" === propName ||
         "__source" === propName ||
         (enableRefAsProp && "ref" === propName && void 0 === config.ref) ||
-        (disableDefaultPropsExceptForClasses ||
-        void 0 !== config[propName] ||
-        void 0 === defaultProps
-          ? enableRefAsProp && "ref" === propName
-            ? (props.ref = coerceStringRef(
-                config[propName],
-                owner,
-                element.type
-              ))
-            : (props[propName] = config[propName])
-          : (props[propName] = defaultProps[propName]));
+        (props[propName] =
+          disableDefaultPropsExceptForClasses ||
+          void 0 !== config[propName] ||
+          void 0 === defaultProps
+            ? config[propName]
+            : defaultProps[propName]);
   }
   var propName = arguments.length - 2;
   if (1 === propName) props.children = children;
@@ -526,8 +490,7 @@ exports.createElement = function (type, config, children) {
   if (null != config)
     for (propName in (void 0 === config.ref ||
       enableRefAsProp ||
-      ((ref = config.ref),
-      (ref = coerceStringRef(ref, ReactSharedInternals.owner, type))),
+      (ref = config.ref),
     void 0 !== config.key && (key = "" + config.key),
     config))
       hasOwnProperty.call(config, propName) &&
@@ -535,13 +498,7 @@ exports.createElement = function (type, config, children) {
         (enableRefAsProp || "ref" !== propName) &&
         "__self" !== propName &&
         "__source" !== propName &&
-        (enableRefAsProp && "ref" === propName
-          ? (props.ref = coerceStringRef(
-              config[propName],
-              ReactSharedInternals.owner,
-              type
-            ))
-          : (props[propName] = config[propName]));
+        (props[propName] = config[propName]);
   var childrenLength = arguments.length - 2;
   if (1 === childrenLength) props.children = children;
   else if (1 < childrenLength) {
@@ -559,7 +516,7 @@ exports.createElement = function (type, config, children) {
     ref,
     void 0,
     void 0,
-    ReactSharedInternals.owner,
+    ReactCurrentOwner.current,
     props
   );
 };
@@ -567,7 +524,7 @@ exports.createRef = function () {
   return { current: null };
 };
 exports.experimental_useEffectEvent = function (callback) {
-  return ReactSharedInternals.H.useEffectEvent(callback);
+  return ReactCurrentDispatcher.current.useEffectEvent(callback);
 };
 exports.forwardRef = function (render) {
   return { $$typeof: REACT_FORWARD_REF_TYPE, render: render };
@@ -591,15 +548,15 @@ exports.memo = function (type, compare) {
   };
 };
 exports.startTransition = function (scope, options) {
-  var prevTransition = ReactSharedInternals.T,
+  var prevTransition = ReactCurrentBatchConfig.transition,
     callbacks = new Set();
-  ReactSharedInternals.T = { _callbacks: callbacks };
-  var currentTransition = ReactSharedInternals.T;
+  ReactCurrentBatchConfig.transition = { _callbacks: callbacks };
+  var currentTransition = ReactCurrentBatchConfig.transition;
   enableTransitionTracing &&
     void 0 !== options &&
     void 0 !== options.name &&
-    ((ReactSharedInternals.T.name = options.name),
-    (ReactSharedInternals.T.startTime = -1));
+    ((ReactCurrentBatchConfig.transition.name = options.name),
+    (ReactCurrentBatchConfig.transition.startTime = -1));
   try {
     var returnValue = scope();
     "object" === typeof returnValue &&
@@ -612,7 +569,7 @@ exports.startTransition = function (scope, options) {
   } catch (error) {
     reportGlobalError(error);
   } finally {
-    ReactSharedInternals.T = prevTransition;
+    ReactCurrentBatchConfig.transition = prevTransition;
   }
 };
 exports.unstable_Activity = REACT_OFFSCREEN_TYPE;
@@ -622,73 +579,77 @@ exports.unstable_Scope = REACT_SCOPE_TYPE;
 exports.unstable_SuspenseList = REACT_SUSPENSE_LIST_TYPE;
 exports.unstable_TracingMarker = REACT_TRACING_MARKER_TYPE;
 exports.unstable_getCacheForType = function (resourceType) {
-  var dispatcher = ReactSharedInternals.C;
+  var dispatcher = ReactCurrentCache.current;
   return dispatcher ? dispatcher.getCacheForType(resourceType) : resourceType();
 };
 exports.unstable_useCacheRefresh = function () {
-  return ReactSharedInternals.H.useCacheRefresh();
+  return ReactCurrentDispatcher.current.useCacheRefresh();
 };
 exports.unstable_useMemoCache = function (size) {
-  return ReactSharedInternals.H.useMemoCache(size);
+  return ReactCurrentDispatcher.current.useMemoCache(size);
 };
 exports.use = function (usable) {
-  return ReactSharedInternals.H.use(usable);
+  return ReactCurrentDispatcher.current.use(usable);
 };
 exports.useActionState = function (action, initialState, permalink) {
-  return ReactSharedInternals.H.useActionState(action, initialState, permalink);
+  return ReactCurrentDispatcher.current.useActionState(
+    action,
+    initialState,
+    permalink
+  );
 };
 exports.useCallback = function (callback, deps) {
-  return ReactSharedInternals.H.useCallback(callback, deps);
+  return ReactCurrentDispatcher.current.useCallback(callback, deps);
 };
 exports.useContext = function (Context) {
-  return ReactSharedInternals.H.useContext(Context);
+  return ReactCurrentDispatcher.current.useContext(Context);
 };
 exports.useDebugValue = function () {};
 exports.useDeferredValue = function (value, initialValue) {
-  return ReactSharedInternals.H.useDeferredValue(value, initialValue);
+  return ReactCurrentDispatcher.current.useDeferredValue(value, initialValue);
 };
 exports.useEffect = function (create, deps) {
-  return ReactSharedInternals.H.useEffect(create, deps);
+  return ReactCurrentDispatcher.current.useEffect(create, deps);
 };
 exports.useId = function () {
-  return ReactSharedInternals.H.useId();
+  return ReactCurrentDispatcher.current.useId();
 };
 exports.useImperativeHandle = function (ref, create, deps) {
-  return ReactSharedInternals.H.useImperativeHandle(ref, create, deps);
+  return ReactCurrentDispatcher.current.useImperativeHandle(ref, create, deps);
 };
 exports.useInsertionEffect = function (create, deps) {
-  return ReactSharedInternals.H.useInsertionEffect(create, deps);
+  return ReactCurrentDispatcher.current.useInsertionEffect(create, deps);
 };
 exports.useLayoutEffect = function (create, deps) {
-  return ReactSharedInternals.H.useLayoutEffect(create, deps);
+  return ReactCurrentDispatcher.current.useLayoutEffect(create, deps);
 };
 exports.useMemo = function (create, deps) {
-  return ReactSharedInternals.H.useMemo(create, deps);
+  return ReactCurrentDispatcher.current.useMemo(create, deps);
 };
 exports.useOptimistic = function (passthrough, reducer) {
-  return ReactSharedInternals.H.useOptimistic(passthrough, reducer);
+  return ReactCurrentDispatcher.current.useOptimistic(passthrough, reducer);
 };
 exports.useReducer = function (reducer, initialArg, init) {
-  return ReactSharedInternals.H.useReducer(reducer, initialArg, init);
+  return ReactCurrentDispatcher.current.useReducer(reducer, initialArg, init);
 };
 exports.useRef = function (initialValue) {
-  return ReactSharedInternals.H.useRef(initialValue);
+  return ReactCurrentDispatcher.current.useRef(initialValue);
 };
 exports.useState = function (initialState) {
-  return ReactSharedInternals.H.useState(initialState);
+  return ReactCurrentDispatcher.current.useState(initialState);
 };
 exports.useSyncExternalStore = function (
   subscribe,
   getSnapshot,
   getServerSnapshot
 ) {
-  return ReactSharedInternals.H.useSyncExternalStore(
+  return ReactCurrentDispatcher.current.useSyncExternalStore(
     subscribe,
     getSnapshot,
     getServerSnapshot
   );
 };
 exports.useTransition = function () {
-  return ReactSharedInternals.H.useTransition();
+  return ReactCurrentDispatcher.current.useTransition();
 };
-exports.version = "19.0.0-www-modern-0eabe82a";
+exports.version = "19.0.0-www-modern-6f7d270a";
diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js
index 9b5e9119ce..45d8fb65fe 100644
--- a/compiled/facebook-www/React-profiling.classic.js
+++ b/compiled/facebook-www/React-profiling.classic.js
@@ -91,8 +91,17 @@ var isArrayImpl = Array.isArray,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   disableDefaultPropsExceptForClasses =
     dynamicFeatureFlags.disableDefaultPropsExceptForClasses,
-  ReactSharedInternals = { H: null, C: null, T: null, owner: null },
-  hasOwnProperty = Object.prototype.hasOwnProperty;
+  ReactCurrentDispatcher = { current: null },
+  ReactCurrentCache = { current: null },
+  ReactCurrentBatchConfig = { transition: null },
+  ReactSharedInternals = {
+    ReactCurrentDispatcher: ReactCurrentDispatcher,
+    ReactCurrentCache: ReactCurrentCache,
+    ReactCurrentBatchConfig: ReactCurrentBatchConfig,
+    ReactCurrentOwner: { current: null }
+  },
+  hasOwnProperty = Object.prototype.hasOwnProperty,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 function ReactElement(type, key, _ref, self, source, owner, props) {
   enableRefAsProp &&
     ((_ref = props.ref), (_ref = void 0 !== _ref ? _ref : null));
@@ -106,39 +115,29 @@ function ReactElement(type, key, _ref, self, source, owner, props) {
   };
 }
 function jsxProd(type, config, maybeKey) {
-  var key = null,
+  var propName,
+    props = {},
+    key = null,
     ref = null;
   void 0 !== maybeKey && (key = "" + maybeKey);
   void 0 !== config.key && (key = "" + config.key);
-  void 0 === config.ref ||
-    enableRefAsProp ||
-    ((ref = config.ref),
-    (ref = coerceStringRef(ref, ReactSharedInternals.owner, type)));
-  maybeKey = {};
-  for (var propName in config)
-    "key" === propName ||
-      (!enableRefAsProp && "ref" === propName) ||
-      (enableRefAsProp && "ref" === propName
-        ? (maybeKey.ref = coerceStringRef(
-            config[propName],
-            ReactSharedInternals.owner,
-            type
-          ))
-        : (maybeKey[propName] = config[propName]));
-  if (!disableDefaultPropsExceptForClasses && type && type.defaultProps) {
-    config = type.defaultProps;
-    for (var propName$0 in config)
-      void 0 === maybeKey[propName$0] &&
-        (maybeKey[propName$0] = config[propName$0]);
-  }
+  void 0 === config.ref || enableRefAsProp || (ref = config.ref);
+  for (propName in config)
+    hasOwnProperty.call(config, propName) &&
+      "key" !== propName &&
+      (enableRefAsProp || "ref" !== propName) &&
+      (props[propName] = config[propName]);
+  if (!disableDefaultPropsExceptForClasses && type && type.defaultProps)
+    for (propName in ((config = type.defaultProps), config))
+      void 0 === props[propName] && (props[propName] = config[propName]);
   return ReactElement(
     type,
     key,
     ref,
     void 0,
     void 0,
-    ReactSharedInternals.owner,
-    maybeKey
+    ReactCurrentOwner.current,
+    props
   );
 }
 function cloneAndReplaceKey(oldElement, newKey) {
@@ -159,34 +158,6 @@ function isValidElement(object) {
     object.$$typeof === REACT_ELEMENT_TYPE
   );
 }
-function coerceStringRef(mixedRef, owner, type) {
-  if ("string" !== typeof mixedRef)
-    if ("number" === typeof mixedRef || "boolean" === typeof mixedRef)
-      mixedRef = "" + mixedRef;
-    else return mixedRef;
-  return stringRefAsCallbackRef.bind(null, mixedRef, type, owner);
-}
-function stringRefAsCallbackRef(stringRef, type, owner, value) {
-  if (!owner)
-    throw Error(
-      "Element ref was specified as a string (" +
-        stringRef +
-        ") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://react.dev/link/refs-must-have-owner for more information."
-    );
-  if (1 !== owner.tag)
-    throw Error(
-      "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://react.dev/link/strict-mode-string-ref"
-    );
-  type = owner.stateNode;
-  if (!type)
-    throw Error(
-      "Missing owner for string ref " +
-        stringRef +
-        ". This error is likely caused by a bug in React. Please file an issue."
-    );
-  type = type.refs;
-  null === value ? delete type[stringRef] : (type[stringRef] = value);
-}
 function escape(key) {
   var escaperLookup = { "=": "=0", ":": "=2" };
   return (
@@ -440,7 +411,7 @@ exports.Profiler = REACT_PROFILER_TYPE;
 exports.PureComponent = PureComponent;
 exports.StrictMode = REACT_STRICT_MODE_TYPE;
 exports.Suspense = REACT_SUSPENSE_TYPE;
-exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED =
   ReactSharedInternals;
 exports.act = function () {
   throw Error("act(...) is not supported in production builds of React.");
@@ -461,10 +432,8 @@ exports.cloneElement = function (element, config, children) {
     owner = element._owner;
   if (null != config) {
     void 0 !== config.ref &&
-      ((owner = ReactSharedInternals.owner),
-      enableRefAsProp ||
-        ((ref = config.ref),
-        (ref = coerceStringRef(ref, owner, element.type))));
+      (enableRefAsProp || (ref = config.ref),
+      (owner = ReactCurrentOwner.current));
     void 0 !== config.key && (key = "" + config.key);
     if (
       !disableDefaultPropsExceptForClasses &&
@@ -479,17 +448,12 @@ exports.cloneElement = function (element, config, children) {
         "__self" === propName ||
         "__source" === propName ||
         (enableRefAsProp && "ref" === propName && void 0 === config.ref) ||
-        (disableDefaultPropsExceptForClasses ||
-        void 0 !== config[propName] ||
-        void 0 === defaultProps
-          ? enableRefAsProp && "ref" === propName
-            ? (props.ref = coerceStringRef(
-                config[propName],
-                owner,
-                element.type
-              ))
-            : (props[propName] = config[propName])
-          : (props[propName] = defaultProps[propName]));
+        (props[propName] =
+          disableDefaultPropsExceptForClasses ||
+          void 0 !== config[propName] ||
+          void 0 === defaultProps
+            ? config[propName]
+            : defaultProps[propName]);
   }
   var propName = arguments.length - 2;
   if (1 === propName) props.children = children;
@@ -530,8 +494,7 @@ exports.createElement = function (type, config, children) {
   if (null != config)
     for (propName in (void 0 === config.ref ||
       enableRefAsProp ||
-      ((ref = config.ref),
-      (ref = coerceStringRef(ref, ReactSharedInternals.owner, type))),
+      (ref = config.ref),
     void 0 !== config.key && (key = "" + config.key),
     config))
       hasOwnProperty.call(config, propName) &&
@@ -539,13 +502,7 @@ exports.createElement = function (type, config, children) {
         (enableRefAsProp || "ref" !== propName) &&
         "__self" !== propName &&
         "__source" !== propName &&
-        (enableRefAsProp && "ref" === propName
-          ? (props.ref = coerceStringRef(
-              config[propName],
-              ReactSharedInternals.owner,
-              type
-            ))
-          : (props[propName] = config[propName]));
+        (props[propName] = config[propName]);
   var childrenLength = arguments.length - 2;
   if (1 === childrenLength) props.children = children;
   else if (1 < childrenLength) {
@@ -563,7 +520,7 @@ exports.createElement = function (type, config, children) {
     ref,
     void 0,
     void 0,
-    ReactSharedInternals.owner,
+    ReactCurrentOwner.current,
     props
   );
 };
@@ -571,7 +528,7 @@ exports.createRef = function () {
   return { current: null };
 };
 exports.experimental_useEffectEvent = function (callback) {
-  return ReactSharedInternals.H.useEffectEvent(callback);
+  return ReactCurrentDispatcher.current.useEffectEvent(callback);
 };
 exports.forwardRef = function (render) {
   return { $$typeof: REACT_FORWARD_REF_TYPE, render: render };
@@ -595,15 +552,15 @@ exports.memo = function (type, compare) {
   };
 };
 exports.startTransition = function (scope, options) {
-  var prevTransition = ReactSharedInternals.T,
+  var prevTransition = ReactCurrentBatchConfig.transition,
     callbacks = new Set();
-  ReactSharedInternals.T = { _callbacks: callbacks };
-  var currentTransition = ReactSharedInternals.T;
+  ReactCurrentBatchConfig.transition = { _callbacks: callbacks };
+  var currentTransition = ReactCurrentBatchConfig.transition;
   enableTransitionTracing &&
     void 0 !== options &&
     void 0 !== options.name &&
-    ((ReactSharedInternals.T.name = options.name),
-    (ReactSharedInternals.T.startTime = -1));
+    ((ReactCurrentBatchConfig.transition.name = options.name),
+    (ReactCurrentBatchConfig.transition.startTime = -1));
   try {
     var returnValue = scope();
     "object" === typeof returnValue &&
@@ -616,7 +573,7 @@ exports.startTransition = function (scope, options) {
   } catch (error) {
     reportGlobalError(error);
   } finally {
-    ReactSharedInternals.T = prevTransition;
+    ReactCurrentBatchConfig.transition = prevTransition;
   }
 };
 exports.unstable_Activity = REACT_OFFSCREEN_TYPE;
@@ -626,76 +583,80 @@ exports.unstable_Scope = REACT_SCOPE_TYPE;
 exports.unstable_SuspenseList = REACT_SUSPENSE_LIST_TYPE;
 exports.unstable_TracingMarker = REACT_TRACING_MARKER_TYPE;
 exports.unstable_getCacheForType = function (resourceType) {
-  var dispatcher = ReactSharedInternals.C;
+  var dispatcher = ReactCurrentCache.current;
   return dispatcher ? dispatcher.getCacheForType(resourceType) : resourceType();
 };
 exports.unstable_useCacheRefresh = function () {
-  return ReactSharedInternals.H.useCacheRefresh();
+  return ReactCurrentDispatcher.current.useCacheRefresh();
 };
 exports.unstable_useMemoCache = function (size) {
-  return ReactSharedInternals.H.useMemoCache(size);
+  return ReactCurrentDispatcher.current.useMemoCache(size);
 };
 exports.use = function (usable) {
-  return ReactSharedInternals.H.use(usable);
+  return ReactCurrentDispatcher.current.use(usable);
 };
 exports.useActionState = function (action, initialState, permalink) {
-  return ReactSharedInternals.H.useActionState(action, initialState, permalink);
+  return ReactCurrentDispatcher.current.useActionState(
+    action,
+    initialState,
+    permalink
+  );
 };
 exports.useCallback = function (callback, deps) {
-  return ReactSharedInternals.H.useCallback(callback, deps);
+  return ReactCurrentDispatcher.current.useCallback(callback, deps);
 };
 exports.useContext = function (Context) {
-  return ReactSharedInternals.H.useContext(Context);
+  return ReactCurrentDispatcher.current.useContext(Context);
 };
 exports.useDebugValue = function () {};
 exports.useDeferredValue = function (value, initialValue) {
-  return ReactSharedInternals.H.useDeferredValue(value, initialValue);
+  return ReactCurrentDispatcher.current.useDeferredValue(value, initialValue);
 };
 exports.useEffect = function (create, deps) {
-  return ReactSharedInternals.H.useEffect(create, deps);
+  return ReactCurrentDispatcher.current.useEffect(create, deps);
 };
 exports.useId = function () {
-  return ReactSharedInternals.H.useId();
+  return ReactCurrentDispatcher.current.useId();
 };
 exports.useImperativeHandle = function (ref, create, deps) {
-  return ReactSharedInternals.H.useImperativeHandle(ref, create, deps);
+  return ReactCurrentDispatcher.current.useImperativeHandle(ref, create, deps);
 };
 exports.useInsertionEffect = function (create, deps) {
-  return ReactSharedInternals.H.useInsertionEffect(create, deps);
+  return ReactCurrentDispatcher.current.useInsertionEffect(create, deps);
 };
 exports.useLayoutEffect = function (create, deps) {
-  return ReactSharedInternals.H.useLayoutEffect(create, deps);
+  return ReactCurrentDispatcher.current.useLayoutEffect(create, deps);
 };
 exports.useMemo = function (create, deps) {
-  return ReactSharedInternals.H.useMemo(create, deps);
+  return ReactCurrentDispatcher.current.useMemo(create, deps);
 };
 exports.useOptimistic = function (passthrough, reducer) {
-  return ReactSharedInternals.H.useOptimistic(passthrough, reducer);
+  return ReactCurrentDispatcher.current.useOptimistic(passthrough, reducer);
 };
 exports.useReducer = function (reducer, initialArg, init) {
-  return ReactSharedInternals.H.useReducer(reducer, initialArg, init);
+  return ReactCurrentDispatcher.current.useReducer(reducer, initialArg, init);
 };
 exports.useRef = function (initialValue) {
-  return ReactSharedInternals.H.useRef(initialValue);
+  return ReactCurrentDispatcher.current.useRef(initialValue);
 };
 exports.useState = function (initialState) {
-  return ReactSharedInternals.H.useState(initialState);
+  return ReactCurrentDispatcher.current.useState(initialState);
 };
 exports.useSyncExternalStore = function (
   subscribe,
   getSnapshot,
   getServerSnapshot
 ) {
-  return ReactSharedInternals.H.useSyncExternalStore(
+  return ReactCurrentDispatcher.current.useSyncExternalStore(
     subscribe,
     getSnapshot,
     getServerSnapshot
   );
 };
 exports.useTransition = function () {
-  return ReactSharedInternals.H.useTransition();
+  return ReactCurrentDispatcher.current.useTransition();
 };
-exports.version = "19.0.0-www-classic-aab80d0a";
+exports.version = "19.0.0-www-classic-26c19df2";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/compiled/facebook-www/React-profiling.modern.js b/compiled/facebook-www/React-profiling.modern.js
index 4954072ad8..4ef4a951e7 100644
--- a/compiled/facebook-www/React-profiling.modern.js
+++ b/compiled/facebook-www/React-profiling.modern.js
@@ -91,8 +91,17 @@ var isArrayImpl = Array.isArray,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   disableDefaultPropsExceptForClasses =
     dynamicFeatureFlags.disableDefaultPropsExceptForClasses,
-  ReactSharedInternals = { H: null, C: null, T: null, owner: null },
-  hasOwnProperty = Object.prototype.hasOwnProperty;
+  ReactCurrentDispatcher = { current: null },
+  ReactCurrentCache = { current: null },
+  ReactCurrentBatchConfig = { transition: null },
+  ReactSharedInternals = {
+    ReactCurrentDispatcher: ReactCurrentDispatcher,
+    ReactCurrentCache: ReactCurrentCache,
+    ReactCurrentBatchConfig: ReactCurrentBatchConfig,
+    ReactCurrentOwner: { current: null }
+  },
+  hasOwnProperty = Object.prototype.hasOwnProperty,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 function ReactElement(type, key, _ref, self, source, owner, props) {
   enableRefAsProp &&
     ((_ref = props.ref), (_ref = void 0 !== _ref ? _ref : null));
@@ -106,39 +115,29 @@ function ReactElement(type, key, _ref, self, source, owner, props) {
   };
 }
 function jsxProd(type, config, maybeKey) {
-  var key = null,
+  var propName,
+    props = {},
+    key = null,
     ref = null;
   void 0 !== maybeKey && (key = "" + maybeKey);
   void 0 !== config.key && (key = "" + config.key);
-  void 0 === config.ref ||
-    enableRefAsProp ||
-    ((ref = config.ref),
-    (ref = coerceStringRef(ref, ReactSharedInternals.owner, type)));
-  maybeKey = {};
-  for (var propName in config)
-    "key" === propName ||
-      (!enableRefAsProp && "ref" === propName) ||
-      (enableRefAsProp && "ref" === propName
-        ? (maybeKey.ref = coerceStringRef(
-            config[propName],
-            ReactSharedInternals.owner,
-            type
-          ))
-        : (maybeKey[propName] = config[propName]));
-  if (!disableDefaultPropsExceptForClasses && type && type.defaultProps) {
-    config = type.defaultProps;
-    for (var propName$0 in config)
-      void 0 === maybeKey[propName$0] &&
-        (maybeKey[propName$0] = config[propName$0]);
-  }
+  void 0 === config.ref || enableRefAsProp || (ref = config.ref);
+  for (propName in config)
+    hasOwnProperty.call(config, propName) &&
+      "key" !== propName &&
+      (enableRefAsProp || "ref" !== propName) &&
+      (props[propName] = config[propName]);
+  if (!disableDefaultPropsExceptForClasses && type && type.defaultProps)
+    for (propName in ((config = type.defaultProps), config))
+      void 0 === props[propName] && (props[propName] = config[propName]);
   return ReactElement(
     type,
     key,
     ref,
     void 0,
     void 0,
-    ReactSharedInternals.owner,
-    maybeKey
+    ReactCurrentOwner.current,
+    props
   );
 }
 function cloneAndReplaceKey(oldElement, newKey) {
@@ -159,34 +158,6 @@ function isValidElement(object) {
     object.$$typeof === REACT_ELEMENT_TYPE
   );
 }
-function coerceStringRef(mixedRef, owner, type) {
-  if ("string" !== typeof mixedRef)
-    if ("number" === typeof mixedRef || "boolean" === typeof mixedRef)
-      mixedRef = "" + mixedRef;
-    else return mixedRef;
-  return stringRefAsCallbackRef.bind(null, mixedRef, type, owner);
-}
-function stringRefAsCallbackRef(stringRef, type, owner, value) {
-  if (!owner)
-    throw Error(
-      "Element ref was specified as a string (" +
-        stringRef +
-        ") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://react.dev/link/refs-must-have-owner for more information."
-    );
-  if (1 !== owner.tag)
-    throw Error(
-      "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://react.dev/link/strict-mode-string-ref"
-    );
-  type = owner.stateNode;
-  if (!type)
-    throw Error(
-      "Missing owner for string ref " +
-        stringRef +
-        ". This error is likely caused by a bug in React. Please file an issue."
-    );
-  type = type.refs;
-  null === value ? delete type[stringRef] : (type[stringRef] = value);
-}
 function escape(key) {
   var escaperLookup = { "=": "=0", ":": "=2" };
   return (
@@ -440,7 +411,7 @@ exports.Profiler = REACT_PROFILER_TYPE;
 exports.PureComponent = PureComponent;
 exports.StrictMode = REACT_STRICT_MODE_TYPE;
 exports.Suspense = REACT_SUSPENSE_TYPE;
-exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED =
   ReactSharedInternals;
 exports.act = function () {
   throw Error("act(...) is not supported in production builds of React.");
@@ -461,10 +432,8 @@ exports.cloneElement = function (element, config, children) {
     owner = element._owner;
   if (null != config) {
     void 0 !== config.ref &&
-      ((owner = ReactSharedInternals.owner),
-      enableRefAsProp ||
-        ((ref = config.ref),
-        (ref = coerceStringRef(ref, owner, element.type))));
+      (enableRefAsProp || (ref = config.ref),
+      (owner = ReactCurrentOwner.current));
     void 0 !== config.key && (key = "" + config.key);
     if (
       !disableDefaultPropsExceptForClasses &&
@@ -479,17 +448,12 @@ exports.cloneElement = function (element, config, children) {
         "__self" === propName ||
         "__source" === propName ||
         (enableRefAsProp && "ref" === propName && void 0 === config.ref) ||
-        (disableDefaultPropsExceptForClasses ||
-        void 0 !== config[propName] ||
-        void 0 === defaultProps
-          ? enableRefAsProp && "ref" === propName
-            ? (props.ref = coerceStringRef(
-                config[propName],
-                owner,
-                element.type
-              ))
-            : (props[propName] = config[propName])
-          : (props[propName] = defaultProps[propName]));
+        (props[propName] =
+          disableDefaultPropsExceptForClasses ||
+          void 0 !== config[propName] ||
+          void 0 === defaultProps
+            ? config[propName]
+            : defaultProps[propName]);
   }
   var propName = arguments.length - 2;
   if (1 === propName) props.children = children;
@@ -530,8 +494,7 @@ exports.createElement = function (type, config, children) {
   if (null != config)
     for (propName in (void 0 === config.ref ||
       enableRefAsProp ||
-      ((ref = config.ref),
-      (ref = coerceStringRef(ref, ReactSharedInternals.owner, type))),
+      (ref = config.ref),
     void 0 !== config.key && (key = "" + config.key),
     config))
       hasOwnProperty.call(config, propName) &&
@@ -539,13 +502,7 @@ exports.createElement = function (type, config, children) {
         (enableRefAsProp || "ref" !== propName) &&
         "__self" !== propName &&
         "__source" !== propName &&
-        (enableRefAsProp && "ref" === propName
-          ? (props.ref = coerceStringRef(
-              config[propName],
-              ReactSharedInternals.owner,
-              type
-            ))
-          : (props[propName] = config[propName]));
+        (props[propName] = config[propName]);
   var childrenLength = arguments.length - 2;
   if (1 === childrenLength) props.children = children;
   else if (1 < childrenLength) {
@@ -563,7 +520,7 @@ exports.createElement = function (type, config, children) {
     ref,
     void 0,
     void 0,
-    ReactSharedInternals.owner,
+    ReactCurrentOwner.current,
     props
   );
 };
@@ -571,7 +528,7 @@ exports.createRef = function () {
   return { current: null };
 };
 exports.experimental_useEffectEvent = function (callback) {
-  return ReactSharedInternals.H.useEffectEvent(callback);
+  return ReactCurrentDispatcher.current.useEffectEvent(callback);
 };
 exports.forwardRef = function (render) {
   return { $$typeof: REACT_FORWARD_REF_TYPE, render: render };
@@ -595,15 +552,15 @@ exports.memo = function (type, compare) {
   };
 };
 exports.startTransition = function (scope, options) {
-  var prevTransition = ReactSharedInternals.T,
+  var prevTransition = ReactCurrentBatchConfig.transition,
     callbacks = new Set();
-  ReactSharedInternals.T = { _callbacks: callbacks };
-  var currentTransition = ReactSharedInternals.T;
+  ReactCurrentBatchConfig.transition = { _callbacks: callbacks };
+  var currentTransition = ReactCurrentBatchConfig.transition;
   enableTransitionTracing &&
     void 0 !== options &&
     void 0 !== options.name &&
-    ((ReactSharedInternals.T.name = options.name),
-    (ReactSharedInternals.T.startTime = -1));
+    ((ReactCurrentBatchConfig.transition.name = options.name),
+    (ReactCurrentBatchConfig.transition.startTime = -1));
   try {
     var returnValue = scope();
     "object" === typeof returnValue &&
@@ -616,7 +573,7 @@ exports.startTransition = function (scope, options) {
   } catch (error) {
     reportGlobalError(error);
   } finally {
-    ReactSharedInternals.T = prevTransition;
+    ReactCurrentBatchConfig.transition = prevTransition;
   }
 };
 exports.unstable_Activity = REACT_OFFSCREEN_TYPE;
@@ -626,76 +583,80 @@ exports.unstable_Scope = REACT_SCOPE_TYPE;
 exports.unstable_SuspenseList = REACT_SUSPENSE_LIST_TYPE;
 exports.unstable_TracingMarker = REACT_TRACING_MARKER_TYPE;
 exports.unstable_getCacheForType = function (resourceType) {
-  var dispatcher = ReactSharedInternals.C;
+  var dispatcher = ReactCurrentCache.current;
   return dispatcher ? dispatcher.getCacheForType(resourceType) : resourceType();
 };
 exports.unstable_useCacheRefresh = function () {
-  return ReactSharedInternals.H.useCacheRefresh();
+  return ReactCurrentDispatcher.current.useCacheRefresh();
 };
 exports.unstable_useMemoCache = function (size) {
-  return ReactSharedInternals.H.useMemoCache(size);
+  return ReactCurrentDispatcher.current.useMemoCache(size);
 };
 exports.use = function (usable) {
-  return ReactSharedInternals.H.use(usable);
+  return ReactCurrentDispatcher.current.use(usable);
 };
 exports.useActionState = function (action, initialState, permalink) {
-  return ReactSharedInternals.H.useActionState(action, initialState, permalink);
+  return ReactCurrentDispatcher.current.useActionState(
+    action,
+    initialState,
+    permalink
+  );
 };
 exports.useCallback = function (callback, deps) {
-  return ReactSharedInternals.H.useCallback(callback, deps);
+  return ReactCurrentDispatcher.current.useCallback(callback, deps);
 };
 exports.useContext = function (Context) {
-  return ReactSharedInternals.H.useContext(Context);
+  return ReactCurrentDispatcher.current.useContext(Context);
 };
 exports.useDebugValue = function () {};
 exports.useDeferredValue = function (value, initialValue) {
-  return ReactSharedInternals.H.useDeferredValue(value, initialValue);
+  return ReactCurrentDispatcher.current.useDeferredValue(value, initialValue);
 };
 exports.useEffect = function (create, deps) {
-  return ReactSharedInternals.H.useEffect(create, deps);
+  return ReactCurrentDispatcher.current.useEffect(create, deps);
 };
 exports.useId = function () {
-  return ReactSharedInternals.H.useId();
+  return ReactCurrentDispatcher.current.useId();
 };
 exports.useImperativeHandle = function (ref, create, deps) {
-  return ReactSharedInternals.H.useImperativeHandle(ref, create, deps);
+  return ReactCurrentDispatcher.current.useImperativeHandle(ref, create, deps);
 };
 exports.useInsertionEffect = function (create, deps) {
-  return ReactSharedInternals.H.useInsertionEffect(create, deps);
+  return ReactCurrentDispatcher.current.useInsertionEffect(create, deps);
 };
 exports.useLayoutEffect = function (create, deps) {
-  return ReactSharedInternals.H.useLayoutEffect(create, deps);
+  return ReactCurrentDispatcher.current.useLayoutEffect(create, deps);
 };
 exports.useMemo = function (create, deps) {
-  return ReactSharedInternals.H.useMemo(create, deps);
+  return ReactCurrentDispatcher.current.useMemo(create, deps);
 };
 exports.useOptimistic = function (passthrough, reducer) {
-  return ReactSharedInternals.H.useOptimistic(passthrough, reducer);
+  return ReactCurrentDispatcher.current.useOptimistic(passthrough, reducer);
 };
 exports.useReducer = function (reducer, initialArg, init) {
-  return ReactSharedInternals.H.useReducer(reducer, initialArg, init);
+  return ReactCurrentDispatcher.current.useReducer(reducer, initialArg, init);
 };
 exports.useRef = function (initialValue) {
-  return ReactSharedInternals.H.useRef(initialValue);
+  return ReactCurrentDispatcher.current.useRef(initialValue);
 };
 exports.useState = function (initialState) {
-  return ReactSharedInternals.H.useState(initialState);
+  return ReactCurrentDispatcher.current.useState(initialState);
 };
 exports.useSyncExternalStore = function (
   subscribe,
   getSnapshot,
   getServerSnapshot
 ) {
-  return ReactSharedInternals.H.useSyncExternalStore(
+  return ReactCurrentDispatcher.current.useSyncExternalStore(
     subscribe,
     getSnapshot,
     getServerSnapshot
   );
 };
 exports.useTransition = function () {
-  return ReactSharedInternals.H.useTransition();
+  return ReactCurrentDispatcher.current.useTransition();
 };
-exports.version = "19.0.0-www-modern-aab80d0a";
+exports.version = "19.0.0-www-modern-26c19df2";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/compiled/facebook-www/ReactART-dev.classic.js b/compiled/facebook-www/ReactART-dev.classic.js
index 753f418191..e2a97177ee 100644
--- a/compiled/facebook-www/ReactART-dev.classic.js
+++ b/compiled/facebook-www/ReactART-dev.classic.js
@@ -66,7 +66,7 @@ if (__DEV__) {
       return self;
     }
 
-    var ReactVersion = "19.0.0-www-classic-5df29fbc";
+    var ReactVersion = "19.0.0-www-classic-e11823db";
 
     var LegacyRoot = 0;
     var ConcurrentRoot = 1;
@@ -120,10 +120,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -156,7 +158,7 @@ if (__DEV__) {
     }
 
     var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
     // Re-export dynamic flags from the www version.
     var dynamicFeatureFlags = require("ReactFeatureFlags");
@@ -409,17 +411,6 @@ if (__DEV__) {
       return type.displayName || "Context";
     }
 
-    function getComponentNameFromOwner(owner) {
-      if (typeof owner.tag === "number") {
-        return getComponentNameFromFiber(owner);
-      }
-
-      if (typeof owner.name === "string") {
-        return owner.name;
-      }
-
-      return null;
-    }
     function getComponentNameFromFiber(fiber) {
       var tag = fiber.tag,
         type = fiber.type;
@@ -586,7 +577,6 @@ if (__DEV__) {
     var ScheduleRetry = StoreConsistency;
     var ShouldSuspendCommit = Visibility;
     var DidDefer = ContentReset;
-    var FormReset = Snapshot;
     var LifecycleEffectMask =
       Passive$1 | Update | Callback | Ref | Snapshot | StoreConsistency; // Union of all commit flags (flags with the lifetime of a particular commit)
 
@@ -656,8 +646,7 @@ if (__DEV__) {
       ContentReset |
       Ref |
       Hydrating |
-      Visibility |
-      FormReset;
+      Visibility;
     var LayoutMask = Update | Callback | Ref | Visibility; // TODO: Split into PassiveMountMask and PassiveUnmountMask
 
     var PassiveMask = Passive$1 | Visibility | ChildDeletion; // Union of tags that don't get reset on clones.
@@ -667,6 +656,7 @@ if (__DEV__) {
     var StaticMask =
       LayoutStatic | PassiveStatic | RefStatic | MaySuspendCommit;
 
+    var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
     function getNearestMountedFiber(fiber) {
       var node = fiber;
       var nearestMounted = fiber;
@@ -708,7 +698,7 @@ if (__DEV__) {
     }
     function isMounted(component) {
       {
-        var owner = ReactSharedInternals.owner;
+        var owner = ReactCurrentOwner$2.current;
 
         if (owner !== null && owner.tag === ClassComponent) {
           var ownerFiber = owner;
@@ -2575,11 +2565,17 @@ if (__DEV__) {
       }
     }
 
-    var NoEventPriority = NoLane;
     var DiscreteEventPriority = SyncLane;
     var ContinuousEventPriority = InputContinuousLane;
     var DefaultEventPriority = DefaultLane;
     var IdleEventPriority = IdleLane;
+    var currentUpdatePriority = NoLane;
+    function getCurrentUpdatePriority() {
+      return currentUpdatePriority;
+    }
+    function setCurrentUpdatePriority(newPriority) {
+      currentUpdatePriority = newPriority;
+    }
     function higherEventPriority(a, b) {
       return a !== 0 && a < b ? a : b;
     }
@@ -2589,9 +2585,6 @@ if (__DEV__) {
     function isHigherEventPriority(a, b) {
       return a !== 0 && a < b;
     }
-    function eventPriorityToLane(updatePriority) {
-      return updatePriority;
-    }
     function lanesToEventPriority(lanes) {
       var lane = getHighestPriorityLane(lanes);
 
@@ -2957,15 +2950,8 @@ if (__DEV__) {
         typeof props.children === "string" || typeof props.children === "number"
       );
     }
-    var currentUpdatePriority = NoEventPriority;
-    function setCurrentUpdatePriority(newPriority) {
-      currentUpdatePriority = newPriority;
-    }
-    function getCurrentUpdatePriority() {
-      return currentUpdatePriority;
-    }
-    function resolveUpdatePriority() {
-      return currentUpdatePriority || DefaultEventPriority;
+    function getCurrentEventPriority() {
+      return DefaultEventPriority;
     }
     function shouldAttemptEagerTransition() {
       return false;
@@ -3603,8 +3589,9 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -3661,13 +3648,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher$2.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher$2.current = null;
         disableLogs();
       }
       /**
@@ -3860,7 +3847,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher$2.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -3879,12 +3866,12 @@ if (__DEV__) {
       return syntheticFrame;
     }
 
-    function describeClassComponentFrame(ctor) {
+    function describeClassComponentFrame(ctor, ownerFn) {
       {
         return describeNativeComponentFrame(ctor, true);
       }
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -5081,6 +5068,7 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentActQueue$4 = 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.
 
@@ -5119,7 +5107,7 @@ if (__DEV__) {
       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 (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.current !== null) {
         // We're inside an `act` scope.
         if (!didScheduleMicrotask_act) {
           didScheduleMicrotask_act = true;
@@ -5140,9 +5128,9 @@ if (__DEV__) {
         scheduleTaskForRootDuringMicrotask(root, now$1());
       }
 
-      if (ReactSharedInternals.isBatchingLegacy && root.tag === LegacyRoot) {
+      if (ReactCurrentActQueue$4.isBatchingLegacy && root.tag === LegacyRoot) {
         // Special `act` case: Record whenever a legacy update is scheduled.
-        ReactSharedInternals.didScheduleLegacyUpdate = true;
+        ReactCurrentActQueue$4.didScheduleLegacyUpdate = true;
       }
     }
     function flushSyncWorkOnAllRoots() {
@@ -5333,7 +5321,7 @@ if (__DEV__) {
           // Scheduler task, rather than an `act` task, cancel it and re-schedule
           // on the `act` queue.
           !(
-            ReactSharedInternals.actQueue !== null &&
+            ReactCurrentActQueue$4.current !== null &&
             existingCallbackNode !== fakeActCallbackNode$1
           )
         ) {
@@ -5400,11 +5388,11 @@ if (__DEV__) {
     var fakeActCallbackNode$1 = {};
 
     function scheduleCallback$2(priorityLevel, callback) {
-      if (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.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.
-        ReactSharedInternals.actQueue.push(callback);
+        ReactCurrentActQueue$4.current.push(callback);
         return fakeActCallbackNode$1;
       } else {
         return scheduleCallback$3(priorityLevel, callback);
@@ -5419,13 +5407,13 @@ if (__DEV__) {
     }
 
     function scheduleImmediateTask(cb) {
-      if (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.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.
-        ReactSharedInternals.actQueue.push(function () {
+        ReactCurrentActQueue$4.current.push(function () {
           cb();
           return null;
         });
@@ -6217,6 +6205,7 @@ if (__DEV__) {
       return true;
     }
 
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
     var current = null;
     var isRendering = false;
     function getCurrentFiberOwnerNameInDevOrNull() {
@@ -6227,8 +6216,8 @@ if (__DEV__) {
 
         var owner = current._debugOwner;
 
-        if (owner != null) {
-          return getComponentNameFromOwner(owner);
+        if (owner !== null && typeof owner !== "undefined") {
+          return getComponentNameFromFiber(owner);
         }
       }
 
@@ -6248,14 +6237,14 @@ if (__DEV__) {
 
     function resetCurrentFiber() {
       {
-        ReactSharedInternals.getCurrentStack = null;
+        ReactDebugCurrentFrame.getCurrentStack = null;
         current = null;
         isRendering = false;
       }
     }
     function setCurrentFiber(fiber) {
       {
-        ReactSharedInternals.getCurrentStack =
+        ReactDebugCurrentFrame.getCurrentStack =
           fiber === null ? null : getCurrentFiberStackInDev;
         current = fiber;
         isRendering = false;
@@ -6630,6 +6619,83 @@ if (__DEV__) {
       };
     }
 
+    /*
+     * 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 checkPropStringCoercion(value, propName) {
+      {
+        if (willCoercionThrow(value)) {
+          error(
+            "The provided `%s` prop is an unsupported type %s." +
+              " This value must be coerced to a string before using it here.",
+            propName,
+            typeName(value)
+          );
+
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
+    }
+
+    var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue;
+
     function getThenablesFromState(state) {
       {
         var devState = state;
@@ -6683,8 +6749,8 @@ if (__DEV__) {
     function noop() {}
 
     function trackUsedThenable(thenableState, thenable, index) {
-      if (ReactSharedInternals.actQueue !== null) {
-        ReactSharedInternals.didUsePromise = true;
+      if (ReactCurrentActQueue$3.current !== null) {
+        ReactCurrentActQueue$3.didUsePromise = true;
       }
 
       var trackedThenables = getThenablesFromState(thenableState);
@@ -6907,6 +6973,7 @@ if (__DEV__) {
 
     var didWarnAboutMaps;
     var didWarnAboutGenerators;
+    var didWarnAboutStringRefs;
     var ownerHasKeyUseWarning;
     var ownerHasFunctionTypeWarning;
     var ownerHasSymbolTypeWarning;
@@ -6916,6 +6983,7 @@ if (__DEV__) {
     {
       didWarnAboutMaps = false;
       didWarnAboutGenerators = false;
+      didWarnAboutStringRefs = {};
       /**
        * 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
@@ -6960,6 +7028,10 @@ if (__DEV__) {
       };
     }
 
+    function isReactClass(type) {
+      return type.prototype && type.prototype.isReactComponent;
+    }
+
     function unwrapThenable(thenable) {
       var index = thenableIndexCounter$1;
       thenableIndexCounter$1 += 1;
@@ -6971,22 +7043,159 @@ if (__DEV__) {
       return trackUsedThenable(thenableState$1, thenable, index);
     }
 
+    function convertStringRefToCallbackRef(
+      returnFiber,
+      current,
+      element,
+      mixedRef
+    ) {
+      {
+        checkPropStringCoercion(mixedRef, "ref");
+      }
+
+      var stringRef = "" + mixedRef;
+      var owner = element._owner;
+
+      if (!owner) {
+        throw new Error(
+          "Element ref was specified as a string (" +
+            stringRef +
+            ") 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://react.dev/link/refs-must-have-owner for more information."
+        );
+      }
+
+      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://react.dev/link/strict-mode-string-ref"
+        );
+      }
+
+      {
+        if (
+          // Will already warn with "Function components cannot be given refs"
+          !(typeof element.type === "function" && !isReactClass(element.type))
+        ) {
+          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://react.dev/link/strict-mode-string-ref",
+              componentName,
+              stringRef
+            );
+
+            didWarnAboutStringRefs[componentName] = true;
+          }
+        }
+      }
+
+      var inst = owner.stateNode;
+
+      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
+
+      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
+
+      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 ref;
+      var mixedRef;
 
       if (enableRefAsProp) {
         // 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;
-        ref = refProp !== undefined ? refProp : null;
+        mixedRef = refProp !== undefined ? refProp : null;
       } else {
         // Old behavior.
-        ref = element.ref;
+        mixedRef = element.ref;
+      }
+
+      var coercedRef;
+
+      if (
+        typeof mixedRef === "string" ||
+        typeof mixedRef === "number" ||
+        typeof mixedRef === "boolean"
+      ) {
+        coercedRef = convertStringRefToCallbackRef(
+          returnFiber,
+          current,
+          element,
+          mixedRef
+        );
+
+        if (enableRefAsProp) {
+          // 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 = ref;
+      workInProgress.ref = coercedRef;
     }
 
     function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -8805,6 +9014,8 @@ if (__DEV__) {
       /*   */
       8;
 
+    var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
     var didWarnAboutMismatchedHooksForComponent;
     var didWarnUncachedGetSnapshot;
     var didWarnAboutUseWrappedInTryCatch;
@@ -8968,8 +9179,8 @@ if (__DEV__) {
           didWarnAboutUseFormState.add(componentName);
 
           error(
-            "ReactDOM.useFormState has been renamed to React.useActionState. " +
-              "Please update %s to use React.useActionState.",
+            "ReactDOM.useFormState has been deprecated and replaced by " +
+              "React.useActionState. Please update %s to use React.useActionState.",
             componentName
           );
         }
@@ -9105,16 +9316,17 @@ if (__DEV__) {
 
       {
         if (current !== null && current.memoizedState !== null) {
-          ReactSharedInternals.H = HooksDispatcherOnUpdateInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
         } else if (hookTypesDev !== null) {
           // This dispatcher handles an edge case where a component is updating,
           // but no stateful hooks have been used.
           // We want to match the production code behavior (which will use HooksDispatcherOnMount),
           // but with the extra DEV validation to ensure hooks ordering hasn't changed.
           // This dispatcher does that.
-          ReactSharedInternals.H = HooksDispatcherOnMountWithHookTypesInDEV;
+          ReactCurrentDispatcher$1.current =
+            HooksDispatcherOnMountWithHookTypesInDEV;
         } else {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       } // In Strict Mode, during development, user functions are double invoked to
       // help detect side effects. The logic for how this is implemented for in
@@ -9186,7 +9398,7 @@ if (__DEV__) {
       } // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
       // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
       var didRenderTooFewHooks =
@@ -9359,7 +9571,7 @@ if (__DEV__) {
           hookTypesUpdateIndexDev = -1;
         }
 
-        ReactSharedInternals.H = HooksDispatcherOnRerenderInDEV;
+        ReactCurrentDispatcher$1.current = HooksDispatcherOnRerenderInDEV;
         children = Component(props, secondArg);
       } while (didScheduleRenderPhaseUpdateDuringThisPass);
 
@@ -9381,34 +9593,18 @@ if (__DEV__) {
       );
     }
     function TransitionAwareHostComponent() {
-      var dispatcher = ReactSharedInternals.H;
+      var dispatcher = ReactCurrentDispatcher$1.current;
 
       var _dispatcher$useState = dispatcher.useState(),
         maybeThenable = _dispatcher$useState[0];
 
-      var nextState;
-
       if (typeof maybeThenable.then === "function") {
         var thenable = maybeThenable;
-        nextState = useThenable(thenable);
+        return useThenable(thenable);
       } else {
         var status = maybeThenable;
-        nextState = status;
-      } // The "reset state" is an object. If it changes, that means something
-      // requested that we reset the form.
-
-      var _dispatcher$useState2 = dispatcher.useState(),
-        nextResetState = _dispatcher$useState2[0];
-
-      var prevResetState =
-        currentHook !== null ? currentHook.memoizedState : null;
-
-      if (prevResetState !== nextResetState) {
-        // Schedule a form reset
-        currentlyRenderingFiber$1.flags |= FormReset;
+        return status;
       }
-
-      return nextState;
     }
     function bailoutHooks(current, workInProgress, lanes) {
       workInProgress.updateQueue = current.updateQueue; // TODO: Don't need to reset the flags here, because they're reset in the
@@ -9437,7 +9633,7 @@ if (__DEV__) {
       currentlyRenderingFiber$1 = null; // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
     }
     function resetHooksOnUnwind(workInProgress) {
       if (didScheduleRenderPhaseUpdate) {
@@ -9610,7 +9806,7 @@ if (__DEV__) {
         // time (perhaps because it threw). Subsequent Hook calls should use the
         // mount dispatcher.
         {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       }
 
@@ -10419,14 +10615,14 @@ if (__DEV__) {
       var action = actionQueue.action;
       var prevState = actionQueue.state; // This is a fork of startTransition
 
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$2.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
-      ReactSharedInternals.T = currentTransition;
+      ReactCurrentBatchConfig$2.transition = currentTransition;
 
       {
-        ReactSharedInternals.T._updatedFibers = new Set();
+        ReactCurrentBatchConfig$2.transition._updatedFibers = new Set();
       } // Optimistically update the pending state, similar to useTransition.
       // This will be reverted automatically when all actions are finished.
 
@@ -10484,7 +10680,7 @@ if (__DEV__) {
         setState(rejectedThenable);
         finishRunningActionStateAction(actionQueue, setPendingState, setState);
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$2.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -11126,7 +11322,7 @@ if (__DEV__) {
       setCurrentUpdatePriority(
         higherEventPriority(previousPriority, ContinuousEventPriority)
       );
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$2.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
@@ -11138,19 +11334,19 @@ if (__DEV__) {
         // optimistic update anyway to make it less likely the behavior accidentally
         // diverges; for example, both an optimistic update and this one should
         // share the same lane.
-        ReactSharedInternals.T = currentTransition;
+        ReactCurrentBatchConfig$2.transition = currentTransition;
         dispatchOptimisticSetState(fiber, false, queue, pendingState);
       }
 
       if (enableTransitionTracing) {
         if (options !== undefined && options.name !== undefined) {
-          currentTransition.name = options.name;
-          currentTransition.startTime = now$1();
+          ReactCurrentBatchConfig$2.transition.name = options.name;
+          ReactCurrentBatchConfig$2.transition.startTime = now$1();
         }
       }
 
       {
-        currentTransition._updatedFibers = new Set();
+        ReactCurrentBatchConfig$2.transition._updatedFibers = new Set();
       }
 
       try {
@@ -11196,7 +11392,7 @@ if (__DEV__) {
         }
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$2.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -11418,11 +11614,11 @@ if (__DEV__) {
           var lastRenderedReducer = queue.lastRenderedReducer;
 
           if (lastRenderedReducer !== null) {
-            var prevDispatcher = null;
+            var prevDispatcher;
 
             {
-              prevDispatcher = ReactSharedInternals.H;
-              ReactSharedInternals.H =
+              prevDispatcher = ReactCurrentDispatcher$1.current;
+              ReactCurrentDispatcher$1.current =
                 InvalidNestedHooksDispatcherOnUpdateInDEV;
             }
 
@@ -11453,7 +11649,7 @@ if (__DEV__) {
               // Suppress the error. It will throw again in the render phase.
             } finally {
               {
-                ReactSharedInternals.H = prevDispatcher;
+                ReactCurrentDispatcher$1.current = prevDispatcher;
               }
             }
           }
@@ -11727,25 +11923,27 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           mountHookTypesDev();
           checkDepsAreArrayDev(deps);
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11756,13 +11954,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -11893,25 +12092,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11922,13 +12123,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -12051,25 +12253,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -12080,13 +12284,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -12218,25 +12423,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -12247,13 +12454,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -12396,26 +12604,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -12428,13 +12638,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -12581,26 +12792,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -12613,13 +12826,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -12766,26 +12980,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -12798,13 +13014,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -14277,20 +14494,7 @@ if (__DEV__) {
       // remove this extra check.
       alreadyResolvedDefaultProps
     ) {
-      var newProps = baseProps;
-
-      if (enableRefAsProp) {
-        // Remove ref from the props object, if it exists.
-        if ("ref" in baseProps) {
-          newProps = {};
-
-          for (var propName in baseProps) {
-            if (propName !== "ref") {
-              newProps[propName] = baseProps[propName];
-            }
-          }
-        }
-      } // Resolve default props.
+      var newProps = baseProps; // Resolve default props. Taken from old JSX runtime, where this used to live.
 
       var defaultProps = Component.defaultProps;
 
@@ -14299,19 +14503,26 @@ if (__DEV__) {
         // default props here in the reconciler, rather than in the JSX runtime.
         (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
       ) {
-        // We may have already copied the props object above to remove ref. If so,
-        // we can modify that. Otherwise, copy the props object with Object.assign.
-        if (newProps === baseProps) {
-          newProps = assign({}, newProps, baseProps);
-        } // Taken from old JSX runtime, where this used to live.
+        newProps = assign({}, newProps, baseProps);
 
-        for (var _propName in defaultProps) {
-          if (newProps[_propName] === undefined) {
-            newProps[_propName] = defaultProps[_propName];
+        for (var propName in defaultProps) {
+          if (newProps[propName] === undefined) {
+            newProps[propName] = defaultProps[propName];
           }
         }
       }
 
+      if (enableRefAsProp) {
+        // Remove ref from the props object, if it exists.
+        if ("ref" in newProps) {
+          if (newProps === baseProps) {
+            newProps = assign({}, newProps);
+          }
+
+          delete newProps.ref;
+        }
+      }
+
       return newProps;
     }
 
@@ -14377,6 +14588,8 @@ if (__DEV__) {
           console["error"](error);
         };
 
+    var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // Side-channel since I'm not sure we want to make this part of the public API
+
     var componentName = null;
     var errorBoundaryName = null;
     function logUncaughtError(root, errorInfo) {
@@ -14390,10 +14603,10 @@ if (__DEV__) {
 
         var error = errorInfo.value;
 
-        if (true && ReactSharedInternals.actQueue !== null) {
+        if (true && ReactCurrentActQueue$2.current !== null) {
           // For uncaught errors inside act, we track them on the act and then
           // rethrow them into the test.
-          ReactSharedInternals.thrownErrors.push(error);
+          ReactCurrentActQueue$2.thrownErrors.push(error);
           return;
         }
 
@@ -15168,6 +15381,7 @@ if (__DEV__) {
       return null;
     }
 
+    var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
     // into a dehydrated boundary.
 
     var SelectiveHydrationException = new Error(
@@ -15300,7 +15514,7 @@ if (__DEV__) {
       }
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -15979,7 +16193,7 @@ if (__DEV__) {
       }
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -16202,10 +16416,7 @@ if (__DEV__) {
 
       var instance = workInProgress.stateNode; // Rerender
 
-      {
-        ReactSharedInternals.owner = workInProgress;
-      }
-
+      ReactCurrentOwner$1.current = workInProgress;
       var nextChildren;
 
       if (
@@ -18029,7 +18240,7 @@ if (__DEV__) {
       var newChildren;
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         newChildren = render(newValue);
         setIsRendering(false);
@@ -19529,8 +19740,10 @@ if (__DEV__) {
       popProvider(CacheContext, workInProgress);
     }
 
+    var ReactCurrentBatchConfig$1 =
+      ReactSharedInternals.ReactCurrentBatchConfig;
     function requestCurrentTransition() {
-      var transition = ReactSharedInternals.T;
+      var transition = ReactCurrentBatchConfig$1.transition;
 
       if (transition !== null) {
         // Whenever a transition update is scheduled, register a callback on the
@@ -21277,7 +21490,7 @@ if (__DEV__) {
     // Allows us to avoid traversing the return path to find the nearest Offscreen ancestor.
 
     var offscreenSubtreeIsHidden = false;
-    var offscreenSubtreeWasHidden = false; // Used to track if a form needs to be reset at the end of the mutation phase.
+    var offscreenSubtreeWasHidden = false;
     var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
     var nextEffect = null; // Used for Profiling builds to track updaters.
 
@@ -23609,19 +23822,6 @@ if (__DEV__) {
                 }
               }
             }
-
-            if (flags & FormReset) {
-              {
-                if (finishedWork.type !== "form") {
-                  // Paranoid coding. In case we accidentally start using the
-                  // FormReset bit for something else.
-                  error(
-                    "Unexpected host component type. Expected a form. This is a " +
-                      "bug in React."
-                  );
-                }
-              }
-            }
           }
 
           return;
@@ -25523,6 +25723,7 @@ if (__DEV__) {
       symbolFor("selector.text");
     }
 
+    var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
     function isLegacyActEnvironment(fiber) {
       {
         // Legacy mode. We preserve the behavior of React 17's act. It assumes an
@@ -25545,7 +25746,7 @@ if (__DEV__) {
 
         if (
           !isReactActEnvironmentGlobal &&
-          ReactSharedInternals.actQueue !== null
+          ReactCurrentActQueue$1.current !== null
         ) {
           // TODO: Include link to relevant documentation page.
           error(
@@ -25559,9 +25760,17 @@ if (__DEV__) {
     }
 
     var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+      ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+      ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+      ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue;
     var NoContext =
       /*             */
       0;
+    var BatchedContext =
+      /*               */
+      1;
     var RenderContext =
       /*         */
       2;
@@ -25857,11 +26066,13 @@ if (__DEV__) {
 
       if (transition !== null) {
         {
-          if (!transition._updatedFibers) {
-            transition._updatedFibers = new Set();
+          var batchConfigTransition = ReactCurrentBatchConfig.transition;
+
+          if (!batchConfigTransition._updatedFibers) {
+            batchConfigTransition._updatedFibers = new Set();
           }
 
-          transition._updatedFibers.add(fiber);
+          batchConfigTransition._updatedFibers.add(fiber);
         }
 
         var actionScopeLane = peekEntangledActionLane();
@@ -25870,9 +26081,26 @@ if (__DEV__) {
           : // is the first update in that scope. Either way, we need to get a
             // fresh transition lane.
             requestTransitionLane();
-      }
+      } // Updates originating inside certain React methods, like flushSync, have
+      // their priority set by tracking it with a context variable.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
 
-      return eventPriorityToLane(resolveUpdatePriority());
+      var updateLane = getCurrentUpdatePriority();
+
+      if (updateLane !== NoLane) {
+        return updateLane;
+      } // This update originated outside React. Ask the host environment for an
+      // appropriate priority, based on the type of event.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
+
+      var eventLane = getCurrentEventPriority();
+      return eventLane;
     }
 
     function requestRetryLane(fiber) {
@@ -25983,13 +26211,12 @@ if (__DEV__) {
         warnIfUpdatesNotWrappedWithActDEV(fiber);
 
         if (enableTransitionTracing) {
-          var transition = ReactSharedInternals.T;
+          var transition = ReactCurrentBatchConfig.transition;
 
           if (transition !== null && transition.name != null) {
             if (transition.startTime === -1) {
               transition.startTime = now$1();
-            } // $FlowFixMe[prop-missing]: The BatchConfigTransition and Transition types are incompatible but was previously untyped and thus uncaught
-            // $FlowFixMe[incompatible-call]: "
+            }
 
             addTransitionToLanesMap(root, transition, lane);
           }
@@ -26028,7 +26255,7 @@ if (__DEV__) {
           !disableLegacyMode &&
           (fiber.mode & ConcurrentMode) === NoMode
         ) {
-          if (ReactSharedInternals.isBatchingLegacy);
+          if (ReactCurrentActQueue.isBatchingLegacy);
           else {
             // Flush the synchronous work now, unless we're already working or inside
             // a batch. This is intentionally inside scheduleUpdateOnFiber instead of
@@ -26130,31 +26357,20 @@ if (__DEV__) {
             } // Check if something threw
 
             if (exitStatus === RootErrored) {
-              var lanesThatJustErrored = lanes;
+              var originallyAttemptedLanes = lanes;
               var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
                 root,
-                lanesThatJustErrored
+                originallyAttemptedLanes
               );
 
               if (errorRetryLanes !== NoLanes) {
                 lanes = errorRetryLanes;
                 exitStatus = recoverFromConcurrentError(
                   root,
-                  lanesThatJustErrored,
+                  originallyAttemptedLanes,
                   errorRetryLanes
                 );
-                renderWasConcurrent = false; // Need to check the exit status again.
-
-                if (exitStatus !== RootErrored) {
-                  // The root did not error this time. Restart the exit algorithm
-                  // from the beginning.
-                  // TODO: Refactor the exit algorithm to be less confusing. Maybe
-                  // more branches + recursion instead of a loop. I think the only
-                  // thing that causes it to be a loop is the RootDidNotComplete
-                  // check. If that's true, then we don't need a loop/recursion
-                  // at all.
-                  continue;
-                }
+                renderWasConcurrent = false;
               }
             }
 
@@ -26595,15 +26811,51 @@ if (__DEV__) {
     function getExecutionContext() {
       return executionContext;
     }
-    // Returns whether the the call was during a render or not
+    // Warning, this opts-out of checking the function body.
+    // eslint-disable-next-line no-unused-vars
+    // eslint-disable-next-line no-redeclare
+    // eslint-disable-next-line no-redeclare
 
-    function flushSyncWork() {
-      if ((executionContext & (RenderContext | CommitContext)) === NoContext) {
-        flushSyncWorkOnAllRoots();
-        return false;
+    function flushSync(fn) {
+      // In legacy mode, we flush pending passive effects at the beginning of the
+      // next event, not at the end of the previous one.
+      if (
+        rootWithPendingPassiveEffects !== null &&
+        !disableLegacyMode &&
+        rootWithPendingPassiveEffects.tag === LegacyRoot &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        flushPassiveEffects();
       }
 
-      return true;
+      var prevExecutionContext = executionContext;
+      executionContext |= BatchedContext;
+      var prevTransition = ReactCurrentBatchConfig.transition;
+      var previousPriority = getCurrentUpdatePriority();
+
+      try {
+        ReactCurrentBatchConfig.transition = null;
+        setCurrentUpdatePriority(DiscreteEventPriority);
+
+        if (fn) {
+          return fn();
+        } else {
+          return undefined;
+        }
+      } finally {
+        setCurrentUpdatePriority(previousPriority);
+        ReactCurrentBatchConfig.transition = prevTransition;
+        executionContext = prevExecutionContext; // Flush the immediate callbacks that were scheduled during this batch.
+        // Note that this will happen even if batchedUpdates is higher up
+        // the stack.
+
+        if (
+          (executionContext & (RenderContext | CommitContext)) ===
+          NoContext
+        ) {
+          flushSyncWorkOnAllRoots();
+        }
+      }
     }
     function isInvalidExecutionContextForEventFunction() {
       // Used to throw if certain APIs are called from the wrong context.
@@ -26721,10 +26973,7 @@ if (__DEV__) {
       // when React is executing user code.
       resetHooksAfterThrow();
       resetCurrentFiber();
-
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
 
       if (thrownValue === SuspenseException) {
         // This is a special type of exception used for Suspense. For historical
@@ -26876,8 +27125,8 @@ if (__DEV__) {
     }
 
     function pushDispatcher(container) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
       if (prevDispatcher === null) {
         // The React isomorphic package does not include a default dispatcher.
@@ -26890,20 +27139,20 @@ if (__DEV__) {
     }
 
     function popDispatcher(prevDispatcher) {
-      ReactSharedInternals.H = prevDispatcher;
+      ReactCurrentDispatcher.current = prevDispatcher;
     }
 
     function pushCacheDispatcher() {
       {
-        var prevCacheDispatcher = ReactSharedInternals.C;
-        ReactSharedInternals.C = DefaultCacheDispatcher;
+        var prevCacheDispatcher = ReactCurrentCache.current;
+        ReactCurrentCache.current = DefaultCacheDispatcher;
         return prevCacheDispatcher;
       }
     }
 
     function popCacheDispatcher(prevCacheDispatcher) {
       {
-        ReactSharedInternals.C = prevCacheDispatcher;
+        ReactCurrentCache.current = prevCacheDispatcher;
       }
     }
 
@@ -27330,7 +27579,7 @@ if (__DEV__) {
             }
           }
 
-          if (true && ReactSharedInternals.actQueue !== null) {
+          if (true && ReactCurrentActQueue.current !== null) {
             // `act` special case: If we're inside an `act` scope, don't consult
             // `shouldYield`. Always keep working until the render is complete.
             // This is not just an optimization: in a unit test environment, we
@@ -27415,9 +27664,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
     }
 
     function replaySuspendedUnitOfWork(unitOfWork) {
@@ -27545,9 +27792,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
     }
 
     function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
@@ -27757,12 +28002,12 @@ if (__DEV__) {
     ) {
       // TODO: This no longer makes any sense. We already wrap the mutation and
       // layout phases. Should be able to remove.
-      var prevTransition = ReactSharedInternals.T;
       var previousUpdateLanePriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
 
       try {
+        ReactCurrentBatchConfig.transition = null;
         setCurrentUpdatePriority(DiscreteEventPriority);
-        ReactSharedInternals.T = null;
         commitRootImpl(
           root,
           recoverableErrors,
@@ -27772,7 +28017,7 @@ if (__DEV__) {
           spawnedLane
         );
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
         setCurrentUpdatePriority(previousUpdateLanePriority);
       }
 
@@ -27916,16 +28161,14 @@ if (__DEV__) {
         NoFlags$1;
 
       if (subtreeHasEffects || rootHasEffect) {
-        var prevTransition = ReactSharedInternals.T;
-        ReactSharedInternals.T = null;
+        var prevTransition = ReactCurrentBatchConfig.transition;
+        ReactCurrentBatchConfig.transition = null;
         var previousPriority = getCurrentUpdatePriority();
         setCurrentUpdatePriority(DiscreteEventPriority);
         var prevExecutionContext = executionContext;
         executionContext |= CommitContext; // Reset this to null before calling lifecycles
 
-        {
-          ReactSharedInternals.owner = null;
-        } // The commit phase is broken into several sub-phases. We do a separate pass
+        ReactCurrentOwner.current = null; // The commit phase is broken into several sub-phases. We do a separate pass
         // of the effect list for each phase: all mutation effects come before all
         // layout effects, and so on.
         // The first phase a "before mutation" phase. We use this phase to read the
@@ -27976,7 +28219,7 @@ if (__DEV__) {
         executionContext = prevExecutionContext; // Reset the priority to the previous non-sync value.
 
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
       } else {
         // No effects.
         root.current = finishedWork; // Measure these anyway so the flamegraph explicitly shows that there were
@@ -28166,16 +28409,16 @@ if (__DEV__) {
         pendingPassiveEffectsRemainingLanes = NoLanes;
         var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
         var priority = lowerEventPriority(DefaultEventPriority, renderPriority);
-        var prevTransition = ReactSharedInternals.T;
+        var prevTransition = ReactCurrentBatchConfig.transition;
         var previousPriority = getCurrentUpdatePriority();
 
         try {
+          ReactCurrentBatchConfig.transition = null;
           setCurrentUpdatePriority(priority);
-          ReactSharedInternals.T = null;
           return flushPassiveEffectsImpl();
         } finally {
           setCurrentUpdatePriority(previousPriority);
-          ReactSharedInternals.T = prevTransition; // Once passive effects have run for the tree - giving components a
+          ReactCurrentBatchConfig.transition = prevTransition; // Once passive effects have run for the tree - giving components a
           // chance to retain cache instances they use - release the pooled
           // cache at the root (if there is one)
 
@@ -28930,7 +29173,7 @@ if (__DEV__) {
       {
         // If we're currently inside an `act` scope, bypass Scheduler and push to
         // the `act` queue instead.
-        var actQueue = ReactSharedInternals.actQueue;
+        var actQueue = ReactCurrentActQueue.current;
 
         if (actQueue !== null) {
           actQueue.push(callback);
@@ -28943,7 +29186,7 @@ if (__DEV__) {
 
     function shouldForceFlushFallbacksInDEV() {
       // Never force flush in production. This function should get stripped out.
-      return ReactSharedInternals.actQueue !== null;
+      return ReactCurrentActQueue.current !== null;
     }
 
     function warnIfUpdatesNotWrappedWithActDEV(fiber) {
@@ -28977,7 +29220,7 @@ if (__DEV__) {
           }
         }
 
-        if (ReactSharedInternals.actQueue === null) {
+        if (ReactCurrentActQueue.current === null) {
           var previousFiber = current;
 
           try {
@@ -29012,7 +29255,7 @@ if (__DEV__) {
         if (
           root.tag !== LegacyRoot &&
           isConcurrentActEnvironment() &&
-          ReactSharedInternals.actQueue === null
+          ReactCurrentActQueue.current === null
         ) {
           error(
             "A suspended resource finished loading inside a test, but the event " +
@@ -29221,12 +29464,13 @@ if (__DEV__) {
         var staleFamilies = update.staleFamilies,
           updatedFamilies = update.updatedFamilies;
         flushPassiveEffects();
-        scheduleFibersWithFamiliesRecursively(
-          root.current,
-          updatedFamilies,
-          staleFamilies
-        );
-        flushSyncWork();
+        flushSync(function () {
+          scheduleFibersWithFamiliesRecursively(
+            root.current,
+            updatedFamilies,
+            staleFamilies
+          );
+        });
       }
     };
     var scheduleRoot = function (root, element) {
@@ -29238,8 +29482,10 @@ if (__DEV__) {
           return;
         }
 
-        updateContainerSync(element, root, null, null);
-        flushSyncWork();
+        flushPassiveEffects();
+        flushSync(function () {
+          updateContainer(element, root, null, null);
+        });
       }
     };
 
@@ -29970,7 +30216,7 @@ if (__DEV__) {
                   "named imports.";
               }
 
-              var ownerName = owner ? getComponentNameFromOwner(owner) : null;
+              var ownerName = owner ? getComponentNameFromFiber(owner) : null;
 
               if (ownerName) {
                 info += "\n\nCheck the render method of `" + ownerName + "`.";
@@ -30365,40 +30611,14 @@ if (__DEV__) {
         null
       );
     }
-    function updateContainerSync(
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
-      if (container.tag === LegacyRoot) {
-        flushPassiveEffects();
-      }
-
-      var current = container.current;
-      updateContainerImpl(
-        current,
-        SyncLane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return SyncLane;
-    }
-
-    function updateContainerImpl(
-      rootFiber,
-      lane,
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
+    function updateContainer(element, container, parentComponent, callback) {
       {
         onScheduleRoot(container, element);
       }
 
+      var current$1 = container.current;
+      var lane = requestUpdateLane(current$1);
+
       if (enableSchedulingProfiler) {
         markRenderScheduled(lane);
       }
@@ -30447,12 +30667,14 @@ if (__DEV__) {
         update.callback = callback;
       }
 
-      var root = enqueueUpdate(rootFiber, update, lane);
+      var root = enqueueUpdate(current$1, update, lane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, rootFiber, lane);
-        entangleTransitions(root, rootFiber, lane);
+        scheduleUpdateOnFiber(root, current$1, lane);
+        entangleTransitions(root, current$1, lane);
       }
+
+      return lane;
     }
 
     var shouldErrorImpl = function (fiber) {
@@ -30726,6 +30948,7 @@ if (__DEV__) {
 
     function injectIntoDevTools(devToolsConfig) {
       var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+      var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
       return injectInternals({
         bundleType: devToolsConfig.bundleType,
         version: devToolsConfig.version,
@@ -30740,7 +30963,7 @@ if (__DEV__) {
         setErrorHandler: setErrorHandler,
         setSuspenseHandler: setSuspenseHandler,
         scheduleUpdate: scheduleUpdate,
-        currentDispatcherRef: ReactSharedInternals,
+        currentDispatcherRef: ReactCurrentDispatcher,
         findHostInstanceByFiber: findHostInstanceByFiber,
         findFiberByHostInstance:
           findFiberByHostInstance || emptyFindFiberByHostInstance,
@@ -30818,6 +31041,8 @@ if (__DEV__) {
       var _proto4 = Surface.prototype;
 
       _proto4.componentDidMount = function componentDidMount() {
+        var _this = this;
+
         var _this$props = this.props,
           height = _this$props.height,
           width = _this$props.width;
@@ -30832,14 +31057,17 @@ if (__DEV__) {
         ); // We synchronously flush updates coming from above so that they commit together
         // and so that refs resolve before the parent life cycles.
 
-        updateContainerSync(this.props.children, this._mountNode, this);
-        flushSyncWork();
+        flushSync(function () {
+          updateContainer(_this.props.children, _this._mountNode, _this);
+        });
       };
 
       _proto4.componentDidUpdate = function componentDidUpdate(
         prevProps,
         prevState
       ) {
+        var _this2 = this;
+
         var props = this.props;
 
         if (
@@ -30850,8 +31078,9 @@ if (__DEV__) {
         } // We synchronously flush updates coming from above so that they commit together
         // and so that refs resolve before the parent life cycles.
 
-        updateContainerSync(this.props.children, this._mountNode, this);
-        flushSyncWork();
+        flushSync(function () {
+          updateContainer(_this2.props.children, _this2._mountNode, _this2);
+        });
 
         if (this._surface.render) {
           this._surface.render();
@@ -30859,14 +31088,17 @@ if (__DEV__) {
       };
 
       _proto4.componentWillUnmount = function componentWillUnmount() {
+        var _this3 = this;
+
         // We synchronously flush updates coming from above so that they commit together
         // and so that refs resolve before the parent life cycles.
-        updateContainerSync(null, this._mountNode, this);
-        flushSyncWork();
+        flushSync(function () {
+          updateContainer(null, _this3._mountNode, _this3);
+        });
       };
 
       _proto4.render = function render() {
-        var _this = this;
+        var _this4 = this;
 
         // This is going to be a placeholder because we don't know what it will
         // actually resolve to because ART may render canvas, vml or svg tags here.
@@ -30877,7 +31109,7 @@ if (__DEV__) {
         var Tag = Mode$1.Surface.tagName;
         return /*#__PURE__*/ React.createElement(Tag, {
           ref: function (ref) {
-            return (_this._tagRef = ref);
+            return (_this4._tagRef = ref);
           },
           accessKey: props.accessKey,
           className: props.className,
@@ -30896,25 +31128,25 @@ if (__DEV__) {
       _inheritsLoose(Text, _React$Component2);
 
       function Text(props) {
-        var _this2;
+        var _this5;
 
-        _this2 = _React$Component2.call(this, props) || this; // We allow reading these props. Ideally we could expose the Text node as
+        _this5 = _React$Component2.call(this, props) || this; // We allow reading these props. Ideally we could expose the Text node as
         // ref directly.
 
         ["height", "width", "x", "y"].forEach(function (key) {
-          Object.defineProperty(_assertThisInitialized(_this2), key, {
+          Object.defineProperty(_assertThisInitialized(_this5), key, {
             get: function () {
               return this._text ? this._text[key] : undefined;
             }
           });
         });
-        return _this2;
+        return _this5;
       }
 
       var _proto5 = Text.prototype;
 
       _proto5.render = function render() {
-        var _this3 = this;
+        var _this6 = this;
 
         // This means you can't have children that render into strings...
         var T = TYPES.TEXT;
@@ -30922,7 +31154,7 @@ if (__DEV__) {
           T,
           _extends({}, this.props, {
             ref: function (t) {
-              return (_this3._text = t);
+              return (_this6._text = t);
             }
           }),
           childrenAsString(this.props.children)
diff --git a/compiled/facebook-www/ReactART-dev.modern.js b/compiled/facebook-www/ReactART-dev.modern.js
index 2e604c3730..231de1c158 100644
--- a/compiled/facebook-www/ReactART-dev.modern.js
+++ b/compiled/facebook-www/ReactART-dev.modern.js
@@ -66,7 +66,7 @@ if (__DEV__) {
       return self;
     }
 
-    var ReactVersion = "19.0.0-www-modern-2b9608d3";
+    var ReactVersion = "19.0.0-www-modern-ab20b5da";
 
     var LegacyRoot = 0;
     var ConcurrentRoot = 1;
@@ -120,10 +120,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -156,7 +158,7 @@ if (__DEV__) {
     }
 
     var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
     // Re-export dynamic flags from the www version.
     var dynamicFeatureFlags = require("ReactFeatureFlags");
@@ -409,17 +411,6 @@ if (__DEV__) {
       return type.displayName || "Context";
     }
 
-    function getComponentNameFromOwner(owner) {
-      if (typeof owner.tag === "number") {
-        return getComponentNameFromFiber(owner);
-      }
-
-      if (typeof owner.name === "string") {
-        return owner.name;
-      }
-
-      return null;
-    }
     function getComponentNameFromFiber(fiber) {
       var tag = fiber.tag,
         type = fiber.type;
@@ -588,7 +579,6 @@ if (__DEV__) {
     var ScheduleRetry = StoreConsistency;
     var ShouldSuspendCommit = Visibility;
     var DidDefer = ContentReset;
-    var FormReset = Snapshot;
 
     var HostEffectMask =
       /*               */
@@ -656,8 +646,7 @@ if (__DEV__) {
       ContentReset |
       Ref |
       Hydrating |
-      Visibility |
-      FormReset;
+      Visibility;
     var LayoutMask = Update | Callback | Ref | Visibility; // TODO: Split into PassiveMountMask and PassiveUnmountMask
 
     var PassiveMask = Passive$1 | Visibility | ChildDeletion; // Union of tags that don't get reset on clones.
@@ -667,6 +656,7 @@ if (__DEV__) {
     var StaticMask =
       LayoutStatic | PassiveStatic | RefStatic | MaySuspendCommit;
 
+    var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
     function getNearestMountedFiber(fiber) {
       var node = fiber;
       var nearestMounted = fiber;
@@ -705,7 +695,7 @@ if (__DEV__) {
     }
     function isMounted(component) {
       {
-        var owner = ReactSharedInternals.owner;
+        var owner = ReactCurrentOwner$2.current;
 
         if (owner !== null && owner.tag === ClassComponent) {
           var ownerFiber = owner;
@@ -2572,11 +2562,17 @@ if (__DEV__) {
       }
     }
 
-    var NoEventPriority = NoLane;
     var DiscreteEventPriority = SyncLane;
     var ContinuousEventPriority = InputContinuousLane;
     var DefaultEventPriority = DefaultLane;
     var IdleEventPriority = IdleLane;
+    var currentUpdatePriority = NoLane;
+    function getCurrentUpdatePriority() {
+      return currentUpdatePriority;
+    }
+    function setCurrentUpdatePriority(newPriority) {
+      currentUpdatePriority = newPriority;
+    }
     function higherEventPriority(a, b) {
       return a !== 0 && a < b ? a : b;
     }
@@ -2586,9 +2582,6 @@ if (__DEV__) {
     function isHigherEventPriority(a, b) {
       return a !== 0 && a < b;
     }
-    function eventPriorityToLane(updatePriority) {
-      return updatePriority;
-    }
     function lanesToEventPriority(lanes) {
       var lane = getHighestPriorityLane(lanes);
 
@@ -2954,15 +2947,8 @@ if (__DEV__) {
         typeof props.children === "string" || typeof props.children === "number"
       );
     }
-    var currentUpdatePriority = NoEventPriority;
-    function setCurrentUpdatePriority(newPriority) {
-      currentUpdatePriority = newPriority;
-    }
-    function getCurrentUpdatePriority() {
-      return currentUpdatePriority;
-    }
-    function resolveUpdatePriority() {
-      return currentUpdatePriority || DefaultEventPriority;
+    function getCurrentEventPriority() {
+      return DefaultEventPriority;
     }
     function shouldAttemptEagerTransition() {
       return false;
@@ -3366,8 +3352,9 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -3424,13 +3411,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher$2.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher$2.current = null;
         disableLogs();
       }
       /**
@@ -3623,7 +3610,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher$2.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -3642,12 +3629,12 @@ if (__DEV__) {
       return syntheticFrame;
     }
 
-    function describeClassComponentFrame(ctor) {
+    function describeClassComponentFrame(ctor, ownerFn) {
       {
         return describeNativeComponentFrame(ctor, true);
       }
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -4844,6 +4831,7 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentActQueue$4 = 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.
 
@@ -4882,7 +4870,7 @@ if (__DEV__) {
       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 (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.current !== null) {
         // We're inside an `act` scope.
         if (!didScheduleMicrotask_act) {
           didScheduleMicrotask_act = true;
@@ -5084,7 +5072,7 @@ if (__DEV__) {
           // Scheduler task, rather than an `act` task, cancel it and re-schedule
           // on the `act` queue.
           !(
-            ReactSharedInternals.actQueue !== null &&
+            ReactCurrentActQueue$4.current !== null &&
             existingCallbackNode !== fakeActCallbackNode$1
           )
         ) {
@@ -5151,11 +5139,11 @@ if (__DEV__) {
     var fakeActCallbackNode$1 = {};
 
     function scheduleCallback$2(priorityLevel, callback) {
-      if (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.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.
-        ReactSharedInternals.actQueue.push(callback);
+        ReactCurrentActQueue$4.current.push(callback);
         return fakeActCallbackNode$1;
       } else {
         return scheduleCallback$3(priorityLevel, callback);
@@ -5170,13 +5158,13 @@ if (__DEV__) {
     }
 
     function scheduleImmediateTask(cb) {
-      if (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.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.
-        ReactSharedInternals.actQueue.push(function () {
+        ReactCurrentActQueue$4.current.push(function () {
           cb();
           return null;
         });
@@ -5968,6 +5956,7 @@ if (__DEV__) {
       return true;
     }
 
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
     var current = null;
     var isRendering = false;
     function getCurrentFiberOwnerNameInDevOrNull() {
@@ -5978,8 +5967,8 @@ if (__DEV__) {
 
         var owner = current._debugOwner;
 
-        if (owner != null) {
-          return getComponentNameFromOwner(owner);
+        if (owner !== null && typeof owner !== "undefined") {
+          return getComponentNameFromFiber(owner);
         }
       }
 
@@ -5999,14 +5988,14 @@ if (__DEV__) {
 
     function resetCurrentFiber() {
       {
-        ReactSharedInternals.getCurrentStack = null;
+        ReactDebugCurrentFrame.getCurrentStack = null;
         current = null;
         isRendering = false;
       }
     }
     function setCurrentFiber(fiber) {
       {
-        ReactSharedInternals.getCurrentStack =
+        ReactDebugCurrentFrame.getCurrentStack =
           fiber === null ? null : getCurrentFiberStackInDev;
         current = fiber;
         isRendering = false;
@@ -6381,6 +6370,83 @@ if (__DEV__) {
       };
     }
 
+    /*
+     * 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 checkPropStringCoercion(value, propName) {
+      {
+        if (willCoercionThrow(value)) {
+          error(
+            "The provided `%s` prop is an unsupported type %s." +
+              " This value must be coerced to a string before using it here.",
+            propName,
+            typeName(value)
+          );
+
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
+    }
+
+    var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue;
+
     function getThenablesFromState(state) {
       {
         var devState = state;
@@ -6434,8 +6500,8 @@ if (__DEV__) {
     function noop() {}
 
     function trackUsedThenable(thenableState, thenable, index) {
-      if (ReactSharedInternals.actQueue !== null) {
-        ReactSharedInternals.didUsePromise = true;
+      if (ReactCurrentActQueue$3.current !== null) {
+        ReactCurrentActQueue$3.didUsePromise = true;
       }
 
       var trackedThenables = getThenablesFromState(thenableState);
@@ -6658,6 +6724,7 @@ if (__DEV__) {
 
     var didWarnAboutMaps;
     var didWarnAboutGenerators;
+    var didWarnAboutStringRefs;
     var ownerHasKeyUseWarning;
     var ownerHasFunctionTypeWarning;
     var ownerHasSymbolTypeWarning;
@@ -6667,6 +6734,7 @@ if (__DEV__) {
     {
       didWarnAboutMaps = false;
       didWarnAboutGenerators = false;
+      didWarnAboutStringRefs = {};
       /**
        * 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
@@ -6711,6 +6779,10 @@ if (__DEV__) {
       };
     }
 
+    function isReactClass(type) {
+      return type.prototype && type.prototype.isReactComponent;
+    }
+
     function unwrapThenable(thenable) {
       var index = thenableIndexCounter$1;
       thenableIndexCounter$1 += 1;
@@ -6722,22 +6794,159 @@ if (__DEV__) {
       return trackUsedThenable(thenableState$1, thenable, index);
     }
 
+    function convertStringRefToCallbackRef(
+      returnFiber,
+      current,
+      element,
+      mixedRef
+    ) {
+      {
+        checkPropStringCoercion(mixedRef, "ref");
+      }
+
+      var stringRef = "" + mixedRef;
+      var owner = element._owner;
+
+      if (!owner) {
+        throw new Error(
+          "Element ref was specified as a string (" +
+            stringRef +
+            ") 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://react.dev/link/refs-must-have-owner for more information."
+        );
+      }
+
+      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://react.dev/link/strict-mode-string-ref"
+        );
+      }
+
+      {
+        if (
+          // Will already warn with "Function components cannot be given refs"
+          !(typeof element.type === "function" && !isReactClass(element.type))
+        ) {
+          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://react.dev/link/strict-mode-string-ref",
+              componentName,
+              stringRef
+            );
+
+            didWarnAboutStringRefs[componentName] = true;
+          }
+        }
+      }
+
+      var inst = owner.stateNode;
+
+      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
+
+      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
+
+      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 ref;
+      var mixedRef;
 
       if (enableRefAsProp) {
         // 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;
-        ref = refProp !== undefined ? refProp : null;
+        mixedRef = refProp !== undefined ? refProp : null;
       } else {
         // Old behavior.
-        ref = element.ref;
+        mixedRef = element.ref;
+      }
+
+      var coercedRef;
+
+      if (
+        typeof mixedRef === "string" ||
+        typeof mixedRef === "number" ||
+        typeof mixedRef === "boolean"
+      ) {
+        coercedRef = convertStringRefToCallbackRef(
+          returnFiber,
+          current,
+          element,
+          mixedRef
+        );
+
+        if (enableRefAsProp) {
+          // 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 = ref;
+      workInProgress.ref = coercedRef;
     }
 
     function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -8556,6 +8765,8 @@ if (__DEV__) {
       /*   */
       8;
 
+    var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
     var didWarnAboutMismatchedHooksForComponent;
     var didWarnUncachedGetSnapshot;
     var didWarnAboutUseWrappedInTryCatch;
@@ -8719,8 +8930,8 @@ if (__DEV__) {
           didWarnAboutUseFormState.add(componentName);
 
           error(
-            "ReactDOM.useFormState has been renamed to React.useActionState. " +
-              "Please update %s to use React.useActionState.",
+            "ReactDOM.useFormState has been deprecated and replaced by " +
+              "React.useActionState. Please update %s to use React.useActionState.",
             componentName
           );
         }
@@ -8856,16 +9067,17 @@ if (__DEV__) {
 
       {
         if (current !== null && current.memoizedState !== null) {
-          ReactSharedInternals.H = HooksDispatcherOnUpdateInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
         } else if (hookTypesDev !== null) {
           // This dispatcher handles an edge case where a component is updating,
           // but no stateful hooks have been used.
           // We want to match the production code behavior (which will use HooksDispatcherOnMount),
           // but with the extra DEV validation to ensure hooks ordering hasn't changed.
           // This dispatcher does that.
-          ReactSharedInternals.H = HooksDispatcherOnMountWithHookTypesInDEV;
+          ReactCurrentDispatcher$1.current =
+            HooksDispatcherOnMountWithHookTypesInDEV;
         } else {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       } // In Strict Mode, during development, user functions are double invoked to
       // help detect side effects. The logic for how this is implemented for in
@@ -8937,7 +9149,7 @@ if (__DEV__) {
       } // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
       // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
       var didRenderTooFewHooks =
@@ -9110,7 +9322,7 @@ if (__DEV__) {
           hookTypesUpdateIndexDev = -1;
         }
 
-        ReactSharedInternals.H = HooksDispatcherOnRerenderInDEV;
+        ReactCurrentDispatcher$1.current = HooksDispatcherOnRerenderInDEV;
         children = Component(props, secondArg);
       } while (didScheduleRenderPhaseUpdateDuringThisPass);
 
@@ -9132,34 +9344,18 @@ if (__DEV__) {
       );
     }
     function TransitionAwareHostComponent() {
-      var dispatcher = ReactSharedInternals.H;
+      var dispatcher = ReactCurrentDispatcher$1.current;
 
       var _dispatcher$useState = dispatcher.useState(),
         maybeThenable = _dispatcher$useState[0];
 
-      var nextState;
-
       if (typeof maybeThenable.then === "function") {
         var thenable = maybeThenable;
-        nextState = useThenable(thenable);
+        return useThenable(thenable);
       } else {
         var status = maybeThenable;
-        nextState = status;
-      } // The "reset state" is an object. If it changes, that means something
-      // requested that we reset the form.
-
-      var _dispatcher$useState2 = dispatcher.useState(),
-        nextResetState = _dispatcher$useState2[0];
-
-      var prevResetState =
-        currentHook !== null ? currentHook.memoizedState : null;
-
-      if (prevResetState !== nextResetState) {
-        // Schedule a form reset
-        currentlyRenderingFiber$1.flags |= FormReset;
+        return status;
       }
-
-      return nextState;
     }
     function bailoutHooks(current, workInProgress, lanes) {
       workInProgress.updateQueue = current.updateQueue; // TODO: Don't need to reset the flags here, because they're reset in the
@@ -9188,7 +9384,7 @@ if (__DEV__) {
       currentlyRenderingFiber$1 = null; // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
     }
     function resetHooksOnUnwind(workInProgress) {
       if (didScheduleRenderPhaseUpdate) {
@@ -9361,7 +9557,7 @@ if (__DEV__) {
         // time (perhaps because it threw). Subsequent Hook calls should use the
         // mount dispatcher.
         {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       }
 
@@ -10170,14 +10366,14 @@ if (__DEV__) {
       var action = actionQueue.action;
       var prevState = actionQueue.state; // This is a fork of startTransition
 
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$2.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
-      ReactSharedInternals.T = currentTransition;
+      ReactCurrentBatchConfig$2.transition = currentTransition;
 
       {
-        ReactSharedInternals.T._updatedFibers = new Set();
+        ReactCurrentBatchConfig$2.transition._updatedFibers = new Set();
       } // Optimistically update the pending state, similar to useTransition.
       // This will be reverted automatically when all actions are finished.
 
@@ -10235,7 +10431,7 @@ if (__DEV__) {
         setState(rejectedThenable);
         finishRunningActionStateAction(actionQueue, setPendingState, setState);
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$2.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -10877,7 +11073,7 @@ if (__DEV__) {
       setCurrentUpdatePriority(
         higherEventPriority(previousPriority, ContinuousEventPriority)
       );
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$2.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
@@ -10889,19 +11085,19 @@ if (__DEV__) {
         // optimistic update anyway to make it less likely the behavior accidentally
         // diverges; for example, both an optimistic update and this one should
         // share the same lane.
-        ReactSharedInternals.T = currentTransition;
+        ReactCurrentBatchConfig$2.transition = currentTransition;
         dispatchOptimisticSetState(fiber, false, queue, pendingState);
       }
 
       if (enableTransitionTracing) {
         if (options !== undefined && options.name !== undefined) {
-          currentTransition.name = options.name;
-          currentTransition.startTime = now$1();
+          ReactCurrentBatchConfig$2.transition.name = options.name;
+          ReactCurrentBatchConfig$2.transition.startTime = now$1();
         }
       }
 
       {
-        currentTransition._updatedFibers = new Set();
+        ReactCurrentBatchConfig$2.transition._updatedFibers = new Set();
       }
 
       try {
@@ -10947,7 +11143,7 @@ if (__DEV__) {
         }
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$2.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -11169,11 +11365,11 @@ if (__DEV__) {
           var lastRenderedReducer = queue.lastRenderedReducer;
 
           if (lastRenderedReducer !== null) {
-            var prevDispatcher = null;
+            var prevDispatcher;
 
             {
-              prevDispatcher = ReactSharedInternals.H;
-              ReactSharedInternals.H =
+              prevDispatcher = ReactCurrentDispatcher$1.current;
+              ReactCurrentDispatcher$1.current =
                 InvalidNestedHooksDispatcherOnUpdateInDEV;
             }
 
@@ -11204,7 +11400,7 @@ if (__DEV__) {
               // Suppress the error. It will throw again in the render phase.
             } finally {
               {
-                ReactSharedInternals.H = prevDispatcher;
+                ReactCurrentDispatcher$1.current = prevDispatcher;
               }
             }
           }
@@ -11478,25 +11674,27 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           mountHookTypesDev();
           checkDepsAreArrayDev(deps);
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11507,13 +11705,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -11644,25 +11843,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11673,13 +11874,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -11802,25 +12004,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11831,13 +12035,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -11969,25 +12174,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11998,13 +12205,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -12147,26 +12355,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -12179,13 +12389,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -12332,26 +12543,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -12364,13 +12577,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -12517,26 +12731,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -12549,13 +12765,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -13987,20 +14204,7 @@ if (__DEV__) {
       // remove this extra check.
       alreadyResolvedDefaultProps
     ) {
-      var newProps = baseProps;
-
-      if (enableRefAsProp) {
-        // Remove ref from the props object, if it exists.
-        if ("ref" in baseProps) {
-          newProps = {};
-
-          for (var propName in baseProps) {
-            if (propName !== "ref") {
-              newProps[propName] = baseProps[propName];
-            }
-          }
-        }
-      } // Resolve default props.
+      var newProps = baseProps; // Resolve default props. Taken from old JSX runtime, where this used to live.
 
       var defaultProps = Component.defaultProps;
 
@@ -14009,19 +14213,26 @@ if (__DEV__) {
         // default props here in the reconciler, rather than in the JSX runtime.
         (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
       ) {
-        // We may have already copied the props object above to remove ref. If so,
-        // we can modify that. Otherwise, copy the props object with Object.assign.
-        if (newProps === baseProps) {
-          newProps = assign({}, newProps, baseProps);
-        } // Taken from old JSX runtime, where this used to live.
+        newProps = assign({}, newProps, baseProps);
 
-        for (var _propName in defaultProps) {
-          if (newProps[_propName] === undefined) {
-            newProps[_propName] = defaultProps[_propName];
+        for (var propName in defaultProps) {
+          if (newProps[propName] === undefined) {
+            newProps[propName] = defaultProps[propName];
           }
         }
       }
 
+      if (enableRefAsProp) {
+        // Remove ref from the props object, if it exists.
+        if ("ref" in newProps) {
+          if (newProps === baseProps) {
+            newProps = assign({}, newProps);
+          }
+
+          delete newProps.ref;
+        }
+      }
+
       return newProps;
     }
 
@@ -14087,6 +14298,8 @@ if (__DEV__) {
           console["error"](error);
         };
 
+    var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // Side-channel since I'm not sure we want to make this part of the public API
+
     var componentName = null;
     var errorBoundaryName = null;
     function logUncaughtError(root, errorInfo) {
@@ -14100,10 +14313,10 @@ if (__DEV__) {
 
         var error = errorInfo.value;
 
-        if (true && ReactSharedInternals.actQueue !== null) {
+        if (true && ReactCurrentActQueue$2.current !== null) {
           // For uncaught errors inside act, we track them on the act and then
           // rethrow them into the test.
-          ReactSharedInternals.thrownErrors.push(error);
+          ReactCurrentActQueue$2.thrownErrors.push(error);
           return;
         }
 
@@ -14782,6 +14995,7 @@ if (__DEV__) {
       return null;
     }
 
+    var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
     // into a dehydrated boundary.
 
     var SelectiveHydrationException = new Error(
@@ -14914,7 +15128,7 @@ if (__DEV__) {
       }
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -15555,7 +15769,7 @@ if (__DEV__) {
       }
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -15770,10 +15984,7 @@ if (__DEV__) {
 
       var instance = workInProgress.stateNode; // Rerender
 
-      {
-        ReactSharedInternals.owner = workInProgress;
-      }
-
+      ReactCurrentOwner$1.current = workInProgress;
       var nextChildren;
 
       if (
@@ -17476,7 +17687,7 @@ if (__DEV__) {
       var newChildren;
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         newChildren = render(newValue);
         setIsRendering(false);
@@ -18929,8 +19140,10 @@ if (__DEV__) {
       popProvider(CacheContext, workInProgress);
     }
 
+    var ReactCurrentBatchConfig$1 =
+      ReactSharedInternals.ReactCurrentBatchConfig;
     function requestCurrentTransition() {
-      var transition = ReactSharedInternals.T;
+      var transition = ReactCurrentBatchConfig$1.transition;
 
       if (transition !== null) {
         // Whenever a transition update is scheduled, register a callback on the
@@ -20650,7 +20863,7 @@ if (__DEV__) {
     // Allows us to avoid traversing the return path to find the nearest Offscreen ancestor.
 
     var offscreenSubtreeIsHidden = false;
-    var offscreenSubtreeWasHidden = false; // Used to track if a form needs to be reset at the end of the mutation phase.
+    var offscreenSubtreeWasHidden = false;
     var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
     var nextEffect = null; // Used for Profiling builds to track updaters.
 
@@ -22976,19 +23189,6 @@ if (__DEV__) {
                 }
               }
             }
-
-            if (flags & FormReset) {
-              {
-                if (finishedWork.type !== "form") {
-                  // Paranoid coding. In case we accidentally start using the
-                  // FormReset bit for something else.
-                  error(
-                    "Unexpected host component type. Expected a form. This is a " +
-                      "bug in React."
-                  );
-                }
-              }
-            }
           }
 
           return;
@@ -24759,6 +24959,7 @@ if (__DEV__) {
       symbolFor("selector.text");
     }
 
+    var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
     function isConcurrentActEnvironment() {
       {
         var isReactActEnvironmentGlobal = // $FlowFixMe[cannot-resolve-name] Flow doesn't know about IS_REACT_ACT_ENVIRONMENT global
@@ -24768,7 +24969,7 @@ if (__DEV__) {
 
         if (
           !isReactActEnvironmentGlobal &&
-          ReactSharedInternals.actQueue !== null
+          ReactCurrentActQueue$1.current !== null
         ) {
           // TODO: Include link to relevant documentation page.
           error(
@@ -24782,9 +24983,17 @@ if (__DEV__) {
     }
 
     var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+      ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+      ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+      ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue;
     var NoContext =
       /*             */
       0;
+    var BatchedContext =
+      /*               */
+      1;
     var RenderContext =
       /*         */
       2;
@@ -25075,11 +25284,13 @@ if (__DEV__) {
 
       if (transition !== null) {
         {
-          if (!transition._updatedFibers) {
-            transition._updatedFibers = new Set();
+          var batchConfigTransition = ReactCurrentBatchConfig.transition;
+
+          if (!batchConfigTransition._updatedFibers) {
+            batchConfigTransition._updatedFibers = new Set();
           }
 
-          transition._updatedFibers.add(fiber);
+          batchConfigTransition._updatedFibers.add(fiber);
         }
 
         var actionScopeLane = peekEntangledActionLane();
@@ -25088,9 +25299,26 @@ if (__DEV__) {
           : // is the first update in that scope. Either way, we need to get a
             // fresh transition lane.
             requestTransitionLane();
-      }
+      } // Updates originating inside certain React methods, like flushSync, have
+      // their priority set by tracking it with a context variable.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
 
-      return eventPriorityToLane(resolveUpdatePriority());
+      var updateLane = getCurrentUpdatePriority();
+
+      if (updateLane !== NoLane) {
+        return updateLane;
+      } // This update originated outside React. Ask the host environment for an
+      // appropriate priority, based on the type of event.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
+
+      var eventLane = getCurrentEventPriority();
+      return eventLane;
     }
 
     function requestRetryLane(fiber) {
@@ -25191,13 +25419,12 @@ if (__DEV__) {
         warnIfUpdatesNotWrappedWithActDEV(fiber);
 
         if (enableTransitionTracing) {
-          var transition = ReactSharedInternals.T;
+          var transition = ReactCurrentBatchConfig.transition;
 
           if (transition !== null && transition.name != null) {
             if (transition.startTime === -1) {
               transition.startTime = now$1();
-            } // $FlowFixMe[prop-missing]: The BatchConfigTransition and Transition types are incompatible but was previously untyped and thus uncaught
-            // $FlowFixMe[incompatible-call]: "
+            }
 
             addTransitionToLanesMap(root, transition, lane);
           }
@@ -25236,7 +25463,7 @@ if (__DEV__) {
           !disableLegacyMode &&
           (fiber.mode & ConcurrentMode) === NoMode
         ) {
-          if (ReactSharedInternals.isBatchingLegacy);
+          if (ReactCurrentActQueue.isBatchingLegacy);
           else {
             // Flush the synchronous work now, unless we're already working or inside
             // a batch. This is intentionally inside scheduleUpdateOnFiber instead of
@@ -25337,31 +25564,20 @@ if (__DEV__) {
             } // Check if something threw
 
             if (exitStatus === RootErrored) {
-              var lanesThatJustErrored = lanes;
+              var originallyAttemptedLanes = lanes;
               var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
                 root,
-                lanesThatJustErrored
+                originallyAttemptedLanes
               );
 
               if (errorRetryLanes !== NoLanes) {
                 lanes = errorRetryLanes;
                 exitStatus = recoverFromConcurrentError(
                   root,
-                  lanesThatJustErrored,
+                  originallyAttemptedLanes,
                   errorRetryLanes
                 );
-                renderWasConcurrent = false; // Need to check the exit status again.
-
-                if (exitStatus !== RootErrored) {
-                  // The root did not error this time. Restart the exit algorithm
-                  // from the beginning.
-                  // TODO: Refactor the exit algorithm to be less confusing. Maybe
-                  // more branches + recursion instead of a loop. I think the only
-                  // thing that causes it to be a loop is the RootDidNotComplete
-                  // check. If that's true, then we don't need a loop/recursion
-                  // at all.
-                  continue;
-                }
+                renderWasConcurrent = false;
               }
             }
 
@@ -25802,15 +26018,51 @@ if (__DEV__) {
     function getExecutionContext() {
       return executionContext;
     }
-    // Returns whether the the call was during a render or not
+    // Warning, this opts-out of checking the function body.
+    // eslint-disable-next-line no-unused-vars
+    // eslint-disable-next-line no-redeclare
+    // eslint-disable-next-line no-redeclare
 
-    function flushSyncWork() {
-      if ((executionContext & (RenderContext | CommitContext)) === NoContext) {
-        flushSyncWorkOnAllRoots();
-        return false;
+    function flushSync(fn) {
+      // In legacy mode, we flush pending passive effects at the beginning of the
+      // next event, not at the end of the previous one.
+      if (
+        rootWithPendingPassiveEffects !== null &&
+        !disableLegacyMode &&
+        rootWithPendingPassiveEffects.tag === LegacyRoot &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        flushPassiveEffects();
       }
 
-      return true;
+      var prevExecutionContext = executionContext;
+      executionContext |= BatchedContext;
+      var prevTransition = ReactCurrentBatchConfig.transition;
+      var previousPriority = getCurrentUpdatePriority();
+
+      try {
+        ReactCurrentBatchConfig.transition = null;
+        setCurrentUpdatePriority(DiscreteEventPriority);
+
+        if (fn) {
+          return fn();
+        } else {
+          return undefined;
+        }
+      } finally {
+        setCurrentUpdatePriority(previousPriority);
+        ReactCurrentBatchConfig.transition = prevTransition;
+        executionContext = prevExecutionContext; // Flush the immediate callbacks that were scheduled during this batch.
+        // Note that this will happen even if batchedUpdates is higher up
+        // the stack.
+
+        if (
+          (executionContext & (RenderContext | CommitContext)) ===
+          NoContext
+        ) {
+          flushSyncWorkOnAllRoots();
+        }
+      }
     }
     function isInvalidExecutionContextForEventFunction() {
       // Used to throw if certain APIs are called from the wrong context.
@@ -25928,10 +26180,7 @@ if (__DEV__) {
       // when React is executing user code.
       resetHooksAfterThrow();
       resetCurrentFiber();
-
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
 
       if (thrownValue === SuspenseException) {
         // This is a special type of exception used for Suspense. For historical
@@ -26083,8 +26332,8 @@ if (__DEV__) {
     }
 
     function pushDispatcher(container) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
       if (prevDispatcher === null) {
         // The React isomorphic package does not include a default dispatcher.
@@ -26097,20 +26346,20 @@ if (__DEV__) {
     }
 
     function popDispatcher(prevDispatcher) {
-      ReactSharedInternals.H = prevDispatcher;
+      ReactCurrentDispatcher.current = prevDispatcher;
     }
 
     function pushCacheDispatcher() {
       {
-        var prevCacheDispatcher = ReactSharedInternals.C;
-        ReactSharedInternals.C = DefaultCacheDispatcher;
+        var prevCacheDispatcher = ReactCurrentCache.current;
+        ReactCurrentCache.current = DefaultCacheDispatcher;
         return prevCacheDispatcher;
       }
     }
 
     function popCacheDispatcher(prevCacheDispatcher) {
       {
-        ReactSharedInternals.C = prevCacheDispatcher;
+        ReactCurrentCache.current = prevCacheDispatcher;
       }
     }
 
@@ -26537,7 +26786,7 @@ if (__DEV__) {
             }
           }
 
-          if (true && ReactSharedInternals.actQueue !== null) {
+          if (true && ReactCurrentActQueue.current !== null) {
             // `act` special case: If we're inside an `act` scope, don't consult
             // `shouldYield`. Always keep working until the render is complete.
             // This is not just an optimization: in a unit test environment, we
@@ -26622,9 +26871,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
     }
 
     function replaySuspendedUnitOfWork(unitOfWork) {
@@ -26743,9 +26990,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
     }
 
     function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
@@ -26955,12 +27200,12 @@ if (__DEV__) {
     ) {
       // TODO: This no longer makes any sense. We already wrap the mutation and
       // layout phases. Should be able to remove.
-      var prevTransition = ReactSharedInternals.T;
       var previousUpdateLanePriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
 
       try {
+        ReactCurrentBatchConfig.transition = null;
         setCurrentUpdatePriority(DiscreteEventPriority);
-        ReactSharedInternals.T = null;
         commitRootImpl(
           root,
           recoverableErrors,
@@ -26970,7 +27215,7 @@ if (__DEV__) {
           spawnedLane
         );
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
         setCurrentUpdatePriority(previousUpdateLanePriority);
       }
 
@@ -27114,16 +27359,14 @@ if (__DEV__) {
         NoFlags$1;
 
       if (subtreeHasEffects || rootHasEffect) {
-        var prevTransition = ReactSharedInternals.T;
-        ReactSharedInternals.T = null;
+        var prevTransition = ReactCurrentBatchConfig.transition;
+        ReactCurrentBatchConfig.transition = null;
         var previousPriority = getCurrentUpdatePriority();
         setCurrentUpdatePriority(DiscreteEventPriority);
         var prevExecutionContext = executionContext;
         executionContext |= CommitContext; // Reset this to null before calling lifecycles
 
-        {
-          ReactSharedInternals.owner = null;
-        } // The commit phase is broken into several sub-phases. We do a separate pass
+        ReactCurrentOwner.current = null; // The commit phase is broken into several sub-phases. We do a separate pass
         // of the effect list for each phase: all mutation effects come before all
         // layout effects, and so on.
         // The first phase a "before mutation" phase. We use this phase to read the
@@ -27174,7 +27417,7 @@ if (__DEV__) {
         executionContext = prevExecutionContext; // Reset the priority to the previous non-sync value.
 
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
       } else {
         // No effects.
         root.current = finishedWork; // Measure these anyway so the flamegraph explicitly shows that there were
@@ -27361,16 +27604,16 @@ if (__DEV__) {
         pendingPassiveEffectsRemainingLanes = NoLanes;
         var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
         var priority = lowerEventPriority(DefaultEventPriority, renderPriority);
-        var prevTransition = ReactSharedInternals.T;
+        var prevTransition = ReactCurrentBatchConfig.transition;
         var previousPriority = getCurrentUpdatePriority();
 
         try {
+          ReactCurrentBatchConfig.transition = null;
           setCurrentUpdatePriority(priority);
-          ReactSharedInternals.T = null;
           return flushPassiveEffectsImpl();
         } finally {
           setCurrentUpdatePriority(previousPriority);
-          ReactSharedInternals.T = prevTransition; // Once passive effects have run for the tree - giving components a
+          ReactCurrentBatchConfig.transition = prevTransition; // Once passive effects have run for the tree - giving components a
           // chance to retain cache instances they use - release the pooled
           // cache at the root (if there is one)
 
@@ -28061,7 +28304,7 @@ if (__DEV__) {
       {
         // If we're currently inside an `act` scope, bypass Scheduler and push to
         // the `act` queue instead.
-        var actQueue = ReactSharedInternals.actQueue;
+        var actQueue = ReactCurrentActQueue.current;
 
         if (actQueue !== null) {
           actQueue.push(callback);
@@ -28074,7 +28317,7 @@ if (__DEV__) {
 
     function shouldForceFlushFallbacksInDEV() {
       // Never force flush in production. This function should get stripped out.
-      return ReactSharedInternals.actQueue !== null;
+      return ReactCurrentActQueue.current !== null;
     }
 
     function warnIfUpdatesNotWrappedWithActDEV(fiber) {
@@ -28086,7 +28329,7 @@ if (__DEV__) {
           }
         }
 
-        if (ReactSharedInternals.actQueue === null) {
+        if (ReactCurrentActQueue.current === null) {
           var previousFiber = current;
 
           try {
@@ -28120,7 +28363,7 @@ if (__DEV__) {
       {
         if (
           isConcurrentActEnvironment() &&
-          ReactSharedInternals.actQueue === null
+          ReactCurrentActQueue.current === null
         ) {
           error(
             "A suspended resource finished loading inside a test, but the event " +
@@ -28329,12 +28572,13 @@ if (__DEV__) {
         var staleFamilies = update.staleFamilies,
           updatedFamilies = update.updatedFamilies;
         flushPassiveEffects();
-        scheduleFibersWithFamiliesRecursively(
-          root.current,
-          updatedFamilies,
-          staleFamilies
-        );
-        flushSyncWork();
+        flushSync(function () {
+          scheduleFibersWithFamiliesRecursively(
+            root.current,
+            updatedFamilies,
+            staleFamilies
+          );
+        });
       }
     };
     var scheduleRoot = function (root, element) {
@@ -28346,8 +28590,10 @@ if (__DEV__) {
           return;
         }
 
-        updateContainerSync(element, root, null, null);
-        flushSyncWork();
+        flushPassiveEffects();
+        flushSync(function () {
+          updateContainer(element, root, null, null);
+        });
       }
     };
 
@@ -29076,7 +29322,7 @@ if (__DEV__) {
                   "named imports.";
               }
 
-              var ownerName = owner ? getComponentNameFromOwner(owner) : null;
+              var ownerName = owner ? getComponentNameFromFiber(owner) : null;
 
               if (ownerName) {
                 info += "\n\nCheck the render method of `" + ownerName + "`.";
@@ -29464,40 +29710,14 @@ if (__DEV__) {
         null
       );
     }
-    function updateContainerSync(
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
-      if (container.tag === LegacyRoot) {
-        flushPassiveEffects();
-      }
-
-      var current = container.current;
-      updateContainerImpl(
-        current,
-        SyncLane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return SyncLane;
-    }
-
-    function updateContainerImpl(
-      rootFiber,
-      lane,
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
+    function updateContainer(element, container, parentComponent, callback) {
       {
         onScheduleRoot(container, element);
       }
 
+      var current$1 = container.current;
+      var lane = requestUpdateLane(current$1);
+
       if (enableSchedulingProfiler) {
         markRenderScheduled(lane);
       }
@@ -29546,12 +29766,14 @@ if (__DEV__) {
         update.callback = callback;
       }
 
-      var root = enqueueUpdate(rootFiber, update, lane);
+      var root = enqueueUpdate(current$1, update, lane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, rootFiber, lane);
-        entangleTransitions(root, rootFiber, lane);
+        scheduleUpdateOnFiber(root, current$1, lane);
+        entangleTransitions(root, current$1, lane);
       }
+
+      return lane;
     }
 
     var shouldErrorImpl = function (fiber) {
@@ -29825,6 +30047,7 @@ if (__DEV__) {
 
     function injectIntoDevTools(devToolsConfig) {
       var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+      var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
       return injectInternals({
         bundleType: devToolsConfig.bundleType,
         version: devToolsConfig.version,
@@ -29839,7 +30062,7 @@ if (__DEV__) {
         setErrorHandler: setErrorHandler,
         setSuspenseHandler: setSuspenseHandler,
         scheduleUpdate: scheduleUpdate,
-        currentDispatcherRef: ReactSharedInternals,
+        currentDispatcherRef: ReactCurrentDispatcher,
         findHostInstanceByFiber: findHostInstanceByFiber,
         findFiberByHostInstance:
           findFiberByHostInstance || emptyFindFiberByHostInstance,
@@ -29917,6 +30140,8 @@ if (__DEV__) {
       var _proto4 = Surface.prototype;
 
       _proto4.componentDidMount = function componentDidMount() {
+        var _this = this;
+
         var _this$props = this.props,
           height = _this$props.height,
           width = _this$props.width;
@@ -29931,14 +30156,17 @@ if (__DEV__) {
         ); // We synchronously flush updates coming from above so that they commit together
         // and so that refs resolve before the parent life cycles.
 
-        updateContainerSync(this.props.children, this._mountNode, this);
-        flushSyncWork();
+        flushSync(function () {
+          updateContainer(_this.props.children, _this._mountNode, _this);
+        });
       };
 
       _proto4.componentDidUpdate = function componentDidUpdate(
         prevProps,
         prevState
       ) {
+        var _this2 = this;
+
         var props = this.props;
 
         if (
@@ -29949,8 +30177,9 @@ if (__DEV__) {
         } // We synchronously flush updates coming from above so that they commit together
         // and so that refs resolve before the parent life cycles.
 
-        updateContainerSync(this.props.children, this._mountNode, this);
-        flushSyncWork();
+        flushSync(function () {
+          updateContainer(_this2.props.children, _this2._mountNode, _this2);
+        });
 
         if (this._surface.render) {
           this._surface.render();
@@ -29958,14 +30187,17 @@ if (__DEV__) {
       };
 
       _proto4.componentWillUnmount = function componentWillUnmount() {
+        var _this3 = this;
+
         // We synchronously flush updates coming from above so that they commit together
         // and so that refs resolve before the parent life cycles.
-        updateContainerSync(null, this._mountNode, this);
-        flushSyncWork();
+        flushSync(function () {
+          updateContainer(null, _this3._mountNode, _this3);
+        });
       };
 
       _proto4.render = function render() {
-        var _this = this;
+        var _this4 = this;
 
         // This is going to be a placeholder because we don't know what it will
         // actually resolve to because ART may render canvas, vml or svg tags here.
@@ -29976,7 +30208,7 @@ if (__DEV__) {
         var Tag = Mode$1.Surface.tagName;
         return /*#__PURE__*/ React.createElement(Tag, {
           ref: function (ref) {
-            return (_this._tagRef = ref);
+            return (_this4._tagRef = ref);
           },
           accessKey: props.accessKey,
           className: props.className,
@@ -29995,25 +30227,25 @@ if (__DEV__) {
       _inheritsLoose(Text, _React$Component2);
 
       function Text(props) {
-        var _this2;
+        var _this5;
 
-        _this2 = _React$Component2.call(this, props) || this; // We allow reading these props. Ideally we could expose the Text node as
+        _this5 = _React$Component2.call(this, props) || this; // We allow reading these props. Ideally we could expose the Text node as
         // ref directly.
 
         ["height", "width", "x", "y"].forEach(function (key) {
-          Object.defineProperty(_assertThisInitialized(_this2), key, {
+          Object.defineProperty(_assertThisInitialized(_this5), key, {
             get: function () {
               return this._text ? this._text[key] : undefined;
             }
           });
         });
-        return _this2;
+        return _this5;
       }
 
       var _proto5 = Text.prototype;
 
       _proto5.render = function render() {
-        var _this3 = this;
+        var _this6 = this;
 
         // This means you can't have children that render into strings...
         var T = TYPES.TEXT;
@@ -30021,7 +30253,7 @@ if (__DEV__) {
           T,
           _extends({}, this.props, {
             ref: function (t) {
-              return (_this3._text = t);
+              return (_this6._text = t);
             }
           }),
           childrenAsString(this.props.children)
diff --git a/compiled/facebook-www/ReactART-prod.classic.js b/compiled/facebook-www/ReactART-prod.classic.js
index 8c16970dbd..13dbf26912 100644
--- a/compiled/facebook-www/ReactART-prod.classic.js
+++ b/compiled/facebook-www/ReactART-prod.classic.js
@@ -60,7 +60,7 @@ function formatProdErrorMessage(code) {
   );
 }
 var ReactSharedInternals =
-    React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableLazyContextPropagation =
@@ -648,6 +648,7 @@ function clearTransitionsForLanes(root, lanes) {
       lanes &= ~lane;
     }
 }
+var currentUpdatePriority = 0;
 function lanesToEventPriority(lanes) {
   lanes &= -lanes;
   return 2 < lanes
@@ -825,8 +826,7 @@ function shouldSetTextContent(type, props) {
     "string" === typeof props.children || "number" === typeof props.children
   );
 }
-var currentUpdatePriority = 0,
-  valueStack = [],
+var valueStack = [],
   index = -1;
 function createCursor(defaultValue) {
   return { current: defaultValue };
@@ -1770,11 +1770,51 @@ function unwrapThenable(thenable) {
   null === thenableState$1 && (thenableState$1 = []);
   return trackUsedThenable(thenableState$1, thenable, index);
 }
+function convertStringRefToCallbackRef(
+  returnFiber,
+  current,
+  element,
+  mixedRef
+) {
+  function ref(value) {
+    var refs = inst.refs;
+    null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+  }
+  var stringRef = "" + mixedRef;
+  returnFiber = element._owner;
+  if (!returnFiber) throw Error(formatProdErrorMessage(290, stringRef));
+  if (1 !== returnFiber.tag) throw Error(formatProdErrorMessage(309));
+  var inst = returnFiber.stateNode;
+  if (!inst) throw Error(formatProdErrorMessage(147, stringRef));
+  if (
+    null !== current &&
+    null !== current.ref &&
+    "function" === typeof current.ref &&
+    current.ref._stringRef === stringRef
+  )
+    return current.ref;
+  ref._stringRef = stringRef;
+  return ref;
+}
 function coerceRef(returnFiber, current, workInProgress, element) {
-  enableRefAsProp
-    ? ((returnFiber = element.props.ref),
-      (returnFiber = void 0 !== returnFiber ? returnFiber : null))
-    : (returnFiber = element.ref);
+  if (enableRefAsProp) {
+    var mixedRef = element.props.ref;
+    mixedRef = void 0 !== mixedRef ? mixedRef : null;
+  } else mixedRef = element.ref;
+  "string" === typeof mixedRef ||
+  "number" === typeof mixedRef ||
+  "boolean" === typeof mixedRef
+    ? ((returnFiber = convertStringRefToCallbackRef(
+        returnFiber,
+        current,
+        element,
+        mixedRef
+      )),
+      enableRefAsProp &&
+        ((current = assign({}, workInProgress.pendingProps)),
+        (current.ref = returnFiber),
+        (workInProgress.pendingProps = current)))
+    : (returnFiber = mixedRef);
   workInProgress.ref = returnFiber;
 }
 function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -2539,7 +2579,9 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-var renderLanes = 0,
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
+  renderLanes = 0,
   currentlyRenderingFiber$1 = null,
   currentHook = null,
   workInProgressHook = null,
@@ -2571,7 +2613,7 @@ function renderWithHooks(
   workInProgress.memoizedState = null;
   workInProgress.updateQueue = null;
   workInProgress.lanes = 0;
-  ReactSharedInternals.H =
+  ReactCurrentDispatcher$1.current =
     null === current || null === current.memoizedState
       ? HooksDispatcherOnMount
       : HooksDispatcherOnUpdate;
@@ -2589,7 +2631,7 @@ function renderWithHooks(
   return nextRenderLanes;
 }
 function finishRenderingHooks(current) {
-  ReactSharedInternals.H = ContextOnlyDispatcher;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
   var didRenderTooFewHooks = null !== currentHook && null !== currentHook.next;
   renderLanes = 0;
   workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
@@ -2616,22 +2658,16 @@ function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
     numberOfReRenders += 1;
     workInProgressHook = currentHook = null;
     workInProgress.updateQueue = null;
-    ReactSharedInternals.H = HooksDispatcherOnRerender;
+    ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
     var children = Component(props, secondArg);
   } while (didScheduleRenderPhaseUpdateDuringThisPass);
   return children;
 }
 function TransitionAwareHostComponent() {
-  var dispatcher = ReactSharedInternals.H,
-    maybeThenable = dispatcher.useState()[0];
-  maybeThenable =
-    "function" === typeof maybeThenable.then
-      ? useThenable(maybeThenable)
-      : maybeThenable;
-  dispatcher = dispatcher.useState()[0];
-  (null !== currentHook ? currentHook.memoizedState : null) !== dispatcher &&
-    (currentlyRenderingFiber$1.flags |= 1024);
-  return maybeThenable;
+  var maybeThenable = ReactCurrentDispatcher$1.current.useState()[0];
+  return "function" === typeof maybeThenable.then
+    ? useThenable(maybeThenable)
+    : maybeThenable;
 }
 function bailoutHooks(current, workInProgress, lanes) {
   workInProgress.updateQueue = current.updateQueue;
@@ -2717,7 +2753,7 @@ function useThenable(thenable) {
     (null === workInProgressHook
       ? null === currentlyRenderingFiber$1.memoizedState
       : null === workInProgressHook.next) &&
-    (ReactSharedInternals.H = HooksDispatcherOnMount);
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
   return thenable;
 }
 function use(usable) {
@@ -3010,9 +3046,9 @@ function dispatchActionState(
 function runActionStateAction(actionQueue, setPendingState, setState, payload) {
   var action = actionQueue.action,
     prevState = actionQueue.state,
-    prevTransition = ReactSharedInternals.T,
+    prevTransition = ReactCurrentBatchConfig$2.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$2.transition = currentTransition;
   setPendingState(!0);
   try {
     var returnValue = action(prevState, payload);
@@ -3045,7 +3081,7 @@ function runActionStateAction(actionQueue, setPendingState, setState, payload) {
     setState({ then: function () {}, status: "rejected", reason: error }),
       finishRunningActionStateAction(actionQueue, setPendingState, setState);
   } finally {
-    ReactSharedInternals.T = prevTransition;
+    ReactCurrentBatchConfig$2.transition = prevTransition;
   }
 }
 function finishRunningActionStateAction(
@@ -3316,15 +3352,15 @@ function startTransition(
   var previousPriority = currentUpdatePriority;
   currentUpdatePriority =
     0 !== previousPriority && 8 > previousPriority ? previousPriority : 8;
-  var prevTransition = ReactSharedInternals.T,
+  var prevTransition = ReactCurrentBatchConfig$2.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$2.transition = currentTransition;
   dispatchOptimisticSetState(fiber, !1, queue, pendingState);
   enableTransitionTracing &&
     void 0 !== options &&
     void 0 !== options.name &&
-    ((currentTransition.name = options.name),
-    (currentTransition.startTime = now()));
+    ((ReactCurrentBatchConfig$2.transition.name = options.name),
+    (ReactCurrentBatchConfig$2.transition.startTime = now()));
   try {
     var returnValue = callback();
     if (
@@ -3347,7 +3383,7 @@ function startTransition(
     });
   } finally {
     (currentUpdatePriority = previousPriority),
-      (ReactSharedInternals.T = prevTransition);
+      (ReactCurrentBatchConfig$2.transition = prevTransition);
   }
 }
 function useHostTransitionStatus() {
@@ -3928,20 +3964,19 @@ function resolveClassComponentProps(
   alreadyResolvedDefaultProps
 ) {
   var newProps = baseProps;
-  if (enableRefAsProp && "ref" in baseProps) {
-    newProps = {};
-    for (var propName in baseProps)
-      "ref" !== propName && (newProps[propName] = baseProps[propName]);
-  }
   if (
     (Component = Component.defaultProps) &&
     (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
   ) {
-    newProps === baseProps && (newProps = assign({}, newProps, baseProps));
-    for (var propName$36 in Component)
-      void 0 === newProps[propName$36] &&
-        (newProps[propName$36] = Component[propName$36]);
+    newProps = assign({}, newProps, baseProps);
+    for (var propName in Component)
+      void 0 === newProps[propName] &&
+        (newProps[propName] = Component[propName]);
   }
+  enableRefAsProp &&
+    "ref" in newProps &&
+    (newProps === baseProps && (newProps = assign({}, newProps)),
+    delete newProps.ref);
   return newProps;
 }
 function resolveDefaultPropsOnNonClassComponent(Component, baseProps) {
@@ -4344,7 +4379,8 @@ function pushMarkerInstance(workInProgress, markerInstance) {
           markerInstanceStack.current.concat(markerInstance)
         ));
 }
-var SelectiveHydrationException = Error(formatProdErrorMessage(461)),
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+  SelectiveHydrationException = Error(formatProdErrorMessage(461)),
   didReceiveUpdate = !1;
 function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
   workInProgress.child =
@@ -4871,7 +4907,7 @@ function finishClassComponent(
       bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
     );
   shouldUpdate = workInProgress.stateNode;
-  ReactSharedInternals.owner = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   var nextChildren =
     didCaptureError && "function" !== typeof Component.getDerivedStateFromError
       ? null
@@ -6333,8 +6369,9 @@ function releaseCache(cache) {
       cache.controller.abort();
     });
 }
+var ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
 function requestCurrentTransition() {
-  var transition = ReactSharedInternals.T;
+  var transition = ReactCurrentBatchConfig$1.transition;
   null !== transition && transition._callbacks.add(handleAsyncAction);
   return transition;
 }
@@ -6502,14 +6539,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$82 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$82 = lastTailNode),
+      for (var lastTailNode$81 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$81 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$82
+      null === lastTailNode$81
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$82.sibling = null);
+        : (lastTailNode$81.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -6519,19 +6556,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$83 = completedWork.child; null !== child$83; )
-      (newChildLanes |= child$83.lanes | child$83.childLanes),
-        (subtreeFlags |= child$83.subtreeFlags & 31457280),
-        (subtreeFlags |= child$83.flags & 31457280),
-        (child$83.return = completedWork),
-        (child$83 = child$83.sibling);
+    for (var child$82 = completedWork.child; null !== child$82; )
+      (newChildLanes |= child$82.lanes | child$82.childLanes),
+        (subtreeFlags |= child$82.subtreeFlags & 31457280),
+        (subtreeFlags |= child$82.flags & 31457280),
+        (child$82.return = completedWork),
+        (child$82 = child$82.sibling);
   else
-    for (child$83 = completedWork.child; null !== child$83; )
-      (newChildLanes |= child$83.lanes | child$83.childLanes),
-        (subtreeFlags |= child$83.subtreeFlags),
-        (subtreeFlags |= child$83.flags),
-        (child$83.return = completedWork),
-        (child$83 = child$83.sibling);
+    for (child$82 = completedWork.child; null !== child$82; )
+      (newChildLanes |= child$82.lanes | child$82.childLanes),
+        (subtreeFlags |= child$82.subtreeFlags),
+        (subtreeFlags |= child$82.flags),
+        (child$82.return = completedWork),
+        (child$82 = child$82.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -6709,11 +6746,11 @@ function completeWork(current, workInProgress, renderLanes) {
           null !== newProps.alternate.memoizedState &&
           null !== newProps.alternate.memoizedState.cachePool &&
           (instance = newProps.alternate.memoizedState.cachePool.pool);
-        var cache$87 = null;
+        var cache$86 = null;
         null !== newProps.memoizedState &&
           null !== newProps.memoizedState.cachePool &&
-          (cache$87 = newProps.memoizedState.cachePool.pool);
-        cache$87 !== instance && (newProps.flags |= 2048);
+          (cache$86 = newProps.memoizedState.cachePool.pool);
+        cache$86 !== instance && (newProps.flags |= 2048);
       }
       renderLanes !== current &&
         (enableTransitionTracing && (workInProgress.child.flags |= 2048),
@@ -6747,8 +6784,8 @@ function completeWork(current, workInProgress, renderLanes) {
       instance = workInProgress.memoizedState;
       if (null === instance) return bubbleProperties(workInProgress), null;
       newProps = 0 !== (workInProgress.flags & 128);
-      cache$87 = instance.rendering;
-      if (null === cache$87)
+      cache$86 = instance.rendering;
+      if (null === cache$86)
         if (newProps) cutOffTailIfNeeded(instance, !1);
         else {
           if (
@@ -6756,11 +6793,11 @@ function completeWork(current, workInProgress, renderLanes) {
             (null !== current && 0 !== (current.flags & 128))
           )
             for (current = workInProgress.child; null !== current; ) {
-              cache$87 = findFirstSuspended(current);
-              if (null !== cache$87) {
+              cache$86 = findFirstSuspended(current);
+              if (null !== cache$86) {
                 workInProgress.flags |= 128;
                 cutOffTailIfNeeded(instance, !1);
-                current = cache$87.updateQueue;
+                current = cache$86.updateQueue;
                 workInProgress.updateQueue = current;
                 scheduleRetryEffect(workInProgress, current);
                 workInProgress.subtreeFlags = 0;
@@ -6785,7 +6822,7 @@ function completeWork(current, workInProgress, renderLanes) {
         }
       else {
         if (!newProps)
-          if (((current = findFirstSuspended(cache$87)), null !== current)) {
+          if (((current = findFirstSuspended(cache$86)), null !== current)) {
             if (
               ((workInProgress.flags |= 128),
               (newProps = !0),
@@ -6795,7 +6832,7 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(instance, !0),
               null === instance.tail &&
                 "hidden" === instance.tailMode &&
-                !cache$87.alternate)
+                !cache$86.alternate)
             )
               return bubbleProperties(workInProgress), null;
           } else
@@ -6807,13 +6844,13 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(instance, !1),
               (workInProgress.lanes = 4194304));
         instance.isBackwards
-          ? ((cache$87.sibling = workInProgress.child),
-            (workInProgress.child = cache$87))
+          ? ((cache$86.sibling = workInProgress.child),
+            (workInProgress.child = cache$86))
           : ((current = instance.last),
             null !== current
-              ? (current.sibling = cache$87)
-              : (workInProgress.child = cache$87),
-            (instance.last = cache$87));
+              ? (current.sibling = cache$86)
+              : (workInProgress.child = cache$86),
+            (instance.last = cache$86));
       }
       if (null !== instance.tail)
         return (
@@ -7085,8 +7122,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$105) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$105);
+      } catch (error$104) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$104);
       }
     else ref.current = null;
 }
@@ -7290,11 +7327,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$106) {
+          } catch (error$105) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$106
+              error$105
             );
           }
         }
@@ -7861,7 +7898,7 @@ function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) {
         captureCommitPhaseError(childToDelete, parentFiber, error);
       }
     }
-  if (parentFiber.subtreeFlags & 13878)
+  if (parentFiber.subtreeFlags & 12854)
     for (parentFiber = parentFiber.child; null !== parentFiber; )
       commitMutationEffectsOnFiber(parentFiber, root$jscomp$0),
         (parentFiber = parentFiber.sibling);
@@ -7885,8 +7922,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$114) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$114);
+        } catch (error$113) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$113);
         }
       }
       break;
@@ -7920,8 +7957,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         finishedWork.updateQueue = null;
         try {
           flags._applyProps(flags, newProps, current);
-        } catch (error$117) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$117);
+        } catch (error$116) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$116);
         }
       }
       break;
@@ -7957,8 +7994,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$119) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$119);
+        } catch (error$118) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$118);
         }
         flags = finishedWork.updateQueue;
         null !== flags &&
@@ -8098,12 +8135,12 @@ function commitReconciliationEffects(finishedWork) {
           break;
         case 3:
         case 4:
-          var parent$109 = JSCompiler_inline_result.stateNode.containerInfo,
-            before$110 = getHostSibling(finishedWork);
+          var parent$108 = JSCompiler_inline_result.stateNode.containerInfo,
+            before$109 = getHostSibling(finishedWork);
           insertOrAppendPlacementNodeIntoContainer(
             finishedWork,
-            before$110,
-            parent$109
+            before$109,
+            parent$108
           );
           break;
         default:
@@ -8561,9 +8598,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$125 = finishedWork.stateNode;
+        var instance$124 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$125._visibility & 4
+          ? instance$124._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -8576,7 +8613,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$125._visibility |= 4),
+            : ((instance$124._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -8584,7 +8621,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$125._visibility |= 4),
+          : ((instance$124._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -8597,7 +8634,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$125
+            instance$124
           );
         break;
       case 24:
@@ -8904,6 +8941,10 @@ var DefaultCacheDispatcher = {
     }
   },
   PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+  ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   executionContext = 0,
   workInProgressRoot = null,
   workInProgress = null,
@@ -8996,14 +9037,16 @@ var legacyErrorBoundariesThatAlreadyFailed = null,
   nestedUpdateCount = 0,
   rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
-  return 0 === (fiber.mode & 1)
-    ? 2
-    : 0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes
-    ? workInProgressRootRenderLanes & -workInProgressRootRenderLanes
-    : null !== requestCurrentTransition()
-    ? ((fiber = currentEntangledLane),
-      0 !== fiber ? fiber : requestTransitionLane())
-    : currentUpdatePriority || 32;
+  if (0 === (fiber.mode & 1)) return 2;
+  if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
+    return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
+  if (null !== requestCurrentTransition())
+    return (
+      (fiber = currentEntangledLane),
+      0 !== fiber ? fiber : requestTransitionLane()
+    );
+  fiber = currentUpdatePriority;
+  return 0 !== fiber ? fiber : 32;
 }
 function requestDeferredLane() {
   0 === workInProgressDeferredLane &&
@@ -9029,7 +9072,7 @@ function scheduleUpdateOnFiber(root, fiber, lane) {
   markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot) {
     if (enableTransitionTracing) {
-      var transition = ReactSharedInternals.T;
+      var transition = ReactCurrentBatchConfig.transition;
       if (
         null !== transition &&
         null != transition.name &&
@@ -9097,18 +9140,13 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
             root,
             renderWasConcurrent
           );
-          if (
-            0 !== errorRetryLanes &&
+          0 !== errorRetryLanes &&
             ((lanes = errorRetryLanes),
             (exitStatus = recoverFromConcurrentError(
               root,
               renderWasConcurrent,
               errorRetryLanes
-            )),
-            (renderWasConcurrent = !1),
-            2 !== exitStatus)
-          )
-            continue;
+            )));
         }
         if (1 === exitStatus) {
           prepareFreshStack(root, 0);
@@ -9342,10 +9380,28 @@ function performSyncWorkOnRoot(root, lanes) {
   ensureRootIsScheduled(root);
   return null;
 }
-function flushSyncWork() {
-  return 0 === (executionContext & 6)
-    ? (flushSyncWorkAcrossRoots_impl(!1), !1)
-    : !0;
+function flushSync(fn) {
+  null !== rootWithPendingPassiveEffects &&
+    0 === rootWithPendingPassiveEffects.tag &&
+    0 === (executionContext & 6) &&
+    flushPassiveEffects();
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
+  var prevTransition = ReactCurrentBatchConfig.transition,
+    previousPriority = currentUpdatePriority;
+  try {
+    if (
+      ((ReactCurrentBatchConfig.transition = null),
+      (currentUpdatePriority = 2),
+      fn)
+    )
+      return fn();
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition),
+      (executionContext = prevExecutionContext),
+      0 === (executionContext & 6) && flushSyncWorkAcrossRoots_impl(!1);
+  }
 }
 function resetWorkInProgressStack() {
   if (null !== workInProgress) {
@@ -9408,8 +9464,8 @@ function prepareFreshStack(root, lanes) {
 }
 function handleThrow(root, thrownValue) {
   currentlyRenderingFiber$1 = null;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
-  ReactSharedInternals.owner = null;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  ReactCurrentOwner.current = null;
   if (thrownValue === SuspenseException) {
     thrownValue = getSuspendedThenable();
     var handler = suspenseHandlerStackCursor.current;
@@ -9447,13 +9503,13 @@ function handleThrow(root, thrownValue) {
     ));
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactSharedInternals.H;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
   return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushCacheDispatcher() {
-  var prevCacheDispatcher = ReactSharedInternals.C;
-  ReactSharedInternals.C = DefaultCacheDispatcher;
+  var prevCacheDispatcher = ReactCurrentCache.current;
+  ReactCurrentCache.current = DefaultCacheDispatcher;
   return prevCacheDispatcher;
 }
 function renderDidSuspendDelayIfPossible() {
@@ -9499,15 +9555,15 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$133) {
-      handleThrow(root, thrownValue$133);
+    } catch (thrownValue$132) {
+      handleThrow(root, thrownValue$132);
     }
   while (1);
   lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
   if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
   workInProgressRoot = null;
   workInProgressRootRenderLanes = 0;
@@ -9605,13 +9661,13 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$135) {
-      handleThrow(root, thrownValue$135);
+    } catch (thrownValue$134) {
+      handleThrow(root, thrownValue$134);
     }
   while (1);
   resetContextDependencies();
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
   executionContext = prevExecutionContext;
   if (null !== workInProgress) return 0;
   workInProgressRoot = null;
@@ -9627,7 +9683,7 @@ function performUnitOfWork(unitOfWork) {
   var next = beginWork(unitOfWork.alternate, unitOfWork, entangledRenderLanes);
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
   null === next ? completeUnitOfWork(unitOfWork) : (workInProgress = next);
-  ReactSharedInternals.owner = null;
+  ReactCurrentOwner.current = null;
 }
 function replaySuspendedUnitOfWork(unitOfWork) {
   var current = unitOfWork.alternate;
@@ -9683,7 +9739,7 @@ function replaySuspendedUnitOfWork(unitOfWork) {
   null === current
     ? completeUnitOfWork(unitOfWork)
     : (workInProgress = current);
-  ReactSharedInternals.owner = null;
+  ReactCurrentOwner.current = null;
 }
 function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
   resetContextDependencies();
@@ -9770,11 +9826,11 @@ function commitRoot(
   didIncludeRenderPhaseUpdate,
   spawnedLane
 ) {
-  var prevTransition = ReactSharedInternals.T,
-    previousUpdateLanePriority = currentUpdatePriority;
+  var previousUpdateLanePriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
   try {
-    (currentUpdatePriority = 2),
-      (ReactSharedInternals.T = null),
+    (ReactCurrentBatchConfig.transition = null),
+      (currentUpdatePriority = 2),
       commitRootImpl(
         root,
         recoverableErrors,
@@ -9784,7 +9840,7 @@ function commitRoot(
         spawnedLane
       );
   } finally {
-    (ReactSharedInternals.T = prevTransition),
+    (ReactCurrentBatchConfig.transition = prevTransition),
       (currentUpdatePriority = previousUpdateLanePriority);
   }
   return null;
@@ -9828,13 +9884,13 @@ function commitRootImpl(
     }));
   transitions = 0 !== (finishedWork.flags & 15990);
   if (0 !== (finishedWork.subtreeFlags & 15990) || transitions) {
-    transitions = ReactSharedInternals.T;
-    ReactSharedInternals.T = null;
+    transitions = ReactCurrentBatchConfig.transition;
+    ReactCurrentBatchConfig.transition = null;
     spawnedLane = currentUpdatePriority;
     currentUpdatePriority = 2;
     var prevExecutionContext = executionContext;
     executionContext |= 4;
-    ReactSharedInternals.owner = null;
+    ReactCurrentOwner.current = null;
     commitBeforeMutationEffects(root, finishedWork);
     commitMutationEffectsOnFiber(finishedWork, root);
     root.current = finishedWork;
@@ -9842,7 +9898,7 @@ function commitRootImpl(
     requestPaint();
     executionContext = prevExecutionContext;
     currentUpdatePriority = spawnedLane;
-    ReactSharedInternals.T = transitions;
+    ReactCurrentBatchConfig.transition = transitions;
   } else root.current = finishedWork;
   rootDoesHavePassiveEffects
     ? ((rootDoesHavePassiveEffects = !1),
@@ -9888,18 +9944,19 @@ function flushPassiveEffects() {
     var root = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
-    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
-      prevTransition = ReactSharedInternals.T,
+    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
+    renderPriority = 32 > renderPriority ? 32 : renderPriority;
+    var prevTransition = ReactCurrentBatchConfig.transition,
       previousPriority = currentUpdatePriority;
     try {
       return (
-        (currentUpdatePriority = 32 > renderPriority ? 32 : renderPriority),
-        (ReactSharedInternals.T = null),
+        (ReactCurrentBatchConfig.transition = null),
+        (currentUpdatePriority = renderPriority),
         flushPassiveEffectsImpl()
       );
     } finally {
       (currentUpdatePriority = previousPriority),
-        (ReactSharedInternals.T = prevTransition),
+        (ReactCurrentBatchConfig.transition = prevTransition),
         releaseRootPooledCache(root, remainingLanes);
     }
   }
@@ -10413,9 +10470,54 @@ function FiberRootNode(
     )
       containerInfo.push(null);
 }
-function updateContainerSync(element, container, parentComponent, callback) {
-  0 === container.tag && flushPassiveEffects();
-  var current = container.current;
+function createContainer(
+  containerInfo,
+  tag,
+  hydrationCallbacks,
+  isStrictMode,
+  concurrentUpdatesByDefaultOverride,
+  identifierPrefix,
+  onUncaughtError,
+  onCaughtError,
+  onRecoverableError,
+  transitionCallbacks
+) {
+  containerInfo = new FiberRootNode(
+    containerInfo,
+    tag,
+    !1,
+    identifierPrefix,
+    onUncaughtError,
+    onCaughtError,
+    onRecoverableError,
+    null
+  );
+  containerInfo.hydrationCallbacks = hydrationCallbacks;
+  enableTransitionTracing &&
+    (containerInfo.transitionCallbacks = transitionCallbacks);
+  1 === tag
+    ? ((tag = 1),
+      !0 === isStrictMode && (tag |= 24),
+      concurrentUpdatesByDefaultOverride && (tag |= 32))
+    : (tag = 0);
+  isStrictMode = createFiber(3, null, null, tag);
+  containerInfo.current = isStrictMode;
+  isStrictMode.stateNode = containerInfo;
+  concurrentUpdatesByDefaultOverride = createCache();
+  concurrentUpdatesByDefaultOverride.refCount++;
+  containerInfo.pooledCache = concurrentUpdatesByDefaultOverride;
+  concurrentUpdatesByDefaultOverride.refCount++;
+  isStrictMode.memoizedState = {
+    element: null,
+    isDehydrated: !1,
+    cache: concurrentUpdatesByDefaultOverride
+  };
+  initializeUpdateQueue(isStrictMode);
+  return containerInfo;
+}
+function updateContainer(element, container, parentComponent, callback) {
+  var current = container.current,
+    lane = requestUpdateLane(current);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternals;
     b: {
@@ -10459,15 +10561,15 @@ function updateContainerSync(element, container, parentComponent, callback) {
   null === container.context
     ? (container.context = parentComponent)
     : (container.pendingContext = parentComponent);
-  container = createUpdate(2);
+  container = createUpdate(lane);
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  element = enqueueUpdate(current, container, 2);
+  element = enqueueUpdate(current, container, lane);
   null !== element &&
-    (scheduleUpdateOnFiber(element, current, 2),
-    entangleTransitions(element, current, 2));
-  return 2;
+    (scheduleUpdateOnFiber(element, current, lane),
+    entangleTransitions(element, current, lane));
+  return lane;
 }
 function emptyFindFiberByHostInstance() {
   return null;
@@ -10508,52 +10610,41 @@ var slice = Array.prototype.slice,
     _inheritsLoose(Surface, _React$Component);
     var _proto4 = Surface.prototype;
     _proto4.componentDidMount = function () {
-      var _this$props = this.props;
+      var $jscomp$this = this,
+        _this$props = this.props;
       this._surface = Mode$1.Surface(
         +_this$props.width,
         +_this$props.height,
         this._tagRef
       );
-      _this$props = new FiberRootNode(
-        this._surface,
-        0,
-        !1,
-        "",
-        void 0,
-        void 0,
-        void 0,
-        null
-      );
-      _this$props.hydrationCallbacks = null;
-      enableTransitionTracing && (_this$props.transitionCallbacks = void 0);
-      var JSCompiler_inline_result = createFiber(3, null, null, 0);
-      _this$props.current = JSCompiler_inline_result;
-      JSCompiler_inline_result.stateNode = _this$props;
-      var initialCache = createCache();
-      initialCache.refCount++;
-      _this$props.pooledCache = initialCache;
-      initialCache.refCount++;
-      JSCompiler_inline_result.memoizedState = {
-        element: null,
-        isDehydrated: !1,
-        cache: initialCache
-      };
-      initializeUpdateQueue(JSCompiler_inline_result);
-      this._mountNode = _this$props;
-      updateContainerSync(this.props.children, this._mountNode, this);
-      flushSyncWork();
+      this._mountNode = createContainer(this._surface, 0, null, !1, !1, "");
+      flushSync(function () {
+        updateContainer(
+          $jscomp$this.props.children,
+          $jscomp$this._mountNode,
+          $jscomp$this
+        );
+      });
     };
     _proto4.componentDidUpdate = function (prevProps) {
-      var props = this.props;
+      var $jscomp$this = this,
+        props = this.props;
       (props.height === prevProps.height && props.width === prevProps.width) ||
         this._surface.resize(+props.width, +props.height);
-      updateContainerSync(this.props.children, this._mountNode, this);
-      flushSyncWork();
+      flushSync(function () {
+        updateContainer(
+          $jscomp$this.props.children,
+          $jscomp$this._mountNode,
+          $jscomp$this
+        );
+      });
       this._surface.render && this._surface.render();
     };
     _proto4.componentWillUnmount = function () {
-      updateContainerSync(null, this._mountNode, this);
-      flushSyncWork();
+      var $jscomp$this = this;
+      flushSync(function () {
+        updateContainer(null, $jscomp$this._mountNode, $jscomp$this);
+      });
     };
     _proto4.render = function () {
       var $jscomp$this = this,
@@ -10600,19 +10691,19 @@ var slice = Array.prototype.slice,
     };
     return Text;
   })(React.Component),
-  devToolsConfig$jscomp$inline_1114 = {
+  devToolsConfig$jscomp$inline_1121 = {
     findFiberByHostInstance: function () {
       return null;
     },
     bundleType: 0,
-    version: "19.0.0-www-classic-52a8955f",
+    version: "19.0.0-www-classic-442df77a",
     rendererPackageName: "react-art"
   };
-var internals$jscomp$inline_1322 = {
-  bundleType: devToolsConfig$jscomp$inline_1114.bundleType,
-  version: devToolsConfig$jscomp$inline_1114.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1114.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1114.rendererConfig,
+var internals$jscomp$inline_1317 = {
+  bundleType: devToolsConfig$jscomp$inline_1121.bundleType,
+  version: devToolsConfig$jscomp$inline_1121.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1121.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1121.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -10622,33 +10713,33 @@ var internals$jscomp$inline_1322 = {
   setErrorHandler: null,
   setSuspenseHandler: null,
   scheduleUpdate: null,
-  currentDispatcherRef: ReactSharedInternals,
+  currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
   findHostInstanceByFiber: function (fiber) {
     fiber = findCurrentFiberUsingSlowPath(fiber);
     fiber = null !== fiber ? findCurrentHostFiberImpl(fiber) : null;
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1114.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1121.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "19.0.0-www-classic-52a8955f"
+  reconcilerVersion: "19.0.0-www-classic-442df77a"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1323 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1318 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1323.isDisabled &&
-    hook$jscomp$inline_1323.supportsFiber
+    !hook$jscomp$inline_1318.isDisabled &&
+    hook$jscomp$inline_1318.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1323.inject(
-        internals$jscomp$inline_1322
+      (rendererID = hook$jscomp$inline_1318.inject(
+        internals$jscomp$inline_1317
       )),
-        (injectedHook = hook$jscomp$inline_1323);
+        (injectedHook = hook$jscomp$inline_1318);
     } catch (err) {}
 }
 var Path = Mode$1.Path;
diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js
index 36abae3d2a..ffe1fd3530 100644
--- a/compiled/facebook-www/ReactART-prod.modern.js
+++ b/compiled/facebook-www/ReactART-prod.modern.js
@@ -60,7 +60,7 @@ function formatProdErrorMessage(code) {
   );
 }
 var ReactSharedInternals =
-    React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableLazyContextPropagation =
@@ -524,6 +524,7 @@ function clearTransitionsForLanes(root, lanes) {
       lanes &= ~lane;
     }
 }
+var currentUpdatePriority = 0;
 function lanesToEventPriority(lanes) {
   lanes &= -lanes;
   return 2 < lanes
@@ -701,8 +702,7 @@ function shouldSetTextContent(type, props) {
     "string" === typeof props.children || "number" === typeof props.children
   );
 }
-var currentUpdatePriority = 0,
-  valueStack = [],
+var valueStack = [],
   index = -1;
 function createCursor(defaultValue) {
   return { current: defaultValue };
@@ -1568,11 +1568,51 @@ function unwrapThenable(thenable) {
   null === thenableState$1 && (thenableState$1 = []);
   return trackUsedThenable(thenableState$1, thenable, index);
 }
+function convertStringRefToCallbackRef(
+  returnFiber,
+  current,
+  element,
+  mixedRef
+) {
+  function ref(value) {
+    var refs = inst.refs;
+    null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+  }
+  var stringRef = "" + mixedRef;
+  returnFiber = element._owner;
+  if (!returnFiber) throw Error(formatProdErrorMessage(290, stringRef));
+  if (1 !== returnFiber.tag) throw Error(formatProdErrorMessage(309));
+  var inst = returnFiber.stateNode;
+  if (!inst) throw Error(formatProdErrorMessage(147, stringRef));
+  if (
+    null !== current &&
+    null !== current.ref &&
+    "function" === typeof current.ref &&
+    current.ref._stringRef === stringRef
+  )
+    return current.ref;
+  ref._stringRef = stringRef;
+  return ref;
+}
 function coerceRef(returnFiber, current, workInProgress, element) {
-  enableRefAsProp
-    ? ((returnFiber = element.props.ref),
-      (returnFiber = void 0 !== returnFiber ? returnFiber : null))
-    : (returnFiber = element.ref);
+  if (enableRefAsProp) {
+    var mixedRef = element.props.ref;
+    mixedRef = void 0 !== mixedRef ? mixedRef : null;
+  } else mixedRef = element.ref;
+  "string" === typeof mixedRef ||
+  "number" === typeof mixedRef ||
+  "boolean" === typeof mixedRef
+    ? ((returnFiber = convertStringRefToCallbackRef(
+        returnFiber,
+        current,
+        element,
+        mixedRef
+      )),
+      enableRefAsProp &&
+        ((current = assign({}, workInProgress.pendingProps)),
+        (current.ref = returnFiber),
+        (workInProgress.pendingProps = current)))
+    : (returnFiber = mixedRef);
   workInProgress.ref = returnFiber;
 }
 function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -2337,7 +2377,9 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-var renderLanes = 0,
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
+  renderLanes = 0,
   currentlyRenderingFiber$1 = null,
   currentHook = null,
   workInProgressHook = null,
@@ -2369,7 +2411,7 @@ function renderWithHooks(
   workInProgress.memoizedState = null;
   workInProgress.updateQueue = null;
   workInProgress.lanes = 0;
-  ReactSharedInternals.H =
+  ReactCurrentDispatcher$1.current =
     null === current || null === current.memoizedState
       ? HooksDispatcherOnMount
       : HooksDispatcherOnUpdate;
@@ -2387,7 +2429,7 @@ function renderWithHooks(
   return nextRenderLanes;
 }
 function finishRenderingHooks(current) {
-  ReactSharedInternals.H = ContextOnlyDispatcher;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
   var didRenderTooFewHooks = null !== currentHook && null !== currentHook.next;
   renderLanes = 0;
   workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
@@ -2414,22 +2456,16 @@ function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
     numberOfReRenders += 1;
     workInProgressHook = currentHook = null;
     workInProgress.updateQueue = null;
-    ReactSharedInternals.H = HooksDispatcherOnRerender;
+    ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
     var children = Component(props, secondArg);
   } while (didScheduleRenderPhaseUpdateDuringThisPass);
   return children;
 }
 function TransitionAwareHostComponent() {
-  var dispatcher = ReactSharedInternals.H,
-    maybeThenable = dispatcher.useState()[0];
-  maybeThenable =
-    "function" === typeof maybeThenable.then
-      ? useThenable(maybeThenable)
-      : maybeThenable;
-  dispatcher = dispatcher.useState()[0];
-  (null !== currentHook ? currentHook.memoizedState : null) !== dispatcher &&
-    (currentlyRenderingFiber$1.flags |= 1024);
-  return maybeThenable;
+  var maybeThenable = ReactCurrentDispatcher$1.current.useState()[0];
+  return "function" === typeof maybeThenable.then
+    ? useThenable(maybeThenable)
+    : maybeThenable;
 }
 function bailoutHooks(current, workInProgress, lanes) {
   workInProgress.updateQueue = current.updateQueue;
@@ -2515,7 +2551,7 @@ function useThenable(thenable) {
     (null === workInProgressHook
       ? null === currentlyRenderingFiber$1.memoizedState
       : null === workInProgressHook.next) &&
-    (ReactSharedInternals.H = HooksDispatcherOnMount);
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
   return thenable;
 }
 function use(usable) {
@@ -2808,9 +2844,9 @@ function dispatchActionState(
 function runActionStateAction(actionQueue, setPendingState, setState, payload) {
   var action = actionQueue.action,
     prevState = actionQueue.state,
-    prevTransition = ReactSharedInternals.T,
+    prevTransition = ReactCurrentBatchConfig$2.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$2.transition = currentTransition;
   setPendingState(!0);
   try {
     var returnValue = action(prevState, payload);
@@ -2843,7 +2879,7 @@ function runActionStateAction(actionQueue, setPendingState, setState, payload) {
     setState({ then: function () {}, status: "rejected", reason: error }),
       finishRunningActionStateAction(actionQueue, setPendingState, setState);
   } finally {
-    ReactSharedInternals.T = prevTransition;
+    ReactCurrentBatchConfig$2.transition = prevTransition;
   }
 }
 function finishRunningActionStateAction(
@@ -3114,15 +3150,15 @@ function startTransition(
   var previousPriority = currentUpdatePriority;
   currentUpdatePriority =
     0 !== previousPriority && 8 > previousPriority ? previousPriority : 8;
-  var prevTransition = ReactSharedInternals.T,
+  var prevTransition = ReactCurrentBatchConfig$2.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$2.transition = currentTransition;
   dispatchOptimisticSetState(fiber, !1, queue, pendingState);
   enableTransitionTracing &&
     void 0 !== options &&
     void 0 !== options.name &&
-    ((currentTransition.name = options.name),
-    (currentTransition.startTime = now()));
+    ((ReactCurrentBatchConfig$2.transition.name = options.name),
+    (ReactCurrentBatchConfig$2.transition.startTime = now()));
   try {
     var returnValue = callback();
     if (
@@ -3145,7 +3181,7 @@ function startTransition(
     });
   } finally {
     (currentUpdatePriority = previousPriority),
-      (ReactSharedInternals.T = prevTransition);
+      (ReactCurrentBatchConfig$2.transition = prevTransition);
   }
 }
 function useHostTransitionStatus() {
@@ -3664,20 +3700,19 @@ function resolveClassComponentProps(
   alreadyResolvedDefaultProps
 ) {
   var newProps = baseProps;
-  if (enableRefAsProp && "ref" in baseProps) {
-    newProps = {};
-    for (var propName in baseProps)
-      "ref" !== propName && (newProps[propName] = baseProps[propName]);
-  }
   if (
     (Component = Component.defaultProps) &&
     (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
   ) {
-    newProps === baseProps && (newProps = assign({}, newProps, baseProps));
-    for (var propName$36 in Component)
-      void 0 === newProps[propName$36] &&
-        (newProps[propName$36] = Component[propName$36]);
+    newProps = assign({}, newProps, baseProps);
+    for (var propName in Component)
+      void 0 === newProps[propName] &&
+        (newProps[propName] = Component[propName]);
   }
+  enableRefAsProp &&
+    "ref" in newProps &&
+    (newProps === baseProps && (newProps = assign({}, newProps)),
+    delete newProps.ref);
   return newProps;
 }
 function resolveDefaultPropsOnNonClassComponent(Component, baseProps) {
@@ -4040,7 +4075,8 @@ function pushMarkerInstance(workInProgress, markerInstance) {
           markerInstanceStack.current.concat(markerInstance)
         ));
 }
-var SelectiveHydrationException = Error(formatProdErrorMessage(461)),
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+  SelectiveHydrationException = Error(formatProdErrorMessage(461)),
   didReceiveUpdate = !1;
 function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
   workInProgress.child =
@@ -4570,7 +4606,7 @@ function updateClassComponent(
   nextProps = 0 !== (workInProgress.flags & 128);
   context || nextProps
     ? ((context = workInProgress.stateNode),
-      (ReactSharedInternals.owner = workInProgress),
+      (ReactCurrentOwner$1.current = workInProgress),
       (Component =
         nextProps && "function" !== typeof Component.getDerivedStateFromError
           ? null
@@ -5921,8 +5957,9 @@ function releaseCache(cache) {
       cache.controller.abort();
     });
 }
+var ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
 function requestCurrentTransition() {
-  var transition = ReactSharedInternals.T;
+  var transition = ReactCurrentBatchConfig$1.transition;
   null !== transition && transition._callbacks.add(handleAsyncAction);
   return transition;
 }
@@ -6090,14 +6127,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$74 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$74 = lastTailNode),
+      for (var lastTailNode$73 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$73 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$74
+      null === lastTailNode$73
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$74.sibling = null);
+        : (lastTailNode$73.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -6107,19 +6144,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$75 = completedWork.child; null !== child$75; )
-      (newChildLanes |= child$75.lanes | child$75.childLanes),
-        (subtreeFlags |= child$75.subtreeFlags & 31457280),
-        (subtreeFlags |= child$75.flags & 31457280),
-        (child$75.return = completedWork),
-        (child$75 = child$75.sibling);
+    for (var child$74 = completedWork.child; null !== child$74; )
+      (newChildLanes |= child$74.lanes | child$74.childLanes),
+        (subtreeFlags |= child$74.subtreeFlags & 31457280),
+        (subtreeFlags |= child$74.flags & 31457280),
+        (child$74.return = completedWork),
+        (child$74 = child$74.sibling);
   else
-    for (child$75 = completedWork.child; null !== child$75; )
-      (newChildLanes |= child$75.lanes | child$75.childLanes),
-        (subtreeFlags |= child$75.subtreeFlags),
-        (subtreeFlags |= child$75.flags),
-        (child$75.return = completedWork),
-        (child$75 = child$75.sibling);
+    for (child$74 = completedWork.child; null !== child$74; )
+      (newChildLanes |= child$74.lanes | child$74.childLanes),
+        (subtreeFlags |= child$74.subtreeFlags),
+        (subtreeFlags |= child$74.flags),
+        (child$74.return = completedWork),
+        (child$74 = child$74.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -6290,11 +6327,11 @@ function completeWork(current, workInProgress, renderLanes) {
           null !== newProps.alternate.memoizedState &&
           null !== newProps.alternate.memoizedState.cachePool &&
           (instance = newProps.alternate.memoizedState.cachePool.pool);
-        var cache$79 = null;
+        var cache$78 = null;
         null !== newProps.memoizedState &&
           null !== newProps.memoizedState.cachePool &&
-          (cache$79 = newProps.memoizedState.cachePool.pool);
-        cache$79 !== instance && (newProps.flags |= 2048);
+          (cache$78 = newProps.memoizedState.cachePool.pool);
+        cache$78 !== instance && (newProps.flags |= 2048);
       }
       renderLanes !== current &&
         (enableTransitionTracing && (workInProgress.child.flags |= 2048),
@@ -6322,8 +6359,8 @@ function completeWork(current, workInProgress, renderLanes) {
       instance = workInProgress.memoizedState;
       if (null === instance) return bubbleProperties(workInProgress), null;
       newProps = 0 !== (workInProgress.flags & 128);
-      cache$79 = instance.rendering;
-      if (null === cache$79)
+      cache$78 = instance.rendering;
+      if (null === cache$78)
         if (newProps) cutOffTailIfNeeded(instance, !1);
         else {
           if (
@@ -6331,11 +6368,11 @@ function completeWork(current, workInProgress, renderLanes) {
             (null !== current && 0 !== (current.flags & 128))
           )
             for (current = workInProgress.child; null !== current; ) {
-              cache$79 = findFirstSuspended(current);
-              if (null !== cache$79) {
+              cache$78 = findFirstSuspended(current);
+              if (null !== cache$78) {
                 workInProgress.flags |= 128;
                 cutOffTailIfNeeded(instance, !1);
-                current = cache$79.updateQueue;
+                current = cache$78.updateQueue;
                 workInProgress.updateQueue = current;
                 scheduleRetryEffect(workInProgress, current);
                 workInProgress.subtreeFlags = 0;
@@ -6360,7 +6397,7 @@ function completeWork(current, workInProgress, renderLanes) {
         }
       else {
         if (!newProps)
-          if (((current = findFirstSuspended(cache$79)), null !== current)) {
+          if (((current = findFirstSuspended(cache$78)), null !== current)) {
             if (
               ((workInProgress.flags |= 128),
               (newProps = !0),
@@ -6370,7 +6407,7 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(instance, !0),
               null === instance.tail &&
                 "hidden" === instance.tailMode &&
-                !cache$79.alternate)
+                !cache$78.alternate)
             )
               return bubbleProperties(workInProgress), null;
           } else
@@ -6382,13 +6419,13 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(instance, !1),
               (workInProgress.lanes = 4194304));
         instance.isBackwards
-          ? ((cache$79.sibling = workInProgress.child),
-            (workInProgress.child = cache$79))
+          ? ((cache$78.sibling = workInProgress.child),
+            (workInProgress.child = cache$78))
           : ((current = instance.last),
             null !== current
-              ? (current.sibling = cache$79)
-              : (workInProgress.child = cache$79),
-            (instance.last = cache$79));
+              ? (current.sibling = cache$78)
+              : (workInProgress.child = cache$78),
+            (instance.last = cache$78));
       }
       if (null !== instance.tail)
         return (
@@ -6651,8 +6688,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$96) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$96);
+      } catch (error$95) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$95);
       }
     else ref.current = null;
 }
@@ -6856,11 +6893,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$97) {
+          } catch (error$96) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$97
+              error$96
             );
           }
         }
@@ -7416,7 +7453,7 @@ function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) {
         captureCommitPhaseError(childToDelete, parentFiber, error);
       }
     }
-  if (parentFiber.subtreeFlags & 13878)
+  if (parentFiber.subtreeFlags & 12854)
     for (parentFiber = parentFiber.child; null !== parentFiber; )
       commitMutationEffectsOnFiber(parentFiber, root$jscomp$0),
         (parentFiber = parentFiber.sibling);
@@ -7440,8 +7477,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$105) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$105);
+        } catch (error$104) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$104);
         }
       }
       break;
@@ -7475,8 +7512,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         finishedWork.updateQueue = null;
         try {
           flags._applyProps(flags, newProps, current);
-        } catch (error$108) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$108);
+        } catch (error$107) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$107);
         }
       }
       break;
@@ -7512,8 +7549,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$110) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$110);
+        } catch (error$109) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$109);
         }
         flags = finishedWork.updateQueue;
         null !== flags &&
@@ -7650,12 +7687,12 @@ function commitReconciliationEffects(finishedWork) {
           break;
         case 3:
         case 4:
-          var parent$100 = JSCompiler_inline_result.stateNode.containerInfo,
-            before$101 = getHostSibling(finishedWork);
+          var parent$99 = JSCompiler_inline_result.stateNode.containerInfo,
+            before$100 = getHostSibling(finishedWork);
           insertOrAppendPlacementNodeIntoContainer(
             finishedWork,
-            before$101,
-            parent$100
+            before$100,
+            parent$99
           );
           break;
         default:
@@ -8105,9 +8142,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$116 = finishedWork.stateNode;
+        var instance$115 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$116._visibility & 4
+          ? instance$115._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -8119,7 +8156,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-          : ((instance$116._visibility |= 4),
+          : ((instance$115._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -8132,7 +8169,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$116
+            instance$115
           );
         break;
       case 24:
@@ -8439,6 +8476,10 @@ var DefaultCacheDispatcher = {
     }
   },
   PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+  ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   executionContext = 0,
   workInProgressRoot = null,
   workInProgress = null,
@@ -8537,7 +8578,8 @@ function requestUpdateLane() {
     var actionScopeLane = currentEntangledLane;
     return 0 !== actionScopeLane ? actionScopeLane : requestTransitionLane();
   }
-  return currentUpdatePriority || 32;
+  actionScopeLane = currentUpdatePriority;
+  return 0 !== actionScopeLane ? actionScopeLane : 32;
 }
 function requestDeferredLane() {
   0 === workInProgressDeferredLane &&
@@ -8564,7 +8606,7 @@ function scheduleUpdateOnFiber(root, fiber, lane) {
   if (0 === (executionContext & 2) || root !== workInProgressRoot) {
     if (
       enableTransitionTracing &&
-      ((fiber = ReactSharedInternals.T),
+      ((fiber = ReactCurrentBatchConfig.transition),
       null !== fiber &&
         null != fiber.name &&
         (-1 === fiber.startTime && (fiber.startTime = now()),
@@ -8625,18 +8667,13 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
             root,
             renderWasConcurrent
           );
-          if (
-            0 !== errorRetryLanes &&
+          0 !== errorRetryLanes &&
             ((lanes = errorRetryLanes),
             (exitStatus = recoverFromConcurrentError(
               root,
               renderWasConcurrent,
               errorRetryLanes
-            )),
-            (renderWasConcurrent = !1),
-            2 !== exitStatus)
-          )
-            continue;
+            )));
         }
         if (1 === exitStatus) {
           prepareFreshStack(root, 0);
@@ -8870,10 +8907,24 @@ function performSyncWorkOnRoot(root, lanes) {
   ensureRootIsScheduled(root);
   return null;
 }
-function flushSyncWork() {
-  return 0 === (executionContext & 6)
-    ? (flushSyncWorkAcrossRoots_impl(!1), !1)
-    : !0;
+function flushSync(fn) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
+  var prevTransition = ReactCurrentBatchConfig.transition,
+    previousPriority = currentUpdatePriority;
+  try {
+    if (
+      ((ReactCurrentBatchConfig.transition = null),
+      (currentUpdatePriority = 2),
+      fn)
+    )
+      return fn();
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition),
+      (executionContext = prevExecutionContext),
+      0 === (executionContext & 6) && flushSyncWorkAcrossRoots_impl(!1);
+  }
 }
 function resetWorkInProgressStack() {
   if (null !== workInProgress) {
@@ -8936,8 +8987,8 @@ function prepareFreshStack(root, lanes) {
 }
 function handleThrow(root, thrownValue) {
   currentlyRenderingFiber$1 = null;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
-  ReactSharedInternals.owner = null;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  ReactCurrentOwner.current = null;
   if (thrownValue === SuspenseException) {
     thrownValue = getSuspendedThenable();
     var handler = suspenseHandlerStackCursor.current;
@@ -8975,13 +9026,13 @@ function handleThrow(root, thrownValue) {
     ));
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactSharedInternals.H;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
   return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushCacheDispatcher() {
-  var prevCacheDispatcher = ReactSharedInternals.C;
-  ReactSharedInternals.C = DefaultCacheDispatcher;
+  var prevCacheDispatcher = ReactCurrentCache.current;
+  ReactCurrentCache.current = DefaultCacheDispatcher;
   return prevCacheDispatcher;
 }
 function renderDidSuspendDelayIfPossible() {
@@ -9027,15 +9078,15 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$124) {
-      handleThrow(root, thrownValue$124);
+    } catch (thrownValue$123) {
+      handleThrow(root, thrownValue$123);
     }
   while (1);
   lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
   if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
   workInProgressRoot = null;
   workInProgressRootRenderLanes = 0;
@@ -9133,13 +9184,13 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$126) {
-      handleThrow(root, thrownValue$126);
+    } catch (thrownValue$125) {
+      handleThrow(root, thrownValue$125);
     }
   while (1);
   resetContextDependencies();
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
   executionContext = prevExecutionContext;
   if (null !== workInProgress) return 0;
   workInProgressRoot = null;
@@ -9155,7 +9206,7 @@ function performUnitOfWork(unitOfWork) {
   var next = beginWork(unitOfWork.alternate, unitOfWork, entangledRenderLanes);
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
   null === next ? completeUnitOfWork(unitOfWork) : (workInProgress = next);
-  ReactSharedInternals.owner = null;
+  ReactCurrentOwner.current = null;
 }
 function replaySuspendedUnitOfWork(unitOfWork) {
   var current = unitOfWork.alternate;
@@ -9207,7 +9258,7 @@ function replaySuspendedUnitOfWork(unitOfWork) {
   null === current
     ? completeUnitOfWork(unitOfWork)
     : (workInProgress = current);
-  ReactSharedInternals.owner = null;
+  ReactCurrentOwner.current = null;
 }
 function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
   resetContextDependencies();
@@ -9294,11 +9345,11 @@ function commitRoot(
   didIncludeRenderPhaseUpdate,
   spawnedLane
 ) {
-  var prevTransition = ReactSharedInternals.T,
-    previousUpdateLanePriority = currentUpdatePriority;
+  var previousUpdateLanePriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
   try {
-    (currentUpdatePriority = 2),
-      (ReactSharedInternals.T = null),
+    (ReactCurrentBatchConfig.transition = null),
+      (currentUpdatePriority = 2),
       commitRootImpl(
         root,
         recoverableErrors,
@@ -9308,7 +9359,7 @@ function commitRoot(
         spawnedLane
       );
   } finally {
-    (ReactSharedInternals.T = prevTransition),
+    (ReactCurrentBatchConfig.transition = prevTransition),
       (currentUpdatePriority = previousUpdateLanePriority);
   }
   return null;
@@ -9352,13 +9403,13 @@ function commitRootImpl(
     }));
   transitions = 0 !== (finishedWork.flags & 15990);
   if (0 !== (finishedWork.subtreeFlags & 15990) || transitions) {
-    transitions = ReactSharedInternals.T;
-    ReactSharedInternals.T = null;
+    transitions = ReactCurrentBatchConfig.transition;
+    ReactCurrentBatchConfig.transition = null;
     spawnedLane = currentUpdatePriority;
     currentUpdatePriority = 2;
     var prevExecutionContext = executionContext;
     executionContext |= 4;
-    ReactSharedInternals.owner = null;
+    ReactCurrentOwner.current = null;
     commitBeforeMutationEffects(root, finishedWork);
     commitMutationEffectsOnFiber(finishedWork, root);
     root.current = finishedWork;
@@ -9366,7 +9417,7 @@ function commitRootImpl(
     requestPaint();
     executionContext = prevExecutionContext;
     currentUpdatePriority = spawnedLane;
-    ReactSharedInternals.T = transitions;
+    ReactCurrentBatchConfig.transition = transitions;
   } else root.current = finishedWork;
   rootDoesHavePassiveEffects
     ? ((rootDoesHavePassiveEffects = !1),
@@ -9410,18 +9461,19 @@ function flushPassiveEffects() {
     var root = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
-    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
-      prevTransition = ReactSharedInternals.T,
+    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
+    renderPriority = 32 > renderPriority ? 32 : renderPriority;
+    var prevTransition = ReactCurrentBatchConfig.transition,
       previousPriority = currentUpdatePriority;
     try {
       return (
-        (currentUpdatePriority = 32 > renderPriority ? 32 : renderPriority),
-        (ReactSharedInternals.T = null),
+        (ReactCurrentBatchConfig.transition = null),
+        (currentUpdatePriority = renderPriority),
         flushPassiveEffectsImpl()
       );
     } finally {
       (currentUpdatePriority = previousPriority),
-        (ReactSharedInternals.T = prevTransition),
+        (ReactCurrentBatchConfig.transition = prevTransition),
         releaseRootPooledCache(root, remainingLanes);
     }
   }
@@ -9932,21 +9984,64 @@ function FiberRootNode(
     )
       containerInfo.push(null);
 }
-function updateContainerSync(element, container, parentComponent, callback) {
-  0 === container.tag && flushPassiveEffects();
+function createContainer(
+  containerInfo,
+  tag,
+  hydrationCallbacks,
+  isStrictMode,
+  concurrentUpdatesByDefaultOverride,
+  identifierPrefix,
+  onUncaughtError,
+  onCaughtError,
+  onRecoverableError,
+  transitionCallbacks
+) {
+  containerInfo = new FiberRootNode(
+    containerInfo,
+    tag,
+    !1,
+    identifierPrefix,
+    onUncaughtError,
+    onCaughtError,
+    onRecoverableError,
+    null
+  );
+  containerInfo.hydrationCallbacks = hydrationCallbacks;
+  enableTransitionTracing &&
+    (containerInfo.transitionCallbacks = transitionCallbacks);
+  hydrationCallbacks = 1;
+  !0 === isStrictMode && (hydrationCallbacks |= 24);
+  concurrentUpdatesByDefaultOverride && (hydrationCallbacks |= 32);
+  isStrictMode = createFiber(3, null, null, hydrationCallbacks);
+  containerInfo.current = isStrictMode;
+  isStrictMode.stateNode = containerInfo;
+  concurrentUpdatesByDefaultOverride = createCache();
+  concurrentUpdatesByDefaultOverride.refCount++;
+  containerInfo.pooledCache = concurrentUpdatesByDefaultOverride;
+  concurrentUpdatesByDefaultOverride.refCount++;
+  isStrictMode.memoizedState = {
+    element: null,
+    isDehydrated: !1,
+    cache: concurrentUpdatesByDefaultOverride
+  };
+  initializeUpdateQueue(isStrictMode);
+  return containerInfo;
+}
+function updateContainer(element, container, parentComponent, callback) {
   parentComponent = container.current;
+  var lane = requestUpdateLane();
   null === container.context
     ? (container.context = emptyContextObject)
     : (container.pendingContext = emptyContextObject);
-  container = createUpdate(2);
+  container = createUpdate(lane);
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  element = enqueueUpdate(parentComponent, container, 2);
+  element = enqueueUpdate(parentComponent, container, lane);
   null !== element &&
-    (scheduleUpdateOnFiber(element, parentComponent, 2),
-    entangleTransitions(element, parentComponent, 2));
-  return 2;
+    (scheduleUpdateOnFiber(element, parentComponent, lane),
+    entangleTransitions(element, parentComponent, lane));
+  return lane;
 }
 function emptyFindFiberByHostInstance() {
   return null;
@@ -9987,52 +10082,41 @@ var slice = Array.prototype.slice,
     _inheritsLoose(Surface, _React$Component);
     var _proto4 = Surface.prototype;
     _proto4.componentDidMount = function () {
-      var _this$props = this.props;
+      var $jscomp$this = this,
+        _this$props = this.props;
       this._surface = Mode$1.Surface(
         +_this$props.width,
         +_this$props.height,
         this._tagRef
       );
-      _this$props = new FiberRootNode(
-        this._surface,
-        1,
-        !1,
-        "",
-        void 0,
-        void 0,
-        void 0,
-        null
-      );
-      _this$props.hydrationCallbacks = null;
-      enableTransitionTracing && (_this$props.transitionCallbacks = void 0);
-      var JSCompiler_inline_result = createFiber(3, null, null, 1);
-      _this$props.current = JSCompiler_inline_result;
-      JSCompiler_inline_result.stateNode = _this$props;
-      var initialCache = createCache();
-      initialCache.refCount++;
-      _this$props.pooledCache = initialCache;
-      initialCache.refCount++;
-      JSCompiler_inline_result.memoizedState = {
-        element: null,
-        isDehydrated: !1,
-        cache: initialCache
-      };
-      initializeUpdateQueue(JSCompiler_inline_result);
-      this._mountNode = _this$props;
-      updateContainerSync(this.props.children, this._mountNode, this);
-      flushSyncWork();
+      this._mountNode = createContainer(this._surface, 1, null, !1, !1, "");
+      flushSync(function () {
+        updateContainer(
+          $jscomp$this.props.children,
+          $jscomp$this._mountNode,
+          $jscomp$this
+        );
+      });
     };
     _proto4.componentDidUpdate = function (prevProps) {
-      var props = this.props;
+      var $jscomp$this = this,
+        props = this.props;
       (props.height === prevProps.height && props.width === prevProps.width) ||
         this._surface.resize(+props.width, +props.height);
-      updateContainerSync(this.props.children, this._mountNode, this);
-      flushSyncWork();
+      flushSync(function () {
+        updateContainer(
+          $jscomp$this.props.children,
+          $jscomp$this._mountNode,
+          $jscomp$this
+        );
+      });
       this._surface.render && this._surface.render();
     };
     _proto4.componentWillUnmount = function () {
-      updateContainerSync(null, this._mountNode, this);
-      flushSyncWork();
+      var $jscomp$this = this;
+      flushSync(function () {
+        updateContainer(null, $jscomp$this._mountNode, $jscomp$this);
+      });
     };
     _proto4.render = function () {
       var $jscomp$this = this,
@@ -10079,19 +10163,19 @@ var slice = Array.prototype.slice,
     };
     return Text;
   })(React.Component),
-  devToolsConfig$jscomp$inline_1079 = {
+  devToolsConfig$jscomp$inline_1086 = {
     findFiberByHostInstance: function () {
       return null;
     },
     bundleType: 0,
-    version: "19.0.0-www-modern-e590ea90",
+    version: "19.0.0-www-modern-292e1686",
     rendererPackageName: "react-art"
   };
-var internals$jscomp$inline_1307 = {
-  bundleType: devToolsConfig$jscomp$inline_1079.bundleType,
-  version: devToolsConfig$jscomp$inline_1079.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1079.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1079.rendererConfig,
+var internals$jscomp$inline_1298 = {
+  bundleType: devToolsConfig$jscomp$inline_1086.bundleType,
+  version: devToolsConfig$jscomp$inline_1086.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1086.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1086.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -10101,33 +10185,33 @@ var internals$jscomp$inline_1307 = {
   setErrorHandler: null,
   setSuspenseHandler: null,
   scheduleUpdate: null,
-  currentDispatcherRef: ReactSharedInternals,
+  currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
   findHostInstanceByFiber: function (fiber) {
     fiber = findCurrentFiberUsingSlowPath(fiber);
     fiber = null !== fiber ? findCurrentHostFiberImpl(fiber) : null;
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1079.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1086.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "19.0.0-www-modern-e590ea90"
+  reconcilerVersion: "19.0.0-www-modern-292e1686"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1308 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1299 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1308.isDisabled &&
-    hook$jscomp$inline_1308.supportsFiber
+    !hook$jscomp$inline_1299.isDisabled &&
+    hook$jscomp$inline_1299.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1308.inject(
-        internals$jscomp$inline_1307
+      (rendererID = hook$jscomp$inline_1299.inject(
+        internals$jscomp$inline_1298
       )),
-        (injectedHook = hook$jscomp$inline_1308);
+        (injectedHook = hook$jscomp$inline_1299);
     } catch (err) {}
 }
 var Path = Mode$1.Path;
diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js
index f875ee022c..2da877e887 100644
--- a/compiled/facebook-www/ReactDOM-dev.classic.js
+++ b/compiled/facebook-www/ReactDOM-dev.classic.js
@@ -78,10 +78,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -115,12 +117,13 @@ if (__DEV__) {
     }
 
     var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
     // Re-export dynamic flags from the www version.
     var dynamicFeatureFlags = require("ReactFeatureFlags");
 
-    var enableTrustedTypesIntegration =
+    var disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
+      enableTrustedTypesIntegration =
         dynamicFeatureFlags.enableTrustedTypesIntegration,
       enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
       enableLazyContextPropagation =
@@ -152,7 +155,6 @@ if (__DEV__) {
     var enableProfilerTimer = true;
     var enableProfilerCommitHooks = true;
     var enableProfilerNestedUpdatePhase = true;
-    var disableIEWorkarounds = true;
     var enableAsyncActions = true;
 
     var enableSchedulingProfiler = dynamicFeatureFlags.enableSchedulingProfiler;
@@ -374,17 +376,6 @@ if (__DEV__) {
       return type.displayName || "Context";
     }
 
-    function getComponentNameFromOwner(owner) {
-      if (typeof owner.tag === "number") {
-        return getComponentNameFromFiber(owner);
-      }
-
-      if (typeof owner.name === "string") {
-        return owner.name;
-      }
-
-      return null;
-    }
     function getComponentNameFromFiber(fiber) {
       var tag = fiber.tag,
         type = fiber.type;
@@ -551,7 +542,6 @@ if (__DEV__) {
     var ScheduleRetry = StoreConsistency;
     var ShouldSuspendCommit = Visibility;
     var DidDefer = ContentReset;
-    var FormReset = Snapshot;
     var LifecycleEffectMask =
       Passive$1 | Update | Callback | Ref | Snapshot | StoreConsistency; // Union of all commit flags (flags with the lifetime of a particular commit)
 
@@ -621,8 +611,7 @@ if (__DEV__) {
       ContentReset |
       Ref |
       Hydrating |
-      Visibility |
-      FormReset;
+      Visibility;
     var LayoutMask = Update | Callback | Ref | Visibility; // TODO: Split into PassiveMountMask and PassiveUnmountMask
 
     var PassiveMask = Passive$1 | Visibility | ChildDeletion; // Union of tags that don't get reset on clones.
@@ -632,6 +621,7 @@ if (__DEV__) {
     var StaticMask =
       LayoutStatic | PassiveStatic | RefStatic | MaySuspendCommit;
 
+    var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
     function getNearestMountedFiber(fiber) {
       var node = fiber;
       var nearestMounted = fiber;
@@ -695,7 +685,7 @@ if (__DEV__) {
     }
     function isMounted(component) {
       {
-        var owner = ReactSharedInternals.owner;
+        var owner = ReactCurrentOwner$3.current;
 
         if (owner !== null && owner.tag === ClassComponent) {
           var ownerFiber = owner;
@@ -1015,6 +1005,235 @@ if (__DEV__) {
       return event === currentReplayingEvent;
     }
 
+    var ReactCurrentDispatcher$3 = ReactSharedInternals.ReactCurrentDispatcher; // Since the "not pending" value is always the same, we can reuse the
+    // same object across all transitions.
+
+    var sharedNotPendingObject = {
+      pending: false,
+      data: null,
+      method: null,
+      action: null
+    };
+    var NotPending = Object.freeze(sharedNotPendingObject);
+
+    function resolveDispatcher() {
+      // Copied from react/src/ReactHooks.js. It's the same thing but in a
+      // different package.
+      var dispatcher = ReactCurrentDispatcher$3.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://react.dev/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 useFormStatus() {
+      {
+        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] We know this exists because of the feature check above.
+
+        return dispatcher.useHostTransitionStatus();
+      }
+    }
+    function useFormState(action, initialState, permalink) {
+      {
+        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
+
+        return dispatcher.useFormState(action, initialState, permalink);
+      }
+    }
+
+    var valueStack = [];
+    var fiberStack;
+
+    {
+      fiberStack = [];
+    }
+
+    var index = -1;
+
+    function createCursor(defaultValue) {
+      return {
+        current: defaultValue
+      };
+    }
+
+    function pop(cursor, fiber) {
+      if (index < 0) {
+        {
+          error("Unexpected pop.");
+        }
+
+        return;
+      }
+
+      {
+        if (fiber !== fiberStack[index]) {
+          error("Unexpected Fiber popped.");
+        }
+      }
+
+      cursor.current = valueStack[index];
+      valueStack[index] = null;
+
+      {
+        fiberStack[index] = null;
+      }
+
+      index--;
+    }
+
+    function push(cursor, value, fiber) {
+      index++;
+      valueStack[index] = cursor.current;
+
+      {
+        fiberStack[index] = fiber;
+      }
+
+      cursor.current = value;
+    }
+
+    var contextStackCursor$1 = createCursor(null);
+    var contextFiberStackCursor = createCursor(null);
+    var rootInstanceStackCursor = createCursor(null); // Represents the nearest host transition provider (in React DOM, a <form />)
+    // NOTE: Since forms cannot be nested, and this feature is only implemented by
+    // React DOM, we don't technically need this to be a stack. It could be a single
+    // module variable instead.
+
+    var hostTransitionProviderCursor = createCursor(null); // TODO: This should initialize to NotPendingTransition, a constant
+    // imported from the fiber config. However, because of a cycle in the module
+    // graph, that value isn't defined during this module's initialization. I can't
+    // think of a way to work around this without moving that value out of the
+    // fiber config. For now, the "no provider" case is handled when reading,
+    // inside useHostTransitionStatus.
+
+    var HostTransitionContext = {
+      $$typeof: REACT_CONTEXT_TYPE,
+      Provider: null,
+      Consumer: null,
+      _currentValue: null,
+      _currentValue2: null,
+      _threadCount: 0
+    };
+
+    function requiredContext(c) {
+      {
+        if (c === null) {
+          error(
+            "Expected host context to exist. This error is likely caused by a bug " +
+              "in React. Please file an issue."
+          );
+        }
+      }
+
+      return c;
+    }
+
+    function getCurrentRootHostContainer() {
+      return rootInstanceStackCursor.current;
+    }
+
+    function getRootHostContainer() {
+      var rootInstance = requiredContext(rootInstanceStackCursor.current);
+      return rootInstance;
+    }
+
+    function getHostTransitionProvider() {
+      return hostTransitionProviderCursor.current;
+    }
+
+    function pushHostContainer(fiber, nextRootInstance) {
+      // Push current root instance onto the stack;
+      // This allows us to reset root when portals are popped.
+      push(rootInstanceStackCursor, nextRootInstance, fiber); // Track the context and the Fiber that provided it.
+      // This enables us to pop only Fibers that provide unique contexts.
+
+      push(contextFiberStackCursor, fiber, fiber); // Finally, we need to push the host context to the stack.
+      // However, we can't just call getRootHostContext() and push it because
+      // we'd have a different number of entries on the stack depending on
+      // whether getRootHostContext() throws somewhere in renderer code or not.
+      // So we push an empty value first. This lets us safely unwind on errors.
+
+      push(contextStackCursor$1, null, fiber);
+      var nextRootContext = getRootHostContext(nextRootInstance); // Now that we know this function doesn't throw, replace it.
+
+      pop(contextStackCursor$1, fiber);
+      push(contextStackCursor$1, nextRootContext, fiber);
+    }
+
+    function popHostContainer(fiber) {
+      pop(contextStackCursor$1, fiber);
+      pop(contextFiberStackCursor, fiber);
+      pop(rootInstanceStackCursor, fiber);
+    }
+
+    function getHostContext() {
+      var context = requiredContext(contextStackCursor$1.current);
+      return context;
+    }
+
+    function pushHostContext(fiber) {
+      {
+        var stateHook = fiber.memoizedState;
+
+        if (stateHook !== null) {
+          // Only provide context if this fiber has been upgraded by a host
+          // transition. We use the same optimization for regular host context below.
+          push(hostTransitionProviderCursor, fiber, fiber);
+        }
+      }
+
+      var context = requiredContext(contextStackCursor$1.current);
+      var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
+
+      if (context !== nextContext) {
+        // Track the context and the Fiber that provided it.
+        // This enables us to pop only Fibers that provide unique contexts.
+        push(contextFiberStackCursor, fiber, fiber);
+        push(contextStackCursor$1, nextContext, fiber);
+      }
+    }
+
+    function popHostContext(fiber) {
+      if (contextFiberStackCursor.current === fiber) {
+        // Do not pop unless this Fiber provided the current context.
+        // pushHostContext() only pushes Fibers that provide unique contexts.
+        pop(contextStackCursor$1, fiber);
+        pop(contextFiberStackCursor, fiber);
+      }
+
+      {
+        if (hostTransitionProviderCursor.current === fiber) {
+          // Do not pop unless this Fiber provided the current context. This is mostly
+          // a performance optimization, but conveniently it also prevents a potential
+          // data race where a host provider is upgraded (i.e. memoizedState becomes
+          // non-null) during a concurrent event. This is a bit of a flaw in the way
+          // we upgrade host components, but because we're accounting for it here, it
+          // should be fine.
+          pop(hostTransitionProviderCursor, fiber); // When popping the transition provider, we reset the context value back
+          // to `null`. We can do this because you're not allowd to nest forms. If
+          // we allowed for multiple nested host transition providers, then we'd
+          // need to reset this to the parent provider's status.
+
+          {
+            HostTransitionContext._currentValue = null;
+          }
+        }
+      }
+    }
+
     // This module only exists as an ESM wrapper around the external CommonJS
     var scheduleCallback$3 = Scheduler.unstable_scheduleCallback;
     var cancelCallback$1 = Scheduler.unstable_cancelCallback;
@@ -2623,11 +2842,27 @@ if (__DEV__) {
       }
     }
 
-    var NoEventPriority = NoLane;
     var DiscreteEventPriority = SyncLane;
     var ContinuousEventPriority = InputContinuousLane;
     var DefaultEventPriority = DefaultLane;
     var IdleEventPriority = IdleLane;
+    var currentUpdatePriority = NoLane;
+    function getCurrentUpdatePriority() {
+      return currentUpdatePriority;
+    }
+    function setCurrentUpdatePriority(newPriority) {
+      currentUpdatePriority = newPriority;
+    }
+    function runWithPriority(priority, fn) {
+      var previousPriority = currentUpdatePriority;
+
+      try {
+        currentUpdatePriority = priority;
+        return fn();
+      } finally {
+        currentUpdatePriority = previousPriority;
+      }
+    }
     function higherEventPriority(a, b) {
       return a !== 0 && a < b ? a : b;
     }
@@ -2637,9 +2872,6 @@ if (__DEV__) {
     function isHigherEventPriority(a, b) {
       return a !== 0 && a < b;
     }
-    function eventPriorityToLane(updatePriority) {
-      return updatePriority;
-    }
     function lanesToEventPriority(lanes) {
       var lane = getHighestPriorityLane(lanes);
 
@@ -2658,284 +2890,6 @@ if (__DEV__) {
       return IdleEventPriority;
     }
 
-    function noop$3() {}
-
-    var DefaultDispatcher = {
-      f:
-        /* flushSyncWork */
-        noop$3,
-      r:
-        /* requestFormReset */
-        noop$3,
-      D:
-        /* prefetchDNS */
-        noop$3,
-      C:
-        /* preconnect */
-        noop$3,
-      L:
-        /* preload */
-        noop$3,
-      m:
-        /* preloadModule */
-        noop$3,
-      X:
-        /* preinitScript */
-        noop$3,
-      S:
-        /* preinitStyle */
-        noop$3,
-      M:
-        /* preinitModuleScript */
-        noop$3
-    };
-    var Internals = {
-      Events: null,
-      d:
-        /* ReactDOMCurrentDispatcher */
-        DefaultDispatcher,
-      p:
-        /* currentUpdatePriority */
-        NoEventPriority,
-      findDOMNode: null
-    };
-
-    // same object across all transitions.
-
-    var sharedNotPendingObject = {
-      pending: false,
-      data: null,
-      method: null,
-      action: null
-    };
-    var NotPending = Object.freeze(sharedNotPendingObject);
-
-    function resolveDispatcher() {
-      // Copied from react/src/ReactHooks.js. It's the same thing but in a
-      // different package.
-      var dispatcher = ReactSharedInternals.H;
-
-      {
-        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://react.dev/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 useFormStatus() {
-      {
-        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] We know this exists because of the feature check above.
-
-        return dispatcher.useHostTransitionStatus();
-      }
-    }
-    function useFormState(action, initialState, permalink) {
-      {
-        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
-
-        return dispatcher.useFormState(action, initialState, permalink);
-      }
-    }
-    function requestFormReset$2(form) {
-      Internals.d
-        /* ReactDOMCurrentDispatcher */
-        .r(
-          /* requestFormReset */
-          form
-        );
-    }
-
-    var valueStack = [];
-    var fiberStack;
-
-    {
-      fiberStack = [];
-    }
-
-    var index = -1;
-
-    function createCursor(defaultValue) {
-      return {
-        current: defaultValue
-      };
-    }
-
-    function pop(cursor, fiber) {
-      if (index < 0) {
-        {
-          error("Unexpected pop.");
-        }
-
-        return;
-      }
-
-      {
-        if (fiber !== fiberStack[index]) {
-          error("Unexpected Fiber popped.");
-        }
-      }
-
-      cursor.current = valueStack[index];
-      valueStack[index] = null;
-
-      {
-        fiberStack[index] = null;
-      }
-
-      index--;
-    }
-
-    function push(cursor, value, fiber) {
-      index++;
-      valueStack[index] = cursor.current;
-
-      {
-        fiberStack[index] = fiber;
-      }
-
-      cursor.current = value;
-    }
-
-    var contextStackCursor$1 = createCursor(null);
-    var contextFiberStackCursor = createCursor(null);
-    var rootInstanceStackCursor = createCursor(null); // Represents the nearest host transition provider (in React DOM, a <form />)
-    // NOTE: Since forms cannot be nested, and this feature is only implemented by
-    // React DOM, we don't technically need this to be a stack. It could be a single
-    // module variable instead.
-
-    var hostTransitionProviderCursor = createCursor(null); // TODO: This should initialize to NotPendingTransition, a constant
-    // imported from the fiber config. However, because of a cycle in the module
-    // graph, that value isn't defined during this module's initialization. I can't
-    // think of a way to work around this without moving that value out of the
-    // fiber config. For now, the "no provider" case is handled when reading,
-    // inside useHostTransitionStatus.
-
-    var HostTransitionContext = {
-      $$typeof: REACT_CONTEXT_TYPE,
-      Provider: null,
-      Consumer: null,
-      _currentValue: null,
-      _currentValue2: null,
-      _threadCount: 0
-    };
-
-    function requiredContext(c) {
-      {
-        if (c === null) {
-          error(
-            "Expected host context to exist. This error is likely caused by a bug " +
-              "in React. Please file an issue."
-          );
-        }
-      }
-
-      return c;
-    }
-
-    function getCurrentRootHostContainer() {
-      return rootInstanceStackCursor.current;
-    }
-
-    function getRootHostContainer() {
-      var rootInstance = requiredContext(rootInstanceStackCursor.current);
-      return rootInstance;
-    }
-
-    function getHostTransitionProvider() {
-      return hostTransitionProviderCursor.current;
-    }
-
-    function pushHostContainer(fiber, nextRootInstance) {
-      // Push current root instance onto the stack;
-      // This allows us to reset root when portals are popped.
-      push(rootInstanceStackCursor, nextRootInstance, fiber); // Track the context and the Fiber that provided it.
-      // This enables us to pop only Fibers that provide unique contexts.
-
-      push(contextFiberStackCursor, fiber, fiber); // Finally, we need to push the host context to the stack.
-      // However, we can't just call getRootHostContext() and push it because
-      // we'd have a different number of entries on the stack depending on
-      // whether getRootHostContext() throws somewhere in renderer code or not.
-      // So we push an empty value first. This lets us safely unwind on errors.
-
-      push(contextStackCursor$1, null, fiber);
-      var nextRootContext = getRootHostContext(nextRootInstance); // Now that we know this function doesn't throw, replace it.
-
-      pop(contextStackCursor$1, fiber);
-      push(contextStackCursor$1, nextRootContext, fiber);
-    }
-
-    function popHostContainer(fiber) {
-      pop(contextStackCursor$1, fiber);
-      pop(contextFiberStackCursor, fiber);
-      pop(rootInstanceStackCursor, fiber);
-    }
-
-    function getHostContext() {
-      var context = requiredContext(contextStackCursor$1.current);
-      return context;
-    }
-
-    function pushHostContext(fiber) {
-      {
-        var stateHook = fiber.memoizedState;
-
-        if (stateHook !== null) {
-          // Only provide context if this fiber has been upgraded by a host
-          // transition. We use the same optimization for regular host context below.
-          push(hostTransitionProviderCursor, fiber, fiber);
-        }
-      }
-
-      var context = requiredContext(contextStackCursor$1.current);
-      var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
-
-      if (context !== nextContext) {
-        // Track the context and the Fiber that provided it.
-        // This enables us to pop only Fibers that provide unique contexts.
-        push(contextFiberStackCursor, fiber, fiber);
-        push(contextStackCursor$1, nextContext, fiber);
-      }
-    }
-
-    function popHostContext(fiber) {
-      if (contextFiberStackCursor.current === fiber) {
-        // Do not pop unless this Fiber provided the current context.
-        // pushHostContext() only pushes Fibers that provide unique contexts.
-        pop(contextStackCursor$1, fiber);
-        pop(contextFiberStackCursor, fiber);
-      }
-
-      {
-        if (hostTransitionProviderCursor.current === fiber) {
-          // Do not pop unless this Fiber provided the current context. This is mostly
-          // a performance optimization, but conveniently it also prevents a potential
-          // data race where a host provider is upgraded (i.e. memoizedState becomes
-          // non-null) during a concurrent event. This is a bit of a flaw in the way
-          // we upgrade host components, but because we're accounting for it here, it
-          // should be fine.
-          pop(hostTransitionProviderCursor, fiber); // When popping the transition provider, we reset the context value back
-          // to `null`. We can do this because you're not allowd to nest forms. If
-          // we allowed for multiple nested host transition providers, then we'd
-          // need to reset this to the parent provider's status.
-
-          {
-            HostTransitionContext._currentValue = null;
-          }
-        }
-      }
-    }
-
     // $FlowFixMe[method-unbinding]
     var hasOwnProperty = Object.prototype.hasOwnProperty;
 
@@ -3027,6 +2981,20 @@ if (__DEV__) {
         }
       }
     }
+    function checkPropStringCoercion(value, propName) {
+      {
+        if (willCoercionThrow(value)) {
+          error(
+            "The provided `%s` prop is an unsupported type %s." +
+              " This value must be coerced to a string before using it here.",
+            propName,
+            typeName(value)
+          );
+
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
+    }
     function checkCSSPropertyStringCoercion(value, propName) {
       {
         if (willCoercionThrow(value)) {
@@ -3069,48 +3037,6 @@ if (__DEV__) {
       }
     }
 
-    function setCurrentUpdatePriority(
-      newPriority, // Closure will consistently not inline this function when it has arity 1
-      // however when it has arity 2 even if the second arg is omitted at every
-      // callsite it seems to inline it even when the internal length of the function
-      // is much longer. I hope this is consistent enough to rely on across builds
-      IntentionallyUnusedArgument
-    ) {
-      Internals.p =
-        /* currentUpdatePriority */
-        newPriority;
-    }
-    function getCurrentUpdatePriority() {
-      return Internals.p;
-      /* currentUpdatePriority */
-    }
-    function resolveUpdatePriority() {
-      var updatePriority = Internals.p;
-      /* currentUpdatePriority */
-
-      if (updatePriority !== NoEventPriority) {
-        return updatePriority;
-      }
-
-      var currentEvent = window.event;
-
-      if (currentEvent === undefined) {
-        return DefaultEventPriority;
-      }
-
-      return getEventPriority(currentEvent.type);
-    }
-    function runWithPriority(priority, fn) {
-      var previousPriority = getCurrentUpdatePriority();
-
-      try {
-        setCurrentUpdatePriority(priority);
-        return fn();
-      } finally {
-        setCurrentUpdatePriority(previousPriority);
-      }
-    }
-
     var allNativeEvents = new Set();
 
     {
@@ -3476,8 +3402,9 @@ if (__DEV__) {
       setValueForAttribute(node, name, value);
     }
 
+    var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -3534,13 +3461,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher$2.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher$2.current = null;
         disableLogs();
       }
       /**
@@ -3733,7 +3660,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher$2.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -3752,12 +3679,12 @@ if (__DEV__) {
       return syntheticFrame;
     }
 
-    function describeClassComponentFrame(ctor) {
+    function describeClassComponentFrame(ctor, ownerFn) {
       {
         return describeNativeComponentFrame(ctor, true);
       }
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -3826,6 +3753,7 @@ if (__DEV__) {
       }
     }
 
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
     var current = null;
     var isRendering = false;
     function getCurrentFiberOwnerNameInDevOrNull() {
@@ -3836,8 +3764,8 @@ if (__DEV__) {
 
         var owner = current._debugOwner;
 
-        if (owner != null) {
-          return getComponentNameFromOwner(owner);
+        if (owner !== null && typeof owner !== "undefined") {
+          return getComponentNameFromFiber(owner);
         }
       }
 
@@ -3857,14 +3785,14 @@ if (__DEV__) {
 
     function resetCurrentFiber() {
       {
-        ReactSharedInternals.getCurrentStack = null;
+        ReactDebugCurrentFrame.getCurrentStack = null;
         current = null;
         isRendering = false;
       }
     }
     function setCurrentFiber(fiber) {
       {
-        ReactSharedInternals.getCurrentStack =
+        ReactDebugCurrentFrame.getCurrentStack =
           fiber === null ? null : getCurrentFiberStackInDev;
         current = fiber;
         isRendering = false;
@@ -5312,7 +5240,68 @@ if (__DEV__) {
     var MATH_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
     var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 
-    if (typeof MSApp !== "undefined" && MSApp.execUnsafeLocalFunction);
+    var reusableSVGContainer;
+
+    function setInnerHTMLImpl(node, html) {
+      if (node.namespaceURI === SVG_NAMESPACE) {
+        {
+          if (enableTrustedTypesIntegration) {
+            // TODO: reconsider the text of this warning and when it should show
+            // before enabling the feature flag.
+            if (typeof trustedTypes !== "undefined") {
+              error(
+                "Using 'dangerouslySetInnerHTML' in an svg element with " +
+                  "Trusted Types enabled in an Internet Explorer will cause " +
+                  "the trusted value to be converted to string. Assigning string " +
+                  "to 'innerHTML' will throw an error if Trusted Types are enforced. " +
+                  "You can try to wrap your svg element inside a div and use 'dangerouslySetInnerHTML' " +
+                  "on the enclosing div instead."
+              );
+            }
+          }
+        }
+
+        if (!("innerHTML" in node)) {
+          // IE does not have innerHTML for SVG nodes, so instead we inject the
+          // new markup in a temp node and then move the child nodes across into
+          // the target node
+          reusableSVGContainer =
+            reusableSVGContainer || document.createElement("div");
+          reusableSVGContainer.innerHTML =
+            "<svg>" + html.valueOf().toString() + "</svg>";
+          var svgNode = reusableSVGContainer.firstChild;
+
+          while (node.firstChild) {
+            node.removeChild(node.firstChild);
+          } // $FlowFixMe[incompatible-use]
+          // $FlowFixMe[incompatible-type]
+
+          while (svgNode.firstChild) {
+            node.appendChild(svgNode.firstChild);
+          }
+
+          return;
+        }
+      }
+
+      node.innerHTML = html;
+    }
+
+    var setInnerHTML = setInnerHTMLImpl; // $FlowFixMe[cannot-resolve-name]
+
+    if (typeof MSApp !== "undefined" && MSApp.execUnsafeLocalFunction) {
+      /**
+       * Create a function which has 'unsafe' privileges (required by windows8 apps)
+       */
+      setInnerHTML = function (node, html) {
+        // $FlowFixMe[cannot-resolve-name]
+        return MSApp.execUnsafeLocalFunction(function () {
+          return setInnerHTMLImpl(node, html);
+        });
+      };
+    }
+
+    var setInnerHTML$1 = setInnerHTML;
 
     /**
      * HTML nodeType values that represent the type of the node
@@ -7368,9 +7357,6 @@ if (__DEV__) {
       }
     }
 
-    var LegacyRoot = 0;
-    var ConcurrentRoot = 1;
-
     var warnedAboutMissingGetChildContext;
 
     {
@@ -7633,6 +7619,9 @@ if (__DEV__) {
       }
     }
 
+    var LegacyRoot = 0;
+    var ConcurrentRoot = 1;
+
     // We use the existence of the state object as an indicator that the component
     // is hidden.
     var OffscreenVisible =
@@ -9644,6 +9633,7 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentActQueue$4 = 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.
 
@@ -9682,7 +9672,7 @@ if (__DEV__) {
       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 (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.current !== null) {
         // We're inside an `act` scope.
         if (!didScheduleMicrotask_act) {
           didScheduleMicrotask_act = true;
@@ -9703,9 +9693,9 @@ if (__DEV__) {
         scheduleTaskForRootDuringMicrotask(root, now$1());
       }
 
-      if (ReactSharedInternals.isBatchingLegacy && root.tag === LegacyRoot) {
+      if (ReactCurrentActQueue$4.isBatchingLegacy && root.tag === LegacyRoot) {
         // Special `act` case: Record whenever a legacy update is scheduled.
-        ReactSharedInternals.didScheduleLegacyUpdate = true;
+        ReactCurrentActQueue$4.didScheduleLegacyUpdate = true;
       }
     }
     function flushSyncWorkOnAllRoots() {
@@ -9896,7 +9886,7 @@ if (__DEV__) {
           // Scheduler task, rather than an `act` task, cancel it and re-schedule
           // on the `act` queue.
           !(
-            ReactSharedInternals.actQueue !== null &&
+            ReactCurrentActQueue$4.current !== null &&
             existingCallbackNode !== fakeActCallbackNode$1
           )
         ) {
@@ -9963,11 +9953,11 @@ if (__DEV__) {
     var fakeActCallbackNode$1 = {};
 
     function scheduleCallback$2(priorityLevel, callback) {
-      if (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.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.
-        ReactSharedInternals.actQueue.push(callback);
+        ReactCurrentActQueue$4.current.push(callback);
         return fakeActCallbackNode$1;
       } else {
         return scheduleCallback$3(priorityLevel, callback);
@@ -9982,13 +9972,13 @@ if (__DEV__) {
     }
 
     function scheduleImmediateTask(cb) {
-      if (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.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.
-        ReactSharedInternals.actQueue.push(function () {
+        ReactCurrentActQueue$4.current.push(function () {
           cb();
           return null;
         });
@@ -11156,6 +11146,8 @@ if (__DEV__) {
       };
     }
 
+    var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue;
+
     function getThenablesFromState(state) {
       {
         var devState = state;
@@ -11206,11 +11198,11 @@ if (__DEV__) {
       return status === "fulfilled" || status === "rejected";
     }
 
-    function noop$2() {}
+    function noop$3() {}
 
     function trackUsedThenable(thenableState, thenable, index) {
-      if (ReactSharedInternals.actQueue !== null) {
-        ReactSharedInternals.didUsePromise = true;
+      if (ReactCurrentActQueue$3.current !== null) {
+        ReactCurrentActQueue$3.didUsePromise = true;
       }
 
       var trackedThenables = getThenablesFromState(thenableState);
@@ -11252,7 +11244,7 @@ if (__DEV__) {
           } // Avoid an unhandled rejection errors for the Promises that we'll
           // intentionally ignore.
 
-          thenable.then(noop$2, noop$2);
+          thenable.then(noop$3, noop$3);
           thenable = previous;
         }
       } // We use an expando to track the status and result of a thenable so that we
@@ -11281,7 +11273,7 @@ if (__DEV__) {
             // 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);
+            thenable.then(noop$3, noop$3);
           } else {
             // This is an uncached thenable that we haven't seen before.
             // Detect infinite ping loops caused by uncached promises.
@@ -11440,6 +11432,7 @@ if (__DEV__) {
 
     var didWarnAboutMaps;
     var didWarnAboutGenerators;
+    var didWarnAboutStringRefs;
     var ownerHasKeyUseWarning;
     var ownerHasFunctionTypeWarning;
     var ownerHasSymbolTypeWarning;
@@ -11449,6 +11442,7 @@ if (__DEV__) {
     {
       didWarnAboutMaps = false;
       didWarnAboutGenerators = false;
+      didWarnAboutStringRefs = {};
       /**
        * 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
@@ -11493,6 +11487,10 @@ if (__DEV__) {
       };
     }
 
+    function isReactClass(type) {
+      return type.prototype && type.prototype.isReactComponent;
+    }
+
     function unwrapThenable(thenable) {
       var index = thenableIndexCounter$1;
       thenableIndexCounter$1 += 1;
@@ -11504,22 +11502,159 @@ if (__DEV__) {
       return trackUsedThenable(thenableState$1, thenable, index);
     }
 
+    function convertStringRefToCallbackRef(
+      returnFiber,
+      current,
+      element,
+      mixedRef
+    ) {
+      {
+        checkPropStringCoercion(mixedRef, "ref");
+      }
+
+      var stringRef = "" + mixedRef;
+      var owner = element._owner;
+
+      if (!owner) {
+        throw new Error(
+          "Element ref was specified as a string (" +
+            stringRef +
+            ") 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://react.dev/link/refs-must-have-owner for more information."
+        );
+      }
+
+      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://react.dev/link/strict-mode-string-ref"
+        );
+      }
+
+      {
+        if (
+          // Will already warn with "Function components cannot be given refs"
+          !(typeof element.type === "function" && !isReactClass(element.type))
+        ) {
+          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://react.dev/link/strict-mode-string-ref",
+              componentName,
+              stringRef
+            );
+
+            didWarnAboutStringRefs[componentName] = true;
+          }
+        }
+      }
+
+      var inst = owner.stateNode;
+
+      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
+
+      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
+
+      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 ref;
+      var mixedRef;
 
       if (enableRefAsProp) {
         // 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;
-        ref = refProp !== undefined ? refProp : null;
+        mixedRef = refProp !== undefined ? refProp : null;
       } else {
         // Old behavior.
-        ref = element.ref;
+        mixedRef = element.ref;
+      }
+
+      var coercedRef;
+
+      if (
+        typeof mixedRef === "string" ||
+        typeof mixedRef === "number" ||
+        typeof mixedRef === "boolean"
+      ) {
+        coercedRef = convertStringRefToCallbackRef(
+          returnFiber,
+          current,
+          element,
+          mixedRef
+        );
+
+        if (enableRefAsProp) {
+          // 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 = ref;
+      workInProgress.ref = coercedRef;
     }
 
     function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -13368,6 +13503,8 @@ if (__DEV__) {
       /*   */
       8;
 
+    var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
     var didWarnAboutMismatchedHooksForComponent;
     var didWarnUncachedGetSnapshot;
     var didWarnAboutUseWrappedInTryCatch;
@@ -13533,8 +13670,8 @@ if (__DEV__) {
           didWarnAboutUseFormState.add(componentName);
 
           error(
-            "ReactDOM.useFormState has been renamed to React.useActionState. " +
-              "Please update %s to use React.useActionState.",
+            "ReactDOM.useFormState has been deprecated and replaced by " +
+              "React.useActionState. Please update %s to use React.useActionState.",
             componentName
           );
         }
@@ -13670,16 +13807,17 @@ if (__DEV__) {
 
       {
         if (current !== null && current.memoizedState !== null) {
-          ReactSharedInternals.H = HooksDispatcherOnUpdateInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
         } else if (hookTypesDev !== null) {
           // This dispatcher handles an edge case where a component is updating,
           // but no stateful hooks have been used.
           // We want to match the production code behavior (which will use HooksDispatcherOnMount),
           // but with the extra DEV validation to ensure hooks ordering hasn't changed.
           // This dispatcher does that.
-          ReactSharedInternals.H = HooksDispatcherOnMountWithHookTypesInDEV;
+          ReactCurrentDispatcher$1.current =
+            HooksDispatcherOnMountWithHookTypesInDEV;
         } else {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       } // In Strict Mode, during development, user functions are double invoked to
       // help detect side effects. The logic for how this is implemented for in
@@ -13751,7 +13889,7 @@ if (__DEV__) {
       } // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
       // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
       var didRenderTooFewHooks =
@@ -13924,7 +14062,7 @@ if (__DEV__) {
           hookTypesUpdateIndexDev = -1;
         }
 
-        ReactSharedInternals.H = HooksDispatcherOnRerenderInDEV;
+        ReactCurrentDispatcher$1.current = HooksDispatcherOnRerenderInDEV;
         children = Component(props, secondArg);
       } while (didScheduleRenderPhaseUpdateDuringThisPass);
 
@@ -13946,34 +14084,18 @@ if (__DEV__) {
       );
     }
     function TransitionAwareHostComponent() {
-      var dispatcher = ReactSharedInternals.H;
+      var dispatcher = ReactCurrentDispatcher$1.current;
 
       var _dispatcher$useState = dispatcher.useState(),
         maybeThenable = _dispatcher$useState[0];
 
-      var nextState;
-
       if (typeof maybeThenable.then === "function") {
         var thenable = maybeThenable;
-        nextState = useThenable(thenable);
+        return useThenable(thenable);
       } else {
         var status = maybeThenable;
-        nextState = status;
-      } // The "reset state" is an object. If it changes, that means something
-      // requested that we reset the form.
-
-      var _dispatcher$useState2 = dispatcher.useState(),
-        nextResetState = _dispatcher$useState2[0];
-
-      var prevResetState =
-        currentHook !== null ? currentHook.memoizedState : null;
-
-      if (prevResetState !== nextResetState) {
-        // Schedule a form reset
-        currentlyRenderingFiber$1.flags |= FormReset;
+        return status;
       }
-
-      return nextState;
     }
     function checkDidRenderIdHook() {
       // This should be called immediately after every renderWithHooks call.
@@ -14010,7 +14132,7 @@ if (__DEV__) {
       currentlyRenderingFiber$1 = null; // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
     }
     function resetHooksOnUnwind(workInProgress) {
       if (didScheduleRenderPhaseUpdate) {
@@ -14184,7 +14306,7 @@ if (__DEV__) {
         // time (perhaps because it threw). Subsequent Hook calls should use the
         // mount dispatcher.
         {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       }
 
@@ -15026,14 +15148,14 @@ if (__DEV__) {
       var action = actionQueue.action;
       var prevState = actionQueue.state; // This is a fork of startTransition
 
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$3.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
-      ReactSharedInternals.T = currentTransition;
+      ReactCurrentBatchConfig$3.transition = currentTransition;
 
       {
-        ReactSharedInternals.T._updatedFibers = new Set();
+        ReactCurrentBatchConfig$3.transition._updatedFibers = new Set();
       } // Optimistically update the pending state, similar to useTransition.
       // This will be reverted automatically when all actions are finished.
 
@@ -15091,7 +15213,7 @@ if (__DEV__) {
         setState(rejectedThenable);
         finishRunningActionStateAction(actionQueue, setPendingState, setState);
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$3.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -15750,7 +15872,7 @@ if (__DEV__) {
       setCurrentUpdatePriority(
         higherEventPriority(previousPriority, ContinuousEventPriority)
       );
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$3.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
@@ -15762,19 +15884,19 @@ if (__DEV__) {
         // optimistic update anyway to make it less likely the behavior accidentally
         // diverges; for example, both an optimistic update and this one should
         // share the same lane.
-        ReactSharedInternals.T = currentTransition;
+        ReactCurrentBatchConfig$3.transition = currentTransition;
         dispatchOptimisticSetState(fiber, false, queue, pendingState);
       }
 
       if (enableTransitionTracing) {
         if (options !== undefined && options.name !== undefined) {
-          currentTransition.name = options.name;
-          currentTransition.startTime = now$1();
+          ReactCurrentBatchConfig$3.transition.name = options.name;
+          ReactCurrentBatchConfig$3.transition.startTime = now$1();
         }
       }
 
       {
-        currentTransition._updatedFibers = new Set();
+        ReactCurrentBatchConfig$3.transition._updatedFibers = new Set();
       }
 
       try {
@@ -15820,7 +15942,7 @@ if (__DEV__) {
         }
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$3.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -15848,8 +15970,46 @@ if (__DEV__) {
         );
       }
 
-      var stateHook = ensureFormComponentIsStateful(formFiber);
-      var queue = stateHook.queue;
+      var queue;
+
+      if (formFiber.memoizedState === null) {
+        // Upgrade this host component fiber to be stateful. We're going to pretend
+        // it was stateful all along so we can reuse most of the implementation
+        // for function components and useTransition.
+        //
+        // Create the state hook used by TransitionAwareHostComponent. This is
+        // essentially an inlined version of mountState.
+        var newQueue = {
+          pending: null,
+          lanes: NoLanes,
+          // We're going to cheat and intentionally not create a bound dispatch
+          // method, because we can call it directly in startTransition.
+          dispatch: null,
+          lastRenderedReducer: basicStateReducer,
+          lastRenderedState: NotPendingTransition
+        };
+        queue = newQueue;
+        var stateHook = {
+          memoizedState: NotPendingTransition,
+          baseState: NotPendingTransition,
+          baseQueue: null,
+          queue: newQueue,
+          next: null
+        }; // Add the state hook to both fiber alternates. The idea is that the fiber
+        // had this hook all along.
+
+        formFiber.memoizedState = stateHook;
+        var alternate = formFiber.alternate;
+
+        if (alternate !== null) {
+          alternate.memoizedState = stateHook;
+        }
+      } else {
+        // This fiber was already upgraded to be stateful.
+        var _stateHook = formFiber.memoizedState;
+        queue = _stateHook.queue;
+      }
+
       startTransition(
         formFiber,
         queue,
@@ -15857,104 +16017,11 @@ if (__DEV__) {
         NotPendingTransition, // TODO: We can avoid this extra wrapper, somehow. Figure out layering
         // once more of this function is implemented.
         function () {
-          // Automatically reset the form when the action completes.
-          requestFormReset$1(formFiber);
           return callback(formData);
         }
       );
     }
 
-    function ensureFormComponentIsStateful(formFiber) {
-      var existingStateHook = formFiber.memoizedState;
-
-      if (existingStateHook !== null) {
-        // This fiber was already upgraded to be stateful.
-        return existingStateHook;
-      } // Upgrade this host component fiber to be stateful. We're going to pretend
-      // it was stateful all along so we can reuse most of the implementation
-      // for function components and useTransition.
-      //
-      // Create the state hook used by TransitionAwareHostComponent. This is
-      // essentially an inlined version of mountState.
-
-      var newQueue = {
-        pending: null,
-        lanes: NoLanes,
-        // We're going to cheat and intentionally not create a bound dispatch
-        // method, because we can call it directly in startTransition.
-        dispatch: null,
-        lastRenderedReducer: basicStateReducer,
-        lastRenderedState: NotPendingTransition
-      };
-      var stateHook = {
-        memoizedState: NotPendingTransition,
-        baseState: NotPendingTransition,
-        baseQueue: null,
-        queue: newQueue,
-        next: null
-      }; // We use another state hook to track whether the form needs to be reset.
-      // The state is an empty object. To trigger a reset, we update the state
-      // to a new object. Then during rendering, we detect that the state has
-      // changed and schedule a commit effect.
-
-      var initialResetState = {};
-      var newResetStateQueue = {
-        pending: null,
-        lanes: NoLanes,
-        // We're going to cheat and intentionally not create a bound dispatch
-        // method, because we can call it directly in startTransition.
-        dispatch: null,
-        lastRenderedReducer: basicStateReducer,
-        lastRenderedState: initialResetState
-      };
-      var resetStateHook = {
-        memoizedState: initialResetState,
-        baseState: initialResetState,
-        baseQueue: null,
-        queue: newResetStateQueue,
-        next: null
-      };
-      stateHook.next = resetStateHook; // Add the hook list to both fiber alternates. The idea is that the fiber
-      // had this hook all along.
-
-      formFiber.memoizedState = stateHook;
-      var alternate = formFiber.alternate;
-
-      if (alternate !== null) {
-        alternate.memoizedState = stateHook;
-      }
-
-      return stateHook;
-    }
-
-    function requestFormReset$1(formFiber) {
-      var transition = requestCurrentTransition();
-
-      {
-        if (transition === null) {
-          // An optimistic update occurred, but startTransition is not on the stack.
-          // The form reset will be scheduled at default (sync) priority, which
-          // is probably not what the user intended. Most likely because the
-          // requestFormReset call happened after an `await`.
-          // TODO: Theoretically, requestFormReset is still useful even for
-          // non-transition updates because it allows you to update defaultValue
-          // synchronously and then wait to reset until after the update commits.
-          // I've chosen to warn anyway because it's more likely the `await` mistake
-          // described above. But arguably we shouldn't.
-          error(
-            "requestFormReset was called outside a transition or action. To " +
-              "fix, move to an action, or wrap with startTransition."
-          );
-        }
-      }
-
-      var stateHook = ensureFormComponentIsStateful(formFiber);
-      var newResetState = {};
-      var resetStateHook = stateHook.next;
-      var resetStateQueue = resetStateHook.queue;
-      dispatchSetState(formFiber, resetStateQueue, newResetState);
-    }
-
     function mountTransition() {
       var stateHook = mountStateImpl(false); // The `start` method never changes.
 
@@ -16171,11 +16238,11 @@ if (__DEV__) {
           var lastRenderedReducer = queue.lastRenderedReducer;
 
           if (lastRenderedReducer !== null) {
-            var prevDispatcher = null;
+            var prevDispatcher;
 
             {
-              prevDispatcher = ReactSharedInternals.H;
-              ReactSharedInternals.H =
+              prevDispatcher = ReactCurrentDispatcher$1.current;
+              ReactCurrentDispatcher$1.current =
                 InvalidNestedHooksDispatcherOnUpdateInDEV;
             }
 
@@ -16206,7 +16273,7 @@ if (__DEV__) {
               // Suppress the error. It will throw again in the render phase.
             } finally {
               {
-                ReactSharedInternals.H = prevDispatcher;
+                ReactCurrentDispatcher$1.current = prevDispatcher;
               }
             }
           }
@@ -16480,25 +16547,27 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           mountHookTypesDev();
           checkDepsAreArrayDev(deps);
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -16509,13 +16578,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -16650,25 +16720,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -16679,13 +16751,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -16812,25 +16885,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -16841,13 +16916,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -16983,25 +17059,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -17012,13 +17090,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -17165,26 +17244,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -17197,13 +17278,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -17354,26 +17436,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -17386,13 +17470,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -17543,26 +17628,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -17575,13 +17662,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -19058,20 +19146,7 @@ if (__DEV__) {
       // remove this extra check.
       alreadyResolvedDefaultProps
     ) {
-      var newProps = baseProps;
-
-      if (enableRefAsProp) {
-        // Remove ref from the props object, if it exists.
-        if ("ref" in baseProps) {
-          newProps = {};
-
-          for (var propName in baseProps) {
-            if (propName !== "ref") {
-              newProps[propName] = baseProps[propName];
-            }
-          }
-        }
-      } // Resolve default props.
+      var newProps = baseProps; // Resolve default props. Taken from old JSX runtime, where this used to live.
 
       var defaultProps = Component.defaultProps;
 
@@ -19080,19 +19155,26 @@ if (__DEV__) {
         // default props here in the reconciler, rather than in the JSX runtime.
         (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
       ) {
-        // We may have already copied the props object above to remove ref. If so,
-        // we can modify that. Otherwise, copy the props object with Object.assign.
-        if (newProps === baseProps) {
-          newProps = assign({}, newProps, baseProps);
-        } // Taken from old JSX runtime, where this used to live.
+        newProps = assign({}, newProps, baseProps);
 
-        for (var _propName in defaultProps) {
-          if (newProps[_propName] === undefined) {
-            newProps[_propName] = defaultProps[_propName];
+        for (var propName in defaultProps) {
+          if (newProps[propName] === undefined) {
+            newProps[propName] = defaultProps[propName];
           }
         }
       }
 
+      if (enableRefAsProp) {
+        // Remove ref from the props object, if it exists.
+        if ("ref" in newProps) {
+          if (newProps === baseProps) {
+            newProps = assign({}, newProps);
+          }
+
+          delete newProps.ref;
+        }
+      }
+
       return newProps;
     }
 
@@ -19159,6 +19241,8 @@ if (__DEV__) {
             console["error"](error);
           };
 
+    var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // Side-channel since I'm not sure we want to make this part of the public API
+
     var componentName = null;
     var errorBoundaryName = null;
     function defaultOnUncaughtError(error, errorInfo) {
@@ -19223,10 +19307,10 @@ if (__DEV__) {
 
         var error = errorInfo.value;
 
-        if (true && ReactSharedInternals.actQueue !== null) {
+        if (true && ReactCurrentActQueue$2.current !== null) {
           // For uncaught errors inside act, we track them on the act and then
           // rethrow them into the test.
-          ReactSharedInternals.thrownErrors.push(error);
+          ReactCurrentActQueue$2.thrownErrors.push(error);
           return;
         }
 
@@ -20079,6 +20163,7 @@ if (__DEV__) {
       return null;
     }
 
+    var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
     // into a dehydrated boundary.
 
     var SelectiveHydrationException = new Error(
@@ -20212,7 +20297,7 @@ if (__DEV__) {
       }
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$2.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -20897,7 +20982,7 @@ if (__DEV__) {
       }
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$2.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -21130,10 +21215,7 @@ if (__DEV__) {
 
       var instance = workInProgress.stateNode; // Rerender
 
-      {
-        ReactSharedInternals.owner = workInProgress;
-      }
-
+      ReactCurrentOwner$2.current = workInProgress;
       var nextChildren;
 
       if (
@@ -23171,7 +23253,7 @@ if (__DEV__) {
       var newChildren;
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$2.current = workInProgress;
         setIsRendering(true);
         newChildren = render(newValue);
         setIsRendering(false);
@@ -24691,8 +24773,10 @@ if (__DEV__) {
       popProvider(CacheContext, workInProgress);
     }
 
+    var ReactCurrentBatchConfig$2 =
+      ReactSharedInternals.ReactCurrentBatchConfig;
     function requestCurrentTransition() {
-      var transition = ReactSharedInternals.T;
+      var transition = ReactCurrentBatchConfig$2.transition;
 
       if (transition !== null) {
         // Whenever a transition update is scheduled, register a callback on the
@@ -26641,9 +26725,7 @@ if (__DEV__) {
     // Allows us to avoid traversing the return path to find the nearest Offscreen ancestor.
 
     var offscreenSubtreeIsHidden = false;
-    var offscreenSubtreeWasHidden = false; // Used to track if a form needs to be reset at the end of the mutation phase.
-
-    var needsFormReset = false;
+    var offscreenSubtreeWasHidden = false;
     var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
     var nextEffect = null; // Used for Profiling builds to track updaters.
 
@@ -29239,21 +29321,6 @@ if (__DEV__) {
                 }
               }
             }
-
-            if (flags & FormReset) {
-              needsFormReset = true;
-
-              {
-                if (finishedWork.type !== "form") {
-                  // Paranoid coding. In case we accidentally start using the
-                  // FormReset bit for something else.
-                  error(
-                    "Unexpected host component type. Expected a form. This is a " +
-                      "bug in React."
-                  );
-                }
-              }
-            }
           }
 
           return;
@@ -29324,20 +29391,6 @@ if (__DEV__) {
             }
           }
 
-          if (needsFormReset) {
-            // A form component requested to be reset during this commit. We do this
-            // after all mutations in the rest of the tree so that `defaultValue`
-            // will already be updated. This way you can update `defaultValue` using
-            // data sent by the server as a result of the form submission.
-            //
-            // Theoretically we could check finishedWork.subtreeFlags & FormReset,
-            // but the FormReset bit is overloaded with other flags used by other
-            // fiber types. So this extra variable lets us skip traversing the tree
-            // except when a form was actually submitted.
-            needsFormReset = false;
-            recursivelyResetForms(finishedWork);
-          }
-
           return;
         }
 
@@ -29565,26 +29618,6 @@ if (__DEV__) {
       }
     }
 
-    function recursivelyResetForms(parentFiber) {
-      if (parentFiber.subtreeFlags & FormReset) {
-        var child = parentFiber.child;
-
-        while (child !== null) {
-          resetFormOnFiber(child);
-          child = child.sibling;
-        }
-      }
-    }
-
-    function resetFormOnFiber(fiber) {
-      recursivelyResetForms(fiber);
-
-      if (fiber.tag === HostComponent && fiber.flags & FormReset) {
-        var formInstance = fiber.stateNode;
-        resetFormInstance(formInstance);
-      }
-    }
-
     function commitLayoutEffects(finishedWork, root, committedLanes) {
       inProgressLanes = committedLanes;
       inProgressRoot = root;
@@ -31241,6 +31274,7 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
     function isLegacyActEnvironment(fiber) {
       {
         // Legacy mode. We preserve the behavior of React 17's act. It assumes an
@@ -31265,7 +31299,7 @@ if (__DEV__) {
 
         if (
           !isReactActEnvironmentGlobal &&
-          ReactSharedInternals.actQueue !== null
+          ReactCurrentActQueue$1.current !== null
         ) {
           // TODO: Include link to relevant documentation page.
           error(
@@ -31297,6 +31331,11 @@ if (__DEV__) {
     }
 
     var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+      ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+      ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
+      ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue;
     var NoContext =
       /*             */
       0;
@@ -31598,11 +31637,13 @@ if (__DEV__) {
 
       if (transition !== null) {
         {
-          if (!transition._updatedFibers) {
-            transition._updatedFibers = new Set();
+          var batchConfigTransition = ReactCurrentBatchConfig$1.transition;
+
+          if (!batchConfigTransition._updatedFibers) {
+            batchConfigTransition._updatedFibers = new Set();
           }
 
-          transition._updatedFibers.add(fiber);
+          batchConfigTransition._updatedFibers.add(fiber);
         }
 
         var actionScopeLane = peekEntangledActionLane();
@@ -31611,9 +31652,26 @@ if (__DEV__) {
           : // is the first update in that scope. Either way, we need to get a
             // fresh transition lane.
             requestTransitionLane();
-      }
+      } // Updates originating inside certain React methods, like flushSync, have
+      // their priority set by tracking it with a context variable.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
 
-      return eventPriorityToLane(resolveUpdatePriority());
+      var updateLane = getCurrentUpdatePriority();
+
+      if (updateLane !== NoLane) {
+        return updateLane;
+      } // This update originated outside React. Ask the host environment for an
+      // appropriate priority, based on the type of event.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
+
+      var eventLane = getCurrentEventPriority();
+      return eventLane;
     }
 
     function requestRetryLane(fiber) {
@@ -31724,13 +31782,12 @@ if (__DEV__) {
         warnIfUpdatesNotWrappedWithActDEV(fiber);
 
         if (enableTransitionTracing) {
-          var transition = ReactSharedInternals.T;
+          var transition = ReactCurrentBatchConfig$1.transition;
 
           if (transition !== null && transition.name != null) {
             if (transition.startTime === -1) {
               transition.startTime = now$1();
-            } // $FlowFixMe[prop-missing]: The BatchConfigTransition and Transition types are incompatible but was previously untyped and thus uncaught
-            // $FlowFixMe[incompatible-call]: "
+            }
 
             addTransitionToLanesMap(root, transition, lane);
           }
@@ -31769,7 +31826,7 @@ if (__DEV__) {
           !disableLegacyMode &&
           (fiber.mode & ConcurrentMode) === NoMode
         ) {
-          if (ReactSharedInternals.isBatchingLegacy);
+          if (ReactCurrentActQueue.isBatchingLegacy);
           else {
             // Flush the synchronous work now, unless we're already working or inside
             // a batch. This is intentionally inside scheduleUpdateOnFiber instead of
@@ -31886,31 +31943,20 @@ if (__DEV__) {
             } // Check if something threw
 
             if (exitStatus === RootErrored) {
-              var lanesThatJustErrored = lanes;
+              var originallyAttemptedLanes = lanes;
               var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
                 root,
-                lanesThatJustErrored
+                originallyAttemptedLanes
               );
 
               if (errorRetryLanes !== NoLanes) {
                 lanes = errorRetryLanes;
                 exitStatus = recoverFromConcurrentError(
                   root,
-                  lanesThatJustErrored,
+                  originallyAttemptedLanes,
                   errorRetryLanes
                 );
-                renderWasConcurrent = false; // Need to check the exit status again.
-
-                if (exitStatus !== RootErrored) {
-                  // The root did not error this time. Restart the exit algorithm
-                  // from the beginning.
-                  // TODO: Refactor the exit algorithm to be less confusing. Maybe
-                  // more branches + recursion instead of a loop. I think the only
-                  // thing that causes it to be a loop is the RootDidNotComplete
-                  // check. If that's true, then we don't need a loop/recursion
-                  // at all.
-                  continue;
-                }
+                renderWasConcurrent = false;
               }
             }
 
@@ -32400,7 +32446,7 @@ if (__DEV__) {
 
           if (
             executionContext === NoContext && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
-            !ReactSharedInternals.isBatchingLegacy
+            !ReactCurrentActQueue.isBatchingLegacy
           ) {
             resetRenderTimer();
             flushSyncWorkOnLegacyRootsOnly();
@@ -32413,7 +32459,7 @@ if (__DEV__) {
     // eslint-disable-next-line no-redeclare
     // eslint-disable-next-line no-redeclare
 
-    function flushSyncFromReconciler$1(fn) {
+    function flushSync$1(fn) {
       // In legacy mode, we flush pending passive effects at the beginning of the
       // next event, not at the end of the previous one.
       if (
@@ -32427,12 +32473,12 @@ if (__DEV__) {
 
       var prevExecutionContext = executionContext;
       executionContext |= BatchedContext;
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$1.transition;
       var previousPriority = getCurrentUpdatePriority();
 
       try {
+        ReactCurrentBatchConfig$1.transition = null;
         setCurrentUpdatePriority(DiscreteEventPriority);
-        ReactSharedInternals.T = null;
 
         if (fn) {
           return fn();
@@ -32441,7 +32487,7 @@ if (__DEV__) {
         }
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$1.transition = prevTransition;
         executionContext = prevExecutionContext; // Flush the immediate callbacks that were scheduled during this batch.
         // Note that this will happen even if batchedUpdates is higher up
         // the stack.
@@ -32453,16 +32499,6 @@ if (__DEV__) {
           flushSyncWorkOnAllRoots();
         }
       }
-    } // If called outside of a render or commit will flush all sync work on all roots
-    // Returns whether the the call was during a render or not
-
-    function flushSyncWork() {
-      if ((executionContext & (RenderContext | CommitContext)) === NoContext) {
-        flushSyncWorkOnAllRoots();
-        return false;
-      }
-
-      return true;
     }
     function isAlreadyRendering() {
       // Used by the renderer to print a warning if certain APIs are called from
@@ -32585,10 +32621,7 @@ if (__DEV__) {
       // when React is executing user code.
       resetHooksAfterThrow();
       resetCurrentFiber();
-
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner$1.current = null;
 
       if (thrownValue === SuspenseException) {
         // This is a special type of exception used for Suspense. For historical
@@ -32740,8 +32773,8 @@ if (__DEV__) {
     }
 
     function pushDispatcher(container) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
       if (prevDispatcher === null) {
         // The React isomorphic package does not include a default dispatcher.
@@ -32754,20 +32787,20 @@ if (__DEV__) {
     }
 
     function popDispatcher(prevDispatcher) {
-      ReactSharedInternals.H = prevDispatcher;
+      ReactCurrentDispatcher.current = prevDispatcher;
     }
 
     function pushCacheDispatcher() {
       {
-        var prevCacheDispatcher = ReactSharedInternals.C;
-        ReactSharedInternals.C = DefaultCacheDispatcher;
+        var prevCacheDispatcher = ReactCurrentCache.current;
+        ReactCurrentCache.current = DefaultCacheDispatcher;
         return prevCacheDispatcher;
       }
     }
 
     function popCacheDispatcher(prevCacheDispatcher) {
       {
-        ReactSharedInternals.C = prevCacheDispatcher;
+        ReactCurrentCache.current = prevCacheDispatcher;
       }
     }
 
@@ -33194,7 +33227,7 @@ if (__DEV__) {
             }
           }
 
-          if (true && ReactSharedInternals.actQueue !== null) {
+          if (true && ReactCurrentActQueue.current !== null) {
             // `act` special case: If we're inside an `act` scope, don't consult
             // `shouldYield`. Always keep working until the render is complete.
             // This is not just an optimization: in a unit test environment, we
@@ -33279,9 +33312,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner$1.current = null;
     }
 
     function replaySuspendedUnitOfWork(unitOfWork) {
@@ -33409,9 +33440,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner$1.current = null;
     }
 
     function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
@@ -33621,12 +33650,12 @@ if (__DEV__) {
     ) {
       // TODO: This no longer makes any sense. We already wrap the mutation and
       // layout phases. Should be able to remove.
-      var prevTransition = ReactSharedInternals.T;
       var previousUpdateLanePriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig$1.transition;
 
       try {
+        ReactCurrentBatchConfig$1.transition = null;
         setCurrentUpdatePriority(DiscreteEventPriority);
-        ReactSharedInternals.T = null;
         commitRootImpl(
           root,
           recoverableErrors,
@@ -33636,7 +33665,7 @@ if (__DEV__) {
           spawnedLane
         );
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$1.transition = prevTransition;
         setCurrentUpdatePriority(previousUpdateLanePriority);
       }
 
@@ -33780,16 +33809,14 @@ if (__DEV__) {
         NoFlags$1;
 
       if (subtreeHasEffects || rootHasEffect) {
-        var prevTransition = ReactSharedInternals.T;
-        ReactSharedInternals.T = null;
+        var prevTransition = ReactCurrentBatchConfig$1.transition;
+        ReactCurrentBatchConfig$1.transition = null;
         var previousPriority = getCurrentUpdatePriority();
         setCurrentUpdatePriority(DiscreteEventPriority);
         var prevExecutionContext = executionContext;
         executionContext |= CommitContext; // Reset this to null before calling lifecycles
 
-        {
-          ReactSharedInternals.owner = null;
-        } // The commit phase is broken into several sub-phases. We do a separate pass
+        ReactCurrentOwner$1.current = null; // The commit phase is broken into several sub-phases. We do a separate pass
         // of the effect list for each phase: all mutation effects come before all
         // layout effects, and so on.
         // The first phase a "before mutation" phase. We use this phase to read the
@@ -33851,7 +33878,7 @@ if (__DEV__) {
         executionContext = prevExecutionContext; // Reset the priority to the previous non-sync value.
 
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$1.transition = prevTransition;
       } else {
         // No effects.
         root.current = finishedWork; // Measure these anyway so the flamegraph explicitly shows that there were
@@ -34078,16 +34105,16 @@ if (__DEV__) {
         pendingPassiveEffectsRemainingLanes = NoLanes;
         var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
         var priority = lowerEventPriority(DefaultEventPriority, renderPriority);
-        var prevTransition = ReactSharedInternals.T;
+        var prevTransition = ReactCurrentBatchConfig$1.transition;
         var previousPriority = getCurrentUpdatePriority();
 
         try {
+          ReactCurrentBatchConfig$1.transition = null;
           setCurrentUpdatePriority(priority);
-          ReactSharedInternals.T = null;
           return flushPassiveEffectsImpl();
         } finally {
           setCurrentUpdatePriority(previousPriority);
-          ReactSharedInternals.T = prevTransition; // Once passive effects have run for the tree - giving components a
+          ReactCurrentBatchConfig$1.transition = prevTransition; // Once passive effects have run for the tree - giving components a
           // chance to retain cache instances they use - release the pooled
           // cache at the root (if there is one)
 
@@ -34842,7 +34869,7 @@ if (__DEV__) {
       {
         // If we're currently inside an `act` scope, bypass Scheduler and push to
         // the `act` queue instead.
-        var actQueue = ReactSharedInternals.actQueue;
+        var actQueue = ReactCurrentActQueue.current;
 
         if (actQueue !== null) {
           actQueue.push(callback);
@@ -34855,7 +34882,7 @@ if (__DEV__) {
 
     function shouldForceFlushFallbacksInDEV() {
       // Never force flush in production. This function should get stripped out.
-      return ReactSharedInternals.actQueue !== null;
+      return ReactCurrentActQueue.current !== null;
     }
 
     function warnIfUpdatesNotWrappedWithActDEV(fiber) {
@@ -34889,7 +34916,7 @@ if (__DEV__) {
           }
         }
 
-        if (ReactSharedInternals.actQueue === null) {
+        if (ReactCurrentActQueue.current === null) {
           var previousFiber = current;
 
           try {
@@ -34924,7 +34951,7 @@ if (__DEV__) {
         if (
           root.tag !== LegacyRoot &&
           isConcurrentActEnvironment() &&
-          ReactSharedInternals.actQueue === null
+          ReactCurrentActQueue.current === null
         ) {
           error(
             "A suspended resource finished loading inside a test, but the event " +
@@ -35133,12 +35160,13 @@ if (__DEV__) {
         var staleFamilies = update.staleFamilies,
           updatedFamilies = update.updatedFamilies;
         flushPassiveEffects();
-        scheduleFibersWithFamiliesRecursively(
-          root.current,
-          updatedFamilies,
-          staleFamilies
-        );
-        flushSyncWork();
+        flushSync$1(function () {
+          scheduleFibersWithFamiliesRecursively(
+            root.current,
+            updatedFamilies,
+            staleFamilies
+          );
+        });
       }
     };
     var scheduleRoot = function (root, element) {
@@ -35150,8 +35178,10 @@ if (__DEV__) {
           return;
         }
 
-        updateContainerSync(element, root, null, null);
-        flushSyncWork();
+        flushPassiveEffects();
+        flushSync$1(function () {
+          updateContainer(element, root, null, null);
+        });
       }
     };
 
@@ -35887,7 +35917,7 @@ if (__DEV__) {
                   "named imports.";
               }
 
-              var ownerName = owner ? getComponentNameFromOwner(owner) : null;
+              var ownerName = owner ? getComponentNameFromFiber(owner) : null;
 
               if (ownerName) {
                 info += "\n\nCheck the render method of `" + ownerName + "`.";
@@ -36230,7 +36260,7 @@ if (__DEV__) {
       return root;
     }
 
-    var ReactVersion = "19.0.0-www-classic-3b25da96";
+    var ReactVersion = "19.0.0-www-classic-82184e0e";
 
     function createPortal$1(
       children,
@@ -36457,52 +36487,13 @@ if (__DEV__) {
       return root;
     }
     function updateContainer(element, container, parentComponent, callback) {
-      var current = container.current;
-      var lane = requestUpdateLane(current);
-      updateContainerImpl(
-        current,
-        lane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return lane;
-    }
-    function updateContainerSync(
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
-      if (container.tag === LegacyRoot) {
-        flushPassiveEffects();
-      }
-
-      var current = container.current;
-      updateContainerImpl(
-        current,
-        SyncLane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return SyncLane;
-    }
-
-    function updateContainerImpl(
-      rootFiber,
-      lane,
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
       {
         onScheduleRoot(container, element);
       }
 
+      var current$1 = container.current;
+      var lane = requestUpdateLane(current$1);
+
       if (enableSchedulingProfiler) {
         markRenderScheduled(lane);
       }
@@ -36551,12 +36542,14 @@ if (__DEV__) {
         update.callback = callback;
       }
 
-      var root = enqueueUpdate(rootFiber, update, lane);
+      var root = enqueueUpdate(current$1, update, lane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, rootFiber, lane);
-        entangleTransitions(root, rootFiber, lane);
+        scheduleUpdateOnFiber(root, current$1, lane);
+        entangleTransitions(root, current$1, lane);
       }
+
+      return lane;
     }
     function getPublicRootInstance(container) {
       var containerFiber = container.current;
@@ -36589,13 +36582,13 @@ if (__DEV__) {
         }
 
         case SuspenseComponent: {
-          var _root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+          flushSync$1(function () {
+            var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-          if (_root !== null) {
-            scheduleUpdateOnFiber(_root, fiber, SyncLane);
-          }
-
-          flushSyncWork(); // If we're still blocked after this, we need to increase
+            if (root !== null) {
+              scheduleUpdateOnFiber(root, fiber, SyncLane);
+            }
+          }); // If we're still blocked after this, we need to increase
           // the priority of any promises resolving within this
           // boundary so that they next attempt also has higher pri.
 
@@ -36941,6 +36934,7 @@ if (__DEV__) {
 
     function injectIntoDevTools(devToolsConfig) {
       var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+      var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
       return injectInternals({
         bundleType: devToolsConfig.bundleType,
         version: devToolsConfig.version,
@@ -36955,7 +36949,7 @@ if (__DEV__) {
         setErrorHandler: setErrorHandler,
         setSuspenseHandler: setSuspenseHandler,
         scheduleUpdate: scheduleUpdate,
-        currentDispatcherRef: ReactSharedInternals,
+        currentDispatcherRef: ReactCurrentDispatcher,
         findHostInstanceByFiber: findHostInstanceByFiber,
         findFiberByHostInstance:
           findFiberByHostInstance || emptyFindFiberByHostInstance,
@@ -36992,9 +36986,7 @@ if (__DEV__) {
         // bails out of the update without touching the DOM.
         // TODO: Restore state in the microtask, after the discrete updates flush,
         // instead of early flushing them here.
-        // @TODO Should move to flushSyncWork once legacy mode is removed but since this flushSync
-        // flushes passive effects we can't do this yet.
-        flushSyncWork();
+        flushSync$1();
         restoreStateIfNeeded();
       }
     }
@@ -39415,9 +39407,6 @@ if (__DEV__) {
       animationend: makePrefixMap("Animation", "AnimationEnd"),
       animationiteration: makePrefixMap("Animation", "AnimationIteration"),
       animationstart: makePrefixMap("Animation", "AnimationStart"),
-      transitionrun: makePrefixMap("Transition", "TransitionRun"),
-      transitionstart: makePrefixMap("Transition", "TransitionStart"),
-      transitioncancel: makePrefixMap("Transition", "TransitionCancel"),
       transitionend: makePrefixMap("Transition", "TransitionEnd")
     };
     /**
@@ -39478,9 +39467,6 @@ if (__DEV__) {
     var ANIMATION_END = getVendorPrefixedEventName("animationend");
     var ANIMATION_ITERATION = getVendorPrefixedEventName("animationiteration");
     var ANIMATION_START = getVendorPrefixedEventName("animationstart");
-    var TRANSITION_RUN = getVendorPrefixedEventName("transitionrun");
-    var TRANSITION_START = getVendorPrefixedEventName("transitionstart");
-    var TRANSITION_CANCEL = getVendorPrefixedEventName("transitioncancel");
     var TRANSITION_END = getVendorPrefixedEventName("transitionend");
 
     var topLevelEventsToReactNames = new Map(); // NOTE: Capitalization is important in this list!
@@ -39521,9 +39507,6 @@ if (__DEV__) {
       registerSimpleEvent("dblclick", "onDoubleClick");
       registerSimpleEvent("focusin", "onFocus");
       registerSimpleEvent("focusout", "onBlur");
-      registerSimpleEvent(TRANSITION_RUN, "onTransitionRun");
-      registerSimpleEvent(TRANSITION_START, "onTransitionStart");
-      registerSimpleEvent(TRANSITION_CANCEL, "onTransitionCancel");
       registerSimpleEvent(TRANSITION_END, "onTransitionEnd");
     }
 
@@ -40811,7 +40794,8 @@ if (__DEV__) {
       // in that browser completely in favor of doing all that work.
       // See https://github.com/facebook/react/issues/11807
 
-      canDiffStyleForHydrationWarning = disableIEWorkarounds;
+      canDiffStyleForHydrationWarning =
+        disableIEWorkarounds || (canUseDOM && !document.documentMode);
     }
 
     function validatePropertiesInDevelopment(type, props) {
@@ -41052,7 +41036,7 @@ if (__DEV__) {
       return false;
     }
 
-    function noop$1() {}
+    function noop$2() {}
 
     function trapClickOnNonInteractiveElement(node) {
       // Mobile Safari does not fire properly bubble click events on
@@ -41064,7 +41048,7 @@ if (__DEV__) {
       // bookkeeping for it. Not sure if we need to clear it when the listener is
       // removed.
       // TODO: Only do this for the relevant Safaris maybe?
-      node.onclick = noop$1;
+      node.onclick = noop$2;
     }
     var xlinkNamespace = "http://www.w3.org/1999/xlink";
     var xmlNamespace = "http://www.w3.org/XML/1998/namespace";
@@ -41331,8 +41315,10 @@ if (__DEV__) {
                 );
               }
 
-              {
+              if (disableIEWorkarounds) {
                 domElement.innerHTML = nextHtml;
+              } else {
+                setInnerHTML$1(domElement, nextHtml);
               }
             }
           }
@@ -41718,8 +41704,10 @@ if (__DEV__) {
                 );
               }
 
-              {
+              if (disableIEWorkarounds) {
                 domElement.innerHTML = nextHtml;
+              } else {
+                setInnerHTML$1(domElement, nextHtml);
               }
             }
           }
@@ -44253,6 +44241,28 @@ if (__DEV__) {
       }
     }
 
+    function noop$1() {}
+
+    var DefaultDispatcher = {
+      prefetchDNS: noop$1,
+      preconnect: noop$1,
+      preload: noop$1,
+      preloadModule: noop$1,
+      preinitScript: noop$1,
+      preinitStyle: noop$1,
+      preinitModuleScript: noop$1
+    };
+    var Internals = {
+      usingClientEntryPoint: false,
+      Events: null,
+      ReactDOMCurrentDispatcher: {
+        current: DefaultDispatcher
+      },
+      findDOMNode: null
+    };
+
+    var ReactDOMCurrentDispatcher$1 = Internals.ReactDOMCurrentDispatcher; // Unused
+
     var SUPPRESS_HYDRATION_WARNING = "suppressHydrationWarning";
     var SUSPENSE_START_DATA = "$";
     var SUSPENSE_END_DATA = "/$";
@@ -44658,6 +44668,15 @@ if (__DEV__) {
       precacheFiberNode(internalInstanceHandle, textNode);
       return textNode;
     }
+    function getCurrentEventPriority() {
+      var currentEvent = window.event;
+
+      if (currentEvent === undefined) {
+        return DefaultEventPriority;
+      }
+
+      return getEventPriority(currentEvent.type);
+    }
     var currentPopstateTransitionEvent = null;
     function shouldAttemptEagerTransition() {
       var event = window.event;
@@ -45671,60 +45690,16 @@ if (__DEV__) {
       return root.ownerDocument || root;
     }
 
-    var previousDispatcher = Internals.d;
-    /* ReactDOMCurrentDispatcher */
-
-    Internals.d =
-      /* ReactDOMCurrentDispatcher */
-      {
-        f:
-          /* flushSyncWork */
-          previousDispatcher.f,
-        /* flushSyncWork */
-        r: requestFormReset,
-        D:
-          /* prefetchDNS */
-          prefetchDNS$1,
-        C:
-          /* preconnect */
-          preconnect$1,
-        L:
-          /* preload */
-          preload$1,
-        m:
-          /* preloadModule */
-          preloadModule$1,
-        X:
-          /* preinitScript */
-          preinitScript,
-        S:
-          /* preinitStyle */
-          preinitStyle,
-        M:
-          /* preinitModuleScript */
-          preinitModuleScript
-      };
-
-    function requestFormReset(form) {
-      var formInst = getInstanceFromNode(form);
-
-      if (
-        formInst !== null &&
-        formInst.tag === HostComponent &&
-        formInst.type === "form"
-      ) {
-        requestFormReset$1(formInst);
-      } else {
-        // This form was either not rendered by this React renderer (or it's an
-        // invalid type). Try the next one.
-        //
-        // The last implementation in the sequence will throw an error.
-        previousDispatcher.r(
-          /* requestFormReset */
-          form
-        );
-      }
-    } // We expect this to get inlined. It is a function mostly to communicate the special nature of
+    var previousDispatcher = ReactDOMCurrentDispatcher$1.current;
+    ReactDOMCurrentDispatcher$1.current = {
+      prefetchDNS: prefetchDNS$1,
+      preconnect: preconnect$1,
+      preload: preload$1,
+      preloadModule: preloadModule$1,
+      preinitStyle: preinitStyle,
+      preinitScript: preinitScript,
+      preinitModuleScript: preinitModuleScript
+    }; // We expect this to get inlined. It is a function mostly to communicate the special nature of
     // how we resolve the HoistableRoot for ReactDOM.pre*() methods. Because we support calling
     // these methods outside of render there is no way to know which Document or ShadowRoot is 'scoped'
     // and so we have to fall back to something universal. Currently we just refer to the global document.
@@ -45768,29 +45743,17 @@ if (__DEV__) {
     }
 
     function prefetchDNS$1(href) {
-      previousDispatcher.D(
-        /* prefetchDNS */
-        href
-      );
+      previousDispatcher.prefetchDNS(href);
       preconnectAs("dns-prefetch", href, null);
     }
 
     function preconnect$1(href, crossOrigin) {
-      previousDispatcher.C(
-        /* preconnect */
-        href,
-        crossOrigin
-      );
+      previousDispatcher.preconnect(href, crossOrigin);
       preconnectAs("preconnect", href, crossOrigin);
     }
 
     function preload$1(href, as, options) {
-      previousDispatcher.L(
-        /* preload */
-        href,
-        as,
-        options
-      );
+      previousDispatcher.preload(href, as, options);
       var ownerDocument = getGlobalDocument();
 
       if (ownerDocument && href && as) {
@@ -45887,11 +45850,7 @@ if (__DEV__) {
     }
 
     function preloadModule$1(href, options) {
-      previousDispatcher.m(
-        /* preloadModule */
-        href,
-        options
-      );
+      previousDispatcher.preloadModule(href, options);
       var ownerDocument = getGlobalDocument();
 
       if (ownerDocument && href) {
@@ -45957,12 +45916,7 @@ if (__DEV__) {
     }
 
     function preinitStyle(href, precedence, options) {
-      previousDispatcher.S(
-        /* preinitStyle */
-        href,
-        precedence,
-        options
-      );
+      previousDispatcher.preinitStyle(href, precedence, options);
       var ownerDocument = getGlobalDocument();
 
       if (ownerDocument && href) {
@@ -46035,11 +45989,7 @@ if (__DEV__) {
     }
 
     function preinitScript(src, options) {
-      previousDispatcher.X(
-        /* preinitScript */
-        src,
-        options
-      );
+      previousDispatcher.preinitScript(src, options);
       var ownerDocument = getGlobalDocument();
 
       if (ownerDocument && src) {
@@ -46092,11 +46042,7 @@ if (__DEV__) {
     }
 
     function preinitModuleScript(src, options) {
-      previousDispatcher.M(
-        /* preinitModuleScript */
-        src,
-        options
-      );
+      previousDispatcher.preinitModuleScript(src, options);
       var ownerDocument = getGlobalDocument();
 
       if (ownerDocument && src) {
@@ -46240,16 +46186,13 @@ if (__DEV__) {
         }
 
         case "script": {
-          var async = pendingProps.async;
-          var src = pendingProps.src;
-
           if (
-            typeof src === "string" &&
-            async &&
-            typeof async !== "function" &&
-            typeof async !== "symbol"
+            typeof pendingProps.src === "string" &&
+            pendingProps.async === true
           ) {
-            var _key2 = getScriptKey(src);
+            var scriptProps = pendingProps;
+
+            var _key2 = getScriptKey(scriptProps.src);
 
             var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
 
@@ -46925,21 +46868,16 @@ if (__DEV__) {
         }
 
         case "script": {
-          var isAsync =
-            props.async &&
-            typeof props.async !== "function" &&
-            typeof props.async !== "symbol";
-
           if (
-            !isAsync ||
+            props.async !== true ||
             props.onLoad ||
             props.onError ||
-            !props.src ||
-            typeof props.src !== "string"
+            typeof props.src !== "string" ||
+            !props.src
           ) {
             {
               if (outsideHostContainerContext) {
-                if (!isAsync) {
+                if (props.async !== true) {
                   error(
                     "Cannot render a sync or defer <script> outside the main document without knowing its order." +
                       ' Try adding async="" or moving it into the root <head> tag.'
@@ -47268,9 +47206,6 @@ if (__DEV__) {
     }
 
     var NotPendingTransition = NotPending;
-    function resetFormInstance(form) {
-      form.reset();
-    }
 
     var randomKey = Math.random().toString(36).slice(2);
     var internalInstanceKey = "__reactFiber$" + randomKey;
@@ -47782,7 +47717,10 @@ if (__DEV__) {
     }
 
     function queueExplicitHydrationTarget(target) {
-      var updatePriority = resolveUpdatePriority();
+      // TODO: This will read the priority if it's dispatched by the React
+      // event system but not native events. Should read window.event.type, like
+      // we do for updates (getCurrentEventPriority).
+      var updatePriority = getCurrentUpdatePriority();
       var queuedTarget = {
         blockedOn: null,
         target: target,
@@ -48075,6 +48013,8 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig; // TODO: can we stop exporting these?
+
     var _enabled = true; // This is exported in FB builds for use by legacy FB layer infra.
     // We'd like to remove this but it's not clear if this is safe.
 
@@ -48121,16 +48061,16 @@ if (__DEV__) {
       container,
       nativeEvent
     ) {
-      var prevTransition = ReactSharedInternals.T;
-      ReactSharedInternals.T = null;
       var previousPriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
+      ReactCurrentBatchConfig.transition = null;
 
       try {
         setCurrentUpdatePriority(DiscreteEventPriority);
         dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
       }
     }
 
@@ -48140,16 +48080,16 @@ if (__DEV__) {
       container,
       nativeEvent
     ) {
-      var prevTransition = ReactSharedInternals.T;
-      ReactSharedInternals.T = null;
       var previousPriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
+      ReactCurrentBatchConfig.transition = null;
 
       try {
         setCurrentUpdatePriority(ContinuousEventPriority);
         dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
       }
     }
 
@@ -48471,8 +48411,9 @@ if (__DEV__) {
             }
           }
 
-          updateContainerSync(null, root, null, null);
-          flushSyncWork();
+          flushSync$1(function () {
+            updateContainer(null, root, null, null);
+          });
           unmarkContainerAsRoot(container);
         }
       };
@@ -48825,6 +48766,7 @@ if (__DEV__) {
       return undefined;
     }
 
+    var ReactDOMCurrentDispatcher = Internals.ReactDOMCurrentDispatcher;
     function prefetchDNS(href) {
       {
         if (typeof href !== "string" || !href) {
@@ -48853,12 +48795,7 @@ if (__DEV__) {
       }
 
       if (typeof href === "string") {
-        Internals.d
-          /* ReactDOMCurrentDispatcher */
-          .D(
-            /* prefetchDNS */
-            href
-          );
+        ReactDOMCurrentDispatcher.current.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.
@@ -48887,13 +48824,7 @@ if (__DEV__) {
         var crossOrigin = options
           ? getCrossOriginString(options.crossOrigin)
           : null;
-        Internals.d
-          /* ReactDOMCurrentDispatcher */
-          .C(
-            /* preconnect */
-            href,
-            crossOrigin
-          );
+        ReactDOMCurrentDispatcher.current.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.
@@ -48937,41 +48868,32 @@ if (__DEV__) {
       ) {
         var as = options.as;
         var crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
-        Internals.d
-          /* ReactDOMCurrentDispatcher */
-          .L(
-            /* 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,
-              media:
-                typeof options.media === "string" ? options.media : undefined
-            }
-          );
+        ReactDOMCurrentDispatcher.current.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,
+          media: typeof options.media === "string" ? options.media : 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.
@@ -49017,30 +48939,19 @@ if (__DEV__) {
             options.as,
             options.crossOrigin
           );
-          Internals.d
-            /* ReactDOMCurrentDispatcher */
-            .m(
-              /* preloadModule */
-              href,
-              {
-                as:
-                  typeof options.as === "string" && options.as !== "script"
-                    ? options.as
-                    : undefined,
-                crossOrigin: crossOrigin,
-                integrity:
-                  typeof options.integrity === "string"
-                    ? options.integrity
-                    : undefined
-              }
-            );
+          ReactDOMCurrentDispatcher.current.preloadModule(href, {
+            as:
+              typeof options.as === "string" && options.as !== "script"
+                ? options.as
+                : undefined,
+            crossOrigin: crossOrigin,
+            integrity:
+              typeof options.integrity === "string"
+                ? options.integrity
+                : undefined
+          });
         } else {
-          Internals.d
-            /* ReactDOMCurrentDispatcher */
-            .m(
-              /* preloadModule */
-              href
-            );
+          ReactDOMCurrentDispatcher.current.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
@@ -49081,34 +48992,24 @@ if (__DEV__) {
             : undefined;
 
         if (as === "style") {
-          Internals.d
-            /* ReactDOMCurrentDispatcher */
-            .S(
-              /* preinitStyle */
-              href,
-              typeof options.precedence === "string"
-                ? options.precedence
-                : undefined,
-              {
-                crossOrigin: crossOrigin,
-                integrity: integrity,
-                fetchPriority: fetchPriority
-              }
-            );
+          ReactDOMCurrentDispatcher.current.preinitStyle(
+            href,
+            typeof options.precedence === "string"
+              ? options.precedence
+              : undefined,
+            {
+              crossOrigin: crossOrigin,
+              integrity: integrity,
+              fetchPriority: fetchPriority
+            }
+          );
         } else if (as === "script") {
-          Internals.d
-            /* ReactDOMCurrentDispatcher */
-            .X(
-              /* preinitScript */
-              href,
-              {
-                crossOrigin: crossOrigin,
-                integrity: integrity,
-                fetchPriority: fetchPriority,
-                nonce:
-                  typeof options.nonce === "string" ? options.nonce : undefined
-              }
-            );
+          ReactDOMCurrentDispatcher.current.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
@@ -49175,31 +49076,18 @@ if (__DEV__) {
               options.as,
               options.crossOrigin
             );
-            Internals.d
-              /* ReactDOMCurrentDispatcher */
-              .M(
-                /* preinitModuleScript */
-                href,
-                {
-                  crossOrigin: crossOrigin,
-                  integrity:
-                    typeof options.integrity === "string"
-                      ? options.integrity
-                      : undefined,
-                  nonce:
-                    typeof options.nonce === "string"
-                      ? options.nonce
-                      : undefined
-                }
-              );
+            ReactDOMCurrentDispatcher.current.preinitModuleScript(href, {
+              crossOrigin: crossOrigin,
+              integrity:
+                typeof options.integrity === "string"
+                  ? options.integrity
+                  : undefined,
+              nonce:
+                typeof options.nonce === "string" ? options.nonce : undefined
+            });
           }
         } else if (options == null) {
-          Internals.d
-            /* ReactDOMCurrentDispatcher */
-            .M(
-              /* preinitModuleScript */
-              href
-            );
+          ReactDOMCurrentDispatcher.current.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
@@ -49259,12 +49147,12 @@ if (__DEV__) {
       // $FlowFixMe[incompatible-return] The Flow type is opaque but there's no way to actually create it.
 
       return createPortal$1(children, container, null, key);
-    } // Overload the definition to the two valid signatures.
+    }
     // Warning, this opts-out of checking the function body.
     // eslint-disable-next-line no-redeclare
     // eslint-disable-next-line no-redeclare
 
-    function flushSyncFromReconciler(fn) {
+    function flushSync(fn) {
       {
         if (isAlreadyRendering()) {
           error(
@@ -49275,11 +49163,9 @@ if (__DEV__) {
         }
       }
 
-      return flushSyncFromReconciler$1(fn);
+      return flushSync$1(fn);
     }
 
-    var flushSync = flushSyncFromReconciler;
-
     function findDOMNode$1(componentOrElement) {
       return findHostInstance(componentOrElement);
     } // Expose findDOMNode on internals
@@ -49294,16 +49180,14 @@ if (__DEV__) {
     }
     // This is an array for better minification.
 
-    Internals.Events =
-      /* Events */
-      [
-        getInstanceFromNode,
-        getNodeFromInstance,
-        getFiberCurrentPropsFromNode,
-        enqueueStateRestore,
-        restoreStateIfNeeded,
-        unstable_batchedUpdates
-      ];
+    Internals.Events = [
+      getInstanceFromNode,
+      getNodeFromInstance,
+      getFiberCurrentPropsFromNode,
+      enqueueStateRestore,
+      restoreStateIfNeeded,
+      unstable_batchedUpdates
+    ];
     var foundDevTools = injectIntoDevTools({
       findFiberByHostInstance: getClosestInstanceFromNode,
       bundleType: 1,
@@ -49406,6 +49290,7 @@ if (__DEV__) {
         )
       );
     }
+    var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
     var topLevelUpdateWarnings;
 
     {
@@ -49502,7 +49387,7 @@ if (__DEV__) {
             : container; // $FlowFixMe[incompatible-call]
 
         listenToAllSupportedEvents(rootContainerElement);
-        flushSyncWork();
+        flushSync$1();
         return root;
       } else {
         // First clear any existing content.
@@ -49541,8 +49426,9 @@ if (__DEV__) {
 
         listenToAllSupportedEvents(_rootContainerElement); // Initial mount should not be batched.
 
-        updateContainerSync(initialChildren, _root, parentComponent, callback);
-        flushSyncWork();
+        flushSync$1(function () {
+          updateContainer(initialChildren, _root, parentComponent, callback);
+        });
         return _root;
       }
     }
@@ -49603,7 +49489,7 @@ if (__DEV__) {
 
     function findDOMNode(componentOrElement) {
       {
-        var owner = ReactSharedInternals.owner;
+        var owner = ReactCurrentOwner.current;
 
         if (owner !== null && owner.stateNode !== null) {
           var warnedAboutRefsInRender =
@@ -49722,8 +49608,6 @@ if (__DEV__) {
       }
 
       if (container._reactRootContainer) {
-        var root = container._reactRootContainer;
-
         {
           var rootEl = getReactRootElementInContainer(container);
           var renderedByDifferentReact = rootEl && !getInstanceFromNode(rootEl);
@@ -49734,13 +49618,23 @@ if (__DEV__) {
                 "was rendered by another copy of React."
             );
           }
-        }
+        } // Unmount should not be batched.
 
-        updateContainerSync(null, root, null, null);
-        flushSyncWork(); // $FlowFixMe[incompatible-type] This should probably use `delete container._reactRootContainer`
+        flushSync$1(function () {
+          legacyRenderSubtreeIntoContainer(
+            null,
+            null,
+            container,
+            false,
+            function () {
+              // $FlowFixMe[incompatible-type] This should probably use `delete container._reactRootContainer`
+              container._reactRootContainer = null;
+              unmarkContainerAsRoot(container);
+            }
+          );
+        }); // If you call unmountComponentAtNode twice in quick succession, you'll
+        // get `true` twice. That's probably fine?
 
-        container._reactRootContainer = null;
-        unmarkContainerAsRoot(container);
         return true;
       } else {
         {
@@ -49779,8 +49673,7 @@ if (__DEV__) {
       }
     });
 
-    exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
-      Internals;
+    exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
     exports.createPortal = createPortal;
     exports.createRoot = createRoot;
     exports.findDOMNode = findDOMNode;
@@ -49793,7 +49686,6 @@ if (__DEV__) {
     exports.preload = preload;
     exports.preloadModule = preloadModule;
     exports.render = render;
-    exports.requestFormReset = requestFormReset$2;
     exports.unmountComponentAtNode = unmountComponentAtNode;
     exports.unstable_batchedUpdates = batchedUpdates$1;
     exports.unstable_createEventHandle = createEventHandle;
diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js
index cda906fb17..e2aca2db89 100644
--- a/compiled/facebook-www/ReactDOM-dev.modern.js
+++ b/compiled/facebook-www/ReactDOM-dev.modern.js
@@ -27,6 +27,26 @@ if (__DEV__) {
     var Scheduler = require("scheduler");
     var React = require("react");
 
+    function noop$3() {}
+
+    var DefaultDispatcher = {
+      prefetchDNS: noop$3,
+      preconnect: noop$3,
+      preload: noop$3,
+      preloadModule: noop$3,
+      preinitScript: noop$3,
+      preinitStyle: noop$3,
+      preinitModuleScript: noop$3
+    };
+    var Internals = {
+      usingClientEntryPoint: false,
+      Events: null,
+      ReactDOMCurrentDispatcher: {
+        current: DefaultDispatcher
+      },
+      findDOMNode: null
+    };
+
     // This refers to a WWW module.
     var warningWWW = require("warning");
 
@@ -76,10 +96,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -93,10 +115,30 @@ if (__DEV__) {
       }
     }
 
+    /**
+     * `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;
+    }
+
+    var ReactSharedInternals =
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
     // Re-export dynamic flags from the www version.
     var dynamicFeatureFlags = require("ReactFeatureFlags");
 
-    var enableTrustedTypesIntegration =
+    var disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
+      enableTrustedTypesIntegration =
         dynamicFeatureFlags.enableTrustedTypesIntegration,
       enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
       enableLazyContextPropagation =
@@ -128,14 +170,336 @@ if (__DEV__) {
     var enableProfilerTimer = true;
     var enableProfilerCommitHooks = true;
     var enableProfilerNestedUpdatePhase = true;
-    var disableIEWorkarounds = true;
     var enableAsyncActions = true;
 
     var enableSchedulingProfiler = dynamicFeatureFlags.enableSchedulingProfiler;
     var enableSuspenseCallback = true;
     var disableLegacyMode = true;
 
-    var assign = Object.assign;
+    var FunctionComponent = 0;
+    var ClassComponent = 1;
+    var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
+
+    var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
+
+    var HostComponent = 5;
+    var HostText = 6;
+    var Fragment = 7;
+    var Mode = 8;
+    var ContextConsumer = 9;
+    var ContextProvider = 10;
+    var ForwardRef = 11;
+    var Profiler = 12;
+    var SuspenseComponent = 13;
+    var MemoComponent = 14;
+    var SimpleMemoComponent = 15;
+    var LazyComponent = 16;
+    var IncompleteClassComponent = 17;
+    var DehydratedFragment = 18;
+    var SuspenseListComponent = 19;
+    var ScopeComponent = 21;
+    var OffscreenComponent = 22;
+    var LegacyHiddenComponent = 23;
+    var CacheComponent = 24;
+    var TracingMarkerComponent = 25;
+    var HostHoistable = 26;
+    var HostSingleton = 27;
+    var IncompleteFunctionComponent = 28;
+
+    // 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_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker");
+    var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel");
+    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$1(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$1(type) {
+      return type.displayName || "Context";
+    }
+
+    var REACT_CLIENT_REFERENCE = 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) {
+          // 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";
+        // Fall through
+
+        case REACT_TRACING_MARKER_TYPE:
+          if (enableTransitionTracing) {
+            return "TracingMarker";
+          }
+      }
+
+      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:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName$1(provider._context) + ".Provider";
+            }
+
+          case REACT_CONTEXT_TYPE:
+            var context = type;
+
+            if (enableRenderableContext) {
+              return getContextName$1(context) + ".Provider";
+            } else {
+              return getContextName$1(context) + ".Consumer";
+            }
+
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName$1(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
+
+          case REACT_FORWARD_REF_TYPE:
+            return getWrappedName$1(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;
+    }
+
+    function getWrappedName(outerType, innerType, wrapperName) {
+      var functionName = innerType.displayName || innerType.name || "";
+      return (
+        outerType.displayName ||
+        (functionName !== ""
+          ? wrapperName + "(" + functionName + ")"
+          : wrapperName)
+      );
+    } // Keep in sync with shared/getComponentNameFromType
+
+    function getContextName(type) {
+      return type.displayName || "Context";
+    }
+
+    function getComponentNameFromFiber(fiber) {
+      var tag = fiber.tag,
+        type = fiber.type;
+
+      switch (tag) {
+        case CacheComponent:
+          return "Cache";
+
+        case ContextConsumer:
+          if (enableRenderableContext) {
+            var consumer = type;
+            return getContextName(consumer._context) + ".Consumer";
+          } else {
+            var context = type;
+            return getContextName(context) + ".Consumer";
+          }
+
+        case ContextProvider:
+          if (enableRenderableContext) {
+            var _context = type;
+            return getContextName(_context) + ".Provider";
+          } else {
+            var provider = type;
+            return getContextName(provider._context) + ".Provider";
+          }
+
+        case DehydratedFragment:
+          return "DehydratedFragment";
+
+        case ForwardRef:
+          return getWrappedName(type, type.render, "ForwardRef");
+
+        case Fragment:
+          return "Fragment";
+
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent:
+          // Host component type is the display name (e.g. "div", "View")
+          return type;
+
+        case HostPortal:
+          return "Portal";
+
+        case HostRoot:
+          return "Root";
+
+        case HostText:
+          return "Text";
+
+        case LazyComponent:
+          // Name comes from the type in this case; we don't have a tag.
+          return getComponentNameFromType(type);
+
+        case Mode:
+          if (type === REACT_STRICT_MODE_TYPE) {
+            // Don't be less specific than shared/getComponentNameFromType
+            return "StrictMode";
+          }
+
+          return "Mode";
+
+        case OffscreenComponent:
+          return "Offscreen";
+
+        case Profiler:
+          return "Profiler";
+
+        case ScopeComponent:
+          return "Scope";
+
+        case SuspenseComponent:
+          return "Suspense";
+
+        case SuspenseListComponent:
+          return "SuspenseList";
+
+        case TracingMarkerComponent:
+          return "TracingMarker";
+        // The display name for these tags come from the user-provided type:
+
+        case IncompleteClassComponent:
+        case IncompleteFunctionComponent: {
+          break;
+        }
+
+        // Fallthrough
+
+        case ClassComponent:
+        case FunctionComponent:
+        case MemoComponent:
+        case SimpleMemoComponent:
+          if (typeof type === "function") {
+            return type.displayName || type.name || null;
+          }
+
+          if (typeof type === "string") {
+            return type;
+          }
+
+          break;
+
+        case LegacyHiddenComponent: {
+          return "LegacyHidden";
+        }
+      }
+
+      return null;
+    }
 
     var NoFlags$1 =
       /*                      */
@@ -195,7 +559,6 @@ if (__DEV__) {
     var ScheduleRetry = StoreConsistency;
     var ShouldSuspendCommit = Visibility;
     var DidDefer = ContentReset;
-    var FormReset = Snapshot;
 
     var HostEffectMask =
       /*               */
@@ -263,8 +626,7 @@ if (__DEV__) {
       ContentReset |
       Ref |
       Hydrating |
-      Visibility |
-      FormReset;
+      Visibility;
     var LayoutMask = Update | Callback | Ref | Visibility; // TODO: Split into PassiveMountMask and PassiveUnmountMask
 
     var PassiveMask = Passive$1 | Visibility | ChildDeletion; // Union of tags that don't get reset on clones.
@@ -274,6 +636,556 @@ if (__DEV__) {
     var StaticMask =
       LayoutStatic | PassiveStatic | RefStatic | MaySuspendCommit;
 
+    var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
+    function getNearestMountedFiber(fiber) {
+      var node = fiber;
+      var nearestMounted = fiber;
+
+      if (!fiber.alternate) {
+        // If there is no alternate, this might be a new tree that isn't inserted
+        // yet. If it is, then it will have a pending insertion effect on it.
+        var nextNode = node;
+
+        do {
+          node = nextNode;
+
+          if ((node.flags & (Placement | Hydrating)) !== NoFlags$1) {
+            // This is an insertion or in-progress hydration. The nearest possible
+            // mounted fiber is the parent but we need to continue to figure out
+            // if that one is still mounted.
+            nearestMounted = node.return;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
+
+          nextNode = node.return;
+        } while (nextNode);
+      } else {
+        while (node.return) {
+          node = node.return;
+        }
+      }
+
+      if (node.tag === HostRoot) {
+        // TODO: Check if this was a nested HostRoot when used with
+        // renderContainerIntoSubtree.
+        return nearestMounted;
+      } // If we didn't hit the root, that means that we're in an disconnected tree
+      // that has been unmounted.
+
+      return null;
+    }
+    function getSuspenseInstanceFromFiber(fiber) {
+      if (fiber.tag === SuspenseComponent) {
+        var suspenseState = fiber.memoizedState;
+
+        if (suspenseState === null) {
+          var current = fiber.alternate;
+
+          if (current !== null) {
+            suspenseState = current.memoizedState;
+          }
+        }
+
+        if (suspenseState !== null) {
+          return suspenseState.dehydrated;
+        }
+      }
+
+      return null;
+    }
+    function getContainerFromFiber(fiber) {
+      return fiber.tag === HostRoot ? fiber.stateNode.containerInfo : null;
+    }
+    function isMounted(component) {
+      {
+        var owner = ReactCurrentOwner$2.current;
+
+        if (owner !== null && owner.tag === ClassComponent) {
+          var ownerFiber = owner;
+          var instance = ownerFiber.stateNode;
+
+          if (!instance._warnedAboutRefsInRender) {
+            error(
+              "%s is accessing isMounted inside its render() function. " +
+                "render() should be a pure function of props and state. It should " +
+                "never access something that requires stale data from the previous " +
+                "render, such as refs. Move this logic to componentDidMount and " +
+                "componentDidUpdate instead.",
+              getComponentNameFromFiber(ownerFiber) || "A component"
+            );
+          }
+
+          instance._warnedAboutRefsInRender = true;
+        }
+      }
+
+      var fiber = get(component);
+
+      if (!fiber) {
+        return false;
+      }
+
+      return getNearestMountedFiber(fiber) === fiber;
+    }
+
+    function assertIsMounted(fiber) {
+      if (getNearestMountedFiber(fiber) !== fiber) {
+        throw new Error("Unable to find node on an unmounted component.");
+      }
+    }
+
+    function findCurrentFiberUsingSlowPath(fiber) {
+      var alternate = fiber.alternate;
+
+      if (!alternate) {
+        // If there is no alternate, then we only need to check if it is mounted.
+        var nearestMounted = getNearestMountedFiber(fiber);
+
+        if (nearestMounted === null) {
+          throw new Error("Unable to find node on an unmounted component.");
+        }
+
+        if (nearestMounted !== fiber) {
+          return null;
+        }
+
+        return fiber;
+      } // If we have two possible branches, we'll walk backwards up to the root
+      // to see what path the root points to. On the way we may hit one of the
+      // special cases and we'll deal with them.
+
+      var a = fiber;
+      var b = alternate;
+
+      while (true) {
+        var parentA = a.return;
+
+        if (parentA === null) {
+          // We're at the root.
+          break;
+        }
+
+        var parentB = parentA.alternate;
+
+        if (parentB === null) {
+          // There is no alternate. This is an unusual case. Currently, it only
+          // happens when a Suspense component is hidden. An extra fragment fiber
+          // is inserted in between the Suspense fiber and its children. Skip
+          // over this extra fragment fiber and proceed to the next parent.
+          var nextParent = parentA.return;
+
+          if (nextParent !== null) {
+            a = b = nextParent;
+            continue;
+          } // If there's no parent, we're at the root.
+
+          break;
+        } // If both copies of the parent fiber point to the same child, we can
+        // assume that the child is current. This happens when we bailout on low
+        // priority: the bailed out fiber's child reuses the current child.
+
+        if (parentA.child === parentB.child) {
+          var child = parentA.child;
+
+          while (child) {
+            if (child === a) {
+              // We've determined that A is the current branch.
+              assertIsMounted(parentA);
+              return fiber;
+            }
+
+            if (child === b) {
+              // We've determined that B is the current branch.
+              assertIsMounted(parentA);
+              return alternate;
+            }
+
+            child = child.sibling;
+          } // We should never have an alternate for any mounting node. So the only
+          // way this could possibly happen is if this was unmounted, if at all.
+
+          throw new Error("Unable to find node on an unmounted component.");
+        }
+
+        if (a.return !== b.return) {
+          // The return pointer of A and the return pointer of B point to different
+          // fibers. We assume that return pointers never criss-cross, so A must
+          // belong to the child set of A.return, and B must belong to the child
+          // set of B.return.
+          a = parentA;
+          b = parentB;
+        } else {
+          // The return pointers point to the same fiber. We'll have to use the
+          // default, slow path: scan the child sets of each parent alternate to see
+          // which child belongs to which set.
+          //
+          // Search parent A's child set
+          var didFindChild = false;
+          var _child = parentA.child;
+
+          while (_child) {
+            if (_child === a) {
+              didFindChild = true;
+              a = parentA;
+              b = parentB;
+              break;
+            }
+
+            if (_child === b) {
+              didFindChild = true;
+              b = parentA;
+              a = parentB;
+              break;
+            }
+
+            _child = _child.sibling;
+          }
+
+          if (!didFindChild) {
+            // Search parent B's child set
+            _child = parentB.child;
+
+            while (_child) {
+              if (_child === a) {
+                didFindChild = true;
+                a = parentB;
+                b = parentA;
+                break;
+              }
+
+              if (_child === b) {
+                didFindChild = true;
+                b = parentB;
+                a = parentA;
+                break;
+              }
+
+              _child = _child.sibling;
+            }
+
+            if (!didFindChild) {
+              throw new Error(
+                "Child was not found in either parent set. This indicates a bug " +
+                  "in React related to the return pointer. Please file an issue."
+              );
+            }
+          }
+        }
+
+        if (a.alternate !== b) {
+          throw new Error(
+            "Return fibers should always be each others' alternates. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+        }
+      } // If the root is not a host container, we're in a disconnected tree. I.e.
+      // unmounted.
+
+      if (a.tag !== HostRoot) {
+        throw new Error("Unable to find node on an unmounted component.");
+      }
+
+      if (a.stateNode.current === a) {
+        // We've determined that A is the current branch.
+        return fiber;
+      } // Otherwise B has to be current branch.
+
+      return alternate;
+    }
+    function findCurrentHostFiber(parent) {
+      var currentParent = findCurrentFiberUsingSlowPath(parent);
+      return currentParent !== null
+        ? findCurrentHostFiberImpl(currentParent)
+        : null;
+    }
+
+    function findCurrentHostFiberImpl(node) {
+      // Next we'll drill down this component to find the first HostComponent/Text.
+      var tag = node.tag;
+
+      if (
+        tag === HostComponent ||
+        tag === HostHoistable ||
+        tag === HostSingleton ||
+        tag === HostText
+      ) {
+        return node;
+      }
+
+      var child = node.child;
+
+      while (child !== null) {
+        var match = findCurrentHostFiberImpl(child);
+
+        if (match !== null) {
+          return match;
+        }
+
+        child = child.sibling;
+      }
+
+      return null;
+    }
+
+    function isFiberSuspenseAndTimedOut(fiber) {
+      var memoizedState = fiber.memoizedState;
+      return (
+        fiber.tag === SuspenseComponent &&
+        memoizedState !== null &&
+        memoizedState.dehydrated === null
+      );
+    }
+    function doesFiberContain(parentFiber, childFiber) {
+      var node = childFiber;
+      var parentFiberAlternate = parentFiber.alternate;
+
+      while (node !== null) {
+        if (node === parentFiber || node === parentFiberAlternate) {
+          return true;
+        }
+
+        node = node.return;
+      }
+
+      return false;
+    }
+
+    var assign = Object.assign;
+
+    var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+    function isArray(a) {
+      return isArrayImpl(a);
+    }
+
+    var ReactCurrentDispatcher$3 = ReactSharedInternals.ReactCurrentDispatcher; // Since the "not pending" value is always the same, we can reuse the
+    // same object across all transitions.
+
+    var sharedNotPendingObject = {
+      pending: false,
+      data: null,
+      method: null,
+      action: null
+    };
+    var NotPending = Object.freeze(sharedNotPendingObject);
+
+    function resolveDispatcher() {
+      // Copied from react/src/ReactHooks.js. It's the same thing but in a
+      // different package.
+      var dispatcher = ReactCurrentDispatcher$3.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://react.dev/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 useFormStatus() {
+      {
+        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] We know this exists because of the feature check above.
+
+        return dispatcher.useHostTransitionStatus();
+      }
+    }
+    function useFormState(action, initialState, permalink) {
+      {
+        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
+
+        return dispatcher.useFormState(action, initialState, permalink);
+      }
+    }
+
+    var valueStack = [];
+    var fiberStack;
+
+    {
+      fiberStack = [];
+    }
+
+    var index = -1;
+
+    function createCursor(defaultValue) {
+      return {
+        current: defaultValue
+      };
+    }
+
+    function pop(cursor, fiber) {
+      if (index < 0) {
+        {
+          error("Unexpected pop.");
+        }
+
+        return;
+      }
+
+      {
+        if (fiber !== fiberStack[index]) {
+          error("Unexpected Fiber popped.");
+        }
+      }
+
+      cursor.current = valueStack[index];
+      valueStack[index] = null;
+
+      {
+        fiberStack[index] = null;
+      }
+
+      index--;
+    }
+
+    function push(cursor, value, fiber) {
+      index++;
+      valueStack[index] = cursor.current;
+
+      {
+        fiberStack[index] = fiber;
+      }
+
+      cursor.current = value;
+    }
+
+    var contextStackCursor = createCursor(null);
+    var contextFiberStackCursor = createCursor(null);
+    var rootInstanceStackCursor = createCursor(null); // Represents the nearest host transition provider (in React DOM, a <form />)
+    // NOTE: Since forms cannot be nested, and this feature is only implemented by
+    // React DOM, we don't technically need this to be a stack. It could be a single
+    // module variable instead.
+
+    var hostTransitionProviderCursor = createCursor(null); // TODO: This should initialize to NotPendingTransition, a constant
+    // imported from the fiber config. However, because of a cycle in the module
+    // graph, that value isn't defined during this module's initialization. I can't
+    // think of a way to work around this without moving that value out of the
+    // fiber config. For now, the "no provider" case is handled when reading,
+    // inside useHostTransitionStatus.
+
+    var HostTransitionContext = {
+      $$typeof: REACT_CONTEXT_TYPE,
+      Provider: null,
+      Consumer: null,
+      _currentValue: null,
+      _currentValue2: null,
+      _threadCount: 0
+    };
+
+    function requiredContext(c) {
+      {
+        if (c === null) {
+          error(
+            "Expected host context to exist. This error is likely caused by a bug " +
+              "in React. Please file an issue."
+          );
+        }
+      }
+
+      return c;
+    }
+
+    function getCurrentRootHostContainer() {
+      return rootInstanceStackCursor.current;
+    }
+
+    function getRootHostContainer() {
+      var rootInstance = requiredContext(rootInstanceStackCursor.current);
+      return rootInstance;
+    }
+
+    function getHostTransitionProvider() {
+      return hostTransitionProviderCursor.current;
+    }
+
+    function pushHostContainer(fiber, nextRootInstance) {
+      // Push current root instance onto the stack;
+      // This allows us to reset root when portals are popped.
+      push(rootInstanceStackCursor, nextRootInstance, fiber); // Track the context and the Fiber that provided it.
+      // This enables us to pop only Fibers that provide unique contexts.
+
+      push(contextFiberStackCursor, fiber, fiber); // Finally, we need to push the host context to the stack.
+      // However, we can't just call getRootHostContext() and push it because
+      // we'd have a different number of entries on the stack depending on
+      // whether getRootHostContext() throws somewhere in renderer code or not.
+      // So we push an empty value first. This lets us safely unwind on errors.
+
+      push(contextStackCursor, null, fiber);
+      var nextRootContext = getRootHostContext(nextRootInstance); // Now that we know this function doesn't throw, replace it.
+
+      pop(contextStackCursor, fiber);
+      push(contextStackCursor, nextRootContext, fiber);
+    }
+
+    function popHostContainer(fiber) {
+      pop(contextStackCursor, fiber);
+      pop(contextFiberStackCursor, fiber);
+      pop(rootInstanceStackCursor, fiber);
+    }
+
+    function getHostContext() {
+      var context = requiredContext(contextStackCursor.current);
+      return context;
+    }
+
+    function pushHostContext(fiber) {
+      {
+        var stateHook = fiber.memoizedState;
+
+        if (stateHook !== null) {
+          // Only provide context if this fiber has been upgraded by a host
+          // transition. We use the same optimization for regular host context below.
+          push(hostTransitionProviderCursor, fiber, fiber);
+        }
+      }
+
+      var context = requiredContext(contextStackCursor.current);
+      var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
+
+      if (context !== nextContext) {
+        // Track the context and the Fiber that provided it.
+        // This enables us to pop only Fibers that provide unique contexts.
+        push(contextFiberStackCursor, fiber, fiber);
+        push(contextStackCursor, nextContext, fiber);
+      }
+    }
+
+    function popHostContext(fiber) {
+      if (contextFiberStackCursor.current === fiber) {
+        // Do not pop unless this Fiber provided the current context.
+        // pushHostContext() only pushes Fibers that provide unique contexts.
+        pop(contextStackCursor, fiber);
+        pop(contextFiberStackCursor, fiber);
+      }
+
+      {
+        if (hostTransitionProviderCursor.current === fiber) {
+          // Do not pop unless this Fiber provided the current context. This is mostly
+          // a performance optimization, but conveniently it also prevents a potential
+          // data race where a host provider is upgraded (i.e. memoizedState becomes
+          // non-null) during a concurrent event. This is a bit of a flaw in the way
+          // we upgrade host components, but because we're accounting for it here, it
+          // should be fine.
+          pop(hostTransitionProviderCursor, fiber); // When popping the transition provider, we reset the context value back
+          // to `null`. We can do this because you're not allowd to nest forms. If
+          // we allowed for multiple nested host transition providers, then we'd
+          // need to reset this to the parent provider's status.
+
+          {
+            HostTransitionContext._currentValue = null;
+          }
+        }
+      }
+    }
+
     // This module only exists as an ESM wrapper around the external CommonJS
     var scheduleCallback$3 = Scheduler.unstable_scheduleCallback;
     var cancelCallback$1 = Scheduler.unstable_cancelCallback;
@@ -1882,11 +2794,27 @@ if (__DEV__) {
       }
     }
 
-    var NoEventPriority = NoLane;
     var DiscreteEventPriority = SyncLane;
     var ContinuousEventPriority = InputContinuousLane;
     var DefaultEventPriority = DefaultLane;
     var IdleEventPriority = IdleLane;
+    var currentUpdatePriority = NoLane;
+    function getCurrentUpdatePriority() {
+      return currentUpdatePriority;
+    }
+    function setCurrentUpdatePriority(newPriority) {
+      currentUpdatePriority = newPriority;
+    }
+    function runWithPriority(priority, fn) {
+      var previousPriority = currentUpdatePriority;
+
+      try {
+        currentUpdatePriority = priority;
+        return fn();
+      } finally {
+        currentUpdatePriority = previousPriority;
+      }
+    }
     function higherEventPriority(a, b) {
       return a !== 0 && a < b ? a : b;
     }
@@ -1896,9 +2824,6 @@ if (__DEV__) {
     function isHigherEventPriority(a, b) {
       return a !== 0 && a < b;
     }
-    function eventPriorityToLane(updatePriority) {
-      return updatePriority;
-    }
     function lanesToEventPriority(lanes) {
       var lane = getHighestPriorityLane(lanes);
 
@@ -1917,960 +2842,6 @@ if (__DEV__) {
       return IdleEventPriority;
     }
 
-    function noop$3() {}
-
-    var DefaultDispatcher = {
-      f:
-        /* flushSyncWork */
-        noop$3,
-      r:
-        /* requestFormReset */
-        noop$3,
-      D:
-        /* prefetchDNS */
-        noop$3,
-      C:
-        /* preconnect */
-        noop$3,
-      L:
-        /* preload */
-        noop$3,
-      m:
-        /* preloadModule */
-        noop$3,
-      X:
-        /* preinitScript */
-        noop$3,
-      S:
-        /* preinitStyle */
-        noop$3,
-      M:
-        /* preinitModuleScript */
-        noop$3
-    };
-    var Internals = {
-      Events: null,
-      d:
-        /* ReactDOMCurrentDispatcher */
-        DefaultDispatcher,
-      p:
-        /* currentUpdatePriority */
-        NoEventPriority,
-      findDOMNode: null
-    };
-
-    /**
-     * `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;
-    }
-
-    var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-
-    var FunctionComponent = 0;
-    var ClassComponent = 1;
-    var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
-
-    var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
-
-    var HostComponent = 5;
-    var HostText = 6;
-    var Fragment = 7;
-    var Mode = 8;
-    var ContextConsumer = 9;
-    var ContextProvider = 10;
-    var ForwardRef = 11;
-    var Profiler = 12;
-    var SuspenseComponent = 13;
-    var MemoComponent = 14;
-    var SimpleMemoComponent = 15;
-    var LazyComponent = 16;
-    var IncompleteClassComponent = 17;
-    var DehydratedFragment = 18;
-    var SuspenseListComponent = 19;
-    var ScopeComponent = 21;
-    var OffscreenComponent = 22;
-    var LegacyHiddenComponent = 23;
-    var CacheComponent = 24;
-    var TracingMarkerComponent = 25;
-    var HostHoistable = 26;
-    var HostSingleton = 27;
-    var IncompleteFunctionComponent = 28;
-
-    // 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_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker");
-    var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel");
-    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$1(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$1(type) {
-      return type.displayName || "Context";
-    }
-
-    var REACT_CLIENT_REFERENCE = 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) {
-          // 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";
-        // Fall through
-
-        case REACT_TRACING_MARKER_TYPE:
-          if (enableTransitionTracing) {
-            return "TracingMarker";
-          }
-      }
-
-      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:
-            if (enableRenderableContext) {
-              return null;
-            } else {
-              var provider = type;
-              return getContextName$1(provider._context) + ".Provider";
-            }
-
-          case REACT_CONTEXT_TYPE:
-            var context = type;
-
-            if (enableRenderableContext) {
-              return getContextName$1(context) + ".Provider";
-            } else {
-              return getContextName$1(context) + ".Consumer";
-            }
-
-          case REACT_CONSUMER_TYPE:
-            if (enableRenderableContext) {
-              var consumer = type;
-              return getContextName$1(consumer._context) + ".Consumer";
-            } else {
-              return null;
-            }
-
-          case REACT_FORWARD_REF_TYPE:
-            return getWrappedName$1(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;
-    }
-
-    function getWrappedName(outerType, innerType, wrapperName) {
-      var functionName = innerType.displayName || innerType.name || "";
-      return (
-        outerType.displayName ||
-        (functionName !== ""
-          ? wrapperName + "(" + functionName + ")"
-          : wrapperName)
-      );
-    } // Keep in sync with shared/getComponentNameFromType
-
-    function getContextName(type) {
-      return type.displayName || "Context";
-    }
-
-    function getComponentNameFromOwner(owner) {
-      if (typeof owner.tag === "number") {
-        return getComponentNameFromFiber(owner);
-      }
-
-      if (typeof owner.name === "string") {
-        return owner.name;
-      }
-
-      return null;
-    }
-    function getComponentNameFromFiber(fiber) {
-      var tag = fiber.tag,
-        type = fiber.type;
-
-      switch (tag) {
-        case CacheComponent:
-          return "Cache";
-
-        case ContextConsumer:
-          if (enableRenderableContext) {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          } else {
-            var context = type;
-            return getContextName(context) + ".Consumer";
-          }
-
-        case ContextProvider:
-          if (enableRenderableContext) {
-            var _context = type;
-            return getContextName(_context) + ".Provider";
-          } else {
-            var provider = type;
-            return getContextName(provider._context) + ".Provider";
-          }
-
-        case DehydratedFragment:
-          return "DehydratedFragment";
-
-        case ForwardRef:
-          return getWrappedName(type, type.render, "ForwardRef");
-
-        case Fragment:
-          return "Fragment";
-
-        case HostHoistable:
-        case HostSingleton:
-        case HostComponent:
-          // Host component type is the display name (e.g. "div", "View")
-          return type;
-
-        case HostPortal:
-          return "Portal";
-
-        case HostRoot:
-          return "Root";
-
-        case HostText:
-          return "Text";
-
-        case LazyComponent:
-          // Name comes from the type in this case; we don't have a tag.
-          return getComponentNameFromType(type);
-
-        case Mode:
-          if (type === REACT_STRICT_MODE_TYPE) {
-            // Don't be less specific than shared/getComponentNameFromType
-            return "StrictMode";
-          }
-
-          return "Mode";
-
-        case OffscreenComponent:
-          return "Offscreen";
-
-        case Profiler:
-          return "Profiler";
-
-        case ScopeComponent:
-          return "Scope";
-
-        case SuspenseComponent:
-          return "Suspense";
-
-        case SuspenseListComponent:
-          return "SuspenseList";
-
-        case TracingMarkerComponent:
-          return "TracingMarker";
-        // The display name for these tags come from the user-provided type:
-
-        case IncompleteClassComponent:
-        case IncompleteFunctionComponent: {
-          break;
-        }
-
-        // Fallthrough
-
-        case ClassComponent:
-        case FunctionComponent:
-        case MemoComponent:
-        case SimpleMemoComponent:
-          if (typeof type === "function") {
-            return type.displayName || type.name || null;
-          }
-
-          if (typeof type === "string") {
-            return type;
-          }
-
-          break;
-
-        case LegacyHiddenComponent: {
-          return "LegacyHidden";
-        }
-      }
-
-      return null;
-    }
-
-    function getNearestMountedFiber(fiber) {
-      var node = fiber;
-      var nearestMounted = fiber;
-
-      if (!fiber.alternate) {
-        // If there is no alternate, this might be a new tree that isn't inserted
-        // yet. If it is, then it will have a pending insertion effect on it.
-        var nextNode = node;
-
-        do {
-          node = nextNode;
-
-          if ((node.flags & (Placement | Hydrating)) !== NoFlags$1) {
-            // This is an insertion or in-progress hydration. The nearest possible
-            // mounted fiber is the parent but we need to continue to figure out
-            // if that one is still mounted.
-            nearestMounted = node.return;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
-
-          nextNode = node.return;
-        } while (nextNode);
-      } else {
-        while (node.return) {
-          node = node.return;
-        }
-      }
-
-      if (node.tag === HostRoot) {
-        // TODO: Check if this was a nested HostRoot when used with
-        // renderContainerIntoSubtree.
-        return nearestMounted;
-      } // If we didn't hit the root, that means that we're in an disconnected tree
-      // that has been unmounted.
-
-      return null;
-    }
-    function getSuspenseInstanceFromFiber(fiber) {
-      if (fiber.tag === SuspenseComponent) {
-        var suspenseState = fiber.memoizedState;
-
-        if (suspenseState === null) {
-          var current = fiber.alternate;
-
-          if (current !== null) {
-            suspenseState = current.memoizedState;
-          }
-        }
-
-        if (suspenseState !== null) {
-          return suspenseState.dehydrated;
-        }
-      }
-
-      return null;
-    }
-    function getContainerFromFiber(fiber) {
-      return fiber.tag === HostRoot ? fiber.stateNode.containerInfo : null;
-    }
-    function isMounted(component) {
-      {
-        var owner = ReactSharedInternals.owner;
-
-        if (owner !== null && owner.tag === ClassComponent) {
-          var ownerFiber = owner;
-          var instance = ownerFiber.stateNode;
-
-          if (!instance._warnedAboutRefsInRender) {
-            error(
-              "%s is accessing isMounted inside its render() function. " +
-                "render() should be a pure function of props and state. It should " +
-                "never access something that requires stale data from the previous " +
-                "render, such as refs. Move this logic to componentDidMount and " +
-                "componentDidUpdate instead.",
-              getComponentNameFromFiber(ownerFiber) || "A component"
-            );
-          }
-
-          instance._warnedAboutRefsInRender = true;
-        }
-      }
-
-      var fiber = get(component);
-
-      if (!fiber) {
-        return false;
-      }
-
-      return getNearestMountedFiber(fiber) === fiber;
-    }
-
-    function assertIsMounted(fiber) {
-      if (getNearestMountedFiber(fiber) !== fiber) {
-        throw new Error("Unable to find node on an unmounted component.");
-      }
-    }
-
-    function findCurrentFiberUsingSlowPath(fiber) {
-      var alternate = fiber.alternate;
-
-      if (!alternate) {
-        // If there is no alternate, then we only need to check if it is mounted.
-        var nearestMounted = getNearestMountedFiber(fiber);
-
-        if (nearestMounted === null) {
-          throw new Error("Unable to find node on an unmounted component.");
-        }
-
-        if (nearestMounted !== fiber) {
-          return null;
-        }
-
-        return fiber;
-      } // If we have two possible branches, we'll walk backwards up to the root
-      // to see what path the root points to. On the way we may hit one of the
-      // special cases and we'll deal with them.
-
-      var a = fiber;
-      var b = alternate;
-
-      while (true) {
-        var parentA = a.return;
-
-        if (parentA === null) {
-          // We're at the root.
-          break;
-        }
-
-        var parentB = parentA.alternate;
-
-        if (parentB === null) {
-          // There is no alternate. This is an unusual case. Currently, it only
-          // happens when a Suspense component is hidden. An extra fragment fiber
-          // is inserted in between the Suspense fiber and its children. Skip
-          // over this extra fragment fiber and proceed to the next parent.
-          var nextParent = parentA.return;
-
-          if (nextParent !== null) {
-            a = b = nextParent;
-            continue;
-          } // If there's no parent, we're at the root.
-
-          break;
-        } // If both copies of the parent fiber point to the same child, we can
-        // assume that the child is current. This happens when we bailout on low
-        // priority: the bailed out fiber's child reuses the current child.
-
-        if (parentA.child === parentB.child) {
-          var child = parentA.child;
-
-          while (child) {
-            if (child === a) {
-              // We've determined that A is the current branch.
-              assertIsMounted(parentA);
-              return fiber;
-            }
-
-            if (child === b) {
-              // We've determined that B is the current branch.
-              assertIsMounted(parentA);
-              return alternate;
-            }
-
-            child = child.sibling;
-          } // We should never have an alternate for any mounting node. So the only
-          // way this could possibly happen is if this was unmounted, if at all.
-
-          throw new Error("Unable to find node on an unmounted component.");
-        }
-
-        if (a.return !== b.return) {
-          // The return pointer of A and the return pointer of B point to different
-          // fibers. We assume that return pointers never criss-cross, so A must
-          // belong to the child set of A.return, and B must belong to the child
-          // set of B.return.
-          a = parentA;
-          b = parentB;
-        } else {
-          // The return pointers point to the same fiber. We'll have to use the
-          // default, slow path: scan the child sets of each parent alternate to see
-          // which child belongs to which set.
-          //
-          // Search parent A's child set
-          var didFindChild = false;
-          var _child = parentA.child;
-
-          while (_child) {
-            if (_child === a) {
-              didFindChild = true;
-              a = parentA;
-              b = parentB;
-              break;
-            }
-
-            if (_child === b) {
-              didFindChild = true;
-              b = parentA;
-              a = parentB;
-              break;
-            }
-
-            _child = _child.sibling;
-          }
-
-          if (!didFindChild) {
-            // Search parent B's child set
-            _child = parentB.child;
-
-            while (_child) {
-              if (_child === a) {
-                didFindChild = true;
-                a = parentB;
-                b = parentA;
-                break;
-              }
-
-              if (_child === b) {
-                didFindChild = true;
-                b = parentB;
-                a = parentA;
-                break;
-              }
-
-              _child = _child.sibling;
-            }
-
-            if (!didFindChild) {
-              throw new Error(
-                "Child was not found in either parent set. This indicates a bug " +
-                  "in React related to the return pointer. Please file an issue."
-              );
-            }
-          }
-        }
-
-        if (a.alternate !== b) {
-          throw new Error(
-            "Return fibers should always be each others' alternates. " +
-              "This error is likely caused by a bug in React. Please file an issue."
-          );
-        }
-      } // If the root is not a host container, we're in a disconnected tree. I.e.
-      // unmounted.
-
-      if (a.tag !== HostRoot) {
-        throw new Error("Unable to find node on an unmounted component.");
-      }
-
-      if (a.stateNode.current === a) {
-        // We've determined that A is the current branch.
-        return fiber;
-      } // Otherwise B has to be current branch.
-
-      return alternate;
-    }
-    function findCurrentHostFiber(parent) {
-      var currentParent = findCurrentFiberUsingSlowPath(parent);
-      return currentParent !== null
-        ? findCurrentHostFiberImpl(currentParent)
-        : null;
-    }
-
-    function findCurrentHostFiberImpl(node) {
-      // Next we'll drill down this component to find the first HostComponent/Text.
-      var tag = node.tag;
-
-      if (
-        tag === HostComponent ||
-        tag === HostHoistable ||
-        tag === HostSingleton ||
-        tag === HostText
-      ) {
-        return node;
-      }
-
-      var child = node.child;
-
-      while (child !== null) {
-        var match = findCurrentHostFiberImpl(child);
-
-        if (match !== null) {
-          return match;
-        }
-
-        child = child.sibling;
-      }
-
-      return null;
-    }
-
-    function isFiberSuspenseAndTimedOut(fiber) {
-      var memoizedState = fiber.memoizedState;
-      return (
-        fiber.tag === SuspenseComponent &&
-        memoizedState !== null &&
-        memoizedState.dehydrated === null
-      );
-    }
-    function doesFiberContain(parentFiber, childFiber) {
-      var node = childFiber;
-      var parentFiberAlternate = parentFiber.alternate;
-
-      while (node !== null) {
-        if (node === parentFiber || node === parentFiberAlternate) {
-          return true;
-        }
-
-        node = node.return;
-      }
-
-      return false;
-    }
-
-    var LegacyRoot = 0;
-    var ConcurrentRoot = 1;
-
-    var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-    function isArray(a) {
-      return isArrayImpl(a);
-    }
-
-    // same object across all transitions.
-
-    var sharedNotPendingObject = {
-      pending: false,
-      data: null,
-      method: null,
-      action: null
-    };
-    var NotPending = Object.freeze(sharedNotPendingObject);
-
-    function resolveDispatcher() {
-      // Copied from react/src/ReactHooks.js. It's the same thing but in a
-      // different package.
-      var dispatcher = ReactSharedInternals.H;
-
-      {
-        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://react.dev/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 useFormStatus() {
-      {
-        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] We know this exists because of the feature check above.
-
-        return dispatcher.useHostTransitionStatus();
-      }
-    }
-    function useFormState(action, initialState, permalink) {
-      {
-        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
-
-        return dispatcher.useFormState(action, initialState, permalink);
-      }
-    }
-    function requestFormReset$2(form) {
-      Internals.d
-        /* ReactDOMCurrentDispatcher */
-        .r(
-          /* requestFormReset */
-          form
-        );
-    }
-
-    var valueStack = [];
-    var fiberStack;
-
-    {
-      fiberStack = [];
-    }
-
-    var index = -1;
-
-    function createCursor(defaultValue) {
-      return {
-        current: defaultValue
-      };
-    }
-
-    function pop(cursor, fiber) {
-      if (index < 0) {
-        {
-          error("Unexpected pop.");
-        }
-
-        return;
-      }
-
-      {
-        if (fiber !== fiberStack[index]) {
-          error("Unexpected Fiber popped.");
-        }
-      }
-
-      cursor.current = valueStack[index];
-      valueStack[index] = null;
-
-      {
-        fiberStack[index] = null;
-      }
-
-      index--;
-    }
-
-    function push(cursor, value, fiber) {
-      index++;
-      valueStack[index] = cursor.current;
-
-      {
-        fiberStack[index] = fiber;
-      }
-
-      cursor.current = value;
-    }
-
-    var contextStackCursor = createCursor(null);
-    var contextFiberStackCursor = createCursor(null);
-    var rootInstanceStackCursor = createCursor(null); // Represents the nearest host transition provider (in React DOM, a <form />)
-    // NOTE: Since forms cannot be nested, and this feature is only implemented by
-    // React DOM, we don't technically need this to be a stack. It could be a single
-    // module variable instead.
-
-    var hostTransitionProviderCursor = createCursor(null); // TODO: This should initialize to NotPendingTransition, a constant
-    // imported from the fiber config. However, because of a cycle in the module
-    // graph, that value isn't defined during this module's initialization. I can't
-    // think of a way to work around this without moving that value out of the
-    // fiber config. For now, the "no provider" case is handled when reading,
-    // inside useHostTransitionStatus.
-
-    var HostTransitionContext = {
-      $$typeof: REACT_CONTEXT_TYPE,
-      Provider: null,
-      Consumer: null,
-      _currentValue: null,
-      _currentValue2: null,
-      _threadCount: 0
-    };
-
-    function requiredContext(c) {
-      {
-        if (c === null) {
-          error(
-            "Expected host context to exist. This error is likely caused by a bug " +
-              "in React. Please file an issue."
-          );
-        }
-      }
-
-      return c;
-    }
-
-    function getCurrentRootHostContainer() {
-      return rootInstanceStackCursor.current;
-    }
-
-    function getRootHostContainer() {
-      var rootInstance = requiredContext(rootInstanceStackCursor.current);
-      return rootInstance;
-    }
-
-    function getHostTransitionProvider() {
-      return hostTransitionProviderCursor.current;
-    }
-
-    function pushHostContainer(fiber, nextRootInstance) {
-      // Push current root instance onto the stack;
-      // This allows us to reset root when portals are popped.
-      push(rootInstanceStackCursor, nextRootInstance, fiber); // Track the context and the Fiber that provided it.
-      // This enables us to pop only Fibers that provide unique contexts.
-
-      push(contextFiberStackCursor, fiber, fiber); // Finally, we need to push the host context to the stack.
-      // However, we can't just call getRootHostContext() and push it because
-      // we'd have a different number of entries on the stack depending on
-      // whether getRootHostContext() throws somewhere in renderer code or not.
-      // So we push an empty value first. This lets us safely unwind on errors.
-
-      push(contextStackCursor, null, fiber);
-      var nextRootContext = getRootHostContext(nextRootInstance); // Now that we know this function doesn't throw, replace it.
-
-      pop(contextStackCursor, fiber);
-      push(contextStackCursor, nextRootContext, fiber);
-    }
-
-    function popHostContainer(fiber) {
-      pop(contextStackCursor, fiber);
-      pop(contextFiberStackCursor, fiber);
-      pop(rootInstanceStackCursor, fiber);
-    }
-
-    function getHostContext() {
-      var context = requiredContext(contextStackCursor.current);
-      return context;
-    }
-
-    function pushHostContext(fiber) {
-      {
-        var stateHook = fiber.memoizedState;
-
-        if (stateHook !== null) {
-          // Only provide context if this fiber has been upgraded by a host
-          // transition. We use the same optimization for regular host context below.
-          push(hostTransitionProviderCursor, fiber, fiber);
-        }
-      }
-
-      var context = requiredContext(contextStackCursor.current);
-      var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
-
-      if (context !== nextContext) {
-        // Track the context and the Fiber that provided it.
-        // This enables us to pop only Fibers that provide unique contexts.
-        push(contextFiberStackCursor, fiber, fiber);
-        push(contextStackCursor, nextContext, fiber);
-      }
-    }
-
-    function popHostContext(fiber) {
-      if (contextFiberStackCursor.current === fiber) {
-        // Do not pop unless this Fiber provided the current context.
-        // pushHostContext() only pushes Fibers that provide unique contexts.
-        pop(contextStackCursor, fiber);
-        pop(contextFiberStackCursor, fiber);
-      }
-
-      {
-        if (hostTransitionProviderCursor.current === fiber) {
-          // Do not pop unless this Fiber provided the current context. This is mostly
-          // a performance optimization, but conveniently it also prevents a potential
-          // data race where a host provider is upgraded (i.e. memoizedState becomes
-          // non-null) during a concurrent event. This is a bit of a flaw in the way
-          // we upgrade host components, but because we're accounting for it here, it
-          // should be fine.
-          pop(hostTransitionProviderCursor, fiber); // When popping the transition provider, we reset the context value back
-          // to `null`. We can do this because you're not allowd to nest forms. If
-          // we allowed for multiple nested host transition providers, then we'd
-          // need to reset this to the parent provider's status.
-
-          {
-            HostTransitionContext._currentValue = null;
-          }
-        }
-      }
-    }
-
     // $FlowFixMe[method-unbinding]
     var hasOwnProperty = Object.prototype.hasOwnProperty;
 
@@ -2962,6 +2933,20 @@ if (__DEV__) {
         }
       }
     }
+    function checkPropStringCoercion(value, propName) {
+      {
+        if (willCoercionThrow(value)) {
+          error(
+            "The provided `%s` prop is an unsupported type %s." +
+              " This value must be coerced to a string before using it here.",
+            propName,
+            typeName(value)
+          );
+
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
+    }
     function checkCSSPropertyStringCoercion(value, propName) {
       {
         if (willCoercionThrow(value)) {
@@ -3004,48 +2989,6 @@ if (__DEV__) {
       }
     }
 
-    function setCurrentUpdatePriority(
-      newPriority, // Closure will consistently not inline this function when it has arity 1
-      // however when it has arity 2 even if the second arg is omitted at every
-      // callsite it seems to inline it even when the internal length of the function
-      // is much longer. I hope this is consistent enough to rely on across builds
-      IntentionallyUnusedArgument
-    ) {
-      Internals.p =
-        /* currentUpdatePriority */
-        newPriority;
-    }
-    function getCurrentUpdatePriority() {
-      return Internals.p;
-      /* currentUpdatePriority */
-    }
-    function resolveUpdatePriority() {
-      var updatePriority = Internals.p;
-      /* currentUpdatePriority */
-
-      if (updatePriority !== NoEventPriority) {
-        return updatePriority;
-      }
-
-      var currentEvent = window.event;
-
-      if (currentEvent === undefined) {
-        return DefaultEventPriority;
-      }
-
-      return getEventPriority(currentEvent.type);
-    }
-    function runWithPriority(priority, fn) {
-      var previousPriority = getCurrentUpdatePriority();
-
-      try {
-        setCurrentUpdatePriority(priority);
-        return fn();
-      } finally {
-        setCurrentUpdatePriority(previousPriority);
-      }
-    }
-
     var randomKey = Math.random().toString(36).slice(2);
     var internalInstanceKey = "__reactFiber$" + randomKey;
     var internalPropsKey = "__reactProps$" + randomKey;
@@ -3649,8 +3592,9 @@ if (__DEV__) {
       setValueForAttribute(node, name, value);
     }
 
+    var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -3707,13 +3651,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher$2.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher$2.current = null;
         disableLogs();
       }
       /**
@@ -3906,7 +3850,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher$2.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -3925,12 +3869,12 @@ if (__DEV__) {
       return syntheticFrame;
     }
 
-    function describeClassComponentFrame(ctor) {
+    function describeClassComponentFrame(ctor, ownerFn) {
       {
         return describeNativeComponentFrame(ctor, true);
       }
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -3999,6 +3943,7 @@ if (__DEV__) {
       }
     }
 
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
     var current = null;
     var isRendering = false;
     function getCurrentFiberOwnerNameInDevOrNull() {
@@ -4009,8 +3954,8 @@ if (__DEV__) {
 
         var owner = current._debugOwner;
 
-        if (owner != null) {
-          return getComponentNameFromOwner(owner);
+        if (owner !== null && typeof owner !== "undefined") {
+          return getComponentNameFromFiber(owner);
         }
       }
 
@@ -4030,14 +3975,14 @@ if (__DEV__) {
 
     function resetCurrentFiber() {
       {
-        ReactSharedInternals.getCurrentStack = null;
+        ReactDebugCurrentFrame.getCurrentStack = null;
         current = null;
         isRendering = false;
       }
     }
     function setCurrentFiber(fiber) {
       {
-        ReactSharedInternals.getCurrentStack =
+        ReactDebugCurrentFrame.getCurrentStack =
           fiber === null ? null : getCurrentFiberStackInDev;
         current = fiber;
         isRendering = false;
@@ -5459,7 +5404,68 @@ if (__DEV__) {
     var MATH_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
     var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 
-    if (typeof MSApp !== "undefined" && MSApp.execUnsafeLocalFunction);
+    var reusableSVGContainer;
+
+    function setInnerHTMLImpl(node, html) {
+      if (node.namespaceURI === SVG_NAMESPACE) {
+        {
+          if (enableTrustedTypesIntegration) {
+            // TODO: reconsider the text of this warning and when it should show
+            // before enabling the feature flag.
+            if (typeof trustedTypes !== "undefined") {
+              error(
+                "Using 'dangerouslySetInnerHTML' in an svg element with " +
+                  "Trusted Types enabled in an Internet Explorer will cause " +
+                  "the trusted value to be converted to string. Assigning string " +
+                  "to 'innerHTML' will throw an error if Trusted Types are enforced. " +
+                  "You can try to wrap your svg element inside a div and use 'dangerouslySetInnerHTML' " +
+                  "on the enclosing div instead."
+              );
+            }
+          }
+        }
+
+        if (!("innerHTML" in node)) {
+          // IE does not have innerHTML for SVG nodes, so instead we inject the
+          // new markup in a temp node and then move the child nodes across into
+          // the target node
+          reusableSVGContainer =
+            reusableSVGContainer || document.createElement("div");
+          reusableSVGContainer.innerHTML =
+            "<svg>" + html.valueOf().toString() + "</svg>";
+          var svgNode = reusableSVGContainer.firstChild;
+
+          while (node.firstChild) {
+            node.removeChild(node.firstChild);
+          } // $FlowFixMe[incompatible-use]
+          // $FlowFixMe[incompatible-type]
+
+          while (svgNode.firstChild) {
+            node.appendChild(svgNode.firstChild);
+          }
+
+          return;
+        }
+      }
+
+      node.innerHTML = html;
+    }
+
+    var setInnerHTML = setInnerHTMLImpl; // $FlowFixMe[cannot-resolve-name]
+
+    if (typeof MSApp !== "undefined" && MSApp.execUnsafeLocalFunction) {
+      /**
+       * Create a function which has 'unsafe' privileges (required by windows8 apps)
+       */
+      setInnerHTML = function (node, html) {
+        // $FlowFixMe[cannot-resolve-name]
+        return MSApp.execUnsafeLocalFunction(function () {
+          return setInnerHTMLImpl(node, html);
+        });
+      };
+    }
+
+    var setInnerHTML$1 = setInnerHTML;
 
     /**
      * HTML nodeType values that represent the type of the node
@@ -7566,9 +7572,7 @@ if (__DEV__) {
         // bails out of the update without touching the DOM.
         // TODO: Restore state in the microtask, after the discrete updates flush,
         // instead of early flushing them here.
-        // @TODO Should move to flushSyncWork once legacy mode is removed but since this flushSync
-        // flushes passive effects we can't do this yet.
-        flushSyncWork$1();
+        flushSync$1();
         restoreStateIfNeeded();
       }
     }
@@ -10039,9 +10043,6 @@ if (__DEV__) {
       animationend: makePrefixMap("Animation", "AnimationEnd"),
       animationiteration: makePrefixMap("Animation", "AnimationIteration"),
       animationstart: makePrefixMap("Animation", "AnimationStart"),
-      transitionrun: makePrefixMap("Transition", "TransitionRun"),
-      transitionstart: makePrefixMap("Transition", "TransitionStart"),
-      transitioncancel: makePrefixMap("Transition", "TransitionCancel"),
       transitionend: makePrefixMap("Transition", "TransitionEnd")
     };
     /**
@@ -10102,9 +10103,6 @@ if (__DEV__) {
     var ANIMATION_END = getVendorPrefixedEventName("animationend");
     var ANIMATION_ITERATION = getVendorPrefixedEventName("animationiteration");
     var ANIMATION_START = getVendorPrefixedEventName("animationstart");
-    var TRANSITION_RUN = getVendorPrefixedEventName("transitionrun");
-    var TRANSITION_START = getVendorPrefixedEventName("transitionstart");
-    var TRANSITION_CANCEL = getVendorPrefixedEventName("transitioncancel");
     var TRANSITION_END = getVendorPrefixedEventName("transitionend");
 
     var topLevelEventsToReactNames = new Map(); // NOTE: Capitalization is important in this list!
@@ -10145,9 +10143,6 @@ if (__DEV__) {
       registerSimpleEvent("dblclick", "onDoubleClick");
       registerSimpleEvent("focusin", "onFocus");
       registerSimpleEvent("focusout", "onBlur");
-      registerSimpleEvent(TRANSITION_RUN, "onTransitionRun");
-      registerSimpleEvent(TRANSITION_START, "onTransitionStart");
-      registerSimpleEvent(TRANSITION_CANCEL, "onTransitionCancel");
       registerSimpleEvent(TRANSITION_END, "onTransitionEnd");
     }
 
@@ -11475,7 +11470,8 @@ if (__DEV__) {
       // in that browser completely in favor of doing all that work.
       // See https://github.com/facebook/react/issues/11807
 
-      canDiffStyleForHydrationWarning = disableIEWorkarounds;
+      canDiffStyleForHydrationWarning =
+        disableIEWorkarounds || (canUseDOM && !document.documentMode);
     }
 
     function validatePropertiesInDevelopment(type, props) {
@@ -11995,8 +11991,10 @@ if (__DEV__) {
                 );
               }
 
-              {
+              if (disableIEWorkarounds) {
                 domElement.innerHTML = nextHtml;
+              } else {
+                setInnerHTML$1(domElement, nextHtml);
               }
             }
           }
@@ -12382,8 +12380,10 @@ if (__DEV__) {
                 );
               }
 
-              {
+              if (disableIEWorkarounds) {
                 domElement.innerHTML = nextHtml;
+              } else {
+                setInnerHTML$1(domElement, nextHtml);
               }
             }
           }
@@ -14909,6 +14909,3003 @@ if (__DEV__) {
       }
     }
 
+    var ReactDOMCurrentDispatcher$1 = Internals.ReactDOMCurrentDispatcher; // Unused
+
+    var SUPPRESS_HYDRATION_WARNING = "suppressHydrationWarning";
+    var SUSPENSE_START_DATA = "$";
+    var SUSPENSE_END_DATA = "/$";
+    var SUSPENSE_PENDING_START_DATA = "$?";
+    var SUSPENSE_FALLBACK_START_DATA = "$!";
+    var FORM_STATE_IS_MATCHING = "F!";
+    var FORM_STATE_IS_NOT_MATCHING = "F";
+    var STYLE = "style";
+    var HostContextNamespaceNone = 0;
+    var HostContextNamespaceSvg = 1;
+    var HostContextNamespaceMath = 2;
+    var eventsEnabled = null;
+    var selectionInformation = null;
+
+    function getOwnerDocumentFromRootContainer(rootContainerElement) {
+      return rootContainerElement.nodeType === DOCUMENT_NODE
+        ? rootContainerElement
+        : rootContainerElement.ownerDocument;
+    }
+
+    function getRootHostContext(rootContainerInstance) {
+      var type;
+      var context;
+      var nodeType = rootContainerInstance.nodeType;
+
+      switch (nodeType) {
+        case DOCUMENT_NODE:
+        case DOCUMENT_FRAGMENT_NODE: {
+          type = nodeType === DOCUMENT_NODE ? "#document" : "#fragment";
+          var root = rootContainerInstance.documentElement;
+
+          if (root) {
+            var namespaceURI = root.namespaceURI;
+            context = namespaceURI
+              ? getOwnHostContext(namespaceURI)
+              : HostContextNamespaceNone;
+          } else {
+            context = HostContextNamespaceNone;
+          }
+
+          break;
+        }
+
+        default: {
+          var container =
+            nodeType === COMMENT_NODE
+              ? rootContainerInstance.parentNode
+              : rootContainerInstance;
+          type = container.tagName;
+          var _namespaceURI = container.namespaceURI;
+
+          if (!_namespaceURI) {
+            switch (type) {
+              case "svg":
+                context = HostContextNamespaceSvg;
+                break;
+
+              case "math":
+                context = HostContextNamespaceMath;
+                break;
+
+              default:
+                context = HostContextNamespaceNone;
+                break;
+            }
+          } else {
+            var ownContext = getOwnHostContext(_namespaceURI);
+            context = getChildHostContextProd(ownContext, type);
+          }
+
+          break;
+        }
+      }
+
+      {
+        var validatedTag = type.toLowerCase();
+        var ancestorInfo = updatedAncestorInfoDev(null, validatedTag);
+        return {
+          context: context,
+          ancestorInfo: ancestorInfo
+        };
+      }
+    }
+
+    function getOwnHostContext(namespaceURI) {
+      switch (namespaceURI) {
+        case SVG_NAMESPACE:
+          return HostContextNamespaceSvg;
+
+        case MATH_NAMESPACE:
+          return HostContextNamespaceMath;
+
+        default:
+          return HostContextNamespaceNone;
+      }
+    }
+
+    function getChildHostContextProd(parentNamespace, type) {
+      if (parentNamespace === HostContextNamespaceNone) {
+        // No (or default) parent namespace: potential entry point.
+        switch (type) {
+          case "svg":
+            return HostContextNamespaceSvg;
+
+          case "math":
+            return HostContextNamespaceMath;
+
+          default:
+            return HostContextNamespaceNone;
+        }
+      }
+
+      if (
+        parentNamespace === HostContextNamespaceSvg &&
+        type === "foreignObject"
+      ) {
+        // We're leaving SVG.
+        return HostContextNamespaceNone;
+      } // By default, pass namespace below.
+
+      return parentNamespace;
+    }
+
+    function getChildHostContext(parentHostContext, type) {
+      {
+        var parentHostContextDev = parentHostContext;
+        var context = getChildHostContextProd(
+          parentHostContextDev.context,
+          type
+        );
+        var ancestorInfo = updatedAncestorInfoDev(
+          parentHostContextDev.ancestorInfo,
+          type
+        );
+        return {
+          context: context,
+          ancestorInfo: ancestorInfo
+        };
+      }
+    }
+    function getPublicInstance(instance) {
+      return instance;
+    }
+    function prepareForCommit(containerInfo) {
+      eventsEnabled = isEnabled();
+      selectionInformation = getSelectionInformation();
+      var activeInstance = null;
+
+      {
+        var focusedElem = selectionInformation.focusedElem;
+
+        if (focusedElem !== null) {
+          activeInstance = getClosestInstanceFromNode(focusedElem);
+        }
+      }
+
+      setEnabled(false);
+      return activeInstance;
+    }
+    function beforeActiveInstanceBlur(internalInstanceHandle) {
+      {
+        setEnabled(true);
+        dispatchBeforeDetachedBlur(
+          selectionInformation.focusedElem,
+          internalInstanceHandle
+        );
+        setEnabled(false);
+      }
+    }
+    function afterActiveInstanceBlur() {
+      {
+        setEnabled(true);
+        dispatchAfterDetachedBlur(selectionInformation.focusedElem);
+        setEnabled(false);
+      }
+    }
+    function resetAfterCommit(containerInfo) {
+      restoreSelection(selectionInformation);
+      setEnabled(eventsEnabled);
+      eventsEnabled = null;
+      selectionInformation = null;
+    }
+    function createHoistableInstance(
+      type,
+      props,
+      rootContainerInstance,
+      internalInstanceHandle
+    ) {
+      var ownerDocument = getOwnerDocumentFromRootContainer(
+        rootContainerInstance
+      );
+      var domElement = ownerDocument.createElement(type);
+      precacheFiberNode(internalInstanceHandle, domElement);
+      updateFiberProps(domElement, props);
+      setInitialProperties(domElement, type, props);
+      markNodeAsHoistable(domElement);
+      return domElement;
+    }
+    var didWarnScriptTags = false;
+    var warnedUnknownTags = {
+      // There are working polyfills for <dialog>. Let people use it.
+      dialog: true,
+      // Electron ships a custom <webview> tag to display external web content in
+      // an isolated frame and process.
+      // This tag is not present in non Electron environments such as JSDom which
+      // is often used for testing purposes.
+      // @see https://electronjs.org/docs/api/webview-tag
+      webview: true
+    };
+    function createInstance(
+      type,
+      props,
+      rootContainerInstance,
+      hostContext,
+      internalInstanceHandle
+    ) {
+      var hostContextProd;
+
+      {
+        // TODO: take namespace into account when validating.
+        var hostContextDev = hostContext;
+        validateDOMNesting(type, hostContextDev.ancestorInfo);
+        hostContextProd = hostContextDev.context;
+      }
+
+      var ownerDocument = getOwnerDocumentFromRootContainer(
+        rootContainerInstance
+      );
+      var domElement;
+
+      switch (hostContextProd) {
+        case HostContextNamespaceSvg:
+          domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
+          break;
+
+        case HostContextNamespaceMath:
+          domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
+          break;
+
+        default:
+          switch (type) {
+            case "svg": {
+              domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
+              break;
+            }
+
+            case "math": {
+              domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
+              break;
+            }
+
+            case "script": {
+              // Create the script via .innerHTML so its "parser-inserted" flag is
+              // set to true and it does not execute
+              var div = ownerDocument.createElement("div");
+
+              {
+                if (enableTrustedTypesIntegration && !didWarnScriptTags) {
+                  error(
+                    "Encountered a script tag while rendering React component. " +
+                      "Scripts inside React components are never executed when rendering " +
+                      "on the client. Consider using template tag instead " +
+                      "(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)."
+                  );
+
+                  didWarnScriptTags = true;
+                }
+              }
+
+              div.innerHTML = "<script><" + "/script>"; // eslint-disable-line
+              // This is guaranteed to yield a script element.
+
+              var firstChild = div.firstChild;
+              domElement = div.removeChild(firstChild);
+              break;
+            }
+
+            case "select": {
+              if (typeof props.is === "string") {
+                domElement = ownerDocument.createElement("select", {
+                  is: props.is
+                });
+              } else {
+                // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
+                // See discussion in https://github.com/facebook/react/pull/6896
+                // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
+                domElement = ownerDocument.createElement("select");
+              }
+
+              if (props.multiple) {
+                domElement.multiple = true;
+              } else if (props.size) {
+                // Setting a size greater than 1 causes a select to behave like `multiple=true`, where
+                // it is possible that no option is selected.
+                //
+                // This is only necessary when a select in "single selection mode".
+                domElement.size = props.size;
+              }
+
+              break;
+            }
+
+            default: {
+              if (typeof props.is === "string") {
+                domElement = ownerDocument.createElement(type, {
+                  is: props.is
+                });
+              } else {
+                // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
+                // See discussion in https://github.com/facebook/react/pull/6896
+                // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
+                domElement = ownerDocument.createElement(type);
+              }
+
+              {
+                if (type.indexOf("-") === -1) {
+                  // We're not SVG/MathML and we don't have a dash, so we're not a custom element
+                  // Even if you use `is`, these should be of known type and lower case.
+                  if (type !== type.toLowerCase()) {
+                    error(
+                      "<%s /> is using incorrect casing. " +
+                        "Use PascalCase for React components, " +
+                        "or lowercase for HTML elements.",
+                      type
+                    );
+                  }
+
+                  if (
+                    // $FlowFixMe[method-unbinding]
+                    Object.prototype.toString.call(domElement) ===
+                      "[object HTMLUnknownElement]" &&
+                    !hasOwnProperty.call(warnedUnknownTags, type)
+                  ) {
+                    warnedUnknownTags[type] = true;
+
+                    error(
+                      "The tag <%s> is unrecognized in this browser. " +
+                        "If you meant to render a React component, start its name with " +
+                        "an uppercase letter.",
+                      type
+                    );
+                  }
+                }
+              }
+            }
+          }
+      }
+
+      precacheFiberNode(internalInstanceHandle, domElement);
+      updateFiberProps(domElement, props);
+      return domElement;
+    }
+    function appendInitialChild(parentInstance, child) {
+      parentInstance.appendChild(child);
+    }
+    function finalizeInitialChildren(domElement, type, props, hostContext) {
+      setInitialProperties(domElement, type, props);
+
+      switch (type) {
+        case "button":
+        case "input":
+        case "select":
+        case "textarea":
+          return !!props.autoFocus;
+
+        case "img":
+          return true;
+
+        default:
+          return false;
+      }
+    }
+    function shouldSetTextContent(type, props) {
+      return (
+        type === "textarea" ||
+        type === "noscript" ||
+        typeof props.children === "string" ||
+        typeof props.children === "number" ||
+        typeof props.children === "bigint" ||
+        (typeof props.dangerouslySetInnerHTML === "object" &&
+          props.dangerouslySetInnerHTML !== null &&
+          props.dangerouslySetInnerHTML.__html != null)
+      );
+    }
+    function createTextInstance(
+      text,
+      rootContainerInstance,
+      hostContext,
+      internalInstanceHandle
+    ) {
+      {
+        var hostContextDev = hostContext;
+        var ancestor = hostContextDev.ancestorInfo.current;
+
+        if (ancestor != null) {
+          validateTextNesting(text, ancestor.tag);
+        }
+      }
+
+      var textNode = getOwnerDocumentFromRootContainer(
+        rootContainerInstance
+      ).createTextNode(text);
+      precacheFiberNode(internalInstanceHandle, textNode);
+      return textNode;
+    }
+    function getCurrentEventPriority() {
+      var currentEvent = window.event;
+
+      if (currentEvent === undefined) {
+        return DefaultEventPriority;
+      }
+
+      return getEventPriority(currentEvent.type);
+    }
+    var currentPopstateTransitionEvent = null;
+    function shouldAttemptEagerTransition() {
+      var event = window.event;
+
+      if (event && event.type === "popstate") {
+        // This is a popstate event. Attempt to render any transition during this
+        // event synchronously. Unless we already attempted during this event.
+        if (event === currentPopstateTransitionEvent) {
+          // We already attempted to render this popstate transition synchronously.
+          // Any subsequent attempts must have happened as the result of a derived
+          // update, like startTransition inside useEffect, or useDV. Switch back to
+          // the default behavior for all remaining transitions during the current
+          // popstate event.
+          return false;
+        } else {
+          // Cache the current event in case a derived transition is scheduled.
+          // (Refer to previous branch.)
+          currentPopstateTransitionEvent = event;
+          return true;
+        }
+      } // We're not inside a popstate event.
+
+      currentPopstateTransitionEvent = null;
+      return false;
+    }
+    // if a component just imports ReactDOM (e.g. for findDOMNode).
+    // Some environments might not have setTimeout or clearTimeout.
+
+    var scheduleTimeout =
+      typeof setTimeout === "function" ? setTimeout : undefined;
+    var cancelTimeout =
+      typeof clearTimeout === "function" ? clearTimeout : undefined;
+    var noTimeout = -1;
+    var localPromise = typeof Promise === "function" ? Promise : undefined;
+    var localRequestAnimationFrame =
+      typeof requestAnimationFrame === "function"
+        ? requestAnimationFrame
+        : scheduleTimeout;
+    function getInstanceFromNode(node) {
+      return getClosestInstanceFromNode(node) || null;
+    }
+    function preparePortalMount(portalInstance) {
+      listenToAllSupportedEvents(portalInstance);
+    }
+    function prepareScopeUpdate(scopeInstance, internalInstanceHandle) {
+      {
+        precacheFiberNode(internalInstanceHandle, scopeInstance);
+      }
+    }
+    function getInstanceFromScope(scopeInstance) {
+      {
+        return getFiberFromScopeInstance(scopeInstance);
+      }
+    } // -------------------
+    var scheduleMicrotask =
+      typeof queueMicrotask === "function"
+        ? queueMicrotask
+        : typeof localPromise !== "undefined"
+        ? function (callback) {
+            return localPromise
+              .resolve(null)
+              .then(callback)
+              .catch(handleErrorInNextTick);
+          }
+        : scheduleTimeout; // TODO: Determine the best fallback here.
+
+    function handleErrorInNextTick(error) {
+      setTimeout(function () {
+        throw error;
+      });
+    } // -------------------
+    function commitMount(domElement, type, newProps, internalInstanceHandle) {
+      // Despite the naming that might imply otherwise, this method only
+      // fires if there is an `Update` effect scheduled during mounting.
+      // This happens if `finalizeInitialChildren` returns `true` (which it
+      // does to implement the `autoFocus` attribute on the client). But
+      // there are also other cases when this might happen (such as patching
+      // up text content during hydration mismatch). So we'll check this again.
+      switch (type) {
+        case "button":
+        case "input":
+        case "select":
+        case "textarea":
+          if (newProps.autoFocus) {
+            domElement.focus();
+          }
+
+          return;
+
+        case "img": {
+          if (newProps.src) {
+            domElement.src = newProps.src;
+          }
+
+          return;
+        }
+      }
+    }
+    function commitUpdate(
+      domElement,
+      updatePayload,
+      type,
+      oldProps,
+      newProps,
+      internalInstanceHandle
+    ) {
+      // Diff and update the properties.
+      updateProperties(domElement, type, oldProps, newProps); // Update the props handle so that we know which props are the ones with
+      // with current event handlers.
+
+      updateFiberProps(domElement, newProps);
+    }
+    function resetTextContent(domElement) {
+      setTextContent(domElement, "");
+    }
+    function commitTextUpdate(textInstance, oldText, newText) {
+      textInstance.nodeValue = newText;
+    }
+    function appendChild(parentInstance, child) {
+      parentInstance.appendChild(child);
+    }
+    function appendChildToContainer(container, child) {
+      var parentNode;
+
+      if (container.nodeType === COMMENT_NODE) {
+        parentNode = container.parentNode;
+        parentNode.insertBefore(child, container);
+      } else {
+        parentNode = container;
+        parentNode.appendChild(child);
+      } // This container might be used for a portal.
+      // If something inside a portal is clicked, that click should bubble
+      // through the React tree. However, on Mobile Safari the click would
+      // never bubble through the *DOM* tree unless an ancestor with onclick
+      // event exists. So we wouldn't see it and dispatch it.
+      // This is why we ensure that non React root containers have inline onclick
+      // defined.
+      // https://github.com/facebook/react/issues/11918
+
+      var reactRootContainer = container._reactRootContainer;
+
+      if (
+        (reactRootContainer === null || reactRootContainer === undefined) &&
+        parentNode.onclick === null
+      ) {
+        // TODO: This cast may not be sound for SVG, MathML or custom elements.
+        trapClickOnNonInteractiveElement(parentNode);
+      }
+    }
+    function insertBefore(parentInstance, child, beforeChild) {
+      parentInstance.insertBefore(child, beforeChild);
+    }
+    function insertInContainerBefore(container, child, beforeChild) {
+      if (container.nodeType === COMMENT_NODE) {
+        container.parentNode.insertBefore(child, beforeChild);
+      } else {
+        container.insertBefore(child, beforeChild);
+      }
+    }
+
+    function createEvent(type, bubbles) {
+      var event = document.createEvent("Event");
+      event.initEvent(type, bubbles, false);
+      return event;
+    }
+
+    function dispatchBeforeDetachedBlur(target, internalInstanceHandle) {
+      {
+        var event = createEvent("beforeblur", true); // Dispatch "beforeblur" directly on the target,
+        // so it gets picked up by the event system and
+        // can propagate through the React internal tree.
+        // $FlowFixMe[prop-missing]: internal field
+
+        event._detachedInterceptFiber = internalInstanceHandle;
+        target.dispatchEvent(event);
+      }
+    }
+
+    function dispatchAfterDetachedBlur(target) {
+      {
+        var event = createEvent("afterblur", false); // So we know what was detached, make the relatedTarget the
+        // detached target on the "afterblur" event.
+
+        event.relatedTarget = target; // Dispatch the event on the document.
+
+        document.dispatchEvent(event);
+      }
+    }
+
+    function removeChild(parentInstance, child) {
+      parentInstance.removeChild(child);
+    }
+    function removeChildFromContainer(container, child) {
+      if (container.nodeType === COMMENT_NODE) {
+        container.parentNode.removeChild(child);
+      } else {
+        container.removeChild(child);
+      }
+    }
+    function clearSuspenseBoundary(parentInstance, suspenseInstance) {
+      var node = suspenseInstance; // Delete all nodes within this suspense boundary.
+      // There might be nested nodes so we need to keep track of how
+      // deep we are and only break out when we're back on top.
+
+      var depth = 0;
+
+      do {
+        var nextNode = node.nextSibling;
+        parentInstance.removeChild(node);
+
+        if (nextNode && nextNode.nodeType === COMMENT_NODE) {
+          var data = nextNode.data;
+
+          if (data === SUSPENSE_END_DATA) {
+            if (depth === 0) {
+              parentInstance.removeChild(nextNode); // Retry if any event replaying was blocked on this.
+
+              retryIfBlockedOn(suspenseInstance);
+              return;
+            } else {
+              depth--;
+            }
+          } else if (
+            data === SUSPENSE_START_DATA ||
+            data === SUSPENSE_PENDING_START_DATA ||
+            data === SUSPENSE_FALLBACK_START_DATA
+          ) {
+            depth++;
+          }
+        } // $FlowFixMe[incompatible-type] we bail out when we get a null
+
+        node = nextNode;
+      } while (node); // TODO: Warn, we didn't find the end comment boundary.
+      // Retry if any event replaying was blocked on this.
+
+      retryIfBlockedOn(suspenseInstance);
+    }
+    function clearSuspenseBoundaryFromContainer(container, suspenseInstance) {
+      if (container.nodeType === COMMENT_NODE) {
+        clearSuspenseBoundary(container.parentNode, suspenseInstance);
+      } else if (container.nodeType === ELEMENT_NODE) {
+        clearSuspenseBoundary(container, suspenseInstance);
+      } else; // Retry if any event replaying was blocked on this.
+
+      retryIfBlockedOn(container);
+    }
+    function hideInstance(instance) {
+      // TODO: Does this work for all element types? What about MathML? Should we
+      // pass host context to this method?
+      instance = instance;
+      var style = instance.style; // $FlowFixMe[method-unbinding]
+
+      if (typeof style.setProperty === "function") {
+        style.setProperty("display", "none", "important");
+      } else {
+        style.display = "none";
+      }
+    }
+    function hideTextInstance(textInstance) {
+      textInstance.nodeValue = "";
+    }
+    function unhideInstance(instance, props) {
+      instance = instance;
+      var styleProp = props[STYLE];
+      var display =
+        styleProp !== undefined &&
+        styleProp !== null &&
+        styleProp.hasOwnProperty("display")
+          ? styleProp.display
+          : null;
+      instance.style.display =
+        display == null || typeof display === "boolean"
+          ? "" // The value would've errored already if it wasn't safe.
+          : // eslint-disable-next-line react-internal/safe-string-coercion
+            ("" + display).trim();
+    }
+    function unhideTextInstance(textInstance, text) {
+      textInstance.nodeValue = text;
+    }
+    function clearContainer(container) {
+      var nodeType = container.nodeType;
+
+      if (nodeType === DOCUMENT_NODE) {
+        clearContainerSparingly(container);
+      } else if (nodeType === ELEMENT_NODE) {
+        switch (container.nodeName) {
+          case "HEAD":
+          case "HTML":
+          case "BODY":
+            clearContainerSparingly(container);
+            return;
+
+          default: {
+            container.textContent = "";
+          }
+        }
+      }
+    }
+
+    function clearContainerSparingly(container) {
+      var node;
+      var nextNode = container.firstChild;
+
+      if (nextNode && nextNode.nodeType === DOCUMENT_TYPE_NODE) {
+        nextNode = nextNode.nextSibling;
+      }
+
+      while (nextNode) {
+        node = nextNode;
+        nextNode = nextNode.nextSibling;
+
+        switch (node.nodeName) {
+          case "HTML":
+          case "HEAD":
+          case "BODY": {
+            var element = node;
+            clearContainerSparingly(element); // If these singleton instances had previously been rendered with React they
+            // may still hold on to references to the previous fiber tree. We detatch them
+            // prospectively to reset them to a baseline starting state since we cannot create
+            // new instances.
+
+            detachDeletedInstance(element);
+            continue;
+          }
+          // Script tags are retained to avoid an edge case bug. Normally scripts will execute if they
+          // are ever inserted into the DOM. However when streaming if a script tag is opened but not
+          // yet closed some browsers create and insert the script DOM Node but the script cannot execute
+          // yet until the closing tag is parsed. If something causes React to call clearContainer while
+          // this DOM node is in the document but not yet executable the DOM node will be removed from the
+          // document and when the script closing tag comes in the script will not end up running. This seems
+          // to happen in Chrome/Firefox but not Safari at the moment though this is not necessarily specified
+          // behavior so it could change in future versions of browsers. While leaving all scripts is broader
+          // than strictly necessary this is the least amount of additional code to avoid this breaking
+          // edge case.
+          //
+          // Style tags are retained because they may likely come from 3rd party scripts and extensions
+
+          case "SCRIPT":
+          case "STYLE": {
+            continue;
+          }
+          // Stylesheet tags are retained because tehy may likely come from 3rd party scripts and extensions
+
+          case "LINK": {
+            if (node.rel.toLowerCase() === "stylesheet") {
+              continue;
+            }
+          }
+        }
+
+        container.removeChild(node);
+      }
+
+      return;
+    } // Making this so we can eventually move all of the instance caching to the commit phase.
+    function canHydrateInstance(instance, type, props, inRootOrSingleton) {
+      while (instance.nodeType === ELEMENT_NODE) {
+        var element = instance;
+        var anyProps = props;
+
+        if (element.nodeName.toLowerCase() !== type.toLowerCase()) {
+          if (!inRootOrSingleton) {
+            // Usually we error for mismatched tags.
+            if (element.nodeName === "INPUT" && element.type === "hidden");
+            else {
+              return null;
+            }
+          } // In root or singleton parents we skip past mismatched instances.
+        } else if (!inRootOrSingleton) {
+          // Match
+          if (type === "input" && element.type === "hidden") {
+            {
+              checkAttributeStringCoercion(anyProps.name, "name");
+            }
+
+            var name = anyProps.name == null ? null : "" + anyProps.name;
+
+            if (
+              anyProps.type !== "hidden" ||
+              element.getAttribute("name") !== name
+            );
+            else {
+              return element;
+            }
+          } else {
+            return element;
+          }
+        } else if (isMarkedHoistable(element));
+        else {
+          // We have an Element with the right type.
+          // We are going to try to exclude it if we can definitely identify it as a hoisted Node or if
+          // we can guess that the node is likely hoisted or was inserted by a 3rd party script or browser extension
+          // using high entropy attributes for certain types. This technique will fail for strange insertions like
+          // extension prepending <div> in the <body> but that already breaks before and that is an edge case.
+          switch (type) {
+            // case 'title':
+            //We assume all titles are matchable. You should only have one in the Document, at least in a hoistable scope
+            // and if you are a HostComponent with type title we must either be in an <svg> context or this title must have an `itemProp` prop.
+            case "meta": {
+              // The only way to opt out of hoisting meta tags is to give it an itemprop attribute. We assume there will be
+              // not 3rd party meta tags that are prepended, accepting the cases where this isn't true because meta tags
+              // are usually only functional for SSR so even in a rare case where we did bind to an injected tag the runtime
+              // implications are minimal
+              if (!element.hasAttribute("itemprop")) {
+                // This is a Hoistable
+                break;
+              }
+
+              return element;
+            }
+
+            case "link": {
+              // Links come in many forms and we do expect 3rd parties to inject them into <head> / <body>. We exclude known resources
+              // and then use high-entroy attributes like href which are almost always used and almost always unique to filter out unlikely
+              // matches.
+              var rel = element.getAttribute("rel");
+
+              if (
+                rel === "stylesheet" &&
+                element.hasAttribute("data-precedence")
+              ) {
+                // This is a stylesheet resource
+                break;
+              } else if (
+                rel !== anyProps.rel ||
+                element.getAttribute("href") !==
+                  (anyProps.href == null ? null : anyProps.href) ||
+                element.getAttribute("crossorigin") !==
+                  (anyProps.crossOrigin == null
+                    ? null
+                    : anyProps.crossOrigin) ||
+                element.getAttribute("title") !==
+                  (anyProps.title == null ? null : anyProps.title)
+              ) {
+                // rel + href should usually be enough to uniquely identify a link however crossOrigin can vary for rel preconnect
+                // and title could vary for rel alternate
+                break;
+              }
+
+              return element;
+            }
+
+            case "style": {
+              // Styles are hard to match correctly. We can exclude known resources but otherwise we accept the fact that a non-hoisted style tags
+              // in <head> or <body> are likely never going to be unmounted given their position in the document and the fact they likely hold global styles
+              if (element.hasAttribute("data-precedence")) {
+                // This is a style resource
+                break;
+              }
+
+              return element;
+            }
+
+            case "script": {
+              // Scripts are a little tricky, we exclude known resources and then similar to links try to use high-entropy attributes
+              // to reject poor matches. One challenge with scripts are inline scripts. We don't attempt to check text content which could
+              // in theory lead to a hydration error later if a 3rd party injected an inline script before the React rendered nodes.
+              // Falling back to client rendering if this happens should be seemless though so we will try this hueristic and revisit later
+              // if we learn it is problematic
+              var srcAttr = element.getAttribute("src");
+
+              if (
+                srcAttr !== (anyProps.src == null ? null : anyProps.src) ||
+                element.getAttribute("type") !==
+                  (anyProps.type == null ? null : anyProps.type) ||
+                element.getAttribute("crossorigin") !==
+                  (anyProps.crossOrigin == null ? null : anyProps.crossOrigin)
+              ) {
+                // This script is for a different src/type/crossOrigin. It may be a script resource
+                // or it may just be a mistmatch
+                if (
+                  srcAttr &&
+                  element.hasAttribute("async") &&
+                  !element.hasAttribute("itemprop")
+                ) {
+                  // This is an async script resource
+                  break;
+                }
+              }
+
+              return element;
+            }
+
+            default: {
+              // We have excluded the most likely cases of mismatch between hoistable tags, 3rd party script inserted tags,
+              // and browser extension inserted tags. While it is possible this is not the right match it is a decent hueristic
+              // that should work in the vast majority of cases.
+              return element;
+            }
+          }
+        }
+
+        var nextInstance = getNextHydratableSibling(element);
+
+        if (nextInstance === null) {
+          break;
+        }
+
+        instance = nextInstance;
+      } // This is a suspense boundary or Text node or we got the end.
+      // Suspense Boundaries are never expected to be injected by 3rd parties. If we see one it should be matched
+      // and this is a hydration error.
+      // Text Nodes are also not expected to be injected by 3rd parties. This is less of a guarantee for <body>
+      // but it seems reasonable and conservative to reject this as a hydration error as well
+
+      return null;
+    }
+    function canHydrateTextInstance(instance, text, inRootOrSingleton) {
+      // Empty strings are not parsed by HTML so there won't be a correct match here.
+      if (text === "") return null;
+
+      while (instance.nodeType !== TEXT_NODE) {
+        if (
+          instance.nodeType === ELEMENT_NODE &&
+          instance.nodeName === "INPUT" &&
+          instance.type === "hidden"
+        );
+        else if (!inRootOrSingleton) {
+          return null;
+        }
+
+        var nextInstance = getNextHydratableSibling(instance);
+
+        if (nextInstance === null) {
+          return null;
+        }
+
+        instance = nextInstance;
+      } // This has now been refined to a text node.
+
+      return instance;
+    }
+    function canHydrateSuspenseInstance(instance, inRootOrSingleton) {
+      while (instance.nodeType !== COMMENT_NODE) {
+        if (!inRootOrSingleton) {
+          return null;
+        }
+
+        var nextInstance = getNextHydratableSibling(instance);
+
+        if (nextInstance === null) {
+          return null;
+        }
+
+        instance = nextInstance;
+      } // This has now been refined to a suspense node.
+
+      return instance;
+    }
+    function isSuspenseInstancePending(instance) {
+      return instance.data === SUSPENSE_PENDING_START_DATA;
+    }
+    function isSuspenseInstanceFallback(instance) {
+      return instance.data === SUSPENSE_FALLBACK_START_DATA;
+    }
+    function getSuspenseInstanceFallbackErrorDetails(instance) {
+      var dataset = instance.nextSibling && instance.nextSibling.dataset;
+      var digest, message, stack, componentStack;
+
+      if (dataset) {
+        digest = dataset.dgst;
+
+        {
+          message = dataset.msg;
+          stack = dataset.stck;
+          componentStack = dataset.cstck;
+        }
+      }
+
+      {
+        return {
+          message: message,
+          digest: digest,
+          stack: stack,
+          componentStack: componentStack
+        };
+      }
+    }
+    function registerSuspenseInstanceRetry(instance, callback) {
+      instance._reactRetry = callback;
+    }
+    function canHydrateFormStateMarker(instance, inRootOrSingleton) {
+      while (instance.nodeType !== COMMENT_NODE) {
+        if (!inRootOrSingleton) {
+          return null;
+        }
+
+        var nextInstance = getNextHydratableSibling(instance);
+
+        if (nextInstance === null) {
+          return null;
+        }
+
+        instance = nextInstance;
+      }
+
+      var nodeData = instance.data;
+
+      if (
+        nodeData === FORM_STATE_IS_MATCHING ||
+        nodeData === FORM_STATE_IS_NOT_MATCHING
+      ) {
+        var markerInstance = instance;
+        return markerInstance;
+      }
+
+      return null;
+    }
+    function isFormStateMarkerMatching(markerInstance) {
+      return markerInstance.data === FORM_STATE_IS_MATCHING;
+    }
+
+    function getNextHydratable(node) {
+      // Skip non-hydratable nodes.
+      for (; node != null; node = node.nextSibling) {
+        var nodeType = node.nodeType;
+
+        if (nodeType === ELEMENT_NODE || nodeType === TEXT_NODE) {
+          break;
+        }
+
+        if (nodeType === COMMENT_NODE) {
+          var nodeData = node.data;
+
+          if (
+            nodeData === SUSPENSE_START_DATA ||
+            nodeData === SUSPENSE_FALLBACK_START_DATA ||
+            nodeData === SUSPENSE_PENDING_START_DATA ||
+            nodeData === FORM_STATE_IS_MATCHING ||
+            nodeData === FORM_STATE_IS_NOT_MATCHING
+          ) {
+            break;
+          }
+
+          if (nodeData === SUSPENSE_END_DATA) {
+            return null;
+          }
+        }
+      }
+
+      return node;
+    }
+
+    function getNextHydratableSibling(instance) {
+      return getNextHydratable(instance.nextSibling);
+    }
+    function getFirstHydratableChild(parentInstance) {
+      return getNextHydratable(parentInstance.firstChild);
+    }
+    function getFirstHydratableChildWithinContainer(parentContainer) {
+      return getNextHydratable(parentContainer.firstChild);
+    }
+    function getFirstHydratableChildWithinSuspenseInstance(parentInstance) {
+      return getNextHydratable(parentInstance.nextSibling);
+    }
+    function describeHydratableInstanceForDevWarnings(instance) {
+      // Reverse engineer a pseudo react-element from hydratable instnace
+      if (instance.nodeType === ELEMENT_NODE) {
+        // Reverse engineer a set of props that can print for dev warnings
+        return {
+          type: instance.nodeName.toLowerCase(),
+          props: getPropsFromElement(instance)
+        };
+      } else if (instance.nodeType === COMMENT_NODE) {
+        return {
+          type: "Suspense",
+          props: {}
+        };
+      } else {
+        return instance.nodeValue;
+      }
+    }
+    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
+    ) {
+      precacheFiberNode(internalInstanceHandle, instance); // TODO: Possibly defer this until the commit phase where all the events
+      // get attached.
+
+      updateFiberProps(instance, props);
+      return hydrateProperties(instance, type, props);
+    } // Returns a Map of properties that were different on the server.
+
+    function diffHydratedPropsForDevWarnings(
+      instance,
+      type,
+      props,
+      hostContext
+    ) {
+      return diffHydratedProperties(instance, type, props, 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,
+      parentInstanceProps
+    ) {
+      precacheFiberNode(internalInstanceHandle, textInstance);
+      return hydrateText(textInstance, text, parentInstanceProps);
+    } // Returns the server text if it differs from the client.
+
+    function diffHydratedTextForDevWarnings(textInstance, text, parentProps) {
+      if (
+        parentProps === null ||
+        parentProps[SUPPRESS_HYDRATION_WARNING] !== true
+      ) {
+        return diffHydratedText(textInstance, text);
+      }
+
+      return null;
+    }
+    function hydrateSuspenseInstance(suspenseInstance, internalInstanceHandle) {
+      precacheFiberNode(internalInstanceHandle, suspenseInstance);
+    }
+    function getNextHydratableInstanceAfterSuspenseInstance(suspenseInstance) {
+      var node = suspenseInstance.nextSibling; // Skip past all nodes within this suspense boundary.
+      // There might be nested nodes so we need to keep track of how
+      // deep we are and only break out when we're back on top.
+
+      var depth = 0;
+
+      while (node) {
+        if (node.nodeType === COMMENT_NODE) {
+          var data = node.data;
+
+          if (data === SUSPENSE_END_DATA) {
+            if (depth === 0) {
+              return getNextHydratableSibling(node);
+            } else {
+              depth--;
+            }
+          } else if (
+            data === SUSPENSE_START_DATA ||
+            data === SUSPENSE_FALLBACK_START_DATA ||
+            data === SUSPENSE_PENDING_START_DATA
+          ) {
+            depth++;
+          }
+        }
+
+        node = node.nextSibling;
+      } // TODO: Warn, we didn't find the end comment boundary.
+
+      return null;
+    } // Returns the SuspenseInstance if this node is a direct child of a
+    // SuspenseInstance. I.e. if its previous sibling is a Comment with
+    // SUSPENSE_x_START_DATA. Otherwise, null.
+
+    function getParentSuspenseInstance(targetInstance) {
+      var node = targetInstance.previousSibling; // Skip past all nodes within this suspense boundary.
+      // There might be nested nodes so we need to keep track of how
+      // deep we are and only break out when we're back on top.
+
+      var depth = 0;
+
+      while (node) {
+        if (node.nodeType === COMMENT_NODE) {
+          var data = node.data;
+
+          if (
+            data === SUSPENSE_START_DATA ||
+            data === SUSPENSE_FALLBACK_START_DATA ||
+            data === SUSPENSE_PENDING_START_DATA
+          ) {
+            if (depth === 0) {
+              return node;
+            } else {
+              depth--;
+            }
+          } else if (data === SUSPENSE_END_DATA) {
+            depth++;
+          }
+        }
+
+        node = node.previousSibling;
+      }
+
+      return null;
+    }
+    function commitHydratedContainer(container) {
+      // Retry if any event replaying was blocked on this.
+      retryIfBlockedOn(container);
+    }
+    function commitHydratedSuspenseInstance(suspenseInstance) {
+      // Retry if any event replaying was blocked on this.
+      retryIfBlockedOn(suspenseInstance);
+    }
+    function shouldDeleteUnhydratedTailInstances(parentType) {
+      return parentType !== "form" && parentType !== "button";
+    } // -------------------
+    function requestPostPaintCallback(callback) {
+      localRequestAnimationFrame(function () {
+        localRequestAnimationFrame(function (time) {
+          return callback(time);
+        });
+      });
+    } // -------------------
+    function isHostSingletonType(type) {
+      return type === "html" || type === "head" || type === "body";
+    }
+    function resolveSingletonInstance(
+      type,
+      props,
+      rootContainerInstance,
+      hostContext,
+      validateDOMNestingDev
+    ) {
+      {
+        var hostContextDev = hostContext;
+
+        if (validateDOMNestingDev) {
+          validateDOMNesting(type, hostContextDev.ancestorInfo);
+        }
+      }
+
+      var ownerDocument = getOwnerDocumentFromRootContainer(
+        rootContainerInstance
+      );
+
+      switch (type) {
+        case "html": {
+          var documentElement = ownerDocument.documentElement;
+
+          if (!documentElement) {
+            throw new Error(
+              "React expected an <html> element (document.documentElement) to exist in the Document but one was" +
+                " not found. React never removes the documentElement for any Document it renders into so" +
+                " the cause is likely in some other script running on this page."
+            );
+          }
+
+          return documentElement;
+        }
+
+        case "head": {
+          var head = ownerDocument.head;
+
+          if (!head) {
+            throw new Error(
+              "React expected a <head> element (document.head) to exist in the Document but one was" +
+                " not found. React never removes the head for any Document it renders into so" +
+                " the cause is likely in some other script running on this page."
+            );
+          }
+
+          return head;
+        }
+
+        case "body": {
+          var body = ownerDocument.body;
+
+          if (!body) {
+            throw new Error(
+              "React expected a <body> element (document.body) to exist in the Document but one was" +
+                " not found. React never removes the body for any Document it renders into so" +
+                " the cause is likely in some other script running on this page."
+            );
+          }
+
+          return body;
+        }
+
+        default: {
+          throw new Error(
+            "resolveSingletonInstance was called with an element type that is not supported. This is a bug in React."
+          );
+        }
+      }
+    }
+    function acquireSingletonInstance(
+      type,
+      props,
+      instance,
+      internalInstanceHandle
+    ) {
+      {
+        var currentInstanceHandle = getInstanceFromNode$1(instance);
+
+        if (currentInstanceHandle) {
+          var tagName = instance.tagName.toLowerCase();
+
+          error(
+            "You are mounting a new %s component when a previous one has not first unmounted. It is an" +
+              " error to render more than one %s component at a time and attributes and children of these" +
+              " components will likely fail in unpredictable ways. Please only render a single instance of" +
+              " <%s> and if you need to mount a new one, ensure any previous ones have unmounted first.",
+            tagName,
+            tagName,
+            tagName
+          );
+        }
+
+        switch (type) {
+          case "html":
+          case "head":
+          case "body": {
+            break;
+          }
+
+          default: {
+            error(
+              "acquireSingletonInstance was called with an element type that is not supported. This is a bug in React."
+            );
+          }
+        }
+      }
+
+      var attributes = instance.attributes;
+
+      while (attributes.length) {
+        instance.removeAttributeNode(attributes[0]);
+      }
+
+      setInitialProperties(instance, type, props);
+      precacheFiberNode(internalInstanceHandle, instance);
+      updateFiberProps(instance, props);
+    }
+    function releaseSingletonInstance(instance) {
+      var attributes = instance.attributes;
+
+      while (attributes.length) {
+        instance.removeAttributeNode(attributes[0]);
+      }
+
+      detachDeletedInstance(instance);
+    }
+    function clearSingleton(instance) {
+      var element = instance;
+      var node = element.firstChild;
+
+      while (node) {
+        var nextNode = node.nextSibling;
+        var nodeName = node.nodeName;
+
+        if (
+          isMarkedHoistable(node) ||
+          nodeName === "HEAD" ||
+          nodeName === "BODY" ||
+          nodeName === "SCRIPT" ||
+          nodeName === "STYLE" ||
+          (nodeName === "LINK" && node.rel.toLowerCase() === "stylesheet")
+        );
+        else {
+          element.removeChild(node);
+        }
+
+        node = nextNode;
+      }
+
+      return;
+    } // -------------------
+    var NotLoaded =
+      /*       */
+      0;
+    var Loaded =
+      /*          */
+      1;
+    var Errored =
+      /*         */
+      2;
+    var Settled =
+      /*         */
+      3;
+    var Inserted =
+      /*        */
+      4;
+    function prepareToCommitHoistables() {
+      tagCaches = null;
+    } // global collections of Resources
+
+    var preloadPropsMap = new Map();
+    var preconnectsSet = new Set(); // getRootNode is missing from IE and old jsdom versions
+
+    function getHoistableRoot(container) {
+      // $FlowFixMe[method-unbinding]
+      return typeof container.getRootNode === "function"
+        ? /* $FlowFixMe[incompatible-return] Flow types this as returning a `Node`,
+           * but it's either a `Document` or `ShadowRoot`. */
+          container.getRootNode()
+        : container.ownerDocument;
+    }
+
+    function getCurrentResourceRoot() {
+      var currentContainer = getCurrentRootHostContainer();
+      return currentContainer ? getHoistableRoot(currentContainer) : null;
+    }
+
+    function getDocumentFromRoot(root) {
+      return root.ownerDocument || root;
+    }
+
+    var previousDispatcher = ReactDOMCurrentDispatcher$1.current;
+    ReactDOMCurrentDispatcher$1.current = {
+      prefetchDNS: prefetchDNS$1,
+      preconnect: preconnect$1,
+      preload: preload$1,
+      preloadModule: preloadModule$1,
+      preinitStyle: preinitStyle,
+      preinitScript: preinitScript,
+      preinitModuleScript: preinitModuleScript
+    }; // We expect this to get inlined. It is a function mostly to communicate the special nature of
+    // how we resolve the HoistableRoot for ReactDOM.pre*() methods. Because we support calling
+    // these methods outside of render there is no way to know which Document or ShadowRoot is 'scoped'
+    // and so we have to fall back to something universal. Currently we just refer to the global document.
+    // This is notable because nowhere else in ReactDOM do we actually reference the global document or window
+    // because we may be rendering inside an iframe.
+
+    var globalDocument = typeof document === "undefined" ? null : document;
+
+    function getGlobalDocument() {
+      return globalDocument;
+    }
+
+    function preconnectAs(rel, href, crossOrigin) {
+      var ownerDocument = getGlobalDocument();
+
+      if (ownerDocument && typeof href === "string" && href) {
+        var limitedEscapedHref =
+          escapeSelectorAttributeValueInsideDoubleQuotes(href);
+        var key = 'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
+
+        if (typeof crossOrigin === "string") {
+          key += '[crossorigin="' + crossOrigin + '"]';
+        }
+
+        if (!preconnectsSet.has(key)) {
+          preconnectsSet.add(key);
+          var preconnectProps = {
+            rel: rel,
+            crossOrigin: crossOrigin,
+            href: href
+          };
+
+          if (null === ownerDocument.querySelector(key)) {
+            var instance = ownerDocument.createElement("link");
+            setInitialProperties(instance, "link", preconnectProps);
+            markNodeAsHoistable(instance);
+            ownerDocument.head.appendChild(instance);
+          }
+        }
+      }
+    }
+
+    function prefetchDNS$1(href) {
+      previousDispatcher.prefetchDNS(href);
+      preconnectAs("dns-prefetch", href, null);
+    }
+
+    function preconnect$1(href, crossOrigin) {
+      previousDispatcher.preconnect(href, crossOrigin);
+      preconnectAs("preconnect", href, crossOrigin);
+    }
+
+    function preload$1(href, as, options) {
+      previousDispatcher.preload(href, as, options);
+      var ownerDocument = getGlobalDocument();
+
+      if (ownerDocument && href && as) {
+        var preloadSelector =
+          'link[rel="preload"][as="' +
+          escapeSelectorAttributeValueInsideDoubleQuotes(as) +
+          '"]';
+
+        if (as === "image") {
+          if (options && options.imageSrcSet) {
+            preloadSelector +=
+              '[imagesrcset="' +
+              escapeSelectorAttributeValueInsideDoubleQuotes(
+                options.imageSrcSet
+              ) +
+              '"]';
+
+            if (typeof options.imageSizes === "string") {
+              preloadSelector +=
+                '[imagesizes="' +
+                escapeSelectorAttributeValueInsideDoubleQuotes(
+                  options.imageSizes
+                ) +
+                '"]';
+            }
+          } else {
+            preloadSelector +=
+              '[href="' +
+              escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+              '"]';
+          }
+        } else {
+          preloadSelector +=
+            '[href="' +
+            escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+            '"]';
+        } // Some preloads are keyed under their selector. This happens when the preload is for
+        // an arbitrary type. Other preloads are keyed under the resource key they represent a preload for.
+        // Here we figure out which key to use to determine if we have a preload already.
+
+        var key = preloadSelector;
+
+        switch (as) {
+          case "style":
+            key = getStyleKey(href);
+            break;
+
+          case "script":
+            key = getScriptKey(href);
+            break;
+        }
+
+        if (!preloadPropsMap.has(key)) {
+          var preloadProps = assign(
+            {
+              rel: "preload",
+              // There is a bug in Safari where imageSrcSet is not respected on preload links
+              // so we omit the href here if we have imageSrcSet b/c safari will load the wrong image.
+              // This harms older browers that do not support imageSrcSet by making their preloads not work
+              // but this population is shrinking fast and is already small so we accept this tradeoff.
+              href:
+                as === "image" && options && options.imageSrcSet
+                  ? undefined
+                  : href,
+              as: as
+            },
+            options
+          );
+
+          preloadPropsMap.set(key, preloadProps);
+
+          if (null === ownerDocument.querySelector(preloadSelector)) {
+            if (
+              as === "style" &&
+              ownerDocument.querySelector(getStylesheetSelectorFromKey(key))
+            ) {
+              // We already have a stylesheet for this key. We don't need to preload it.
+              return;
+            } else if (
+              as === "script" &&
+              ownerDocument.querySelector(getScriptSelectorFromKey(key))
+            ) {
+              // We already have a stylesheet for this key. We don't need to preload it.
+              return;
+            }
+
+            var instance = ownerDocument.createElement("link");
+            setInitialProperties(instance, "link", preloadProps);
+            markNodeAsHoistable(instance);
+            ownerDocument.head.appendChild(instance);
+          }
+        }
+      }
+    }
+
+    function preloadModule$1(href, options) {
+      previousDispatcher.preloadModule(href, options);
+      var ownerDocument = getGlobalDocument();
+
+      if (ownerDocument && href) {
+        var as =
+          options && typeof options.as === "string" ? options.as : "script";
+        var preloadSelector =
+          'link[rel="modulepreload"][as="' +
+          escapeSelectorAttributeValueInsideDoubleQuotes(as) +
+          '"][href="' +
+          escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+          '"]'; // Some preloads are keyed under their selector. This happens when the preload is for
+        // an arbitrary type. Other preloads are keyed under the resource key they represent a preload for.
+        // Here we figure out which key to use to determine if we have a preload already.
+
+        var key = preloadSelector;
+
+        switch (as) {
+          case "audioworklet":
+          case "paintworklet":
+          case "serviceworker":
+          case "sharedworker":
+          case "worker":
+          case "script": {
+            key = getScriptKey(href);
+            break;
+          }
+        }
+
+        if (!preloadPropsMap.has(key)) {
+          var props = assign(
+            {
+              rel: "modulepreload",
+              href: href
+            },
+            options
+          );
+
+          preloadPropsMap.set(key, props);
+
+          if (null === ownerDocument.querySelector(preloadSelector)) {
+            switch (as) {
+              case "audioworklet":
+              case "paintworklet":
+              case "serviceworker":
+              case "sharedworker":
+              case "worker":
+              case "script": {
+                if (
+                  ownerDocument.querySelector(getScriptSelectorFromKey(key))
+                ) {
+                  return;
+                }
+              }
+            }
+
+            var instance = ownerDocument.createElement("link");
+            setInitialProperties(instance, "link", props);
+            markNodeAsHoistable(instance);
+            ownerDocument.head.appendChild(instance);
+          }
+        }
+      }
+    }
+
+    function preinitStyle(href, precedence, options) {
+      previousDispatcher.preinitStyle(href, precedence, options);
+      var ownerDocument = getGlobalDocument();
+
+      if (ownerDocument && href) {
+        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles;
+        var key = getStyleKey(href);
+        precedence = precedence || "default"; // Check if this resource already exists
+
+        var resource = styles.get(key);
+
+        if (resource) {
+          // We can early return. The resource exists and there is nothing
+          // more to do
+          return;
+        }
+
+        var state = {
+          loading: NotLoaded,
+          preload: null
+        }; // Attempt to hydrate instance from DOM
+
+        var instance = ownerDocument.querySelector(
+          getStylesheetSelectorFromKey(key)
+        );
+
+        if (instance) {
+          state.loading = Loaded | Inserted;
+        } else {
+          // Construct a new instance and insert it
+          var stylesheetProps = assign(
+            {
+              rel: "stylesheet",
+              href: href,
+              "data-precedence": precedence
+            },
+            options
+          );
+
+          var preloadProps = preloadPropsMap.get(key);
+
+          if (preloadProps) {
+            adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
+          }
+
+          var link = (instance = ownerDocument.createElement("link"));
+          markNodeAsHoistable(link);
+          setInitialProperties(link, "link", stylesheetProps);
+          link._p = new Promise(function (resolve, reject) {
+            link.onload = resolve;
+            link.onerror = reject;
+          });
+          link.addEventListener("load", function () {
+            state.loading |= Loaded;
+          });
+          link.addEventListener("error", function () {
+            state.loading |= Errored;
+          });
+          state.loading |= Inserted;
+          insertStylesheet(instance, precedence, ownerDocument);
+        } // Construct a Resource and cache it
+
+        resource = {
+          type: "stylesheet",
+          instance: instance,
+          count: 1,
+          state: state
+        };
+        styles.set(key, resource);
+        return;
+      }
+    }
+
+    function preinitScript(src, options) {
+      previousDispatcher.preinitScript(src, options);
+      var ownerDocument = getGlobalDocument();
+
+      if (ownerDocument && src) {
+        var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts;
+        var key = getScriptKey(src); // Check if this resource already exists
+
+        var resource = scripts.get(key);
+
+        if (resource) {
+          // We can early return. The resource exists and there is nothing
+          // more to do
+          return;
+        } // Attempt to hydrate instance from DOM
+
+        var instance = ownerDocument.querySelector(
+          getScriptSelectorFromKey(key)
+        );
+
+        if (!instance) {
+          // Construct a new instance and insert it
+          var scriptProps = assign(
+            {
+              src: src,
+              async: true
+            },
+            options
+          ); // Adopt certain preload props
+
+          var preloadProps = preloadPropsMap.get(key);
+
+          if (preloadProps) {
+            adoptPreloadPropsForScript(scriptProps, preloadProps);
+          }
+
+          instance = ownerDocument.createElement("script");
+          markNodeAsHoistable(instance);
+          setInitialProperties(instance, "link", scriptProps);
+          ownerDocument.head.appendChild(instance);
+        } // Construct a Resource and cache it
+
+        resource = {
+          type: "script",
+          instance: instance,
+          count: 1,
+          state: null
+        };
+        scripts.set(key, resource);
+        return;
+      }
+    }
+
+    function preinitModuleScript(src, options) {
+      previousDispatcher.preinitModuleScript(src, options);
+      var ownerDocument = getGlobalDocument();
+
+      if (ownerDocument && src) {
+        var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts;
+        var key = getScriptKey(src); // Check if this resource already exists
+
+        var resource = scripts.get(key);
+
+        if (resource) {
+          // We can early return. The resource exists and there is nothing
+          // more to do
+          return;
+        } // Attempt to hydrate instance from DOM
+
+        var instance = ownerDocument.querySelector(
+          getScriptSelectorFromKey(key)
+        );
+
+        if (!instance) {
+          // Construct a new instance and insert it
+          var scriptProps = assign(
+            {
+              src: src,
+              async: true,
+              type: "module"
+            },
+            options
+          ); // Adopt certain preload props
+
+          var preloadProps = preloadPropsMap.get(key);
+
+          if (preloadProps) {
+            adoptPreloadPropsForScript(scriptProps, preloadProps);
+          }
+
+          instance = ownerDocument.createElement("script");
+          markNodeAsHoistable(instance);
+          setInitialProperties(instance, "link", scriptProps);
+          ownerDocument.head.appendChild(instance);
+        } // Construct a Resource and cache it
+
+        resource = {
+          type: "script",
+          instance: instance,
+          count: 1,
+          state: null
+        };
+        scripts.set(key, resource);
+        return;
+      }
+    } // This function is called in begin work and we should always have a currentDocument set
+
+    function getResource(type, currentProps, pendingProps) {
+      var resourceRoot = getCurrentResourceRoot();
+
+      if (!resourceRoot) {
+        throw new Error(
+          '"resourceRoot" was expected to exist. This is a bug in React.'
+        );
+      }
+
+      switch (type) {
+        case "meta":
+        case "title": {
+          return null;
+        }
+
+        case "style": {
+          if (
+            typeof pendingProps.precedence === "string" &&
+            typeof pendingProps.href === "string"
+          ) {
+            var key = getStyleKey(pendingProps.href);
+            var styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
+            var resource = styles.get(key);
+
+            if (!resource) {
+              resource = {
+                type: "style",
+                instance: null,
+                count: 0,
+                state: null
+              };
+              styles.set(key, resource);
+            }
+
+            return resource;
+          }
+
+          return {
+            type: "void",
+            instance: null,
+            count: 0,
+            state: null
+          };
+        }
+
+        case "link": {
+          if (
+            pendingProps.rel === "stylesheet" &&
+            typeof pendingProps.href === "string" &&
+            typeof pendingProps.precedence === "string"
+          ) {
+            var qualifiedProps = pendingProps;
+
+            var _key = getStyleKey(qualifiedProps.href);
+
+            var _styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
+
+            var _resource = _styles.get(_key);
+
+            if (!_resource) {
+              // We asserted this above but Flow can't figure out that the type satisfies
+              var ownerDocument = getDocumentFromRoot(resourceRoot);
+              _resource = {
+                type: "stylesheet",
+                instance: null,
+                count: 0,
+                state: {
+                  loading: NotLoaded,
+                  preload: null
+                }
+              };
+
+              _styles.set(_key, _resource);
+
+              if (!preloadPropsMap.has(_key)) {
+                preloadStylesheet(
+                  ownerDocument,
+                  _key,
+                  preloadPropsFromStylesheet(qualifiedProps),
+                  _resource.state
+                );
+              }
+            }
+
+            return _resource;
+          }
+
+          return null;
+        }
+
+        case "script": {
+          if (
+            typeof pendingProps.src === "string" &&
+            pendingProps.async === true
+          ) {
+            var scriptProps = pendingProps;
+
+            var _key2 = getScriptKey(scriptProps.src);
+
+            var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
+
+            var _resource2 = scripts.get(_key2);
+
+            if (!_resource2) {
+              _resource2 = {
+                type: "script",
+                instance: null,
+                count: 0,
+                state: null
+              };
+              scripts.set(_key2, _resource2);
+            }
+
+            return _resource2;
+          }
+
+          return {
+            type: "void",
+            instance: null,
+            count: 0,
+            state: null
+          };
+        }
+
+        default: {
+          throw new Error(
+            'getResource encountered a type it did not expect: "' +
+              type +
+              '". this is a bug in React.'
+          );
+        }
+      }
+    }
+
+    function styleTagPropsFromRawProps(rawProps) {
+      return assign({}, rawProps, {
+        "data-href": rawProps.href,
+        "data-precedence": rawProps.precedence,
+        href: null,
+        precedence: null
+      });
+    }
+
+    function getStyleKey(href) {
+      var limitedEscapedHref =
+        escapeSelectorAttributeValueInsideDoubleQuotes(href);
+      return 'href="' + limitedEscapedHref + '"';
+    }
+
+    function getStyleTagSelector(href) {
+      var limitedEscapedHref =
+        escapeSelectorAttributeValueInsideDoubleQuotes(href);
+      return 'style[data-href~="' + limitedEscapedHref + '"]';
+    }
+
+    function getStylesheetSelectorFromKey(key) {
+      return 'link[rel="stylesheet"][' + key + "]";
+    }
+
+    function getPreloadStylesheetSelectorFromKey(key) {
+      return 'link[rel="preload"][as="style"][' + key + "]";
+    }
+
+    function stylesheetPropsFromRawProps(rawProps) {
+      return assign({}, rawProps, {
+        "data-precedence": rawProps.precedence,
+        precedence: null
+      });
+    }
+
+    function preloadStylesheet(ownerDocument, key, preloadProps, state) {
+      preloadPropsMap.set(key, preloadProps);
+
+      if (!ownerDocument.querySelector(getStylesheetSelectorFromKey(key))) {
+        // There is no matching stylesheet instance in the Document.
+        // We will insert a preload now to kick off loading because
+        // we expect this stylesheet to commit
+        var preloadEl = ownerDocument.querySelector(
+          getPreloadStylesheetSelectorFromKey(key)
+        );
+
+        if (preloadEl) {
+          // If we find a preload already it was SSR'd and we won't have an actual
+          // loading state to track. For now we will just assume it is loaded
+          state.loading = Loaded;
+        } else {
+          var instance = ownerDocument.createElement("link");
+          state.preload = instance;
+          instance.addEventListener("load", function () {
+            return (state.loading |= Loaded);
+          });
+          instance.addEventListener("error", function () {
+            return (state.loading |= Errored);
+          });
+          setInitialProperties(instance, "link", preloadProps);
+          markNodeAsHoistable(instance);
+          ownerDocument.head.appendChild(instance);
+        }
+      }
+    }
+
+    function preloadPropsFromStylesheet(props) {
+      return {
+        rel: "preload",
+        as: "style",
+        href: props.href,
+        crossOrigin: props.crossOrigin,
+        integrity: props.integrity,
+        media: props.media,
+        hrefLang: props.hrefLang,
+        referrerPolicy: props.referrerPolicy
+      };
+    }
+
+    function getScriptKey(src) {
+      var limitedEscapedSrc =
+        escapeSelectorAttributeValueInsideDoubleQuotes(src);
+      return '[src="' + limitedEscapedSrc + '"]';
+    }
+
+    function getScriptSelectorFromKey(key) {
+      return "script[async]" + key;
+    }
+
+    function acquireResource(hoistableRoot, resource, props) {
+      resource.count++;
+
+      if (resource.instance === null) {
+        switch (resource.type) {
+          case "style": {
+            var qualifiedProps = props; // Attempt to hydrate instance from DOM
+
+            var instance = hoistableRoot.querySelector(
+              getStyleTagSelector(qualifiedProps.href)
+            );
+
+            if (instance) {
+              resource.instance = instance;
+              markNodeAsHoistable(instance);
+              return instance;
+            }
+
+            var styleProps = styleTagPropsFromRawProps(props);
+            var ownerDocument = getDocumentFromRoot(hoistableRoot);
+            instance = ownerDocument.createElement("style");
+            markNodeAsHoistable(instance);
+            setInitialProperties(instance, "style", styleProps); // TODO: `style` does not have loading state for tracking insertions. I
+            // guess because these aren't suspensey? Not sure whether this is a
+            // factoring smell.
+            // resource.state.loading |= Inserted;
+
+            insertStylesheet(
+              instance,
+              qualifiedProps.precedence,
+              hoistableRoot
+            );
+            resource.instance = instance;
+            return instance;
+          }
+
+          case "stylesheet": {
+            // This typing is enforce by `getResource`. If we change the logic
+            // there for what qualifies as a stylesheet resource we need to ensure
+            // this cast still makes sense;
+            var _qualifiedProps = props;
+            var key = getStyleKey(_qualifiedProps.href); // Attempt to hydrate instance from DOM
+
+            var _instance = hoistableRoot.querySelector(
+              getStylesheetSelectorFromKey(key)
+            );
+
+            if (_instance) {
+              resource.state.loading |= Inserted;
+              resource.instance = _instance;
+              markNodeAsHoistable(_instance);
+              return _instance;
+            }
+
+            var stylesheetProps = stylesheetPropsFromRawProps(props);
+            var preloadProps = preloadPropsMap.get(key);
+
+            if (preloadProps) {
+              adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
+            } // Construct and insert a new instance
+
+            var _ownerDocument = getDocumentFromRoot(hoistableRoot);
+
+            _instance = _ownerDocument.createElement("link");
+            markNodeAsHoistable(_instance);
+            var linkInstance = _instance;
+            linkInstance._p = new Promise(function (resolve, reject) {
+              linkInstance.onload = resolve;
+              linkInstance.onerror = reject;
+            });
+            setInitialProperties(_instance, "link", stylesheetProps);
+            resource.state.loading |= Inserted;
+            insertStylesheet(
+              _instance,
+              _qualifiedProps.precedence,
+              hoistableRoot
+            );
+            resource.instance = _instance;
+            return _instance;
+          }
+
+          case "script": {
+            // This typing is enforce by `getResource`. If we change the logic
+            // there for what qualifies as a stylesheet resource we need to ensure
+            // this cast still makes sense;
+            var borrowedScriptProps = props;
+
+            var _key3 = getScriptKey(borrowedScriptProps.src); // Attempt to hydrate instance from DOM
+
+            var _instance2 = hoistableRoot.querySelector(
+              getScriptSelectorFromKey(_key3)
+            );
+
+            if (_instance2) {
+              resource.instance = _instance2;
+              markNodeAsHoistable(_instance2);
+              return _instance2;
+            }
+
+            var scriptProps = borrowedScriptProps;
+
+            var _preloadProps = preloadPropsMap.get(_key3);
+
+            if (_preloadProps) {
+              scriptProps = assign({}, borrowedScriptProps);
+              adoptPreloadPropsForScript(scriptProps, _preloadProps);
+            } // Construct and insert a new instance
+
+            var _ownerDocument2 = getDocumentFromRoot(hoistableRoot);
+
+            _instance2 = _ownerDocument2.createElement("script");
+            markNodeAsHoistable(_instance2);
+            setInitialProperties(_instance2, "link", scriptProps);
+
+            _ownerDocument2.head.appendChild(_instance2);
+
+            resource.instance = _instance2;
+            return _instance2;
+          }
+
+          case "void": {
+            return null;
+          }
+
+          default: {
+            throw new Error(
+              'acquireResource encountered a resource type it did not expect: "' +
+                resource.type +
+                '". this is a bug in React.'
+            );
+          }
+        }
+      } else {
+        // In the case of stylesheets, they might have already been assigned an
+        // instance during `suspendResource`. But that doesn't mean they were
+        // inserted, because the commit might have been interrupted. So we need to
+        // check now.
+        //
+        // The other resource types are unaffected because they are not
+        // yet suspensey.
+        //
+        // TODO: This is a bit of a code smell. Consider refactoring how
+        // `suspendResource` and `acquireResource` work together. The idea is that
+        // `suspendResource` does all the same stuff as `acquireResource` except
+        // for the insertion.
+        if (
+          resource.type === "stylesheet" &&
+          (resource.state.loading & Inserted) === NotLoaded
+        ) {
+          var _qualifiedProps2 = props;
+          var _instance3 = resource.instance;
+          resource.state.loading |= Inserted;
+          insertStylesheet(
+            _instance3,
+            _qualifiedProps2.precedence,
+            hoistableRoot
+          );
+        }
+      }
+
+      return resource.instance;
+    }
+    function releaseResource(resource) {
+      resource.count--;
+    }
+
+    function insertStylesheet(instance, precedence, root) {
+      var nodes = root.querySelectorAll(
+        'link[rel="stylesheet"][data-precedence],style[data-precedence]'
+      );
+      var last = nodes.length ? nodes[nodes.length - 1] : null;
+      var prior = last;
+
+      for (var i = 0; i < nodes.length; i++) {
+        var node = nodes[i];
+        var nodePrecedence = node.dataset.precedence;
+
+        if (nodePrecedence === precedence) {
+          prior = node;
+        } else if (prior !== last) {
+          break;
+        }
+      }
+
+      if (prior) {
+        // We get the prior from the document so we know it is in the tree.
+        // We also know that links can't be the topmost Node so the parentNode
+        // must exist.
+        prior.parentNode.insertBefore(instance, prior.nextSibling);
+      } else {
+        var parent = root.nodeType === DOCUMENT_NODE ? root.head : root;
+        parent.insertBefore(instance, parent.firstChild);
+      }
+    }
+
+    function adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps) {
+      if (stylesheetProps.crossOrigin == null)
+        stylesheetProps.crossOrigin = preloadProps.crossOrigin;
+      if (stylesheetProps.referrerPolicy == null)
+        stylesheetProps.referrerPolicy = preloadProps.referrerPolicy;
+      if (stylesheetProps.title == null)
+        stylesheetProps.title = preloadProps.title;
+    }
+
+    function adoptPreloadPropsForScript(scriptProps, preloadProps) {
+      if (scriptProps.crossOrigin == null)
+        scriptProps.crossOrigin = preloadProps.crossOrigin;
+      if (scriptProps.referrerPolicy == null)
+        scriptProps.referrerPolicy = preloadProps.referrerPolicy;
+      if (scriptProps.integrity == null)
+        scriptProps.integrity = preloadProps.integrity;
+    }
+
+    var tagCaches = null;
+    function hydrateHoistable(
+      hoistableRoot,
+      type,
+      props,
+      internalInstanceHandle
+    ) {
+      var ownerDocument = getDocumentFromRoot(hoistableRoot);
+      var instance = null;
+
+      getInstance: switch (type) {
+        case "title": {
+          instance = ownerDocument.getElementsByTagName("title")[0];
+
+          if (
+            !instance ||
+            isOwnedInstance(instance) ||
+            instance.namespaceURI === SVG_NAMESPACE ||
+            instance.hasAttribute("itemprop")
+          ) {
+            instance = ownerDocument.createElement(type);
+            ownerDocument.head.insertBefore(
+              instance,
+              ownerDocument.querySelector("head > title")
+            );
+          }
+
+          setInitialProperties(instance, type, props);
+          precacheFiberNode(internalInstanceHandle, instance);
+          markNodeAsHoistable(instance);
+          return instance;
+        }
+
+        case "link": {
+          var cache = getHydratableHoistableCache(
+            "link",
+            "href",
+            ownerDocument
+          );
+          var key = type + (props.href || "");
+          var maybeNodes = cache.get(key);
+
+          if (maybeNodes) {
+            var nodes = maybeNodes;
+
+            for (var i = 0; i < nodes.length; i++) {
+              var node = nodes[i];
+
+              if (
+                node.getAttribute("href") !==
+                  (props.href == null ? null : props.href) ||
+                node.getAttribute("rel") !==
+                  (props.rel == null ? null : props.rel) ||
+                node.getAttribute("title") !==
+                  (props.title == null ? null : props.title) ||
+                node.getAttribute("crossorigin") !==
+                  (props.crossOrigin == null ? null : props.crossOrigin)
+              ) {
+                // mismatch, try the next node;
+                continue;
+              }
+
+              instance = node;
+              nodes.splice(i, 1);
+              break getInstance;
+            }
+          }
+
+          instance = ownerDocument.createElement(type);
+          setInitialProperties(instance, type, props);
+          ownerDocument.head.appendChild(instance);
+          break;
+        }
+
+        case "meta": {
+          var _cache = getHydratableHoistableCache(
+            "meta",
+            "content",
+            ownerDocument
+          );
+
+          var _key4 = type + (props.content || "");
+
+          var _maybeNodes = _cache.get(_key4);
+
+          if (_maybeNodes) {
+            var _nodes = _maybeNodes;
+
+            for (var _i = 0; _i < _nodes.length; _i++) {
+              var _node = _nodes[_i]; // We coerce content to string because it is the most likely one to
+              // use a `toString` capable value. For the rest we just do identity match
+              // passing non-strings here is not really valid anyway.
+
+              {
+                checkAttributeStringCoercion(props.content, "content");
+              }
+
+              if (
+                _node.getAttribute("content") !==
+                  (props.content == null ? null : "" + props.content) ||
+                _node.getAttribute("name") !==
+                  (props.name == null ? null : props.name) ||
+                _node.getAttribute("property") !==
+                  (props.property == null ? null : props.property) ||
+                _node.getAttribute("http-equiv") !==
+                  (props.httpEquiv == null ? null : props.httpEquiv) ||
+                _node.getAttribute("charset") !==
+                  (props.charSet == null ? null : props.charSet)
+              ) {
+                // mismatch, try the next node;
+                continue;
+              }
+
+              instance = _node;
+
+              _nodes.splice(_i, 1);
+
+              break getInstance;
+            }
+          }
+
+          instance = ownerDocument.createElement(type);
+          setInitialProperties(instance, type, props);
+          ownerDocument.head.appendChild(instance);
+          break;
+        }
+
+        default:
+          throw new Error(
+            'getNodesForType encountered a type it did not expect: "' +
+              type +
+              '". This is a bug in React.'
+          );
+      } // This node is a match
+
+      precacheFiberNode(internalInstanceHandle, instance);
+      markNodeAsHoistable(instance);
+      return instance;
+    }
+
+    function getHydratableHoistableCache(type, keyAttribute, ownerDocument) {
+      var cache;
+      var caches;
+
+      if (tagCaches === null) {
+        cache = new Map();
+        caches = tagCaches = new Map();
+        caches.set(ownerDocument, cache);
+      } else {
+        caches = tagCaches;
+        var maybeCache = caches.get(ownerDocument);
+
+        if (!maybeCache) {
+          cache = new Map();
+          caches.set(ownerDocument, cache);
+        } else {
+          cache = maybeCache;
+        }
+      }
+
+      if (cache.has(type)) {
+        // We use type as a special key that signals that this cache has been seeded for this type
+        return cache;
+      } // Mark this cache as seeded for this type
+
+      cache.set(type, null);
+      var nodes = ownerDocument.getElementsByTagName(type);
+
+      for (var i = 0; i < nodes.length; i++) {
+        var node = nodes[i];
+
+        if (
+          !isOwnedInstance(node) &&
+          (type !== "link" || node.getAttribute("rel") !== "stylesheet") &&
+          node.namespaceURI !== SVG_NAMESPACE
+        ) {
+          var nodeKey = node.getAttribute(keyAttribute) || "";
+          var key = type + nodeKey;
+          var existing = cache.get(key);
+
+          if (existing) {
+            existing.push(node);
+          } else {
+            cache.set(key, [node]);
+          }
+        }
+      }
+
+      return cache;
+    }
+
+    function mountHoistable(hoistableRoot, type, instance) {
+      var ownerDocument = getDocumentFromRoot(hoistableRoot);
+      ownerDocument.head.insertBefore(
+        instance,
+        type === "title" ? ownerDocument.querySelector("head > title") : null
+      );
+    }
+    function unmountHoistable(instance) {
+      instance.parentNode.removeChild(instance);
+    }
+    function isHostHoistableType(type, props, hostContext) {
+      var outsideHostContainerContext;
+      var hostContextProd;
+
+      {
+        var hostContextDev = hostContext; // We can only render resources when we are not within the host container context
+
+        outsideHostContainerContext =
+          !hostContextDev.ancestorInfo.containerTagInScope;
+        hostContextProd = hostContextDev.context;
+      } // Global opt out of hoisting for anything in SVG Namespace or anything with an itemProp inside an itemScope
+
+      if (
+        hostContextProd === HostContextNamespaceSvg ||
+        props.itemProp != null
+      ) {
+        {
+          if (
+            outsideHostContainerContext &&
+            props.itemProp != null &&
+            (type === "meta" ||
+              type === "title" ||
+              type === "style" ||
+              type === "link" ||
+              type === "script")
+          ) {
+            error(
+              "Cannot render a <%s> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an" +
+                " `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <%s> remove the `itemProp` prop." +
+                " Otherwise, try moving this tag into the <head> or <body> of the Document.",
+              type,
+              type
+            );
+          }
+        }
+
+        return false;
+      }
+
+      switch (type) {
+        case "meta":
+        case "title": {
+          return true;
+        }
+
+        case "style": {
+          if (
+            typeof props.precedence !== "string" ||
+            typeof props.href !== "string" ||
+            props.href === ""
+          ) {
+            {
+              if (outsideHostContainerContext) {
+                error(
+                  "Cannot render a <style> outside the main document without knowing its precedence and a unique href key." +
+                    " React can hoist and deduplicate <style> tags if you provide a `precedence` prop along with an `href` prop that" +
+                    ' does not conflic with the `href` values used in any other hoisted <style> or <link rel="stylesheet" ...> tags. ' +
+                    " Note that hoisting <style> tags is considered an advanced feature that most will not use directly." +
+                    ' Consider moving the <style> tag to the <head> or consider adding a `precedence="default"` and `href="some unique resource identifier"`, or move the <style>' +
+                    " to the <style> tag."
+                );
+              }
+            }
+
+            return false;
+          }
+
+          return true;
+        }
+
+        case "link": {
+          if (
+            typeof props.rel !== "string" ||
+            typeof props.href !== "string" ||
+            props.href === "" ||
+            props.onLoad ||
+            props.onError
+          ) {
+            {
+              if (
+                props.rel === "stylesheet" &&
+                typeof props.precedence === "string"
+              ) {
+                validateLinkPropsForStyleResource(props);
+              }
+
+              if (outsideHostContainerContext) {
+                if (
+                  typeof props.rel !== "string" ||
+                  typeof props.href !== "string" ||
+                  props.href === ""
+                ) {
+                  error(
+                    "Cannot render a <link> outside the main document without a `rel` and `href` prop." +
+                      " Try adding a `rel` and/or `href` prop to this <link> or moving the link into the <head> tag"
+                  );
+                } else if (props.onError || props.onLoad) {
+                  error(
+                    "Cannot render a <link> with onLoad or onError listeners outside the main document." +
+                      " Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or" +
+                      " somewhere in the <body>."
+                  );
+                }
+              }
+            }
+
+            return false;
+          }
+
+          switch (props.rel) {
+            case "stylesheet": {
+              var precedence = props.precedence,
+                disabled = props.disabled;
+
+              {
+                if (typeof precedence !== "string") {
+                  if (outsideHostContainerContext) {
+                    error(
+                      'Cannot render a <link rel="stylesheet" /> outside the main document without knowing its precedence.' +
+                        ' Consider adding precedence="default" or moving it into the root <head> tag.'
+                    );
+                  }
+                }
+              }
+
+              return typeof precedence === "string" && disabled == null;
+            }
+
+            default: {
+              return true;
+            }
+          }
+        }
+
+        case "script": {
+          if (
+            props.async !== true ||
+            props.onLoad ||
+            props.onError ||
+            typeof props.src !== "string" ||
+            !props.src
+          ) {
+            {
+              if (outsideHostContainerContext) {
+                if (props.async !== true) {
+                  error(
+                    "Cannot render a sync or defer <script> outside the main document without knowing its order." +
+                      ' Try adding async="" or moving it into the root <head> tag.'
+                  );
+                } else if (props.onLoad || props.onError) {
+                  error(
+                    "Cannot render a <script> with onLoad or onError listeners outside the main document." +
+                      " Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or" +
+                      " somewhere in the <body>."
+                  );
+                } else {
+                  error(
+                    "Cannot render a <script> outside the main document without `async={true}` and a non-empty `src` prop." +
+                      " Ensure there is a valid `src` and either make the script async or move it into the root <head> tag or" +
+                      " somewhere in the <body>."
+                  );
+                }
+              }
+            }
+
+            return false;
+          }
+
+          return true;
+        }
+
+        case "noscript":
+        case "template": {
+          {
+            if (outsideHostContainerContext) {
+              error(
+                "Cannot render <%s> outside the main document. Try moving it into the root <head> tag.",
+                type
+              );
+            }
+          }
+
+          return false;
+        }
+      }
+
+      return false;
+    }
+    function mayResourceSuspendCommit(resource) {
+      return (
+        resource.type === "stylesheet" &&
+        (resource.state.loading & Inserted) === NotLoaded
+      );
+    }
+    function preloadInstance(type, props) {
+      // Return true to indicate it's already loaded
+      return true;
+    }
+    function preloadResource(resource) {
+      if (
+        resource.type === "stylesheet" &&
+        (resource.state.loading & Settled) === NotLoaded
+      ) {
+        // we have not finished loading the underlying stylesheet yet.
+        return false;
+      } // Return true to indicate it's already loaded
+
+      return true;
+    }
+    var suspendedState = null; // We use a noop function when we begin suspending because if possible we want the
+    // waitfor step to finish synchronously. If it doesn't we'll return a function to
+    // provide the actual unsuspend function and that will get completed when the count
+    // hits zero or it will get cancelled if the root starts new work.
+
+    function noop$1() {}
+
+    function startSuspendingCommit() {
+      suspendedState = {
+        stylesheets: null,
+        count: 0,
+        unsuspend: noop$1
+      };
+    }
+    function suspendResource(hoistableRoot, resource, props) {
+      if (suspendedState === null) {
+        throw new Error(
+          "Internal React Error: suspendedState null when it was expected to exists. Please report this as a React bug."
+        );
+      }
+
+      var state = suspendedState;
+
+      if (resource.type === "stylesheet") {
+        if (typeof props.media === "string") {
+          // If we don't currently match media we avoid suspending on this resource
+          // and let it insert on the mutation path
+          if (matchMedia(props.media).matches === false) {
+            return;
+          }
+        }
+
+        if ((resource.state.loading & Inserted) === NotLoaded) {
+          if (resource.instance === null) {
+            var qualifiedProps = props;
+            var key = getStyleKey(qualifiedProps.href); // Attempt to hydrate instance from DOM
+
+            var instance = hoistableRoot.querySelector(
+              getStylesheetSelectorFromKey(key)
+            );
+
+            if (instance) {
+              // If this instance has a loading state it came from the Fizz runtime.
+              // If there is not loading state it is assumed to have been server rendered
+              // as part of the preamble and therefore synchronously loaded. It could have
+              // errored however which we still do not yet have a means to detect. For now
+              // we assume it is loaded.
+              var maybeLoadingState = instance._p;
+
+              if (
+                maybeLoadingState !== null &&
+                typeof maybeLoadingState === "object" && // $FlowFixMe[method-unbinding]
+                typeof maybeLoadingState.then === "function"
+              ) {
+                var loadingState = maybeLoadingState;
+                state.count++;
+                var ping = onUnsuspend.bind(state);
+                loadingState.then(ping, ping);
+              }
+
+              resource.state.loading |= Inserted;
+              resource.instance = instance;
+              markNodeAsHoistable(instance);
+              return;
+            }
+
+            var ownerDocument = getDocumentFromRoot(hoistableRoot);
+            var stylesheetProps = stylesheetPropsFromRawProps(props);
+            var preloadProps = preloadPropsMap.get(key);
+
+            if (preloadProps) {
+              adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
+            } // Construct and insert a new instance
+
+            instance = ownerDocument.createElement("link");
+            markNodeAsHoistable(instance);
+            var linkInstance = instance; // This Promise is a loading state used by the Fizz runtime. We need this incase there is a race
+            // between this resource being rendered on the client and being rendered with a late completed boundary.
+
+            linkInstance._p = new Promise(function (resolve, reject) {
+              linkInstance.onload = resolve;
+              linkInstance.onerror = reject;
+            });
+            setInitialProperties(instance, "link", stylesheetProps);
+            resource.instance = instance;
+          }
+
+          if (state.stylesheets === null) {
+            state.stylesheets = new Map();
+          }
+
+          state.stylesheets.set(resource, hoistableRoot);
+          var preloadEl = resource.state.preload;
+
+          if (preloadEl && (resource.state.loading & Settled) === NotLoaded) {
+            state.count++;
+
+            var _ping = onUnsuspend.bind(state);
+
+            preloadEl.addEventListener("load", _ping);
+            preloadEl.addEventListener("error", _ping);
+          }
+        }
+      }
+    }
+    function waitForCommitToBeReady() {
+      if (suspendedState === null) {
+        throw new Error(
+          "Internal React Error: suspendedState null when it was expected to exists. Please report this as a React bug."
+        );
+      }
+
+      var state = suspendedState;
+
+      if (state.stylesheets && state.count === 0) {
+        // We are not currently blocked but we have not inserted all stylesheets.
+        // If this insertion happens and loads or errors synchronously then we can
+        // avoid suspending the commit. To do this we check the count again immediately after
+        insertSuspendedStylesheets(state, state.stylesheets);
+      } // We need to check the count again because the inserted stylesheets may have led to new
+      // tasks to wait on.
+
+      if (state.count > 0) {
+        return function (commit) {
+          // We almost never want to show content before its styles have loaded. But
+          // eventually we will give up and allow unstyled content. So this number is
+          // somewhat arbitrary — big enough that you'd only reach it under
+          // extreme circumstances.
+          // TODO: Figure out what the browser engines do during initial page load and
+          // consider aligning our behavior with that.
+          var stylesheetTimer = setTimeout(function () {
+            if (state.stylesheets) {
+              insertSuspendedStylesheets(state, state.stylesheets);
+            }
+
+            if (state.unsuspend) {
+              var unsuspend = state.unsuspend;
+              state.unsuspend = null;
+              unsuspend();
+            }
+          }, 60000); // one minute
+
+          state.unsuspend = commit;
+          return function () {
+            state.unsuspend = null;
+            clearTimeout(stylesheetTimer);
+          };
+        };
+      }
+
+      return null;
+    }
+
+    function onUnsuspend() {
+      this.count--;
+
+      if (this.count === 0) {
+        if (this.stylesheets) {
+          // If we haven't actually inserted the stylesheets yet we need to do so now before starting the commit.
+          // The reason we do this after everything else has finished is because we want to have all the stylesheets
+          // load synchronously right before mutating. Ideally the new styles will cause a single recalc only on the
+          // new tree. When we filled up stylesheets we only inlcuded stylesheets with matching media attributes so we
+          // wait for them to load before actually continuing. We expect this to increase the count above zero
+          insertSuspendedStylesheets(this, this.stylesheets);
+        } else if (this.unsuspend) {
+          var unsuspend = this.unsuspend;
+          this.unsuspend = null;
+          unsuspend();
+        }
+      }
+    } // 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) {
+      // We need to clear this out so we don't try to reinsert after the stylesheets have loaded
+      state.stylesheets = null;
+
+      if (state.unsuspend === null) {
+        // The suspended commit was cancelled. We don't need to insert any stylesheets.
+        return;
+      } // Temporarily increment count. we don't want any synchronously loaded stylesheets to try to unsuspend
+      // before we finish inserting all stylesheets.
+
+      state.count++;
+      precedencesByRoot = new Map();
+      resources.forEach(insertStylesheetIntoRoot, state);
+      precedencesByRoot = null; // We can remove our temporary count and if we're still at zero we can unsuspend.
+      // If we are in the synchronous phase before deciding if the commit should suspend and this
+      // ends up hitting the unsuspend path it will just invoke the noop unsuspend.
+
+      onUnsuspend.call(state);
+    }
+
+    function insertStylesheetIntoRoot(root, resource, map) {
+      if (resource.state.loading & Inserted) {
+        // This resource was inserted by another root committing. we don't need to insert it again
+        return;
+      }
+
+      var last;
+      var precedences = precedencesByRoot.get(root);
+
+      if (!precedences) {
+        precedences = new Map();
+        precedencesByRoot.set(root, precedences);
+        var nodes = root.querySelectorAll(
+          "link[data-precedence],style[data-precedence]"
+        );
+
+        for (var i = 0; i < nodes.length; i++) {
+          var node = nodes[i];
+
+          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(node.dataset.precedence, node);
+            last = node;
+          }
+        }
+
+        if (last) {
+          precedences.set(LAST_PRECEDENCE, last);
+        }
+      } else {
+        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(precedence) || last;
+
+      if (prior === last) {
+        precedences.set(LAST_PRECEDENCE, instance);
+      }
+
+      precedences.set(precedence, instance);
+      this.count++;
+      var onComplete = onUnsuspend.bind(this);
+      instance.addEventListener("load", onComplete);
+      instance.addEventListener("error", onComplete);
+
+      if (prior) {
+        prior.parentNode.insertBefore(instance, prior.nextSibling);
+      } else {
+        var parent = root.nodeType === DOCUMENT_NODE ? root.head : root;
+        parent.insertBefore(instance, parent.firstChild);
+      }
+
+      resource.state.loading |= Inserted;
+    }
+
+    var NotPendingTransition = NotPending;
+
+    var emptyContextObject = {};
+
+    {
+      Object.freeze(emptyContextObject);
+    } // A cursor to the current merged context object on the stack.
+
+    function hasContextChanged() {
+      {
+        return false;
+      }
+    }
+
+    function isContextProvider(type) {
+      {
+        return false;
+      }
+    }
+
+    function processChildContext(fiber, type, parentContext) {
+      {
+        return parentContext;
+      }
+    }
+
+    function findCurrentUnmaskedContext(fiber) {
+      {
+        return emptyContextObject;
+      }
+    }
+
+    var LegacyRoot = 0;
+    var ConcurrentRoot = 1;
+
+    // We use the existence of the state object as an indicator that the component
+    // is hidden.
+    var OffscreenVisible =
+      /*                     */
+      1;
+    var OffscreenDetached =
+      /*                    */
+      2;
+    var OffscreenPassiveEffectsConnected =
+      /*     */
+      4;
+    function isOffscreenManual(offscreenFiber) {
+      return (
+        offscreenFiber.memoizedProps !== null &&
+        offscreenFiber.memoizedProps.mode === "manual"
+      );
+    }
+
     var nativeConsole = console;
     var nativeConsoleLog = null;
     var pendingGroupArgs = [];
@@ -15126,1283 +18123,12 @@ if (__DEV__) {
       }
     }
 
-    // We use the existence of the state object as an indicator that the component
-    // is hidden.
-    var OffscreenVisible =
-      /*                     */
-      1;
-    var OffscreenDetached =
-      /*                    */
-      2;
-    var OffscreenPassiveEffectsConnected =
-      /*     */
-      4;
-    function isOffscreenManual(offscreenFiber) {
-      return (
-        offscreenFiber.memoizedProps !== null &&
-        offscreenFiber.memoizedProps.mode === "manual"
-      );
-    }
-
-    // we wait until the current render is over (either finished or interrupted)
-    // before adding it to the fiber/hook queue. Push to this array so we can
-    // access the queue, fiber, update, et al later.
-
-    var concurrentQueues = [];
-    var concurrentQueuesIndex = 0;
-    var concurrentlyUpdatedLanes = NoLanes;
-    function finishQueueingConcurrentUpdates() {
-      var endIndex = concurrentQueuesIndex;
-      concurrentQueuesIndex = 0;
-      concurrentlyUpdatedLanes = NoLanes;
-      var i = 0;
-
-      while (i < endIndex) {
-        var fiber = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var queue = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var update = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var lane = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-
-        if (queue !== null && update !== null) {
-          var pending = queue.pending;
-
-          if (pending === null) {
-            // This is the first update. Create a circular list.
-            update.next = update;
-          } else {
-            update.next = pending.next;
-            pending.next = update;
-          }
-
-          queue.pending = update;
-        }
-
-        if (lane !== NoLane) {
-          markUpdateLaneFromFiberToRoot(fiber, update, lane);
-        }
-      }
-    }
-    function getConcurrentlyUpdatedLanes() {
-      return concurrentlyUpdatedLanes;
-    }
-
-    function enqueueUpdate$1(fiber, queue, update, lane) {
-      // Don't update the `childLanes` on the return path yet. If we already in
-      // the middle of rendering, wait until after it has completed.
-      concurrentQueues[concurrentQueuesIndex++] = fiber;
-      concurrentQueues[concurrentQueuesIndex++] = queue;
-      concurrentQueues[concurrentQueuesIndex++] = update;
-      concurrentQueues[concurrentQueuesIndex++] = lane;
-      concurrentlyUpdatedLanes = mergeLanes(concurrentlyUpdatedLanes, lane); // The fiber's `lane` field is used in some places to check if any work is
-      // scheduled, to perform an eager bailout, so we need to update it immediately.
-      // TODO: We should probably move this to the "shared" queue instead.
-
-      fiber.lanes = mergeLanes(fiber.lanes, lane);
-      var alternate = fiber.alternate;
-
-      if (alternate !== null) {
-        alternate.lanes = mergeLanes(alternate.lanes, lane);
-      }
-    }
-
-    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-      var concurrentQueue = queue;
-      var concurrentUpdate = update;
-      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane);
-      return getRootForUpdatedFiber(fiber);
-    }
-    function enqueueConcurrentHookUpdateAndEagerlyBailout(
-      fiber,
-      queue,
-      update
-    ) {
-      // This function is used to queue an update that doesn't need a rerender. The
-      // only reason we queue it is in case there's a subsequent higher priority
-      // update that causes it to be rebased.
-      var lane = NoLane;
-      var concurrentQueue = queue;
-      var concurrentUpdate = update;
-      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane); // Usually we can rely on the upcoming render phase to process the concurrent
-      // queue. However, since this is a bail out, we're not scheduling any work
-      // here. So the update we just queued will leak until something else happens
-      // to schedule work (if ever).
-      //
-      // Check if we're currently in the middle of rendering a tree, and if not,
-      // process the queue immediately to prevent a leak.
-
-      var isConcurrentlyRendering = getWorkInProgressRoot() !== null;
-
-      if (!isConcurrentlyRendering) {
-        finishQueueingConcurrentUpdates();
-      }
-    }
-    function enqueueConcurrentClassUpdate(fiber, queue, update, lane) {
-      var concurrentQueue = queue;
-      var concurrentUpdate = update;
-      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane);
-      return getRootForUpdatedFiber(fiber);
-    }
-    function enqueueConcurrentRenderForLane(fiber, lane) {
-      enqueueUpdate$1(fiber, null, null, lane);
-      return getRootForUpdatedFiber(fiber);
-    } // Calling this function outside this module should only be done for backwards
-    // compatibility and should always be accompanied by a warning.
-
-    function unsafe_markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
-      // NOTE: For Hyrum's Law reasons, if an infinite update loop is detected, it
-      // should throw before `markUpdateLaneFromFiberToRoot` is called. But this is
-      // undefined behavior and we can change it if we need to; it just so happens
-      // that, at the time of this writing, there's an internal product test that
-      // happens to rely on this.
-      var root = getRootForUpdatedFiber(sourceFiber);
-      markUpdateLaneFromFiberToRoot(sourceFiber, null, lane);
-      return root;
-    }
-
-    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
-      // Update the source fiber's lanes
-      sourceFiber.lanes = mergeLanes(sourceFiber.lanes, lane);
-      var alternate = sourceFiber.alternate;
-
-      if (alternate !== null) {
-        alternate.lanes = mergeLanes(alternate.lanes, lane);
-      } // Walk the parent path to the root and update the child lanes.
-
-      var isHidden = false;
-      var parent = sourceFiber.return;
-      var node = sourceFiber;
-
-      while (parent !== null) {
-        parent.childLanes = mergeLanes(parent.childLanes, lane);
-        alternate = parent.alternate;
-
-        if (alternate !== null) {
-          alternate.childLanes = mergeLanes(alternate.childLanes, lane);
-        }
-
-        if (parent.tag === OffscreenComponent) {
-          // Check if this offscreen boundary is currently hidden.
-          //
-          // The instance may be null if the Offscreen parent was unmounted. Usually
-          // the parent wouldn't be reachable in that case because we disconnect
-          // fibers from the tree when they are deleted. However, there's a weird
-          // edge case where setState is called on a fiber that was interrupted
-          // before it ever mounted. Because it never mounts, it also never gets
-          // deleted. Because it never gets deleted, its return pointer never gets
-          // disconnected. Which means it may be attached to a deleted Offscreen
-          // parent node. (This discovery suggests it may be better for memory usage
-          // if we don't attach the `return` pointer until the commit phase, though
-          // in order to do that we'd need some other way to track the return
-          // pointer during the initial render, like on the stack.)
-          //
-          // This case is always accompanied by a warning, but we still need to
-          // account for it. (There may be other cases that we haven't discovered,
-          // too.)
-          var offscreenInstance = parent.stateNode;
-
-          if (
-            offscreenInstance !== null &&
-            !(offscreenInstance._visibility & OffscreenVisible)
-          ) {
-            isHidden = true;
-          }
-        }
-
-        node = parent;
-        parent = parent.return;
-      }
-
-      if (isHidden && update !== null && node.tag === HostRoot) {
-        var root = node.stateNode;
-        markHiddenUpdate(root, update, lane);
-      }
-    }
-
-    function getRootForUpdatedFiber(sourceFiber) {
-      // TODO: We will detect and infinite update loop and throw even if this fiber
-      // has already unmounted. This isn't really necessary but it happens to be the
-      // current behavior we've used for several release cycles. Consider not
-      // performing this check if the updated fiber already unmounted, since it's
-      // not possible for that to cause an infinite update loop.
-      throwIfInfiniteUpdateLoopDetected(); // When a setState happens, we must ensure the root is scheduled. Because
-      // update queues do not have a backpointer to the root, the only way to do
-      // this currently is to walk up the return path. This used to not be a big
-      // deal because we would have to walk up the return path to set
-      // the `childLanes`, anyway, but now those two traversals happen at
-      // different times.
-      // TODO: Consider adding a `root` backpointer on the update queue.
-
-      detectUpdateOnUnmountedFiber(sourceFiber, sourceFiber);
-      var node = sourceFiber;
-      var parent = node.return;
-
-      while (parent !== null) {
-        detectUpdateOnUnmountedFiber(sourceFiber, node);
-        node = parent;
-        parent = node.return;
-      }
-
-      return node.tag === HostRoot ? node.stateNode : null;
-    }
-
-    function detectUpdateOnUnmountedFiber(sourceFiber, parent) {
-      {
-        var alternate = parent.alternate;
-
-        if (
-          alternate === null &&
-          (parent.flags & (Placement | Hydrating)) !== NoFlags$1
-        ) {
-          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
-        }
-      }
-    }
-
-    var emptyContextObject = {};
-
-    {
-      Object.freeze(emptyContextObject);
-    } // A cursor to the current merged context object on the stack.
-
-    function hasContextChanged() {
-      {
-        return false;
-      }
-    }
-
-    function isContextProvider(type) {
-      {
-        return false;
-      }
-    }
-
-    function processChildContext(fiber, type, parentContext) {
-      {
-        return parentContext;
-      }
-    }
-
-    function findCurrentUnmaskedContext(fiber) {
-      {
-        return emptyContextObject;
-      }
-    }
-
-    /* eslint-disable react-internal/prod-error-codes */
-    // Used by React Refresh runtime through DevTools Global Hook.
-
-    var resolveFamily = null;
-    var failedBoundaries = null;
-    var setRefreshHandler = function (handler) {
-      {
-        resolveFamily = handler;
-      }
-    };
-    function resolveFunctionForHotReloading(type) {
-      {
-        if (resolveFamily === null) {
-          // Hot reloading is disabled.
-          return type;
-        }
-
-        var family = resolveFamily(type);
-
-        if (family === undefined) {
-          return type;
-        } // Use the latest known implementation.
-
-        return family.current;
-      }
-    }
-    function resolveClassForHotReloading(type) {
-      // No implementation differences.
-      return resolveFunctionForHotReloading(type);
-    }
-    function resolveForwardRefForHotReloading(type) {
-      {
-        if (resolveFamily === null) {
-          // Hot reloading is disabled.
-          return type;
-        }
-
-        var family = resolveFamily(type);
-
-        if (family === undefined) {
-          // Check if we're dealing with a real forwardRef. Don't want to crash early.
-          if (
-            type !== null &&
-            type !== undefined &&
-            typeof type.render === "function"
-          ) {
-            // ForwardRef is special because its resolved .type is an object,
-            // but it's possible that we only have its inner render function in the map.
-            // If that inner render function is different, we'll build a new forwardRef type.
-            var currentRender = resolveFunctionForHotReloading(type.render);
-
-            if (type.render !== currentRender) {
-              var syntheticType = {
-                $$typeof: REACT_FORWARD_REF_TYPE,
-                render: currentRender
-              };
-
-              if (type.displayName !== undefined) {
-                syntheticType.displayName = type.displayName;
-              }
-
-              return syntheticType;
-            }
-          }
-
-          return type;
-        } // Use the latest known implementation.
-
-        return family.current;
-      }
-    }
-    function isCompatibleFamilyForHotReloading(fiber, element) {
-      {
-        if (resolveFamily === null) {
-          // Hot reloading is disabled.
-          return false;
-        }
-
-        var prevType = fiber.elementType;
-        var nextType = element.type; // If we got here, we know types aren't === equal.
-
-        var needsCompareFamilies = false;
-        var $$typeofNextType =
-          typeof nextType === "object" && nextType !== null
-            ? nextType.$$typeof
-            : null;
-
-        switch (fiber.tag) {
-          case ClassComponent: {
-            if (typeof nextType === "function") {
-              needsCompareFamilies = true;
-            }
-
-            break;
-          }
-
-          case FunctionComponent: {
-            if (typeof nextType === "function") {
-              needsCompareFamilies = true;
-            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
-              // We don't know the inner type yet.
-              // We're going to assume that the lazy inner type is stable,
-              // and so it is sufficient to avoid reconciling it away.
-              // We're not going to unwrap or actually use the new lazy type.
-              needsCompareFamilies = true;
-            }
-
-            break;
-          }
-
-          case ForwardRef: {
-            if ($$typeofNextType === REACT_FORWARD_REF_TYPE) {
-              needsCompareFamilies = true;
-            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
-              needsCompareFamilies = true;
-            }
-
-            break;
-          }
-
-          case MemoComponent:
-          case SimpleMemoComponent: {
-            if ($$typeofNextType === REACT_MEMO_TYPE) {
-              // TODO: if it was but can no longer be simple,
-              // we shouldn't set this.
-              needsCompareFamilies = true;
-            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
-              needsCompareFamilies = true;
-            }
-
-            break;
-          }
-
-          default:
-            return false;
-        } // Check if both types have a family and it's the same one.
-
-        if (needsCompareFamilies) {
-          // Note: memo() and forwardRef() we'll compare outer rather than inner type.
-          // This means both of them need to be registered to preserve state.
-          // If we unwrapped and compared the inner types for wrappers instead,
-          // then we would risk falsely saying two separate memo(Foo)
-          // calls are equivalent because they wrap the same Foo function.
-          var prevFamily = resolveFamily(prevType); // $FlowFixMe[not-a-function] found when upgrading Flow
-
-          if (
-            prevFamily !== undefined &&
-            prevFamily === resolveFamily(nextType)
-          ) {
-            return true;
-          }
-        }
-
-        return false;
-      }
-    }
-    function markFailedErrorBoundaryForHotReloading(fiber) {
-      {
-        if (resolveFamily === null) {
-          // Hot reloading is disabled.
-          return;
-        }
-
-        if (typeof WeakSet !== "function") {
-          return;
-        }
-
-        if (failedBoundaries === null) {
-          failedBoundaries = new WeakSet();
-        }
-
-        failedBoundaries.add(fiber);
-      }
-    }
-    var scheduleRefresh = function (root, update) {
-      {
-        if (resolveFamily === null) {
-          // Hot reloading is disabled.
-          return;
-        }
-
-        var staleFamilies = update.staleFamilies,
-          updatedFamilies = update.updatedFamilies;
-        flushPassiveEffects();
-        scheduleFibersWithFamiliesRecursively(
-          root.current,
-          updatedFamilies,
-          staleFamilies
-        );
-        flushSyncWork$1();
-      }
-    };
-    var scheduleRoot = function (root, element) {
-      {
-        if (root.context !== emptyContextObject) {
-          // Super edge case: root has a legacy _renderSubtree context
-          // but we don't know the parentComponent so we can't pass it.
-          // Just ignore. We'll delete this with _renderSubtree code path later.
-          return;
-        }
-
-        updateContainerSync(element, root, null, null);
-        flushSyncWork$1();
-      }
-    };
-
-    function scheduleFibersWithFamiliesRecursively(
-      fiber,
-      updatedFamilies,
-      staleFamilies
-    ) {
-      {
-        var alternate = fiber.alternate,
-          child = fiber.child,
-          sibling = fiber.sibling,
-          tag = fiber.tag,
-          type = fiber.type;
-        var candidateType = null;
-
-        switch (tag) {
-          case FunctionComponent:
-          case SimpleMemoComponent:
-          case ClassComponent:
-            candidateType = type;
-            break;
-
-          case ForwardRef:
-            candidateType = type.render;
-            break;
-        }
-
-        if (resolveFamily === null) {
-          throw new Error(
-            "Expected resolveFamily to be set during hot reload."
-          );
-        }
-
-        var needsRender = false;
-        var needsRemount = false;
-
-        if (candidateType !== null) {
-          var family = resolveFamily(candidateType);
-
-          if (family !== undefined) {
-            if (staleFamilies.has(family)) {
-              needsRemount = true;
-            } else if (updatedFamilies.has(family)) {
-              if (tag === ClassComponent) {
-                needsRemount = true;
-              } else {
-                needsRender = true;
-              }
-            }
-          }
-        }
-
-        if (failedBoundaries !== null) {
-          if (
-            failedBoundaries.has(fiber) || // $FlowFixMe[incompatible-use] found when upgrading Flow
-            (alternate !== null && failedBoundaries.has(alternate))
-          ) {
-            needsRemount = true;
-          }
-        }
-
-        if (needsRemount) {
-          fiber._debugNeedsRemount = true;
-        }
-
-        if (needsRemount || needsRender) {
-          var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
-
-          if (root !== null) {
-            scheduleUpdateOnFiber(root, fiber, SyncLane);
-          }
-        }
-
-        if (child !== null && !needsRemount) {
-          scheduleFibersWithFamiliesRecursively(
-            child,
-            updatedFamilies,
-            staleFamilies
-          );
-        }
-
-        if (sibling !== null) {
-          scheduleFibersWithFamiliesRecursively(
-            sibling,
-            updatedFamilies,
-            staleFamilies
-          );
-        }
-      }
-    }
-
-    var findHostInstancesForRefresh = function (root, families) {
-      {
-        var hostInstances = new Set();
-        var types = new Set(
-          families.map(function (family) {
-            return family.current;
-          })
-        );
-        findHostInstancesForMatchingFibersRecursively(
-          root.current,
-          types,
-          hostInstances
-        );
-        return hostInstances;
-      }
-    };
-
-    function findHostInstancesForMatchingFibersRecursively(
-      fiber,
-      types,
-      hostInstances
-    ) {
-      {
-        var child = fiber.child,
-          sibling = fiber.sibling,
-          tag = fiber.tag,
-          type = fiber.type;
-        var candidateType = null;
-
-        switch (tag) {
-          case FunctionComponent:
-          case SimpleMemoComponent:
-          case ClassComponent:
-            candidateType = type;
-            break;
-
-          case ForwardRef:
-            candidateType = type.render;
-            break;
-        }
-
-        var didMatch = false;
-
-        if (candidateType !== null) {
-          if (types.has(candidateType)) {
-            didMatch = true;
-          }
-        }
-
-        if (didMatch) {
-          // We have a match. This only drills down to the closest host components.
-          // There's no need to search deeper because for the purpose of giving
-          // visual feedback, "flashing" outermost parent rectangles is sufficient.
-          findHostInstancesForFiberShallowly(fiber, hostInstances);
-        } else {
-          // If there's no match, maybe there will be one further down in the child tree.
-          if (child !== null) {
-            findHostInstancesForMatchingFibersRecursively(
-              child,
-              types,
-              hostInstances
-            );
-          }
-        }
-
-        if (sibling !== null) {
-          findHostInstancesForMatchingFibersRecursively(
-            sibling,
-            types,
-            hostInstances
-          );
-        }
-      }
-    }
-
-    function findHostInstancesForFiberShallowly(fiber, hostInstances) {
-      {
-        var foundHostInstances = findChildHostInstancesForFiberShallowly(
-          fiber,
-          hostInstances
-        );
-
-        if (foundHostInstances) {
-          return;
-        } // If we didn't find any host children, fallback to closest host parent.
-
-        var node = fiber;
-
-        while (true) {
-          switch (node.tag) {
-            case HostSingleton:
-            case HostComponent:
-              hostInstances.add(node.stateNode);
-              return;
-
-            case HostPortal:
-              hostInstances.add(node.stateNode.containerInfo);
-              return;
-
-            case HostRoot:
-              hostInstances.add(node.stateNode.containerInfo);
-              return;
-          }
-
-          if (node.return === null) {
-            throw new Error("Expected to reach root first.");
-          }
-
-          node = node.return;
-        }
-      }
-    }
-
-    function findChildHostInstancesForFiberShallowly(fiber, hostInstances) {
-      {
-        var node = fiber;
-        var foundHostInstances = false;
-
-        while (true) {
-          if (
-            node.tag === HostComponent ||
-            node.tag === HostHoistable ||
-            node.tag === HostSingleton
-          ) {
-            // We got a match.
-            foundHostInstances = true;
-            hostInstances.add(node.stateNode); // There may still be more, so keep searching.
-          } else if (node.child !== null) {
-            node.child.return = node;
-            node = node.child;
-            continue;
-          }
-
-          if (node === fiber) {
-            return foundHostInstances;
-          }
-
-          while (node.sibling === null) {
-            if (node.return === null || node.return === fiber) {
-              return foundHostInstances;
-            }
-
-            node = node.return;
-          }
-
-          node.sibling.return = node.return;
-          node = node.sibling;
-        }
-      }
-
-      return false;
-    }
-
-    // TODO: Is there a way to not include the tag or name here?
-
-    var TransitionRoot = 0;
-    var TransitionTracingMarker = 1;
-    function processTransitionCallbacks(
-      pendingTransitions,
-      endTime,
-      callbacks
-    ) {
-      if (enableTransitionTracing) {
-        if (pendingTransitions !== null) {
-          var transitionStart = pendingTransitions.transitionStart;
-          var onTransitionStart = callbacks.onTransitionStart;
-
-          if (transitionStart !== null && onTransitionStart != null) {
-            transitionStart.forEach(function (transition) {
-              return onTransitionStart(transition.name, transition.startTime);
-            });
-          }
-
-          var markerProgress = pendingTransitions.markerProgress;
-          var onMarkerProgress = callbacks.onMarkerProgress;
-
-          if (onMarkerProgress != null && markerProgress !== null) {
-            markerProgress.forEach(function (markerInstance, markerName) {
-              if (markerInstance.transitions !== null) {
-                // TODO: Clone the suspense object so users can't modify it
-                var pending =
-                  markerInstance.pendingBoundaries !== null
-                    ? Array.from(markerInstance.pendingBoundaries.values())
-                    : [];
-                markerInstance.transitions.forEach(function (transition) {
-                  onMarkerProgress(
-                    transition.name,
-                    markerName,
-                    transition.startTime,
-                    endTime,
-                    pending
-                  );
-                });
-              }
-            });
-          }
-
-          var markerComplete = pendingTransitions.markerComplete;
-          var onMarkerComplete = callbacks.onMarkerComplete;
-
-          if (markerComplete !== null && onMarkerComplete != null) {
-            markerComplete.forEach(function (transitions, markerName) {
-              transitions.forEach(function (transition) {
-                onMarkerComplete(
-                  transition.name,
-                  markerName,
-                  transition.startTime,
-                  endTime
-                );
-              });
-            });
-          }
-
-          var markerIncomplete = pendingTransitions.markerIncomplete;
-          var onMarkerIncomplete = callbacks.onMarkerIncomplete;
-
-          if (onMarkerIncomplete != null && markerIncomplete !== null) {
-            markerIncomplete.forEach(function (_ref, markerName) {
-              var transitions = _ref.transitions,
-                aborts = _ref.aborts;
-              transitions.forEach(function (transition) {
-                var filteredAborts = [];
-                aborts.forEach(function (abort) {
-                  switch (abort.reason) {
-                    case "marker": {
-                      filteredAborts.push({
-                        type: "marker",
-                        name: abort.name,
-                        endTime: endTime
-                      });
-                      break;
-                    }
-
-                    case "suspense": {
-                      filteredAborts.push({
-                        type: "suspense",
-                        name: abort.name,
-                        endTime: endTime
-                      });
-                      break;
-                    }
-                  }
-                });
-
-                if (filteredAborts.length > 0) {
-                  onMarkerIncomplete(
-                    transition.name,
-                    markerName,
-                    transition.startTime,
-                    filteredAborts
-                  );
-                }
-              });
-            });
-          }
-
-          var transitionProgress = pendingTransitions.transitionProgress;
-          var onTransitionProgress = callbacks.onTransitionProgress;
-
-          if (onTransitionProgress != null && transitionProgress !== null) {
-            transitionProgress.forEach(function (pending, transition) {
-              onTransitionProgress(
-                transition.name,
-                transition.startTime,
-                endTime,
-                Array.from(pending.values())
-              );
-            });
-          }
-
-          var transitionComplete = pendingTransitions.transitionComplete;
-          var onTransitionComplete = callbacks.onTransitionComplete;
-
-          if (transitionComplete !== null && onTransitionComplete != null) {
-            transitionComplete.forEach(function (transition) {
-              return onTransitionComplete(
-                transition.name,
-                transition.startTime,
-                endTime
-              );
-            });
-          }
-        }
-      }
-    } // For every tracing marker, store a pointer to it. We will later access it
-    // to get the set of suspense boundaries that need to resolve before the
-    // tracing marker can be logged as complete
-    // This code lives separate from the ReactFiberTransition code because
-    // we push and pop on the tracing marker, not the suspense boundary
-
-    var markerInstanceStack = createCursor(null);
-    function pushRootMarkerInstance(workInProgress) {
-      if (enableTransitionTracing) {
-        // On the root, every transition gets mapped to it's own map of
-        // suspense boundaries. The transition is marked as complete when
-        // the suspense boundaries map is empty. We do this because every
-        // transition completes at different times and depends on different
-        // suspense boundaries to complete. We store all the transitions
-        // along with its map of suspense boundaries in the root incomplete
-        // transitions map. Each entry in this map functions like a tracing
-        // marker does, so we can push it onto the marker instance stack
-        var transitions = getWorkInProgressTransitions();
-        var root = workInProgress.stateNode;
-
-        if (transitions !== null) {
-          transitions.forEach(function (transition) {
-            if (!root.incompleteTransitions.has(transition)) {
-              var markerInstance = {
-                tag: TransitionRoot,
-                transitions: new Set([transition]),
-                pendingBoundaries: null,
-                aborts: null,
-                name: null
-              };
-              root.incompleteTransitions.set(transition, markerInstance);
-            }
-          });
-        }
-
-        var markerInstances = []; // For ever transition on the suspense boundary, we push the transition
-        // along with its map of pending suspense boundaries onto the marker
-        // instance stack.
-
-        root.incompleteTransitions.forEach(function (markerInstance) {
-          markerInstances.push(markerInstance);
-        });
-        push(markerInstanceStack, markerInstances, workInProgress);
-      }
-    }
-    function popRootMarkerInstance(workInProgress) {
-      if (enableTransitionTracing) {
-        pop(markerInstanceStack, workInProgress);
-      }
-    }
-    function pushMarkerInstance(workInProgress, markerInstance) {
-      if (enableTransitionTracing) {
-        if (markerInstanceStack.current === null) {
-          push(markerInstanceStack, [markerInstance], workInProgress);
-        } else {
-          push(
-            markerInstanceStack,
-            markerInstanceStack.current.concat(markerInstance),
-            workInProgress
-          );
-        }
-      }
-    }
-    function popMarkerInstance(workInProgress) {
-      if (enableTransitionTracing) {
-        pop(markerInstanceStack, workInProgress);
-      }
-    }
-    function getMarkerInstances() {
-      if (enableTransitionTracing) {
-        return markerInstanceStack.current;
-      }
-
-      return null;
-    }
-
-    var ReactStrictModeWarnings = {
-      recordUnsafeLifecycleWarnings: function (fiber, instance) {},
-      flushPendingUnsafeLifecycleWarnings: function () {},
-      recordLegacyContextWarning: function (fiber, instance) {},
-      flushLegacyContextWarning: function () {},
-      discardPendingWarnings: function () {}
-    };
-
-    {
-      var findStrictRoot = function (fiber) {
-        var maybeStrictRoot = null;
-        var node = fiber;
-
-        while (node !== null) {
-          if (node.mode & StrictLegacyMode) {
-            maybeStrictRoot = node;
-          }
-
-          node = node.return;
-        }
-
-        return maybeStrictRoot;
-      };
-
-      var setToSortedString = function (set) {
-        var array = [];
-        set.forEach(function (value) {
-          array.push(value);
-        });
-        return array.sort().join(", ");
-      };
-
-      var pendingComponentWillMountWarnings = [];
-      var pendingUNSAFE_ComponentWillMountWarnings = [];
-      var pendingComponentWillReceivePropsWarnings = [];
-      var pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
-      var pendingComponentWillUpdateWarnings = [];
-      var pendingUNSAFE_ComponentWillUpdateWarnings = []; // Tracks components we have already warned about.
-
-      var didWarnAboutUnsafeLifecycles = new Set();
-
-      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function (
-        fiber,
-        instance
-      ) {
-        // Dedupe strategy: Warn once per component.
-        if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
-          return;
-        }
-
-        if (
-          typeof instance.componentWillMount === "function" && // Don't warn about react-lifecycles-compat polyfilled components.
-          instance.componentWillMount.__suppressDeprecationWarning !== true
-        ) {
-          pendingComponentWillMountWarnings.push(fiber);
-        }
-
-        if (
-          fiber.mode & StrictLegacyMode &&
-          typeof instance.UNSAFE_componentWillMount === "function"
-        ) {
-          pendingUNSAFE_ComponentWillMountWarnings.push(fiber);
-        }
-
-        if (
-          typeof instance.componentWillReceiveProps === "function" &&
-          instance.componentWillReceiveProps.__suppressDeprecationWarning !==
-            true
-        ) {
-          pendingComponentWillReceivePropsWarnings.push(fiber);
-        }
-
-        if (
-          fiber.mode & StrictLegacyMode &&
-          typeof instance.UNSAFE_componentWillReceiveProps === "function"
-        ) {
-          pendingUNSAFE_ComponentWillReceivePropsWarnings.push(fiber);
-        }
-
-        if (
-          typeof instance.componentWillUpdate === "function" &&
-          instance.componentWillUpdate.__suppressDeprecationWarning !== true
-        ) {
-          pendingComponentWillUpdateWarnings.push(fiber);
-        }
-
-        if (
-          fiber.mode & StrictLegacyMode &&
-          typeof instance.UNSAFE_componentWillUpdate === "function"
-        ) {
-          pendingUNSAFE_ComponentWillUpdateWarnings.push(fiber);
-        }
-      };
-
-      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings =
-        function () {
-          // We do an initial pass to gather component names
-          var componentWillMountUniqueNames = new Set();
-
-          if (pendingComponentWillMountWarnings.length > 0) {
-            pendingComponentWillMountWarnings.forEach(function (fiber) {
-              componentWillMountUniqueNames.add(
-                getComponentNameFromFiber(fiber) || "Component"
-              );
-              didWarnAboutUnsafeLifecycles.add(fiber.type);
-            });
-            pendingComponentWillMountWarnings = [];
-          }
-
-          var UNSAFE_componentWillMountUniqueNames = new Set();
-
-          if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
-            pendingUNSAFE_ComponentWillMountWarnings.forEach(function (fiber) {
-              UNSAFE_componentWillMountUniqueNames.add(
-                getComponentNameFromFiber(fiber) || "Component"
-              );
-              didWarnAboutUnsafeLifecycles.add(fiber.type);
-            });
-            pendingUNSAFE_ComponentWillMountWarnings = [];
-          }
-
-          var componentWillReceivePropsUniqueNames = new Set();
-
-          if (pendingComponentWillReceivePropsWarnings.length > 0) {
-            pendingComponentWillReceivePropsWarnings.forEach(function (fiber) {
-              componentWillReceivePropsUniqueNames.add(
-                getComponentNameFromFiber(fiber) || "Component"
-              );
-              didWarnAboutUnsafeLifecycles.add(fiber.type);
-            });
-            pendingComponentWillReceivePropsWarnings = [];
-          }
-
-          var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
-
-          if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
-            pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(
-              function (fiber) {
-                UNSAFE_componentWillReceivePropsUniqueNames.add(
-                  getComponentNameFromFiber(fiber) || "Component"
-                );
-                didWarnAboutUnsafeLifecycles.add(fiber.type);
-              }
-            );
-            pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
-          }
-
-          var componentWillUpdateUniqueNames = new Set();
-
-          if (pendingComponentWillUpdateWarnings.length > 0) {
-            pendingComponentWillUpdateWarnings.forEach(function (fiber) {
-              componentWillUpdateUniqueNames.add(
-                getComponentNameFromFiber(fiber) || "Component"
-              );
-              didWarnAboutUnsafeLifecycles.add(fiber.type);
-            });
-            pendingComponentWillUpdateWarnings = [];
-          }
-
-          var UNSAFE_componentWillUpdateUniqueNames = new Set();
-
-          if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
-            pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function (fiber) {
-              UNSAFE_componentWillUpdateUniqueNames.add(
-                getComponentNameFromFiber(fiber) || "Component"
-              );
-              didWarnAboutUnsafeLifecycles.add(fiber.type);
-            });
-            pendingUNSAFE_ComponentWillUpdateWarnings = [];
-          } // Finally, we flush all the warnings
-          // UNSAFE_ ones before the deprecated ones, since they'll be 'louder'
-
-          if (UNSAFE_componentWillMountUniqueNames.size > 0) {
-            var sortedNames = setToSortedString(
-              UNSAFE_componentWillMountUniqueNames
-            );
-
-            error(
-              "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
-                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
-                "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
-                "\nPlease update the following components: %s",
-              sortedNames
-            );
-          }
-
-          if (UNSAFE_componentWillReceivePropsUniqueNames.size > 0) {
-            var _sortedNames = setToSortedString(
-              UNSAFE_componentWillReceivePropsUniqueNames
-            );
-
-            error(
-              "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
-                "and may indicate bugs in your code. " +
-                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
-                "* Move data fetching code or side effects to componentDidUpdate.\n" +
-                "* If you're updating state whenever props change, " +
-                "refactor your code to use memoization techniques or move it to " +
-                "static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n" +
-                "\nPlease update the following components: %s",
-              _sortedNames
-            );
-          }
-
-          if (UNSAFE_componentWillUpdateUniqueNames.size > 0) {
-            var _sortedNames2 = setToSortedString(
-              UNSAFE_componentWillUpdateUniqueNames
-            );
-
-            error(
-              "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
-                "and may indicate bugs in your code. " +
-                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
-                "* Move data fetching code or side effects to componentDidUpdate.\n" +
-                "\nPlease update the following components: %s",
-              _sortedNames2
-            );
-          }
-
-          if (componentWillMountUniqueNames.size > 0) {
-            var _sortedNames3 = setToSortedString(
-              componentWillMountUniqueNames
-            );
-
-            warn(
-              "componentWillMount has been renamed, and is not recommended for use. " +
-                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
-                "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
-                "* Rename componentWillMount to UNSAFE_componentWillMount to suppress " +
-                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
-                "To rename all deprecated lifecycles to their new names, you can run " +
-                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
-                "\nPlease update the following components: %s",
-              _sortedNames3
-            );
-          }
-
-          if (componentWillReceivePropsUniqueNames.size > 0) {
-            var _sortedNames4 = setToSortedString(
-              componentWillReceivePropsUniqueNames
-            );
-
-            warn(
-              "componentWillReceiveProps has been renamed, and is not recommended for use. " +
-                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
-                "* Move data fetching code or side effects to componentDidUpdate.\n" +
-                "* If you're updating state whenever props change, refactor your " +
-                "code to use memoization techniques or move it to " +
-                "static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n" +
-                "* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress " +
-                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
-                "To rename all deprecated lifecycles to their new names, you can run " +
-                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
-                "\nPlease update the following components: %s",
-              _sortedNames4
-            );
-          }
-
-          if (componentWillUpdateUniqueNames.size > 0) {
-            var _sortedNames5 = setToSortedString(
-              componentWillUpdateUniqueNames
-            );
-
-            warn(
-              "componentWillUpdate has been renamed, and is not recommended for use. " +
-                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
-                "* Move data fetching code or side effects to componentDidUpdate.\n" +
-                "* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress " +
-                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
-                "To rename all deprecated lifecycles to their new names, you can run " +
-                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
-                "\nPlease update the following components: %s",
-              _sortedNames5
-            );
-          }
-        };
-
-      var pendingLegacyContextWarning = new Map(); // Tracks components we have already warned about.
-
-      var didWarnAboutLegacyContext = new Set();
-
-      ReactStrictModeWarnings.recordLegacyContextWarning = function (
-        fiber,
-        instance
-      ) {
-        var strictRoot = findStrictRoot(fiber);
-
-        if (strictRoot === null) {
-          error(
-            "Expected to find a StrictMode component in a strict mode tree. " +
-              "This error is likely caused by a bug in React. Please file an issue."
-          );
-
-          return;
-        } // Dedup strategy: Warn once per component.
-
-        if (didWarnAboutLegacyContext.has(fiber.type)) {
-          return;
-        }
-
-        var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
-
-        if (
-          fiber.type.contextTypes != null ||
-          fiber.type.childContextTypes != null ||
-          (instance !== null && typeof instance.getChildContext === "function")
-        ) {
-          if (warningsForRoot === undefined) {
-            warningsForRoot = [];
-            pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
-          }
-
-          warningsForRoot.push(fiber);
-        }
-      };
-
-      ReactStrictModeWarnings.flushLegacyContextWarning = function () {
-        pendingLegacyContextWarning.forEach(function (fiberArray, strictRoot) {
-          if (fiberArray.length === 0) {
-            return;
-          }
-
-          var firstFiber = fiberArray[0];
-          var uniqueNames = new Set();
-          fiberArray.forEach(function (fiber) {
-            uniqueNames.add(getComponentNameFromFiber(fiber) || "Component");
-            didWarnAboutLegacyContext.add(fiber.type);
-          });
-          var sortedNames = setToSortedString(uniqueNames);
-
-          try {
-            setCurrentFiber(firstFiber);
-
-            error(
-              "Legacy context API has been detected within a strict-mode tree." +
-                "\n\nThe old API will be supported in all 16.x releases, but applications " +
-                "using it should migrate to the new version." +
-                "\n\nPlease update the following components: %s" +
-                "\n\nLearn more about this warning here: https://react.dev/link/legacy-context",
-              sortedNames
-            );
-          } finally {
-            resetCurrentFiber();
-          }
-        });
-      };
-
-      ReactStrictModeWarnings.discardPendingWarnings = function () {
-        pendingComponentWillMountWarnings = [];
-        pendingUNSAFE_ComponentWillMountWarnings = [];
-        pendingComponentWillReceivePropsWarnings = [];
-        pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
-        pendingComponentWillUpdateWarnings = [];
-        pendingUNSAFE_ComponentWillUpdateWarnings = [];
-        pendingLegacyContextWarning = new Map();
-      };
+    // This is imported by the event replaying implementation in React DOM. It's
+    // in a separate file to break a circular dependency between the renderer and
+    // the reconciler.
+    function isRootDehydrated(root) {
+      var currentState = root.current.memoizedState;
+      return currentState.isDehydrated;
     }
 
     var CapturedStacks = new WeakMap();
@@ -17943,6 +19669,1686 @@ if (__DEV__) {
       }
     }
 
+    // we wait until the current render is over (either finished or interrupted)
+    // before adding it to the fiber/hook queue. Push to this array so we can
+    // access the queue, fiber, update, et al later.
+
+    var concurrentQueues = [];
+    var concurrentQueuesIndex = 0;
+    var concurrentlyUpdatedLanes = NoLanes;
+    function finishQueueingConcurrentUpdates() {
+      var endIndex = concurrentQueuesIndex;
+      concurrentQueuesIndex = 0;
+      concurrentlyUpdatedLanes = NoLanes;
+      var i = 0;
+
+      while (i < endIndex) {
+        var fiber = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var queue = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var update = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var lane = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+
+        if (queue !== null && update !== null) {
+          var pending = queue.pending;
+
+          if (pending === null) {
+            // This is the first update. Create a circular list.
+            update.next = update;
+          } else {
+            update.next = pending.next;
+            pending.next = update;
+          }
+
+          queue.pending = update;
+        }
+
+        if (lane !== NoLane) {
+          markUpdateLaneFromFiberToRoot(fiber, update, lane);
+        }
+      }
+    }
+    function getConcurrentlyUpdatedLanes() {
+      return concurrentlyUpdatedLanes;
+    }
+
+    function enqueueUpdate$1(fiber, queue, update, lane) {
+      // Don't update the `childLanes` on the return path yet. If we already in
+      // the middle of rendering, wait until after it has completed.
+      concurrentQueues[concurrentQueuesIndex++] = fiber;
+      concurrentQueues[concurrentQueuesIndex++] = queue;
+      concurrentQueues[concurrentQueuesIndex++] = update;
+      concurrentQueues[concurrentQueuesIndex++] = lane;
+      concurrentlyUpdatedLanes = mergeLanes(concurrentlyUpdatedLanes, lane); // The fiber's `lane` field is used in some places to check if any work is
+      // scheduled, to perform an eager bailout, so we need to update it immediately.
+      // TODO: We should probably move this to the "shared" queue instead.
+
+      fiber.lanes = mergeLanes(fiber.lanes, lane);
+      var alternate = fiber.alternate;
+
+      if (alternate !== null) {
+        alternate.lanes = mergeLanes(alternate.lanes, lane);
+      }
+    }
+
+    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
+      var concurrentQueue = queue;
+      var concurrentUpdate = update;
+      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane);
+      return getRootForUpdatedFiber(fiber);
+    }
+    function enqueueConcurrentHookUpdateAndEagerlyBailout(
+      fiber,
+      queue,
+      update
+    ) {
+      // This function is used to queue an update that doesn't need a rerender. The
+      // only reason we queue it is in case there's a subsequent higher priority
+      // update that causes it to be rebased.
+      var lane = NoLane;
+      var concurrentQueue = queue;
+      var concurrentUpdate = update;
+      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane); // Usually we can rely on the upcoming render phase to process the concurrent
+      // queue. However, since this is a bail out, we're not scheduling any work
+      // here. So the update we just queued will leak until something else happens
+      // to schedule work (if ever).
+      //
+      // Check if we're currently in the middle of rendering a tree, and if not,
+      // process the queue immediately to prevent a leak.
+
+      var isConcurrentlyRendering = getWorkInProgressRoot() !== null;
+
+      if (!isConcurrentlyRendering) {
+        finishQueueingConcurrentUpdates();
+      }
+    }
+    function enqueueConcurrentClassUpdate(fiber, queue, update, lane) {
+      var concurrentQueue = queue;
+      var concurrentUpdate = update;
+      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane);
+      return getRootForUpdatedFiber(fiber);
+    }
+    function enqueueConcurrentRenderForLane(fiber, lane) {
+      enqueueUpdate$1(fiber, null, null, lane);
+      return getRootForUpdatedFiber(fiber);
+    } // Calling this function outside this module should only be done for backwards
+    // compatibility and should always be accompanied by a warning.
+
+    function unsafe_markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
+      // NOTE: For Hyrum's Law reasons, if an infinite update loop is detected, it
+      // should throw before `markUpdateLaneFromFiberToRoot` is called. But this is
+      // undefined behavior and we can change it if we need to; it just so happens
+      // that, at the time of this writing, there's an internal product test that
+      // happens to rely on this.
+      var root = getRootForUpdatedFiber(sourceFiber);
+      markUpdateLaneFromFiberToRoot(sourceFiber, null, lane);
+      return root;
+    }
+
+    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+      // Update the source fiber's lanes
+      sourceFiber.lanes = mergeLanes(sourceFiber.lanes, lane);
+      var alternate = sourceFiber.alternate;
+
+      if (alternate !== null) {
+        alternate.lanes = mergeLanes(alternate.lanes, lane);
+      } // Walk the parent path to the root and update the child lanes.
+
+      var isHidden = false;
+      var parent = sourceFiber.return;
+      var node = sourceFiber;
+
+      while (parent !== null) {
+        parent.childLanes = mergeLanes(parent.childLanes, lane);
+        alternate = parent.alternate;
+
+        if (alternate !== null) {
+          alternate.childLanes = mergeLanes(alternate.childLanes, lane);
+        }
+
+        if (parent.tag === OffscreenComponent) {
+          // Check if this offscreen boundary is currently hidden.
+          //
+          // The instance may be null if the Offscreen parent was unmounted. Usually
+          // the parent wouldn't be reachable in that case because we disconnect
+          // fibers from the tree when they are deleted. However, there's a weird
+          // edge case where setState is called on a fiber that was interrupted
+          // before it ever mounted. Because it never mounts, it also never gets
+          // deleted. Because it never gets deleted, its return pointer never gets
+          // disconnected. Which means it may be attached to a deleted Offscreen
+          // parent node. (This discovery suggests it may be better for memory usage
+          // if we don't attach the `return` pointer until the commit phase, though
+          // in order to do that we'd need some other way to track the return
+          // pointer during the initial render, like on the stack.)
+          //
+          // This case is always accompanied by a warning, but we still need to
+          // account for it. (There may be other cases that we haven't discovered,
+          // too.)
+          var offscreenInstance = parent.stateNode;
+
+          if (
+            offscreenInstance !== null &&
+            !(offscreenInstance._visibility & OffscreenVisible)
+          ) {
+            isHidden = true;
+          }
+        }
+
+        node = parent;
+        parent = parent.return;
+      }
+
+      if (isHidden && update !== null && node.tag === HostRoot) {
+        var root = node.stateNode;
+        markHiddenUpdate(root, update, lane);
+      }
+    }
+
+    function getRootForUpdatedFiber(sourceFiber) {
+      // TODO: We will detect and infinite update loop and throw even if this fiber
+      // has already unmounted. This isn't really necessary but it happens to be the
+      // current behavior we've used for several release cycles. Consider not
+      // performing this check if the updated fiber already unmounted, since it's
+      // not possible for that to cause an infinite update loop.
+      throwIfInfiniteUpdateLoopDetected(); // When a setState happens, we must ensure the root is scheduled. Because
+      // update queues do not have a backpointer to the root, the only way to do
+      // this currently is to walk up the return path. This used to not be a big
+      // deal because we would have to walk up the return path to set
+      // the `childLanes`, anyway, but now those two traversals happen at
+      // different times.
+      // TODO: Consider adding a `root` backpointer on the update queue.
+
+      detectUpdateOnUnmountedFiber(sourceFiber, sourceFiber);
+      var node = sourceFiber;
+      var parent = node.return;
+
+      while (parent !== null) {
+        detectUpdateOnUnmountedFiber(sourceFiber, node);
+        node = parent;
+        parent = node.return;
+      }
+
+      return node.tag === HostRoot ? node.stateNode : null;
+    }
+
+    function detectUpdateOnUnmountedFiber(sourceFiber, parent) {
+      {
+        var alternate = parent.alternate;
+
+        if (
+          alternate === null &&
+          (parent.flags & (Placement | Hydrating)) !== NoFlags$1
+        ) {
+          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
+        }
+      }
+    }
+
+    var ReactCurrentActQueue$4 = 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$4.current !== null) {
+        // We're inside an `act` scope.
+        if (!didScheduleMicrotask_act) {
+          didScheduleMicrotask_act = true;
+          scheduleImmediateTask(processRootScheduleInMicrotask);
+        }
+      } else {
+        if (!didScheduleMicrotask) {
+          didScheduleMicrotask = true;
+          scheduleImmediateTask(processRootScheduleInMicrotask);
+        }
+      }
+
+      if (!enableDeferRootSchedulingToMicrotask) {
+        // While this flag is disabled, we schedule the render task immediately
+        // instead of waiting a microtask.
+        // TODO: We need to land enableDeferRootSchedulingToMicrotask ASAP to
+        // unblock additional features we have planned.
+        scheduleTaskForRootDuringMicrotask(root, now$1());
+      }
+    }
+    function flushSyncWorkOnAllRoots() {
+      // This is allowed to be called synchronously, but the caller should check
+      // the execution context first.
+      flushSyncWorkAcrossRoots_impl(false);
+    }
+
+    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;
+      isFlushingWork = true;
+
+      do {
+        didPerformSomeWork = false;
+        var root = firstScheduledRoot;
+
+        while (root !== null) {
+          if (onlyLegacy && disableLegacyMode);
+          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.
+              didPerformSomeWork = true;
+              performSyncWorkOnRoot(root, nextLanes);
+            }
+          }
+
+          root = root.next;
+        }
+      } while (didPerformSomeWork);
+
+      isFlushingWork = false;
+    }
+
+    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$4.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$4.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$4.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$4.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$4.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: {
+          var _payload = update.payload;
+          var partialState;
+
+          if (typeof _payload === "function") {
+            // Updater function
+            {
+              enterDisallowedContextReadInDEV();
+            }
+
+            partialState = _payload.call(instance, prevState, nextProps);
+
+            {
+              if (workInProgress.mode & StrictLegacyMode) {
+                setIsStrictModeForDevtools(true);
+
+                try {
+                  _payload.call(instance, prevState, nextProps);
+                } finally {
+                  setIsStrictModeForDevtools(false);
+                }
+              }
+
+              exitDisallowedContextReadInDEV();
+            }
+          } else {
+            // Partial state object
+            partialState = _payload;
+          }
+
+          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);
+        }
+
+        case ForceUpdate: {
+          hasForceUpdate = true;
+          return prevState;
+        }
+      }
+
+      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) {
+      didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
+
+      var queue = workInProgress.updateQueue;
+      hasForceUpdate = false;
+
+      {
+        currentlyProcessingQueue = queue.shared;
+      }
+
+      var firstBaseUpdate = queue.firstBaseUpdate;
+      var lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
+
+      var pendingQueue = queue.shared.pending;
+
+      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.
+
+        var lastPendingUpdate = pendingQueue;
+        var firstPendingUpdate = lastPendingUpdate.next;
+        lastPendingUpdate.next = null; // Append pending updates to base queue
+
+        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
+
+        var current = workInProgress.alternate;
+
+        if (current !== null) {
+          // This is always non-null on a ClassComponent or HostRoot
+          var currentQueue = current.updateQueue;
+          var currentLastBaseUpdate = currentQueue.lastBaseUpdate;
+
+          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.
+        var newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
+        // from the original lanes.
+
+        var newLanes = NoLanes;
+        var newBaseState = null;
+        var newFirstBaseUpdate = null;
+        var newLastBaseUpdate = null;
+        var 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.
+          var updateLane = removeLanes(update.lane, OffscreenLane);
+          var 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.
+
+          var 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.
+            var 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 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
+                // 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
+            );
+            var callback = update.callback;
+
+            if (callback !== null) {
+              workInProgress.flags |= Callback;
+
+              if (isHiddenUpdate) {
+                workInProgress.flags |= Visibility;
+              }
+
+              var 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.
+              var _lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
+              // unravel them when transferring them to the base queue.
+
+              var _firstPendingUpdate = _lastPendingUpdate.next;
+              _lastPendingUpdate.next = null;
+              update = _firstPendingUpdate;
+              queue.lastBaseUpdate = _lastPendingUpdate;
+              queue.shared.pending = null;
+            }
+          }
+        } while (true);
+
+        if (newLastBaseUpdate === null) {
+          newBaseState = newState;
+        }
+
+        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;
+      }
+
+      {
+        currentlyProcessingQueue = null;
+      }
+    }
+
+    function callCallback(callback, context) {
+      if (typeof callback !== "function") {
+        throw new Error(
+          "Invalid argument passed as callback. Expected a function. Instead " +
+            ("received: " + 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.
+      var newHiddenCallbacks = updateQueue.callbacks;
+
+      if (newHiddenCallbacks !== null) {
+        var existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
+
+        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.
+      var hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
+
+      if (hiddenCallbacks !== null) {
+        updateQueue.shared.hiddenCallbacks = null;
+
+        for (var i = 0; i < hiddenCallbacks.length; i++) {
+          var callback = hiddenCallbacks[i];
+          callCallback(callback, context);
+        }
+      }
+    }
+    function commitCallbacks(updateQueue, context) {
+      var callbacks = updateQueue.callbacks;
+
+      if (callbacks !== null) {
+        updateQueue.callbacks = null;
+
+        for (var i = 0; i < callbacks.length; i++) {
+          var callback = callbacks[i];
+          callCallback(callback, context);
+        }
+      }
+    }
+
+    var ReactStrictModeWarnings = {
+      recordUnsafeLifecycleWarnings: function (fiber, instance) {},
+      flushPendingUnsafeLifecycleWarnings: function () {},
+      recordLegacyContextWarning: function (fiber, instance) {},
+      flushLegacyContextWarning: function () {},
+      discardPendingWarnings: function () {}
+    };
+
+    {
+      var findStrictRoot = function (fiber) {
+        var maybeStrictRoot = null;
+        var node = fiber;
+
+        while (node !== null) {
+          if (node.mode & StrictLegacyMode) {
+            maybeStrictRoot = node;
+          }
+
+          node = node.return;
+        }
+
+        return maybeStrictRoot;
+      };
+
+      var setToSortedString = function (set) {
+        var array = [];
+        set.forEach(function (value) {
+          array.push(value);
+        });
+        return array.sort().join(", ");
+      };
+
+      var pendingComponentWillMountWarnings = [];
+      var pendingUNSAFE_ComponentWillMountWarnings = [];
+      var pendingComponentWillReceivePropsWarnings = [];
+      var pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+      var pendingComponentWillUpdateWarnings = [];
+      var pendingUNSAFE_ComponentWillUpdateWarnings = []; // Tracks components we have already warned about.
+
+      var didWarnAboutUnsafeLifecycles = new Set();
+
+      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function (
+        fiber,
+        instance
+      ) {
+        // Dedupe strategy: Warn once per component.
+        if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
+          return;
+        }
+
+        if (
+          typeof instance.componentWillMount === "function" && // Don't warn about react-lifecycles-compat polyfilled components.
+          instance.componentWillMount.__suppressDeprecationWarning !== true
+        ) {
+          pendingComponentWillMountWarnings.push(fiber);
+        }
+
+        if (
+          fiber.mode & StrictLegacyMode &&
+          typeof instance.UNSAFE_componentWillMount === "function"
+        ) {
+          pendingUNSAFE_ComponentWillMountWarnings.push(fiber);
+        }
+
+        if (
+          typeof instance.componentWillReceiveProps === "function" &&
+          instance.componentWillReceiveProps.__suppressDeprecationWarning !==
+            true
+        ) {
+          pendingComponentWillReceivePropsWarnings.push(fiber);
+        }
+
+        if (
+          fiber.mode & StrictLegacyMode &&
+          typeof instance.UNSAFE_componentWillReceiveProps === "function"
+        ) {
+          pendingUNSAFE_ComponentWillReceivePropsWarnings.push(fiber);
+        }
+
+        if (
+          typeof instance.componentWillUpdate === "function" &&
+          instance.componentWillUpdate.__suppressDeprecationWarning !== true
+        ) {
+          pendingComponentWillUpdateWarnings.push(fiber);
+        }
+
+        if (
+          fiber.mode & StrictLegacyMode &&
+          typeof instance.UNSAFE_componentWillUpdate === "function"
+        ) {
+          pendingUNSAFE_ComponentWillUpdateWarnings.push(fiber);
+        }
+      };
+
+      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings =
+        function () {
+          // We do an initial pass to gather component names
+          var componentWillMountUniqueNames = new Set();
+
+          if (pendingComponentWillMountWarnings.length > 0) {
+            pendingComponentWillMountWarnings.forEach(function (fiber) {
+              componentWillMountUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingComponentWillMountWarnings = [];
+          }
+
+          var UNSAFE_componentWillMountUniqueNames = new Set();
+
+          if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
+            pendingUNSAFE_ComponentWillMountWarnings.forEach(function (fiber) {
+              UNSAFE_componentWillMountUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingUNSAFE_ComponentWillMountWarnings = [];
+          }
+
+          var componentWillReceivePropsUniqueNames = new Set();
+
+          if (pendingComponentWillReceivePropsWarnings.length > 0) {
+            pendingComponentWillReceivePropsWarnings.forEach(function (fiber) {
+              componentWillReceivePropsUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingComponentWillReceivePropsWarnings = [];
+          }
+
+          var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
+
+          if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
+            pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(
+              function (fiber) {
+                UNSAFE_componentWillReceivePropsUniqueNames.add(
+                  getComponentNameFromFiber(fiber) || "Component"
+                );
+                didWarnAboutUnsafeLifecycles.add(fiber.type);
+              }
+            );
+            pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+          }
+
+          var componentWillUpdateUniqueNames = new Set();
+
+          if (pendingComponentWillUpdateWarnings.length > 0) {
+            pendingComponentWillUpdateWarnings.forEach(function (fiber) {
+              componentWillUpdateUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingComponentWillUpdateWarnings = [];
+          }
+
+          var UNSAFE_componentWillUpdateUniqueNames = new Set();
+
+          if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
+            pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function (fiber) {
+              UNSAFE_componentWillUpdateUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingUNSAFE_ComponentWillUpdateWarnings = [];
+          } // Finally, we flush all the warnings
+          // UNSAFE_ ones before the deprecated ones, since they'll be 'louder'
+
+          if (UNSAFE_componentWillMountUniqueNames.size > 0) {
+            var sortedNames = setToSortedString(
+              UNSAFE_componentWillMountUniqueNames
+            );
+
+            error(
+              "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
+                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
+                "\nPlease update the following components: %s",
+              sortedNames
+            );
+          }
+
+          if (UNSAFE_componentWillReceivePropsUniqueNames.size > 0) {
+            var _sortedNames = setToSortedString(
+              UNSAFE_componentWillReceivePropsUniqueNames
+            );
+
+            error(
+              "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
+                "and may indicate bugs in your code. " +
+                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "* If you're updating state whenever props change, " +
+                "refactor your code to use memoization techniques or move it to " +
+                "static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames
+            );
+          }
+
+          if (UNSAFE_componentWillUpdateUniqueNames.size > 0) {
+            var _sortedNames2 = setToSortedString(
+              UNSAFE_componentWillUpdateUniqueNames
+            );
+
+            error(
+              "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
+                "and may indicate bugs in your code. " +
+                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames2
+            );
+          }
+
+          if (componentWillMountUniqueNames.size > 0) {
+            var _sortedNames3 = setToSortedString(
+              componentWillMountUniqueNames
+            );
+
+            warn(
+              "componentWillMount has been renamed, and is not recommended for use. " +
+                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
+                "* Rename componentWillMount to UNSAFE_componentWillMount to suppress " +
+                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
+                "To rename all deprecated lifecycles to their new names, you can run " +
+                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames3
+            );
+          }
+
+          if (componentWillReceivePropsUniqueNames.size > 0) {
+            var _sortedNames4 = setToSortedString(
+              componentWillReceivePropsUniqueNames
+            );
+
+            warn(
+              "componentWillReceiveProps has been renamed, and is not recommended for use. " +
+                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "* If you're updating state whenever props change, refactor your " +
+                "code to use memoization techniques or move it to " +
+                "static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n" +
+                "* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress " +
+                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
+                "To rename all deprecated lifecycles to their new names, you can run " +
+                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames4
+            );
+          }
+
+          if (componentWillUpdateUniqueNames.size > 0) {
+            var _sortedNames5 = setToSortedString(
+              componentWillUpdateUniqueNames
+            );
+
+            warn(
+              "componentWillUpdate has been renamed, and is not recommended for use. " +
+                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress " +
+                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
+                "To rename all deprecated lifecycles to their new names, you can run " +
+                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames5
+            );
+          }
+        };
+
+      var pendingLegacyContextWarning = new Map(); // Tracks components we have already warned about.
+
+      var didWarnAboutLegacyContext = new Set();
+
+      ReactStrictModeWarnings.recordLegacyContextWarning = function (
+        fiber,
+        instance
+      ) {
+        var strictRoot = findStrictRoot(fiber);
+
+        if (strictRoot === null) {
+          error(
+            "Expected to find a StrictMode component in a strict mode tree. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+
+          return;
+        } // Dedup strategy: Warn once per component.
+
+        if (didWarnAboutLegacyContext.has(fiber.type)) {
+          return;
+        }
+
+        var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
+
+        if (
+          fiber.type.contextTypes != null ||
+          fiber.type.childContextTypes != null ||
+          (instance !== null && typeof instance.getChildContext === "function")
+        ) {
+          if (warningsForRoot === undefined) {
+            warningsForRoot = [];
+            pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
+          }
+
+          warningsForRoot.push(fiber);
+        }
+      };
+
+      ReactStrictModeWarnings.flushLegacyContextWarning = function () {
+        pendingLegacyContextWarning.forEach(function (fiberArray, strictRoot) {
+          if (fiberArray.length === 0) {
+            return;
+          }
+
+          var firstFiber = fiberArray[0];
+          var uniqueNames = new Set();
+          fiberArray.forEach(function (fiber) {
+            uniqueNames.add(getComponentNameFromFiber(fiber) || "Component");
+            didWarnAboutLegacyContext.add(fiber.type);
+          });
+          var sortedNames = setToSortedString(uniqueNames);
+
+          try {
+            setCurrentFiber(firstFiber);
+
+            error(
+              "Legacy context API has been detected within a strict-mode tree." +
+                "\n\nThe old API will be supported in all 16.x releases, but applications " +
+                "using it should migrate to the new version." +
+                "\n\nPlease update the following components: %s" +
+                "\n\nLearn more about this warning here: https://react.dev/link/legacy-context",
+              sortedNames
+            );
+          } finally {
+            resetCurrentFiber();
+          }
+        });
+      };
+
+      ReactStrictModeWarnings.discardPendingWarnings = function () {
+        pendingComponentWillMountWarnings = [];
+        pendingUNSAFE_ComponentWillMountWarnings = [];
+        pendingComponentWillReceivePropsWarnings = [];
+        pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+        pendingComponentWillUpdateWarnings = [];
+        pendingUNSAFE_ComponentWillUpdateWarnings = [];
+        pendingLegacyContextWarning = new Map();
+      };
+    }
+
+    var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue;
+
     function getThenablesFromState(state) {
       {
         var devState = state;
@@ -17993,11 +21399,11 @@ if (__DEV__) {
       return status === "fulfilled" || status === "rejected";
     }
 
-    function noop$1() {}
+    function noop() {}
 
     function trackUsedThenable(thenableState, thenable, index) {
-      if (ReactSharedInternals.actQueue !== null) {
-        ReactSharedInternals.didUsePromise = true;
+      if (ReactCurrentActQueue$3.current !== null) {
+        ReactCurrentActQueue$3.didUsePromise = true;
       }
 
       var trackedThenables = getThenablesFromState(thenableState);
@@ -18039,7 +21445,7 @@ if (__DEV__) {
           } // Avoid an unhandled rejection errors for the Promises that we'll
           // intentionally ignore.
 
-          thenable.then(noop$1, noop$1);
+          thenable.then(noop, noop);
           thenable = previous;
         }
       } // We use an expando to track the status and result of a thenable so that we
@@ -18068,7 +21474,7 @@ if (__DEV__) {
             // 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);
+            thenable.then(noop, noop);
           } else {
             // This is an uncached thenable that we haven't seen before.
             // Detect infinite ping loops caused by uncached promises.
@@ -18227,6 +21633,7 @@ if (__DEV__) {
 
     var didWarnAboutMaps;
     var didWarnAboutGenerators;
+    var didWarnAboutStringRefs;
     var ownerHasKeyUseWarning;
     var ownerHasFunctionTypeWarning;
     var ownerHasSymbolTypeWarning;
@@ -18236,6 +21643,7 @@ if (__DEV__) {
     {
       didWarnAboutMaps = false;
       didWarnAboutGenerators = false;
+      didWarnAboutStringRefs = {};
       /**
        * 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
@@ -18280,6 +21688,10 @@ if (__DEV__) {
       };
     }
 
+    function isReactClass(type) {
+      return type.prototype && type.prototype.isReactComponent;
+    }
+
     function unwrapThenable(thenable) {
       var index = thenableIndexCounter$1;
       thenableIndexCounter$1 += 1;
@@ -18291,22 +21703,159 @@ if (__DEV__) {
       return trackUsedThenable(thenableState$1, thenable, index);
     }
 
+    function convertStringRefToCallbackRef(
+      returnFiber,
+      current,
+      element,
+      mixedRef
+    ) {
+      {
+        checkPropStringCoercion(mixedRef, "ref");
+      }
+
+      var stringRef = "" + mixedRef;
+      var owner = element._owner;
+
+      if (!owner) {
+        throw new Error(
+          "Element ref was specified as a string (" +
+            stringRef +
+            ") 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://react.dev/link/refs-must-have-owner for more information."
+        );
+      }
+
+      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://react.dev/link/strict-mode-string-ref"
+        );
+      }
+
+      {
+        if (
+          // Will already warn with "Function components cannot be given refs"
+          !(typeof element.type === "function" && !isReactClass(element.type))
+        ) {
+          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://react.dev/link/strict-mode-string-ref",
+              componentName,
+              stringRef
+            );
+
+            didWarnAboutStringRefs[componentName] = true;
+          }
+        }
+      }
+
+      var inst = owner.stateNode;
+
+      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
+
+      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
+
+      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 ref;
+      var mixedRef;
 
       if (enableRefAsProp) {
         // 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;
-        ref = refProp !== undefined ? refProp : null;
+        mixedRef = refProp !== undefined ? refProp : null;
       } else {
         // Old behavior.
-        ref = element.ref;
+        mixedRef = element.ref;
+      }
+
+      var coercedRef;
+
+      if (
+        typeof mixedRef === "string" ||
+        typeof mixedRef === "number" ||
+        typeof mixedRef === "boolean"
+      ) {
+        coercedRef = convertStringRefToCallbackRef(
+          returnFiber,
+          current,
+          element,
+          mixedRef
+        );
+
+        if (enableRefAsProp) {
+          // 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 = ref;
+      workInProgress.ref = coercedRef;
     }
 
     function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -20155,771 +23704,8 @@ if (__DEV__) {
       /*   */
       8;
 
-    // replace it with a lightweight shim that only has the features we use.
-
-    var AbortControllerLocal =
-      typeof AbortController !== "undefined"
-        ? AbortController // $FlowFixMe[missing-this-annot]
-        : // $FlowFixMe[prop-missing]
-          function AbortControllerShim() {
-            var listeners = [];
-            var signal = (this.signal = {
-              aborted: false,
-              addEventListener: function (type, listener) {
-                listeners.push(listener);
-              }
-            });
-
-            this.abort = function () {
-              signal.aborted = true;
-              listeners.forEach(function (listener) {
-                return listener();
-              });
-            };
-          }; // Intentionally not named imports because Rollup would
-    // use dynamic dispatch for CommonJS interop named imports.
-
-    var scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
-      NormalPriority = Scheduler.unstable_NormalPriority;
-    var CacheContext = {
-      $$typeof: REACT_CONTEXT_TYPE,
-      // We don't use Consumer/Provider for Cache components. So we'll cheat.
-      Consumer: null,
-      Provider: null,
-      // We'll initialize these at the root.
-      _currentValue: null,
-      _currentValue2: null,
-      _threadCount: 0
-    };
-
-    {
-      CacheContext._currentRenderer = null;
-      CacheContext._currentRenderer2 = null;
-    } // Creates a new empty Cache instance with a ref-count of 0. The caller is responsible
-    // for retaining the cache once it is in use (retainCache), and releasing the cache
-    // once it is no longer needed (releaseCache).
-
-    function createCache() {
-      var cache = {
-        controller: new AbortControllerLocal(),
-        data: new Map(),
-        refCount: 0
-      };
-      return cache;
-    }
-    function retainCache(cache) {
-      {
-        if (cache.controller.signal.aborted) {
-          warn(
-            "A cache instance was retained after it was already freed. " +
-              "This likely indicates a bug in React."
-          );
-        }
-      }
-
-      cache.refCount++;
-    } // Cleanup a cache instance, potentially freeing it if there are no more references
-
-    function releaseCache(cache) {
-      cache.refCount--;
-
-      {
-        if (cache.refCount < 0) {
-          warn(
-            "A cache instance was released after it was already freed. " +
-              "This likely indicates a bug in React."
-          );
-        }
-      }
-
-      if (cache.refCount === 0) {
-        scheduleCallback$2(NormalPriority, function () {
-          cache.controller.abort();
-        });
-      }
-    }
-    function pushCacheProvider(workInProgress, cache) {
-      pushProvider(workInProgress, CacheContext, cache);
-    }
-    function popCacheProvider(workInProgress, cache) {
-      popProvider(CacheContext, workInProgress);
-    }
-
-    // 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 (ReactSharedInternals.actQueue !== null) {
-        // We're inside an `act` scope.
-        if (!didScheduleMicrotask_act) {
-          didScheduleMicrotask_act = true;
-          scheduleImmediateTask(processRootScheduleInMicrotask);
-        }
-      } else {
-        if (!didScheduleMicrotask) {
-          didScheduleMicrotask = true;
-          scheduleImmediateTask(processRootScheduleInMicrotask);
-        }
-      }
-
-      if (!enableDeferRootSchedulingToMicrotask) {
-        // While this flag is disabled, we schedule the render task immediately
-        // instead of waiting a microtask.
-        // TODO: We need to land enableDeferRootSchedulingToMicrotask ASAP to
-        // unblock additional features we have planned.
-        scheduleTaskForRootDuringMicrotask(root, now$1());
-      }
-    }
-    function flushSyncWorkOnAllRoots() {
-      // This is allowed to be called synchronously, but the caller should check
-      // the execution context first.
-      flushSyncWorkAcrossRoots_impl(false);
-    }
-
-    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;
-      isFlushingWork = true;
-
-      do {
-        didPerformSomeWork = false;
-        var root = firstScheduledRoot;
-
-        while (root !== null) {
-          if (onlyLegacy && disableLegacyMode);
-          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.
-              didPerformSomeWork = true;
-              performSyncWorkOnRoot(root, nextLanes);
-            }
-          }
-
-          root = root.next;
-        }
-      } while (didPerformSomeWork);
-
-      isFlushingWork = false;
-    }
-
-    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.
-          !(
-            ReactSharedInternals.actQueue !== 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$1(
-          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$1(priorityLevel, callback) {
-      if (ReactSharedInternals.actQueue !== 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.
-        ReactSharedInternals.actQueue.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 (ReactSharedInternals.actQueue !== 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.
-        ReactSharedInternals.actQueue.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;
-    }
-
-    function requestCurrentTransition() {
-      var transition = ReactSharedInternals.T;
-
-      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.
-
-    var resumedCache = createCursor(null); // During the render/synchronous commit phase, we don't actually process the
-    // transitions. Therefore, we want to lazily combine transitions. Instead of
-    // comparing the arrays of transitions when we combine them and storing them
-    // and filtering out the duplicates, we will instead store the unprocessed transitions
-    // in an array and actually filter them in the passive phase.
-
-    var transitionStack = createCursor(null);
-
-    function peekCacheFromPool() {
-      // If we're rendering inside a Suspense boundary that is currently hidden,
-      // we should use the same cache that we used during the previous render, if
-      // one exists.
-
-      var cacheResumedFromPreviousRender = resumedCache.current;
-
-      if (cacheResumedFromPreviousRender !== null) {
-        return cacheResumedFromPreviousRender;
-      } // Otherwise, check the root's cache pool.
-
-      var root = getWorkInProgressRoot();
-      var cacheFromRootCachePool = root.pooledCache;
-      return cacheFromRootCachePool;
-    }
-
-    function requestCacheFromPool(renderLanes) {
-      // Similar to previous function, except if there's not already a cache in the
-      // pool, we allocate a new one.
-      var cacheFromPool = peekCacheFromPool();
-
-      if (cacheFromPool !== null) {
-        return cacheFromPool;
-      } // Create a fresh cache and add it to the root cache pool. A cache can have
-      // multiple owners:
-      // - A cache pool that lives on the FiberRoot. This is where all fresh caches
-      //   are originally created (TODO: except during refreshes, until we implement
-      //   this correctly). The root takes ownership immediately when the cache is
-      //   created. Conceptually, root.pooledCache is an Option<Arc<Cache>> (owned),
-      //   and the return value of this function is a &Arc<Cache> (borrowed).
-      // - One of several fiber types: host root, cache boundary, suspense
-      //   component. These retain and release in the commit phase.
-
-      var root = getWorkInProgressRoot();
-      var freshCache = createCache();
-      root.pooledCache = freshCache;
-      retainCache(freshCache);
-
-      if (freshCache !== null) {
-        root.pooledCacheLanes |= renderLanes;
-      }
-
-      return freshCache;
-    }
-    function pushRootTransition(workInProgress, root, renderLanes) {
-      if (enableTransitionTracing) {
-        var rootTransitions = getWorkInProgressTransitions();
-        push(transitionStack, rootTransitions, workInProgress);
-      }
-    }
-    function popRootTransition(workInProgress, root, renderLanes) {
-      if (enableTransitionTracing) {
-        pop(transitionStack, workInProgress);
-      }
-    }
-    function pushTransition(
-      offscreenWorkInProgress,
-      prevCachePool,
-      newTransitions
-    ) {
-      {
-        if (prevCachePool === null) {
-          push(resumedCache, resumedCache.current, offscreenWorkInProgress);
-        } else {
-          push(resumedCache, prevCachePool.pool, offscreenWorkInProgress);
-        }
-      }
-
-      if (enableTransitionTracing) {
-        if (transitionStack.current === null) {
-          push(transitionStack, newTransitions, offscreenWorkInProgress);
-        } else if (newTransitions === null) {
-          push(
-            transitionStack,
-            transitionStack.current,
-            offscreenWorkInProgress
-          );
-        } else {
-          push(
-            transitionStack,
-            transitionStack.current.concat(newTransitions),
-            offscreenWorkInProgress
-          );
-        }
-      }
-    }
-    function popTransition(workInProgress, current) {
-      if (current !== null) {
-        if (enableTransitionTracing) {
-          pop(transitionStack, workInProgress);
-        }
-
-        {
-          pop(resumedCache, workInProgress);
-        }
-      }
-    }
-    function getPendingTransitions() {
-      if (!enableTransitionTracing) {
-        return null;
-      }
-
-      return transitionStack.current;
-    }
-    function getSuspendedCache() {
-      // cache that would have been used to render fresh data during this render,
-      // if there was any, so that we can resume rendering with the same cache when
-      // we receive more data.
-
-      var cacheFromPool = peekCacheFromPool();
-
-      if (cacheFromPool === null) {
-        return null;
-      }
-
-      return {
-        // We must also save the parent, so that when we resume we can detect
-        // a refresh.
-        parent: CacheContext._currentValue,
-        pool: cacheFromPool
-      };
-    }
-    function getOffscreenDeferredCache() {
-      var cacheFromPool = peekCacheFromPool();
-
-      if (cacheFromPool === null) {
-        return null;
-      }
-
-      return {
-        // We must also store the parent, so that when we resume we can detect
-        // a refresh.
-        parent: CacheContext._currentValue,
-        pool: cacheFromPool
-      };
-    }
-
+    var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
     var didWarnAboutMismatchedHooksForComponent;
     var didWarnUncachedGetSnapshot;
     var didWarnAboutUseWrappedInTryCatch;
@@ -21085,8 +23871,8 @@ if (__DEV__) {
           didWarnAboutUseFormState.add(componentName);
 
           error(
-            "ReactDOM.useFormState has been renamed to React.useActionState. " +
-              "Please update %s to use React.useActionState.",
+            "ReactDOM.useFormState has been deprecated and replaced by " +
+              "React.useActionState. Please update %s to use React.useActionState.",
             componentName
           );
         }
@@ -21222,16 +24008,17 @@ if (__DEV__) {
 
       {
         if (current !== null && current.memoizedState !== null) {
-          ReactSharedInternals.H = HooksDispatcherOnUpdateInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
         } else if (hookTypesDev !== null) {
           // This dispatcher handles an edge case where a component is updating,
           // but no stateful hooks have been used.
           // We want to match the production code behavior (which will use HooksDispatcherOnMount),
           // but with the extra DEV validation to ensure hooks ordering hasn't changed.
           // This dispatcher does that.
-          ReactSharedInternals.H = HooksDispatcherOnMountWithHookTypesInDEV;
+          ReactCurrentDispatcher$1.current =
+            HooksDispatcherOnMountWithHookTypesInDEV;
         } else {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       } // In Strict Mode, during development, user functions are double invoked to
       // help detect side effects. The logic for how this is implemented for in
@@ -21303,7 +24090,7 @@ if (__DEV__) {
       } // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
       // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
       var didRenderTooFewHooks =
@@ -21476,7 +24263,7 @@ if (__DEV__) {
           hookTypesUpdateIndexDev = -1;
         }
 
-        ReactSharedInternals.H = HooksDispatcherOnRerenderInDEV;
+        ReactCurrentDispatcher$1.current = HooksDispatcherOnRerenderInDEV;
         children = Component(props, secondArg);
       } while (didScheduleRenderPhaseUpdateDuringThisPass);
 
@@ -21498,34 +24285,18 @@ if (__DEV__) {
       );
     }
     function TransitionAwareHostComponent() {
-      var dispatcher = ReactSharedInternals.H;
+      var dispatcher = ReactCurrentDispatcher$1.current;
 
       var _dispatcher$useState = dispatcher.useState(),
         maybeThenable = _dispatcher$useState[0];
 
-      var nextState;
-
       if (typeof maybeThenable.then === "function") {
         var thenable = maybeThenable;
-        nextState = useThenable(thenable);
+        return useThenable(thenable);
       } else {
         var status = maybeThenable;
-        nextState = status;
-      } // The "reset state" is an object. If it changes, that means something
-      // requested that we reset the form.
-
-      var _dispatcher$useState2 = dispatcher.useState(),
-        nextResetState = _dispatcher$useState2[0];
-
-      var prevResetState =
-        currentHook !== null ? currentHook.memoizedState : null;
-
-      if (prevResetState !== nextResetState) {
-        // Schedule a form reset
-        currentlyRenderingFiber$1.flags |= FormReset;
+        return status;
       }
-
-      return nextState;
     }
     function checkDidRenderIdHook() {
       // This should be called immediately after every renderWithHooks call.
@@ -21562,7 +24333,7 @@ if (__DEV__) {
       currentlyRenderingFiber$1 = null; // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
     }
     function resetHooksOnUnwind(workInProgress) {
       if (didScheduleRenderPhaseUpdate) {
@@ -21736,7 +24507,7 @@ if (__DEV__) {
         // time (perhaps because it threw). Subsequent Hook calls should use the
         // mount dispatcher.
         {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       }
 
@@ -22578,14 +25349,14 @@ if (__DEV__) {
       var action = actionQueue.action;
       var prevState = actionQueue.state; // This is a fork of startTransition
 
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$3.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
-      ReactSharedInternals.T = currentTransition;
+      ReactCurrentBatchConfig$3.transition = currentTransition;
 
       {
-        ReactSharedInternals.T._updatedFibers = new Set();
+        ReactCurrentBatchConfig$3.transition._updatedFibers = new Set();
       } // Optimistically update the pending state, similar to useTransition.
       // This will be reverted automatically when all actions are finished.
 
@@ -22643,7 +25414,7 @@ if (__DEV__) {
         setState(rejectedThenable);
         finishRunningActionStateAction(actionQueue, setPendingState, setState);
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$3.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -23302,7 +26073,7 @@ if (__DEV__) {
       setCurrentUpdatePriority(
         higherEventPriority(previousPriority, ContinuousEventPriority)
       );
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$3.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
@@ -23314,19 +26085,19 @@ if (__DEV__) {
         // optimistic update anyway to make it less likely the behavior accidentally
         // diverges; for example, both an optimistic update and this one should
         // share the same lane.
-        ReactSharedInternals.T = currentTransition;
+        ReactCurrentBatchConfig$3.transition = currentTransition;
         dispatchOptimisticSetState(fiber, false, queue, pendingState);
       }
 
       if (enableTransitionTracing) {
         if (options !== undefined && options.name !== undefined) {
-          currentTransition.name = options.name;
-          currentTransition.startTime = now$1();
+          ReactCurrentBatchConfig$3.transition.name = options.name;
+          ReactCurrentBatchConfig$3.transition.startTime = now$1();
         }
       }
 
       {
-        currentTransition._updatedFibers = new Set();
+        ReactCurrentBatchConfig$3.transition._updatedFibers = new Set();
       }
 
       try {
@@ -23372,7 +26143,7 @@ if (__DEV__) {
         }
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$3.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -23400,8 +26171,46 @@ if (__DEV__) {
         );
       }
 
-      var stateHook = ensureFormComponentIsStateful(formFiber);
-      var queue = stateHook.queue;
+      var queue;
+
+      if (formFiber.memoizedState === null) {
+        // Upgrade this host component fiber to be stateful. We're going to pretend
+        // it was stateful all along so we can reuse most of the implementation
+        // for function components and useTransition.
+        //
+        // Create the state hook used by TransitionAwareHostComponent. This is
+        // essentially an inlined version of mountState.
+        var newQueue = {
+          pending: null,
+          lanes: NoLanes,
+          // We're going to cheat and intentionally not create a bound dispatch
+          // method, because we can call it directly in startTransition.
+          dispatch: null,
+          lastRenderedReducer: basicStateReducer,
+          lastRenderedState: NotPendingTransition
+        };
+        queue = newQueue;
+        var stateHook = {
+          memoizedState: NotPendingTransition,
+          baseState: NotPendingTransition,
+          baseQueue: null,
+          queue: newQueue,
+          next: null
+        }; // Add the state hook to both fiber alternates. The idea is that the fiber
+        // had this hook all along.
+
+        formFiber.memoizedState = stateHook;
+        var alternate = formFiber.alternate;
+
+        if (alternate !== null) {
+          alternate.memoizedState = stateHook;
+        }
+      } else {
+        // This fiber was already upgraded to be stateful.
+        var _stateHook = formFiber.memoizedState;
+        queue = _stateHook.queue;
+      }
+
       startTransition(
         formFiber,
         queue,
@@ -23409,104 +26218,11 @@ if (__DEV__) {
         NotPendingTransition, // TODO: We can avoid this extra wrapper, somehow. Figure out layering
         // once more of this function is implemented.
         function () {
-          // Automatically reset the form when the action completes.
-          requestFormReset$1(formFiber);
           return callback(formData);
         }
       );
     }
 
-    function ensureFormComponentIsStateful(formFiber) {
-      var existingStateHook = formFiber.memoizedState;
-
-      if (existingStateHook !== null) {
-        // This fiber was already upgraded to be stateful.
-        return existingStateHook;
-      } // Upgrade this host component fiber to be stateful. We're going to pretend
-      // it was stateful all along so we can reuse most of the implementation
-      // for function components and useTransition.
-      //
-      // Create the state hook used by TransitionAwareHostComponent. This is
-      // essentially an inlined version of mountState.
-
-      var newQueue = {
-        pending: null,
-        lanes: NoLanes,
-        // We're going to cheat and intentionally not create a bound dispatch
-        // method, because we can call it directly in startTransition.
-        dispatch: null,
-        lastRenderedReducer: basicStateReducer,
-        lastRenderedState: NotPendingTransition
-      };
-      var stateHook = {
-        memoizedState: NotPendingTransition,
-        baseState: NotPendingTransition,
-        baseQueue: null,
-        queue: newQueue,
-        next: null
-      }; // We use another state hook to track whether the form needs to be reset.
-      // The state is an empty object. To trigger a reset, we update the state
-      // to a new object. Then during rendering, we detect that the state has
-      // changed and schedule a commit effect.
-
-      var initialResetState = {};
-      var newResetStateQueue = {
-        pending: null,
-        lanes: NoLanes,
-        // We're going to cheat and intentionally not create a bound dispatch
-        // method, because we can call it directly in startTransition.
-        dispatch: null,
-        lastRenderedReducer: basicStateReducer,
-        lastRenderedState: initialResetState
-      };
-      var resetStateHook = {
-        memoizedState: initialResetState,
-        baseState: initialResetState,
-        baseQueue: null,
-        queue: newResetStateQueue,
-        next: null
-      };
-      stateHook.next = resetStateHook; // Add the hook list to both fiber alternates. The idea is that the fiber
-      // had this hook all along.
-
-      formFiber.memoizedState = stateHook;
-      var alternate = formFiber.alternate;
-
-      if (alternate !== null) {
-        alternate.memoizedState = stateHook;
-      }
-
-      return stateHook;
-    }
-
-    function requestFormReset$1(formFiber) {
-      var transition = requestCurrentTransition();
-
-      {
-        if (transition === null) {
-          // An optimistic update occurred, but startTransition is not on the stack.
-          // The form reset will be scheduled at default (sync) priority, which
-          // is probably not what the user intended. Most likely because the
-          // requestFormReset call happened after an `await`.
-          // TODO: Theoretically, requestFormReset is still useful even for
-          // non-transition updates because it allows you to update defaultValue
-          // synchronously and then wait to reset until after the update commits.
-          // I've chosen to warn anyway because it's more likely the `await` mistake
-          // described above. But arguably we shouldn't.
-          error(
-            "requestFormReset was called outside a transition or action. To " +
-              "fix, move to an action, or wrap with startTransition."
-          );
-        }
-      }
-
-      var stateHook = ensureFormComponentIsStateful(formFiber);
-      var newResetState = {};
-      var resetStateHook = stateHook.next;
-      var resetStateQueue = resetStateHook.queue;
-      dispatchSetState(formFiber, resetStateQueue, newResetState);
-    }
-
     function mountTransition() {
       var stateHook = mountStateImpl(false); // The `start` method never changes.
 
@@ -23723,11 +26439,11 @@ if (__DEV__) {
           var lastRenderedReducer = queue.lastRenderedReducer;
 
           if (lastRenderedReducer !== null) {
-            var prevDispatcher = null;
+            var prevDispatcher;
 
             {
-              prevDispatcher = ReactSharedInternals.H;
-              ReactSharedInternals.H =
+              prevDispatcher = ReactCurrentDispatcher$1.current;
+              ReactCurrentDispatcher$1.current =
                 InvalidNestedHooksDispatcherOnUpdateInDEV;
             }
 
@@ -23758,7 +26474,7 @@ if (__DEV__) {
               // Suppress the error. It will throw again in the render phase.
             } finally {
               {
-                ReactSharedInternals.H = prevDispatcher;
+                ReactCurrentDispatcher$1.current = prevDispatcher;
               }
             }
           }
@@ -24032,25 +26748,27 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           mountHookTypesDev();
           checkDepsAreArrayDev(deps);
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -24061,13 +26779,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -24202,25 +26921,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -24231,13 +26952,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -24364,25 +27086,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -24393,13 +27117,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -24535,25 +27260,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -24564,13 +27291,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -24717,26 +27445,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -24749,13 +27479,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -24906,26 +27637,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -24938,13 +27671,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -25095,26 +27829,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -25127,13 +27863,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -25402,6 +28139,1205 @@ if (__DEV__) {
       }
     }
 
+    var fakeInternalInstance = {};
+    var didWarnAboutStateAssignmentForComponent;
+    var didWarnAboutUninitializedState;
+    var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
+    var didWarnAboutLegacyLifecyclesAndDerivedState;
+    var didWarnAboutUndefinedDerivedState;
+    var didWarnAboutDirectlyAssigningPropsToState;
+    var didWarnAboutInvalidateContextType;
+    var didWarnOnInvalidCallback;
+
+    {
+      didWarnAboutStateAssignmentForComponent = new Set();
+      didWarnAboutUninitializedState = new Set();
+      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
+      didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
+      didWarnAboutDirectlyAssigningPropsToState = new Set();
+      didWarnAboutUndefinedDerivedState = new Set();
+      didWarnAboutInvalidateContextType = new Set();
+      didWarnOnInvalidCallback = new Set(); // This is so gross but it's at least non-critical and can be removed if
+      // it causes problems. This is meant to give a nicer error message for
+      // ReactDOM15.unstable_renderSubtreeIntoContainer(reactDOM16Component,
+      // ...)) which otherwise throws a "_processChildContext is not a function"
+      // exception.
+
+      Object.defineProperty(fakeInternalInstance, "_processChildContext", {
+        enumerable: false,
+        value: function () {
+          throw new Error(
+            "_processChildContext is not available in React 16+. This likely " +
+              "means you have multiple copies of React and are attempting to nest " +
+              "a React 15 tree inside a React 16 tree using " +
+              "unstable_renderSubtreeIntoContainer, which isn't supported. Try " +
+              "to make sure you have only one copy of React (and ideally, switch " +
+              "to ReactDOM.createPortal)."
+          );
+        }
+      });
+      Object.freeze(fakeInternalInstance);
+    }
+
+    function warnOnInvalidCallback(callback) {
+      {
+        if (callback === null || typeof callback === "function") {
+          return;
+        } // eslint-disable-next-line react-internal/safe-string-coercion
+
+        var key = String(callback);
+
+        if (!didWarnOnInvalidCallback.has(key)) {
+          didWarnOnInvalidCallback.add(key);
+
+          error(
+            "Expected the last optional `callback` argument to be a " +
+              "function. Instead received: %s.",
+            callback
+          );
+        }
+      }
+    }
+
+    function warnOnUndefinedDerivedState(type, partialState) {
+      {
+        if (partialState === undefined) {
+          var componentName = getComponentNameFromType(type) || "Component";
+
+          if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
+            didWarnAboutUndefinedDerivedState.add(componentName);
+
+            error(
+              "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
+                "You have returned undefined.",
+              componentName
+            );
+          }
+        }
+      }
+    }
+
+    function applyDerivedStateFromProps(
+      workInProgress,
+      ctor,
+      getDerivedStateFromProps,
+      nextProps
+    ) {
+      var prevState = workInProgress.memoizedState;
+      var partialState = getDerivedStateFromProps(nextProps, prevState);
+
+      {
+        if (workInProgress.mode & StrictLegacyMode) {
+          setIsStrictModeForDevtools(true);
+
+          try {
+            // Invoke the function an extra time to help detect side-effects.
+            partialState = getDerivedStateFromProps(nextProps, prevState);
+          } finally {
+            setIsStrictModeForDevtools(false);
+          }
+        }
+
+        warnOnUndefinedDerivedState(ctor, partialState);
+      } // Merge the partial state and the previous state.
+
+      var memoizedState =
+        partialState === null || partialState === undefined
+          ? prevState
+          : assign({}, prevState, partialState);
+      workInProgress.memoizedState = memoizedState; // Once the update queue is empty, persist the derived state onto the
+      // base state.
+
+      if (workInProgress.lanes === NoLanes) {
+        // Queue is always non-null for classes
+        var updateQueue = workInProgress.updateQueue;
+        updateQueue.baseState = memoizedState;
+      }
+    }
+
+    var classComponentUpdater = {
+      isMounted: isMounted,
+      // $FlowFixMe[missing-local-annot]
+      enqueueSetState: function (inst, payload, callback) {
+        var fiber = get(inst);
+        var lane = requestUpdateLane(fiber);
+        var update = createUpdate(lane);
+        update.payload = payload;
+
+        if (callback !== undefined && callback !== null) {
+          {
+            warnOnInvalidCallback(callback);
+          }
+
+          update.callback = callback;
+        }
+
+        var root = enqueueUpdate(fiber, update, lane);
+
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitions(root, fiber, lane);
+        }
+
+        {
+          if (enableDebugTracing) {
+            if (fiber.mode & DebugTracingMode) {
+              var name = getComponentNameFromFiber(fiber) || "Unknown";
+              logStateUpdateScheduled(name, lane, payload);
+            }
+          }
+        }
+
+        if (enableSchedulingProfiler) {
+          markStateUpdateScheduled(fiber, lane);
+        }
+      },
+      enqueueReplaceState: function (inst, payload, callback) {
+        var fiber = get(inst);
+        var lane = requestUpdateLane(fiber);
+        var update = createUpdate(lane);
+        update.tag = ReplaceState;
+        update.payload = payload;
+
+        if (callback !== undefined && callback !== null) {
+          {
+            warnOnInvalidCallback(callback);
+          }
+
+          update.callback = callback;
+        }
+
+        var root = enqueueUpdate(fiber, update, lane);
+
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitions(root, fiber, lane);
+        }
+
+        {
+          if (enableDebugTracing) {
+            if (fiber.mode & DebugTracingMode) {
+              var name = getComponentNameFromFiber(fiber) || "Unknown";
+              logStateUpdateScheduled(name, lane, payload);
+            }
+          }
+        }
+
+        if (enableSchedulingProfiler) {
+          markStateUpdateScheduled(fiber, lane);
+        }
+      },
+      // $FlowFixMe[missing-local-annot]
+      enqueueForceUpdate: function (inst, callback) {
+        var fiber = get(inst);
+        var lane = requestUpdateLane(fiber);
+        var update = createUpdate(lane);
+        update.tag = ForceUpdate;
+
+        if (callback !== undefined && callback !== null) {
+          {
+            warnOnInvalidCallback(callback);
+          }
+
+          update.callback = callback;
+        }
+
+        var root = enqueueUpdate(fiber, update, lane);
+
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitions(root, fiber, lane);
+        }
+
+        {
+          if (enableDebugTracing) {
+            if (fiber.mode & DebugTracingMode) {
+              var name = getComponentNameFromFiber(fiber) || "Unknown";
+              logForceUpdateScheduled(name, lane);
+            }
+          }
+        }
+
+        if (enableSchedulingProfiler) {
+          markForceUpdateScheduled(fiber, lane);
+        }
+      }
+    };
+
+    function checkShouldComponentUpdate(
+      workInProgress,
+      ctor,
+      oldProps,
+      newProps,
+      oldState,
+      newState,
+      nextContext
+    ) {
+      var instance = workInProgress.stateNode;
+
+      if (typeof instance.shouldComponentUpdate === "function") {
+        var shouldUpdate = instance.shouldComponentUpdate(
+          newProps,
+          newState,
+          nextContext
+        );
+
+        {
+          if (workInProgress.mode & StrictLegacyMode) {
+            setIsStrictModeForDevtools(true);
+
+            try {
+              // Invoke the function an extra time to help detect side-effects.
+              shouldUpdate = instance.shouldComponentUpdate(
+                newProps,
+                newState,
+                nextContext
+              );
+            } finally {
+              setIsStrictModeForDevtools(false);
+            }
+          }
+
+          if (shouldUpdate === undefined) {
+            error(
+              "%s.shouldComponentUpdate(): Returned undefined instead of a " +
+                "boolean value. Make sure to return true or false.",
+              getComponentNameFromType(ctor) || "Component"
+            );
+          }
+        }
+
+        return shouldUpdate;
+      }
+
+      if (ctor.prototype && ctor.prototype.isPureReactComponent) {
+        return (
+          !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+        );
+      }
+
+      return true;
+    }
+
+    function checkClassInstance(workInProgress, ctor, newProps) {
+      var instance = workInProgress.stateNode;
+
+      {
+        var name = getComponentNameFromType(ctor) || "Component";
+        var renderPresent = instance.render;
+
+        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
+            );
+          }
+        }
+
+        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 (ctor.childContextTypes) {
+            error(
+              "%s uses the legacy childContextTypes API which was removed in React 19. " +
+                "Use React.createContext() instead.",
+              name
+            );
+          }
+
+          if (ctor.contextTypes) {
+            error(
+              "%s uses the legacy contextTypes API which was removed in React 19. " +
+                "Use React.createContext() with static contextType instead.",
+              name
+            );
+          }
+        }
+
+        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 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(
+            "When calling super() in `%s`, make sure to pass " +
+              "up the same props that your component's constructor was passed.",
+            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 constructClassInstance(workInProgress, ctor, props) {
+      var context = emptyContextObject;
+      var contextType = ctor.contextType;
+
+      {
+        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 = "";
+
+            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(", ") +
+                "}.";
+            }
+
+            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(contextType);
+      }
+
+      var instance = new ctor(props, context); // Instantiate twice to help detect side-effects.
+
+      {
+        if (workInProgress.mode & StrictLegacyMode) {
+          setIsStrictModeForDevtools(true);
+
+          try {
+            instance = new ctor(props, context); // eslint-disable-line no-new
+          } finally {
+            setIsStrictModeForDevtools(false);
+          }
+        }
+      }
+
+      var state = (workInProgress.memoizedState =
+        instance.state !== null && instance.state !== undefined
+          ? instance.state
+          : null);
+      instance.updater = classComponentUpdater;
+      workInProgress.stateNode = instance; // The instance needs access to the fiber so that it can schedule updates
+
+      set(instance, workInProgress);
+
+      {
+        instance._reactInternalInstance = fakeInternalInstance;
+      }
+
+      {
+        if (
+          typeof ctor.getDerivedStateFromProps === "function" &&
+          state === null
+        ) {
+          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);
+
+              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://react.dev/link/unsafe-component-lifecycles",
+                _componentName,
+                newApiName,
+                foundWillMountName !== null ? "\n  " + foundWillMountName : "",
+                foundWillReceivePropsName !== null
+                  ? "\n  " + foundWillReceivePropsName
+                  : "",
+                foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : ""
+              );
+            }
+          }
+        }
+      } // Cache unmasked context so we can avoid recreating masked context unless necessary.
+
+      return instance;
+    }
+
+    function callComponentWillMount(workInProgress, instance) {
+      var oldState = instance.state;
+
+      if (typeof instance.componentWillMount === "function") {
+        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.",
+            getComponentNameFromFiber(workInProgress) || "Component"
+          );
+        }
+
+        classComponentUpdater.enqueueReplaceState(
+          instance,
+          instance.state,
+          null
+        );
+      }
+    }
+
+    function callComponentWillReceiveProps(
+      workInProgress,
+      instance,
+      newProps,
+      nextContext
+    ) {
+      var oldState = instance.state;
+
+      if (typeof instance.componentWillReceiveProps === "function") {
+        instance.componentWillReceiveProps(newProps, nextContext);
+      }
+
+      if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
+        instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
+      }
+
+      if (instance.state !== oldState) {
+        {
+          var componentName =
+            getComponentNameFromFiber(workInProgress) || "Component";
+
+          if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
+            didWarnAboutStateAssignmentForComponent.add(componentName);
+
+            error(
+              "%s.componentWillReceiveProps(): Assigning directly to " +
+                "this.state is deprecated (except inside a component's " +
+                "constructor). Use setState instead.",
+              componentName
+            );
+          }
+        }
+
+        classComponentUpdater.enqueueReplaceState(
+          instance,
+          instance.state,
+          null
+        );
+      }
+    } // Invokes the mount life-cycles on a previously never rendered instance.
+
+    function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
+      {
+        checkClassInstance(workInProgress, ctor, newProps);
+      }
+
+      var instance = workInProgress.stateNode;
+      instance.props = newProps;
+      instance.state = workInProgress.memoizedState;
+      instance.refs = {};
+      initializeUpdateQueue(workInProgress);
+      var contextType = ctor.contextType;
+
+      if (typeof contextType === "object" && contextType !== null) {
+        instance.context = readContext(contextType);
+      } else {
+        instance.context = emptyContextObject;
+      }
+
+      {
+        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
+            );
+          }
+        }
+
+        if (workInProgress.mode & StrictLegacyMode) {
+          ReactStrictModeWarnings.recordLegacyContextWarning(
+            workInProgress,
+            instance
+          );
+        }
+
+        ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
+          workInProgress,
+          instance
+        );
+      }
+
+      instance.state = workInProgress.memoizedState;
+      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+
+      if (typeof getDerivedStateFromProps === "function") {
+        applyDerivedStateFromProps(
+          workInProgress,
+          ctor,
+          getDerivedStateFromProps,
+          newProps
+        );
+        instance.state = workInProgress.memoizedState;
+      } // 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(workInProgress, instance); // If we had additional state updates during this life-cycle, let's
+        // process them now.
+
+        processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+        suspendIfUpdateReadFromEntangledAsyncAction();
+        instance.state = workInProgress.memoizedState;
+      }
+
+      if (typeof instance.componentDidMount === "function") {
+        workInProgress.flags |= Update | LayoutStatic;
+      }
+
+      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+        workInProgress.flags |= MountLayoutDev;
+      }
+    }
+
+    function resumeMountClassInstance(
+      workInProgress,
+      ctor,
+      newProps,
+      renderLanes
+    ) {
+      var instance = workInProgress.stateNode;
+      var unresolvedOldProps = workInProgress.memoizedProps;
+      var oldProps = resolveClassComponentProps(
+        ctor,
+        unresolvedOldProps,
+        workInProgress.type === workInProgress.elementType
+      );
+      instance.props = oldProps;
+      var oldContext = instance.context;
+      var contextType = ctor.contextType;
+      var nextContext = emptyContextObject;
+
+      if (typeof contextType === "object" && contextType !== null) {
+        nextContext = readContext(contextType);
+      }
+
+      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+      var hasNewLifecycles =
+        typeof getDerivedStateFromProps === "function" ||
+        typeof instance.getSnapshotBeforeUpdate === "function"; // When comparing whether props changed, we should compare using the
+      // unresolved props object that is stored on the fiber, rather than the
+      // one that gets assigned to the instance, because that object may have been
+      // cloned to resolve default props and/or remove `ref`.
+
+      var unresolvedNewProps = workInProgress.pendingProps;
+      var didReceiveNewProps = unresolvedNewProps !== unresolvedOldProps; // Note: During these life-cycles, instance.props/instance.state are what
+      // ever the previously attempted to render - not the "current". However,
+      // during componentDidUpdate we pass the "current" props.
+      // In order to support react-lifecycles-compat polyfilled components,
+      // Unsafe lifecycles should not be invoked for components using the new APIs.
+
+      if (
+        !hasNewLifecycles &&
+        (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
+          typeof instance.componentWillReceiveProps === "function")
+      ) {
+        if (didReceiveNewProps || oldContext !== nextContext) {
+          callComponentWillReceiveProps(
+            workInProgress,
+            instance,
+            newProps,
+            nextContext
+          );
+        }
+      }
+
+      resetHasForceUpdateBeforeProcessing();
+      var oldState = workInProgress.memoizedState;
+      var newState = (instance.state = oldState);
+      processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
+      newState = workInProgress.memoizedState;
+
+      if (
+        !didReceiveNewProps &&
+        oldState === newState &&
+        !hasContextChanged() &&
+        !checkHasForceUpdateAfterProcessing()
+      ) {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidMount === "function") {
+          workInProgress.flags |= Update | LayoutStatic;
+        }
+
+        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+          workInProgress.flags |= MountLayoutDev;
+        }
+
+        return false;
+      }
+
+      if (typeof getDerivedStateFromProps === "function") {
+        applyDerivedStateFromProps(
+          workInProgress,
+          ctor,
+          getDerivedStateFromProps,
+          newProps
+        );
+        newState = workInProgress.memoizedState;
+      }
+
+      var shouldUpdate =
+        checkHasForceUpdateAfterProcessing() ||
+        checkShouldComponentUpdate(
+          workInProgress,
+          ctor,
+          oldProps,
+          newProps,
+          oldState,
+          newState,
+          nextContext
+        );
+
+      if (shouldUpdate) {
+        // In order to support react-lifecycles-compat polyfilled components,
+        // Unsafe lifecycles should not be invoked for components using the new APIs.
+        if (
+          !hasNewLifecycles &&
+          (typeof instance.UNSAFE_componentWillMount === "function" ||
+            typeof instance.componentWillMount === "function")
+        ) {
+          if (typeof instance.componentWillMount === "function") {
+            instance.componentWillMount();
+          }
+
+          if (typeof instance.UNSAFE_componentWillMount === "function") {
+            instance.UNSAFE_componentWillMount();
+          }
+        }
+
+        if (typeof instance.componentDidMount === "function") {
+          workInProgress.flags |= Update | LayoutStatic;
+        }
+
+        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+          workInProgress.flags |= MountLayoutDev;
+        }
+      } else {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidMount === "function") {
+          workInProgress.flags |= Update | LayoutStatic;
+        }
+
+        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+          workInProgress.flags |= MountLayoutDev;
+        } // If shouldComponentUpdate returned false, we should still update the
+        // memoized state to indicate that this work can be reused.
+
+        workInProgress.memoizedProps = newProps;
+        workInProgress.memoizedState = newState;
+      } // Update the existing instance's state, props, and context pointers even
+      // if shouldComponentUpdate returns false.
+
+      instance.props = newProps;
+      instance.state = newState;
+      instance.context = nextContext;
+      return shouldUpdate;
+    } // Invokes the update life-cycles and returns false if it shouldn't rerender.
+
+    function updateClassInstance(
+      current,
+      workInProgress,
+      ctor,
+      newProps,
+      renderLanes
+    ) {
+      var instance = workInProgress.stateNode;
+      cloneUpdateQueue(current, workInProgress);
+      var unresolvedOldProps = workInProgress.memoizedProps;
+      var oldProps = resolveClassComponentProps(
+        ctor,
+        unresolvedOldProps,
+        workInProgress.type === workInProgress.elementType
+      );
+      instance.props = oldProps;
+      var unresolvedNewProps = workInProgress.pendingProps;
+      var oldContext = instance.context;
+      var contextType = ctor.contextType;
+      var nextContext = emptyContextObject;
+
+      if (typeof contextType === "object" && contextType !== null) {
+        nextContext = readContext(contextType);
+      }
+
+      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+      var hasNewLifecycles =
+        typeof getDerivedStateFromProps === "function" ||
+        typeof instance.getSnapshotBeforeUpdate === "function"; // Note: During these life-cycles, instance.props/instance.state are what
+      // ever the previously attempted to render - not the "current". However,
+      // during componentDidUpdate we pass the "current" props.
+      // In order to support react-lifecycles-compat polyfilled components,
+      // Unsafe lifecycles should not be invoked for components using the new APIs.
+
+      if (
+        !hasNewLifecycles &&
+        (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
+          typeof instance.componentWillReceiveProps === "function")
+      ) {
+        if (
+          unresolvedOldProps !== unresolvedNewProps ||
+          oldContext !== nextContext
+        ) {
+          callComponentWillReceiveProps(
+            workInProgress,
+            instance,
+            newProps,
+            nextContext
+          );
+        }
+      }
+
+      resetHasForceUpdateBeforeProcessing();
+      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 &&
+          current !== null &&
+          current.dependencies !== null &&
+          checkIfContextChanged(current.dependencies)
+        )
+      ) {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Update;
+          }
+        }
+
+        if (typeof instance.getSnapshotBeforeUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Snapshot;
+          }
+        }
+
+        return false;
+      }
+
+      if (typeof getDerivedStateFromProps === "function") {
+        applyDerivedStateFromProps(
+          workInProgress,
+          ctor,
+          getDerivedStateFromProps,
+          newProps
+        );
+        newState = workInProgress.memoizedState;
+      }
+
+      var shouldUpdate =
+        checkHasForceUpdateAfterProcessing() ||
+        checkShouldComponentUpdate(
+          workInProgress,
+          ctor,
+          oldProps,
+          newProps,
+          oldState,
+          newState,
+          nextContext
+        ) || // TODO: In some cases, we'll end up checking if context has changed twice,
+        // both before and after `shouldComponentUpdate` has been called. Not ideal,
+        // but I'm loath to refactor this function. This only happens for memoized
+        // components so it's not that common.
+        (enableLazyContextPropagation &&
+          current !== null &&
+          current.dependencies !== null &&
+          checkIfContextChanged(current.dependencies));
+
+      if (shouldUpdate) {
+        // In order to support react-lifecycles-compat polyfilled components,
+        // Unsafe lifecycles should not be invoked for components using the new APIs.
+        if (
+          !hasNewLifecycles &&
+          (typeof instance.UNSAFE_componentWillUpdate === "function" ||
+            typeof instance.componentWillUpdate === "function")
+        ) {
+          if (typeof instance.componentWillUpdate === "function") {
+            instance.componentWillUpdate(newProps, newState, nextContext);
+          }
+
+          if (typeof instance.UNSAFE_componentWillUpdate === "function") {
+            instance.UNSAFE_componentWillUpdate(
+              newProps,
+              newState,
+              nextContext
+            );
+          }
+        }
+
+        if (typeof instance.componentDidUpdate === "function") {
+          workInProgress.flags |= Update;
+        }
+
+        if (typeof instance.getSnapshotBeforeUpdate === "function") {
+          workInProgress.flags |= Snapshot;
+        }
+      } else {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Update;
+          }
+        }
+
+        if (typeof instance.getSnapshotBeforeUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Snapshot;
+          }
+        } // If shouldComponentUpdate returned false, we should still update the
+        // memoized props/state to indicate that this work can be reused.
+
+        workInProgress.memoizedProps = newProps;
+        workInProgress.memoizedState = newState;
+      } // Update the existing instance's state, props, and context pointers even
+      // if shouldComponentUpdate returns false.
+
+      instance.props = newProps;
+      instance.state = newState;
+      instance.context = nextContext;
+      return shouldUpdate;
+    }
+
+    function resolveClassComponentProps(
+      Component,
+      baseProps, // Only resolve default props if this is a lazy component. Otherwise, they
+      // would have already been resolved by the JSX runtime.
+      // TODO: We're going to remove default prop resolution from the JSX runtime
+      // and keep it only for class components. As part of that change, we should
+      // remove this extra check.
+      alreadyResolvedDefaultProps
+    ) {
+      var newProps = baseProps; // Resolve default props. Taken from old JSX runtime, where this used to live.
+
+      var defaultProps = Component.defaultProps;
+
+      if (
+        defaultProps && // If disableDefaultPropsExceptForClasses is true, we always resolve
+        // default props here in the reconciler, rather than in the JSX runtime.
+        (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
+      ) {
+        newProps = assign({}, newProps, baseProps);
+
+        for (var propName in defaultProps) {
+          if (newProps[propName] === undefined) {
+            newProps[propName] = defaultProps[propName];
+          }
+        }
+      }
+
+      if (enableRefAsProp) {
+        // Remove ref from the props object, if it exists.
+        if ("ref" in newProps) {
+          if (newProps === baseProps) {
+            newProps = assign({}, newProps);
+          }
+
+          delete newProps.ref;
+        }
+      }
+
+      return newProps;
+    }
+
     function resolveDefaultPropsOnNonClassComponent(Component, baseProps) {
       if (disableDefaultPropsExceptForClasses) {
         // Support for defaultProps is removed in React 19 for all types
@@ -25426,6 +29362,8 @@ if (__DEV__) {
       return baseProps;
     }
 
+    var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // Side-channel since I'm not sure we want to make this part of the public API
+
     var componentName = null;
     var errorBoundaryName = null;
     function defaultOnUncaughtError(error, errorInfo) {
@@ -25490,10 +29428,10 @@ if (__DEV__) {
 
         var error = errorInfo.value;
 
-        if (true && ReactSharedInternals.actQueue !== null) {
+        if (true && ReactCurrentActQueue$2.current !== null) {
           // For uncaught errors inside act, we track them on the act and then
           // rethrow them into the test.
-          ReactSharedInternals.thrownErrors.push(error);
+          ReactCurrentActQueue$2.thrownErrors.push(error);
           return;
         }
 
@@ -26043,6 +29981,214 @@ if (__DEV__) {
       return false;
     }
 
+    // TODO: Is there a way to not include the tag or name here?
+
+    var TransitionRoot = 0;
+    var TransitionTracingMarker = 1;
+    function processTransitionCallbacks(
+      pendingTransitions,
+      endTime,
+      callbacks
+    ) {
+      if (enableTransitionTracing) {
+        if (pendingTransitions !== null) {
+          var transitionStart = pendingTransitions.transitionStart;
+          var onTransitionStart = callbacks.onTransitionStart;
+
+          if (transitionStart !== null && onTransitionStart != null) {
+            transitionStart.forEach(function (transition) {
+              return onTransitionStart(transition.name, transition.startTime);
+            });
+          }
+
+          var markerProgress = pendingTransitions.markerProgress;
+          var onMarkerProgress = callbacks.onMarkerProgress;
+
+          if (onMarkerProgress != null && markerProgress !== null) {
+            markerProgress.forEach(function (markerInstance, markerName) {
+              if (markerInstance.transitions !== null) {
+                // TODO: Clone the suspense object so users can't modify it
+                var pending =
+                  markerInstance.pendingBoundaries !== null
+                    ? Array.from(markerInstance.pendingBoundaries.values())
+                    : [];
+                markerInstance.transitions.forEach(function (transition) {
+                  onMarkerProgress(
+                    transition.name,
+                    markerName,
+                    transition.startTime,
+                    endTime,
+                    pending
+                  );
+                });
+              }
+            });
+          }
+
+          var markerComplete = pendingTransitions.markerComplete;
+          var onMarkerComplete = callbacks.onMarkerComplete;
+
+          if (markerComplete !== null && onMarkerComplete != null) {
+            markerComplete.forEach(function (transitions, markerName) {
+              transitions.forEach(function (transition) {
+                onMarkerComplete(
+                  transition.name,
+                  markerName,
+                  transition.startTime,
+                  endTime
+                );
+              });
+            });
+          }
+
+          var markerIncomplete = pendingTransitions.markerIncomplete;
+          var onMarkerIncomplete = callbacks.onMarkerIncomplete;
+
+          if (onMarkerIncomplete != null && markerIncomplete !== null) {
+            markerIncomplete.forEach(function (_ref, markerName) {
+              var transitions = _ref.transitions,
+                aborts = _ref.aborts;
+              transitions.forEach(function (transition) {
+                var filteredAborts = [];
+                aborts.forEach(function (abort) {
+                  switch (abort.reason) {
+                    case "marker": {
+                      filteredAborts.push({
+                        type: "marker",
+                        name: abort.name,
+                        endTime: endTime
+                      });
+                      break;
+                    }
+
+                    case "suspense": {
+                      filteredAborts.push({
+                        type: "suspense",
+                        name: abort.name,
+                        endTime: endTime
+                      });
+                      break;
+                    }
+                  }
+                });
+
+                if (filteredAborts.length > 0) {
+                  onMarkerIncomplete(
+                    transition.name,
+                    markerName,
+                    transition.startTime,
+                    filteredAborts
+                  );
+                }
+              });
+            });
+          }
+
+          var transitionProgress = pendingTransitions.transitionProgress;
+          var onTransitionProgress = callbacks.onTransitionProgress;
+
+          if (onTransitionProgress != null && transitionProgress !== null) {
+            transitionProgress.forEach(function (pending, transition) {
+              onTransitionProgress(
+                transition.name,
+                transition.startTime,
+                endTime,
+                Array.from(pending.values())
+              );
+            });
+          }
+
+          var transitionComplete = pendingTransitions.transitionComplete;
+          var onTransitionComplete = callbacks.onTransitionComplete;
+
+          if (transitionComplete !== null && onTransitionComplete != null) {
+            transitionComplete.forEach(function (transition) {
+              return onTransitionComplete(
+                transition.name,
+                transition.startTime,
+                endTime
+              );
+            });
+          }
+        }
+      }
+    } // For every tracing marker, store a pointer to it. We will later access it
+    // to get the set of suspense boundaries that need to resolve before the
+    // tracing marker can be logged as complete
+    // This code lives separate from the ReactFiberTransition code because
+    // we push and pop on the tracing marker, not the suspense boundary
+
+    var markerInstanceStack = createCursor(null);
+    function pushRootMarkerInstance(workInProgress) {
+      if (enableTransitionTracing) {
+        // On the root, every transition gets mapped to it's own map of
+        // suspense boundaries. The transition is marked as complete when
+        // the suspense boundaries map is empty. We do this because every
+        // transition completes at different times and depends on different
+        // suspense boundaries to complete. We store all the transitions
+        // along with its map of suspense boundaries in the root incomplete
+        // transitions map. Each entry in this map functions like a tracing
+        // marker does, so we can push it onto the marker instance stack
+        var transitions = getWorkInProgressTransitions();
+        var root = workInProgress.stateNode;
+
+        if (transitions !== null) {
+          transitions.forEach(function (transition) {
+            if (!root.incompleteTransitions.has(transition)) {
+              var markerInstance = {
+                tag: TransitionRoot,
+                transitions: new Set([transition]),
+                pendingBoundaries: null,
+                aborts: null,
+                name: null
+              };
+              root.incompleteTransitions.set(transition, markerInstance);
+            }
+          });
+        }
+
+        var markerInstances = []; // For ever transition on the suspense boundary, we push the transition
+        // along with its map of pending suspense boundaries onto the marker
+        // instance stack.
+
+        root.incompleteTransitions.forEach(function (markerInstance) {
+          markerInstances.push(markerInstance);
+        });
+        push(markerInstanceStack, markerInstances, workInProgress);
+      }
+    }
+    function popRootMarkerInstance(workInProgress) {
+      if (enableTransitionTracing) {
+        pop(markerInstanceStack, workInProgress);
+      }
+    }
+    function pushMarkerInstance(workInProgress, markerInstance) {
+      if (enableTransitionTracing) {
+        if (markerInstanceStack.current === null) {
+          push(markerInstanceStack, [markerInstance], workInProgress);
+        } else {
+          push(
+            markerInstanceStack,
+            markerInstanceStack.current.concat(markerInstance),
+            workInProgress
+          );
+        }
+      }
+    }
+    function popMarkerInstance(workInProgress) {
+      if (enableTransitionTracing) {
+        pop(markerInstanceStack, workInProgress);
+      }
+    }
+    function getMarkerInstances() {
+      if (enableTransitionTracing) {
+        return markerInstanceStack.current;
+      }
+
+      return null;
+    }
+
+    var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
     // into a dehydrated boundary.
 
     var SelectiveHydrationException = new Error(
@@ -26176,7 +30322,7 @@ if (__DEV__) {
       }
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -26823,7 +30969,7 @@ if (__DEV__) {
       }
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -27048,10 +31194,7 @@ if (__DEV__) {
 
       var instance = workInProgress.stateNode; // Rerender
 
-      {
-        ReactSharedInternals.owner = workInProgress;
-      }
-
+      ReactCurrentOwner$1.current = workInProgress;
       var nextChildren;
 
       if (
@@ -28968,7 +33111,7 @@ if (__DEV__) {
       var newChildren;
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         newChildren = render(newValue);
         setIsRendering(false);
@@ -30351,1807 +34494,2011 @@ if (__DEV__) {
       return value;
     }
 
-    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`.
+    // replace it with a lightweight shim that only has the features we use.
 
-    var hasForceUpdate = false;
-    var didWarnUpdateInsideUpdate;
-    var currentlyProcessingQueue;
+    var AbortControllerLocal =
+      typeof AbortController !== "undefined"
+        ? AbortController // $FlowFixMe[missing-this-annot]
+        : // $FlowFixMe[prop-missing]
+          function AbortControllerShim() {
+            var listeners = [];
+            var signal = (this.signal = {
+              aborted: false,
+              addEventListener: function (type, listener) {
+                listeners.push(listener);
+              }
+            });
+
+            this.abort = function () {
+              signal.aborted = true;
+              listeners.forEach(function (listener) {
+                return listener();
+              });
+            };
+          }; // Intentionally not named imports because Rollup would
+    // use dynamic dispatch for CommonJS interop named imports.
+
+    var scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
+      NormalPriority = Scheduler.unstable_NormalPriority;
+    var CacheContext = {
+      $$typeof: REACT_CONTEXT_TYPE,
+      // We don't use Consumer/Provider for Cache components. So we'll cheat.
+      Consumer: null,
+      Provider: null,
+      // We'll initialize these at the root.
+      _currentValue: null,
+      _currentValue2: null,
+      _threadCount: 0
+    };
 
     {
-      didWarnUpdateInsideUpdate = false;
-      currentlyProcessingQueue = null;
-    }
+      CacheContext._currentRenderer = null;
+      CacheContext._currentRenderer2 = null;
+    } // Creates a new empty Cache instance with a ref-count of 0. The caller is responsible
+    // for retaining the cache once it is in use (retainCache), and releasing the cache
+    // once it is no longer needed (releaseCache).
 
-    function initializeUpdateQueue(fiber) {
-      var queue = {
-        baseState: fiber.memoizedState,
-        firstBaseUpdate: null,
-        lastBaseUpdate: null,
-        shared: {
-          pending: null,
-          lanes: NoLanes,
-          hiddenCallbacks: null
-        },
-        callbacks: null
+    function createCache() {
+      var cache = {
+        controller: new AbortControllerLocal(),
+        data: new Map(),
+        refCount: 0
       };
-      fiber.updateQueue = queue;
+      return cache;
     }
-    function cloneUpdateQueue(current, workInProgress) {
-      // Clone the update queue from current. Unless it's already a clone.
-      var queue = workInProgress.updateQueue;
-      var currentQueue = current.updateQueue;
+    function retainCache(cache) {
+      {
+        if (cache.controller.signal.aborted) {
+          warn(
+            "A cache instance was retained after it was already freed. " +
+              "This likely indicates a bug in React."
+          );
+        }
+      }
 
-      if (queue === currentQueue) {
-        var clone = {
-          baseState: currentQueue.baseState,
-          firstBaseUpdate: currentQueue.firstBaseUpdate,
-          lastBaseUpdate: currentQueue.lastBaseUpdate,
-          shared: currentQueue.shared,
-          callbacks: null
-        };
-        workInProgress.updateQueue = clone;
+      cache.refCount++;
+    } // Cleanup a cache instance, potentially freeing it if there are no more references
+
+    function releaseCache(cache) {
+      cache.refCount--;
+
+      {
+        if (cache.refCount < 0) {
+          warn(
+            "A cache instance was released after it was already freed. " +
+              "This likely indicates a bug in React."
+          );
+        }
+      }
+
+      if (cache.refCount === 0) {
+        scheduleCallback$1(NormalPriority, function () {
+          cache.controller.abort();
+        });
       }
     }
-    function createUpdate(lane) {
-      var update = {
-        lane: lane,
-        tag: UpdateState,
-        payload: null,
-        callback: null,
-        next: null
-      };
-      return update;
+    function pushCacheProvider(workInProgress, cache) {
+      pushProvider(workInProgress, CacheContext, cache);
+    }
+    function popCacheProvider(workInProgress, cache) {
+      popProvider(CacheContext, workInProgress);
     }
-    function enqueueUpdate(fiber, update, lane) {
-      var updateQueue = fiber.updateQueue;
 
-      if (updateQueue === null) {
-        // Only occurs if the fiber has been unmounted.
+    var ReactCurrentBatchConfig$2 =
+      ReactSharedInternals.ReactCurrentBatchConfig;
+    function requestCurrentTransition() {
+      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.
+
+    var resumedCache = createCursor(null); // During the render/synchronous commit phase, we don't actually process the
+    // transitions. Therefore, we want to lazily combine transitions. Instead of
+    // comparing the arrays of transitions when we combine them and storing them
+    // and filtering out the duplicates, we will instead store the unprocessed transitions
+    // in an array and actually filter them in the passive phase.
+
+    var transitionStack = createCursor(null);
+
+    function peekCacheFromPool() {
+      // If we're rendering inside a Suspense boundary that is currently hidden,
+      // we should use the same cache that we used during the previous render, if
+      // one exists.
+
+      var cacheResumedFromPreviousRender = resumedCache.current;
+
+      if (cacheResumedFromPreviousRender !== null) {
+        return cacheResumedFromPreviousRender;
+      } // Otherwise, check the root's cache pool.
+
+      var root = getWorkInProgressRoot();
+      var cacheFromRootCachePool = root.pooledCache;
+      return cacheFromRootCachePool;
+    }
+
+    function requestCacheFromPool(renderLanes) {
+      // Similar to previous function, except if there's not already a cache in the
+      // pool, we allocate a new one.
+      var cacheFromPool = peekCacheFromPool();
+
+      if (cacheFromPool !== null) {
+        return cacheFromPool;
+      } // Create a fresh cache and add it to the root cache pool. A cache can have
+      // multiple owners:
+      // - A cache pool that lives on the FiberRoot. This is where all fresh caches
+      //   are originally created (TODO: except during refreshes, until we implement
+      //   this correctly). The root takes ownership immediately when the cache is
+      //   created. Conceptually, root.pooledCache is an Option<Arc<Cache>> (owned),
+      //   and the return value of this function is a &Arc<Cache> (borrowed).
+      // - One of several fiber types: host root, cache boundary, suspense
+      //   component. These retain and release in the commit phase.
+
+      var root = getWorkInProgressRoot();
+      var freshCache = createCache();
+      root.pooledCache = freshCache;
+      retainCache(freshCache);
+
+      if (freshCache !== null) {
+        root.pooledCacheLanes |= renderLanes;
+      }
+
+      return freshCache;
+    }
+    function pushRootTransition(workInProgress, root, renderLanes) {
+      if (enableTransitionTracing) {
+        var rootTransitions = getWorkInProgressTransitions();
+        push(transitionStack, rootTransitions, workInProgress);
+      }
+    }
+    function popRootTransition(workInProgress, root, renderLanes) {
+      if (enableTransitionTracing) {
+        pop(transitionStack, workInProgress);
+      }
+    }
+    function pushTransition(
+      offscreenWorkInProgress,
+      prevCachePool,
+      newTransitions
+    ) {
+      {
+        if (prevCachePool === null) {
+          push(resumedCache, resumedCache.current, offscreenWorkInProgress);
+        } else {
+          push(resumedCache, prevCachePool.pool, offscreenWorkInProgress);
+        }
+      }
+
+      if (enableTransitionTracing) {
+        if (transitionStack.current === null) {
+          push(transitionStack, newTransitions, offscreenWorkInProgress);
+        } else if (newTransitions === null) {
+          push(
+            transitionStack,
+            transitionStack.current,
+            offscreenWorkInProgress
+          );
+        } else {
+          push(
+            transitionStack,
+            transitionStack.current.concat(newTransitions),
+            offscreenWorkInProgress
+          );
+        }
+      }
+    }
+    function popTransition(workInProgress, current) {
+      if (current !== null) {
+        if (enableTransitionTracing) {
+          pop(transitionStack, workInProgress);
+        }
+
+        {
+          pop(resumedCache, workInProgress);
+        }
+      }
+    }
+    function getPendingTransitions() {
+      if (!enableTransitionTracing) {
         return null;
       }
 
-      var sharedQueue = updateQueue.shared;
+      return transitionStack.current;
+    }
+    function getSuspendedCache() {
+      // cache that would have been used to render fresh data during this render,
+      // if there was any, so that we can resume rendering with the same cache when
+      // we receive more data.
 
-      {
-        if (
-          currentlyProcessingQueue === sharedQueue &&
-          !didWarnUpdateInsideUpdate
-        ) {
-          var componentName = getComponentNameFromFiber(fiber);
+      var cacheFromPool = peekCacheFromPool();
 
-          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 (cacheFromPool === null) {
+        return null;
       }
 
-      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;
+      return {
+        // We must also save the parent, so that when we resume we can detect
+        // a refresh.
+        parent: CacheContext._currentValue,
+        pool: cacheFromPool
+      };
+    }
+    function getOffscreenDeferredCache() {
+      var cacheFromPool = peekCacheFromPool();
 
-        if (pending === null) {
-          // This is the first update. Create a circular list.
-          update.next = update;
-        } else {
-          update.next = pending.next;
-          pending.next = update;
+      if (cacheFromPool === null) {
+        return null;
+      }
+
+      return {
+        // We must also store the parent, so that when we resume we can detect
+        // a refresh.
+        parent: CacheContext._currentValue,
+        pool: cacheFromPool
+      };
+    }
+
+    function getSuspenseFallbackChild(fiber) {
+      return fiber.child.sibling.child;
+    }
+
+    var emptyObject = {};
+
+    function collectScopedNodes(node, fn, scopedNodes) {
+      {
+        if (node.tag === HostComponent) {
+          var type = node.type,
+            memoizedProps = node.memoizedProps,
+            stateNode = node.stateNode;
+          var instance = getPublicInstance(stateNode);
+
+          if (
+            instance !== null &&
+            fn(type, memoizedProps || emptyObject, instance) === true
+          ) {
+            scopedNodes.push(instance);
+          }
         }
 
-        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).
+        var child = node.child;
 
-        return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
-      } else {
-        return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
+        if (isFiberSuspenseAndTimedOut(node)) {
+          child = getSuspenseFallbackChild(node);
+        }
+
+        if (child !== null) {
+          collectScopedNodesFromChildren(child, fn, scopedNodes);
+        }
       }
     }
-    function entangleTransitions(root, fiber, lane) {
-      var updateQueue = fiber.updateQueue;
 
-      if (updateQueue === null) {
-        // Only occurs if the fiber has been unmounted.
+    function collectFirstScopedNode(node, fn) {
+      {
+        if (node.tag === HostComponent) {
+          var type = node.type,
+            memoizedProps = node.memoizedProps,
+            stateNode = node.stateNode;
+          var instance = getPublicInstance(stateNode);
+
+          if (instance !== null && fn(type, memoizedProps, instance) === true) {
+            return instance;
+          }
+        }
+
+        var child = node.child;
+
+        if (isFiberSuspenseAndTimedOut(node)) {
+          child = getSuspenseFallbackChild(node);
+        }
+
+        if (child !== null) {
+          return collectFirstScopedNodeFromChildren(child, fn);
+        }
+      }
+
+      return null;
+    }
+
+    function collectScopedNodesFromChildren(startingChild, fn, scopedNodes) {
+      var child = startingChild;
+
+      while (child !== null) {
+        collectScopedNodes(child, fn, scopedNodes);
+        child = child.sibling;
+      }
+    }
+
+    function collectFirstScopedNodeFromChildren(startingChild, fn) {
+      var child = startingChild;
+
+      while (child !== null) {
+        var scopedNode = collectFirstScopedNode(child, fn);
+
+        if (scopedNode !== null) {
+          return scopedNode;
+        }
+
+        child = child.sibling;
+      }
+
+      return null;
+    }
+
+    function collectNearestContextValues(node, context, childContextValues) {
+      if (
+        node.tag === ContextProvider &&
+        (enableRenderableContext ? node.type : node.type._context) === context
+      ) {
+        var contextValue = node.memoizedProps.value;
+        childContextValues.push(contextValue);
+      } else {
+        var child = node.child;
+
+        if (isFiberSuspenseAndTimedOut(node)) {
+          child = getSuspenseFallbackChild(node);
+        }
+
+        if (child !== null) {
+          collectNearestChildContextValues(child, context, childContextValues);
+        }
+      }
+    }
+
+    function collectNearestChildContextValues(
+      startingChild,
+      context,
+      childContextValues
+    ) {
+      var child = startingChild;
+
+      while (child !== null) {
+        collectNearestContextValues(child, context, childContextValues);
+        child = child.sibling;
+      }
+    }
+
+    function DO_NOT_USE_queryAllNodes(fn) {
+      var currentFiber = getInstanceFromScope(this);
+
+      if (currentFiber === null) {
+        return null;
+      }
+
+      var child = currentFiber.child;
+      var scopedNodes = [];
+
+      if (child !== null) {
+        collectScopedNodesFromChildren(child, fn, scopedNodes);
+      }
+
+      return scopedNodes.length === 0 ? null : scopedNodes;
+    }
+
+    function DO_NOT_USE_queryFirstNode(fn) {
+      var currentFiber = getInstanceFromScope(this);
+
+      if (currentFiber === null) {
+        return null;
+      }
+
+      var child = currentFiber.child;
+
+      if (child !== null) {
+        return collectFirstScopedNodeFromChildren(child, fn);
+      }
+
+      return null;
+    }
+
+    function containsNode(node) {
+      var fiber = getInstanceFromNode(node);
+
+      while (fiber !== null) {
+        if (fiber.tag === ScopeComponent && fiber.stateNode === this) {
+          return true;
+        }
+
+        fiber = fiber.return;
+      }
+
+      return false;
+    }
+
+    function getChildContextValues(context) {
+      var currentFiber = getInstanceFromScope(this);
+
+      if (currentFiber === null) {
+        return [];
+      }
+
+      var child = currentFiber.child;
+      var childContextValues = [];
+
+      if (child !== null) {
+        collectNearestChildContextValues(child, context, childContextValues);
+      }
+
+      return childContextValues;
+    }
+
+    function createScopeInstance() {
+      return {
+        DO_NOT_USE_queryAllNodes: DO_NOT_USE_queryAllNodes,
+        DO_NOT_USE_queryFirstNode: DO_NOT_USE_queryFirstNode,
+        containsNode: containsNode,
+        getChildContextValues: getChildContextValues
+      };
+    }
+
+    /**
+     * Tag the fiber with an update effect. This turns a Placement into
+     * a PlacementAndUpdate.
+     */
+
+    function markUpdate(workInProgress) {
+      workInProgress.flags |= Update;
+    }
+
+    function appendAllChildren(
+      parent,
+      workInProgress,
+      needsVisibilityToggle,
+      isHidden
+    ) {
+      {
+        // We only have the top Fiber that was created but we need recurse down its
+        // children to find all the terminal nodes.
+        var node = workInProgress.child;
+
+        while (node !== null) {
+          if (node.tag === HostComponent || node.tag === HostText) {
+            appendInitialChild(parent, node.stateNode);
+          } else if (node.tag === HostPortal || node.tag === HostSingleton);
+          else if (node.child !== null) {
+            node.child.return = node;
+            node = node.child;
+            continue;
+          }
+
+          if (node === workInProgress) {
+            return;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          while (node.sibling === null) {
+            // $FlowFixMe[incompatible-use] found when upgrading Flow
+            if (node.return === null || node.return === workInProgress) {
+              return;
+            }
+
+            node = node.return;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          node.sibling.return = node.return;
+          node = node.sibling;
+        }
+      }
+    } // An unfortunate fork of appendAllChildren because we have two different parent types.
+
+    function updateHostComponent(
+      current,
+      workInProgress,
+      type,
+      newProps,
+      renderLanes
+    ) {
+      {
+        // If we have an alternate, that means this is an update and we need to
+        // schedule a side-effect to do the updates.
+        var oldProps = current.memoizedProps;
+
+        if (oldProps === newProps) {
+          // In mutation mode, this is sufficient for a bailout because
+          // we won't touch this node even if children changed.
+          return;
+        }
+
+        markUpdate(workInProgress);
+      }
+    } // This function must be called at the very end of the complete phase, because
+    // it might throw to suspend, and if the resource immediately loads, the work
+    // loop will resume rendering as if the work-in-progress completed. So it must
+    // fully complete.
+    // TODO: This should ideally move to begin phase, but currently the instance is
+    // not created until the complete phase. For our existing use cases, host nodes
+    // that suspend don't have children, so it doesn't matter. But that might not
+    // always be true in the future.
+
+    function preloadInstanceAndSuspendIfNeeded(
+      workInProgress,
+      type,
+      props,
+      renderLanes
+    ) {
+      {
+        // If this flag was set previously, we can remove it. The flag
+        // represents whether this particular set of props might ever need to
+        // suspend. The safest thing to do is for maySuspendCommit to always
+        // return true, but if the renderer is reasonably confident that the
+        // underlying resource won't be evicted, it can return false as a
+        // performance optimization.
+        workInProgress.flags &= ~MaySuspendCommit;
+        return;
+      } // Mark this fiber with a flag. This gets set on all host instances
+    }
+
+    function preloadResourceAndSuspendIfNeeded(
+      workInProgress,
+      resource,
+      type,
+      props,
+      renderLanes
+    ) {
+      // This is a fork of preloadInstanceAndSuspendIfNeeded, but for resources.
+      if (!mayResourceSuspendCommit(resource)) {
+        workInProgress.flags &= ~MaySuspendCommit;
         return;
       }
 
-      var sharedQueue = updateQueue.shared;
+      workInProgress.flags |= MaySuspendCommit;
+      var rootRenderLanes = getWorkInProgressRootRenderLanes();
 
-      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.
+      if (!includesOnlyNonUrgentLanes(rootRenderLanes));
+      else {
+        var isReady = preloadResource(resource);
 
-        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);
+        if (!isReady) {
+          if (shouldRemainOnPreviousScreen()) {
+            workInProgress.flags |= ShouldSuspendCommit;
+          } else {
+            suspendCommit();
+          }
+        }
       }
     }
-    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;
+    function scheduleRetryEffect(workInProgress, retryQueue) {
+      var wakeables = retryQueue;
 
-      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;
+      if (wakeables !== null) {
+        // Schedule an effect to attach a retry listener to the promise.
+        // TODO: Move to passive phase
+        workInProgress.flags |= Update;
       } else {
-        lastBaseUpdate.next = capturedUpdate;
+        // This boundary suspended, but no wakeables were added to the retry
+        // queue. Check if the renderer suspended commit. If so, this means
+        // that once the fallback is committed, we can immediately retry
+        // rendering again, because rendering wasn't actually blocked. Only
+        // the commit phase.
+        // TODO: Consider a model where we always schedule an immediate retry, even
+        // for normal Suspense. That way the retry can partially render up to the
+        // first thing that suspends.
+        if (workInProgress.flags & ScheduleRetry) {
+          var retryLane = // TODO: This check should probably be moved into claimNextRetryLane
+            // I also suspect that we need some further consolidation of offscreen
+            // and retry lanes.
+            workInProgress.tag !== OffscreenComponent
+              ? claimNextRetryLane()
+              : OffscreenLane;
+          workInProgress.lanes = mergeLanes(workInProgress.lanes, retryLane);
+        }
       }
-
-      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;
+    function updateHostText(current, workInProgress, oldText, newText) {
+      {
+        // If the text differs, mark it as an update. All the work in done in commitWork.
+        if (oldText !== newText) {
+          markUpdate(workInProgress);
         }
+      }
+    }
 
-        case CaptureUpdate: {
-          workInProgress.flags =
-            (workInProgress.flags & ~ShouldCapture) | DidCapture;
-        }
-        // Intentional fallthrough
+    function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+      if (getIsHydrating()) {
+        // If we're hydrating, we should consume as many items as we can
+        // so we don't leave any behind.
+        return;
+      }
 
-        case UpdateState: {
-          var _payload = update.payload;
-          var partialState;
+      switch (renderState.tailMode) {
+        case "hidden": {
+          // Any insertions at the end of the tail list after this point
+          // should be invisible. If there are already mounted boundaries
+          // anything before them are not considered for collapsing.
+          // Therefore we need to go through the whole tail to find if
+          // there are any.
+          var tailNode = renderState.tail;
+          var lastTailNode = null;
 
-          if (typeof _payload === "function") {
-            // Updater function
-            {
-              enterDisallowedContextReadInDEV();
+          while (tailNode !== null) {
+            if (tailNode.alternate !== null) {
+              lastTailNode = tailNode;
             }
 
-            partialState = _payload.call(instance, prevState, nextProps);
+            tailNode = tailNode.sibling;
+          } // Next we're simply going to delete all insertions after the
+          // last rendered item.
 
-            {
-              if (workInProgress.mode & StrictLegacyMode) {
-                setIsStrictModeForDevtools(true);
-
-                try {
-                  _payload.call(instance, prevState, nextProps);
-                } finally {
-                  setIsStrictModeForDevtools(false);
-                }
-              }
-
-              exitDisallowedContextReadInDEV();
-            }
+          if (lastTailNode === null) {
+            // All remaining items in the tail are insertions.
+            renderState.tail = null;
           } else {
-            // Partial state object
-            partialState = _payload;
+            // Detach the insertion after the last node that was already
+            // inserted.
+            lastTailNode.sibling = null;
           }
 
-          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);
+          break;
         }
 
-        case ForceUpdate: {
-          hasForceUpdate = true;
-          return prevState;
-        }
-      }
+        case "collapsed": {
+          // Any insertions at the end of the tail list after this point
+          // should be invisible. If there are already mounted boundaries
+          // anything before them are not considered for collapsing.
+          // Therefore we need to go through the whole tail to find if
+          // there are any.
+          var _tailNode = renderState.tail;
+          var _lastTailNode = null;
 
-      return prevState;
-    }
+          while (_tailNode !== null) {
+            if (_tailNode.alternate !== null) {
+              _lastTailNode = _tailNode;
+            }
 
-    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.
+            _tailNode = _tailNode.sibling;
+          } // Next we're simply going to delete all insertions after the
+          // last rendered item.
 
-    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 (_lastTailNode === null) {
+            // All remaining items in the tail are insertions.
+            if (!hasRenderedATailFallback && renderState.tail !== null) {
+              // We suspended during the head. We want to show at least one
+              // row at the tail. So we'll keep on and cut off the rest.
+              renderState.tail.sibling = null;
+            } else {
+              renderState.tail = null;
+            }
+          } else {
+            // Detach the insertion after the last node that was already
+            // inserted.
+            _lastTailNode.sibling = null;
+          }
 
-        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;
+          break;
         }
       }
     }
-    function processUpdateQueue(workInProgress, props, instance, renderLanes) {
-      didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
 
-      var queue = workInProgress.updateQueue;
-      hasForceUpdate = false;
+    function bubbleProperties(completedWork) {
+      var didBailout =
+        completedWork.alternate !== null &&
+        completedWork.alternate.child === completedWork.child;
+      var newChildLanes = NoLanes;
+      var subtreeFlags = NoFlags$1;
 
-      {
-        currentlyProcessingQueue = queue.shared;
-      }
+      if (!didBailout) {
+        // Bubble up the earliest expiration time.
+        if ((completedWork.mode & ProfileMode) !== NoMode) {
+          // In profiling mode, resetChildExpirationTime is also used to reset
+          // profiler durations.
+          var actualDuration = completedWork.actualDuration;
+          var treeBaseDuration = completedWork.selfBaseDuration;
+          var child = completedWork.child;
 
-      var firstBaseUpdate = queue.firstBaseUpdate;
-      var lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
+          while (child !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(child.lanes, child.childLanes)
+            );
+            subtreeFlags |= child.subtreeFlags;
+            subtreeFlags |= child.flags; // When a fiber is cloned, its actualDuration is reset to 0. This value will
+            // only be updated if work is done on the fiber (i.e. it doesn't bailout).
+            // When work is done, it should bubble to the parent's actualDuration. If
+            // the fiber has not been cloned though, (meaning no work was done), then
+            // this value will reflect the amount of time spent working on a previous
+            // render. In that case it should not bubble. We determine whether it was
+            // cloned by comparing the child pointer.
+            // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
 
-      var pendingQueue = queue.shared.pending;
+            actualDuration += child.actualDuration; // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
 
-      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.
+            treeBaseDuration += child.treeBaseDuration;
+            child = child.sibling;
+          }
 
-        var lastPendingUpdate = pendingQueue;
-        var firstPendingUpdate = lastPendingUpdate.next;
-        lastPendingUpdate.next = null; // Append pending updates to base queue
-
-        if (lastBaseUpdate === null) {
-          firstBaseUpdate = firstPendingUpdate;
+          completedWork.actualDuration = actualDuration;
+          completedWork.treeBaseDuration = treeBaseDuration;
         } else {
-          lastBaseUpdate.next = firstPendingUpdate;
-        }
+          var _child = completedWork.child;
 
-        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
-
-        var current = workInProgress.alternate;
-
-        if (current !== null) {
-          // This is always non-null on a ClassComponent or HostRoot
-          var currentQueue = current.updateQueue;
-          var currentLastBaseUpdate = currentQueue.lastBaseUpdate;
-
-          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.
-        var newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
-        // from the original lanes.
-
-        var newLanes = NoLanes;
-        var newBaseState = null;
-        var newFirstBaseUpdate = null;
-        var newLastBaseUpdate = null;
-        var 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.
-          var updateLane = removeLanes(update.lane, OffscreenLane);
-          var 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.
-
-          var 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.
-            var 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 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
-                // 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
+          while (_child !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(_child.lanes, _child.childLanes)
             );
-            var callback = update.callback;
+            subtreeFlags |= _child.subtreeFlags;
+            subtreeFlags |= _child.flags; // Update the return pointer so the tree is consistent. This is a code
+            // smell because it assumes the commit phase is never concurrent with
+            // the render phase. Will address during refactor to alternate model.
 
-            if (callback !== null) {
-              workInProgress.flags |= Callback;
-
-              if (isHiddenUpdate) {
-                workInProgress.flags |= Visibility;
-              }
-
-              var 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.
-              var _lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
-              // unravel them when transferring them to the base queue.
-
-              var _firstPendingUpdate = _lastPendingUpdate.next;
-              _lastPendingUpdate.next = null;
-              update = _firstPendingUpdate;
-              queue.lastBaseUpdate = _lastPendingUpdate;
-              queue.shared.pending = null;
-            }
+            _child.return = completedWork;
+            _child = _child.sibling;
           }
-        } while (true);
-
-        if (newLastBaseUpdate === null) {
-          newBaseState = newState;
         }
 
-        queue.baseState = newBaseState;
-        queue.firstBaseUpdate = newFirstBaseUpdate;
-        queue.lastBaseUpdate = newLastBaseUpdate;
+        completedWork.subtreeFlags |= subtreeFlags;
+      } else {
+        // Bubble up the earliest expiration time.
+        if ((completedWork.mode & ProfileMode) !== NoMode) {
+          // In profiling mode, resetChildExpirationTime is also used to reset
+          // profiler durations.
+          var _treeBaseDuration = completedWork.selfBaseDuration;
+          var _child2 = completedWork.child;
 
-        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.
+          while (_child2 !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(_child2.lanes, _child2.childLanes)
+            ); // "Static" flags share the lifetime of the fiber/hook they belong to,
+            // so we should bubble those up even during a bailout. All the other
+            // flags have a lifetime only of a single render + commit, so we should
+            // ignore them.
 
-        markSkippedUpdateLanes(newLanes);
-        workInProgress.lanes = newLanes;
-        workInProgress.memoizedState = newState;
-      }
+            subtreeFlags |= _child2.subtreeFlags & StaticMask;
+            subtreeFlags |= _child2.flags & StaticMask; // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
 
-      {
-        currentlyProcessingQueue = null;
-      }
-    }
+            _treeBaseDuration += _child2.treeBaseDuration;
+            _child2 = _child2.sibling;
+          }
 
-    function callCallback(callback, context) {
-      if (typeof callback !== "function") {
-        throw new Error(
-          "Invalid argument passed as callback. Expected a function. Instead " +
-            ("received: " + 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.
-      var newHiddenCallbacks = updateQueue.callbacks;
-
-      if (newHiddenCallbacks !== null) {
-        var existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
-
-        if (existingHiddenCallbacks === null) {
-          updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
+          completedWork.treeBaseDuration = _treeBaseDuration;
         } else {
-          updateQueue.shared.hiddenCallbacks =
-            existingHiddenCallbacks.concat(newHiddenCallbacks);
+          var _child3 = completedWork.child;
+
+          while (_child3 !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(_child3.lanes, _child3.childLanes)
+            ); // "Static" flags share the lifetime of the fiber/hook they belong to,
+            // so we should bubble those up even during a bailout. All the other
+            // flags have a lifetime only of a single render + commit, so we should
+            // ignore them.
+
+            subtreeFlags |= _child3.subtreeFlags & StaticMask;
+            subtreeFlags |= _child3.flags & StaticMask; // Update the return pointer so the tree is consistent. This is a code
+            // smell because it assumes the commit phase is never concurrent with
+            // the render phase. Will address during refactor to alternate model.
+
+            _child3.return = completedWork;
+            _child3 = _child3.sibling;
+          }
         }
+
+        completedWork.subtreeFlags |= subtreeFlags;
       }
-    }
-    function commitHiddenCallbacks(updateQueue, context) {
-      // This component is switching from hidden -> visible. Commit any callbacks
-      // that were previously deferred.
-      var hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-      if (hiddenCallbacks !== null) {
-        updateQueue.shared.hiddenCallbacks = null;
-
-        for (var i = 0; i < hiddenCallbacks.length; i++) {
-          var callback = hiddenCallbacks[i];
-          callCallback(callback, context);
-        }
-      }
-    }
-    function commitCallbacks(updateQueue, context) {
-      var callbacks = updateQueue.callbacks;
-
-      if (callbacks !== null) {
-        updateQueue.callbacks = null;
-
-        for (var i = 0; i < callbacks.length; i++) {
-          var callback = callbacks[i];
-          callCallback(callback, context);
-        }
-      }
+      completedWork.childLanes = newChildLanes;
+      return didBailout;
     }
 
-    var fakeInternalInstance = {};
-    var didWarnAboutStateAssignmentForComponent;
-    var didWarnAboutUninitializedState;
-    var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
-    var didWarnAboutLegacyLifecyclesAndDerivedState;
-    var didWarnAboutUndefinedDerivedState;
-    var didWarnAboutDirectlyAssigningPropsToState;
-    var didWarnAboutInvalidateContextType;
-    var didWarnOnInvalidCallback;
-
-    {
-      didWarnAboutStateAssignmentForComponent = new Set();
-      didWarnAboutUninitializedState = new Set();
-      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
-      didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
-      didWarnAboutDirectlyAssigningPropsToState = new Set();
-      didWarnAboutUndefinedDerivedState = new Set();
-      didWarnAboutInvalidateContextType = new Set();
-      didWarnOnInvalidCallback = new Set(); // This is so gross but it's at least non-critical and can be removed if
-      // it causes problems. This is meant to give a nicer error message for
-      // ReactDOM15.unstable_renderSubtreeIntoContainer(reactDOM16Component,
-      // ...)) which otherwise throws a "_processChildContext is not a function"
-      // exception.
-
-      Object.defineProperty(fakeInternalInstance, "_processChildContext", {
-        enumerable: false,
-        value: function () {
-          throw new Error(
-            "_processChildContext is not available in React 16+. This likely " +
-              "means you have multiple copies of React and are attempting to nest " +
-              "a React 15 tree inside a React 16 tree using " +
-              "unstable_renderSubtreeIntoContainer, which isn't supported. Try " +
-              "to make sure you have only one copy of React (and ideally, switch " +
-              "to ReactDOM.createPortal)."
-          );
-        }
-      });
-      Object.freeze(fakeInternalInstance);
-    }
-
-    function warnOnInvalidCallback(callback) {
-      {
-        if (callback === null || typeof callback === "function") {
-          return;
-        } // eslint-disable-next-line react-internal/safe-string-coercion
-
-        var key = String(callback);
-
-        if (!didWarnOnInvalidCallback.has(key)) {
-          didWarnOnInvalidCallback.add(key);
-
-          error(
-            "Expected the last optional `callback` argument to be a " +
-              "function. Instead received: %s.",
-            callback
-          );
-        }
-      }
-    }
-
-    function warnOnUndefinedDerivedState(type, partialState) {
-      {
-        if (partialState === undefined) {
-          var componentName = getComponentNameFromType(type) || "Component";
-
-          if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
-            didWarnAboutUndefinedDerivedState.add(componentName);
-
-            error(
-              "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
-                "You have returned undefined.",
-              componentName
-            );
-          }
-        }
-      }
-    }
-
-    function applyDerivedStateFromProps(
-      workInProgress,
-      ctor,
-      getDerivedStateFromProps,
-      nextProps
-    ) {
-      var prevState = workInProgress.memoizedState;
-      var partialState = getDerivedStateFromProps(nextProps, prevState);
-
-      {
-        if (workInProgress.mode & StrictLegacyMode) {
-          setIsStrictModeForDevtools(true);
-
-          try {
-            // Invoke the function an extra time to help detect side-effects.
-            partialState = getDerivedStateFromProps(nextProps, prevState);
-          } finally {
-            setIsStrictModeForDevtools(false);
-          }
-        }
-
-        warnOnUndefinedDerivedState(ctor, partialState);
-      } // Merge the partial state and the previous state.
-
-      var memoizedState =
-        partialState === null || partialState === undefined
-          ? prevState
-          : assign({}, prevState, partialState);
-      workInProgress.memoizedState = memoizedState; // Once the update queue is empty, persist the derived state onto the
-      // base state.
-
-      if (workInProgress.lanes === NoLanes) {
-        // Queue is always non-null for classes
-        var updateQueue = workInProgress.updateQueue;
-        updateQueue.baseState = memoizedState;
-      }
-    }
-
-    var classComponentUpdater = {
-      isMounted: isMounted,
-      // $FlowFixMe[missing-local-annot]
-      enqueueSetState: function (inst, payload, callback) {
-        var fiber = get(inst);
-        var lane = requestUpdateLane(fiber);
-        var update = createUpdate(lane);
-        update.payload = payload;
-
-        if (callback !== undefined && callback !== null) {
-          {
-            warnOnInvalidCallback(callback);
-          }
-
-          update.callback = callback;
-        }
-
-        var root = enqueueUpdate(fiber, update, lane);
-
-        if (root !== null) {
-          scheduleUpdateOnFiber(root, fiber, lane);
-          entangleTransitions(root, fiber, lane);
-        }
-
-        {
-          if (enableDebugTracing) {
-            if (fiber.mode & DebugTracingMode) {
-              var name = getComponentNameFromFiber(fiber) || "Unknown";
-              logStateUpdateScheduled(name, lane, payload);
-            }
-          }
-        }
-
-        if (enableSchedulingProfiler) {
-          markStateUpdateScheduled(fiber, lane);
-        }
-      },
-      enqueueReplaceState: function (inst, payload, callback) {
-        var fiber = get(inst);
-        var lane = requestUpdateLane(fiber);
-        var update = createUpdate(lane);
-        update.tag = ReplaceState;
-        update.payload = payload;
-
-        if (callback !== undefined && callback !== null) {
-          {
-            warnOnInvalidCallback(callback);
-          }
-
-          update.callback = callback;
-        }
-
-        var root = enqueueUpdate(fiber, update, lane);
-
-        if (root !== null) {
-          scheduleUpdateOnFiber(root, fiber, lane);
-          entangleTransitions(root, fiber, lane);
-        }
-
-        {
-          if (enableDebugTracing) {
-            if (fiber.mode & DebugTracingMode) {
-              var name = getComponentNameFromFiber(fiber) || "Unknown";
-              logStateUpdateScheduled(name, lane, payload);
-            }
-          }
-        }
-
-        if (enableSchedulingProfiler) {
-          markStateUpdateScheduled(fiber, lane);
-        }
-      },
-      // $FlowFixMe[missing-local-annot]
-      enqueueForceUpdate: function (inst, callback) {
-        var fiber = get(inst);
-        var lane = requestUpdateLane(fiber);
-        var update = createUpdate(lane);
-        update.tag = ForceUpdate;
-
-        if (callback !== undefined && callback !== null) {
-          {
-            warnOnInvalidCallback(callback);
-          }
-
-          update.callback = callback;
-        }
-
-        var root = enqueueUpdate(fiber, update, lane);
-
-        if (root !== null) {
-          scheduleUpdateOnFiber(root, fiber, lane);
-          entangleTransitions(root, fiber, lane);
-        }
-
-        {
-          if (enableDebugTracing) {
-            if (fiber.mode & DebugTracingMode) {
-              var name = getComponentNameFromFiber(fiber) || "Unknown";
-              logForceUpdateScheduled(name, lane);
-            }
-          }
-        }
-
-        if (enableSchedulingProfiler) {
-          markForceUpdateScheduled(fiber, lane);
-        }
-      }
-    };
-
-    function checkShouldComponentUpdate(
-      workInProgress,
-      ctor,
-      oldProps,
-      newProps,
-      oldState,
-      newState,
-      nextContext
-    ) {
-      var instance = workInProgress.stateNode;
-
-      if (typeof instance.shouldComponentUpdate === "function") {
-        var shouldUpdate = instance.shouldComponentUpdate(
-          newProps,
-          newState,
-          nextContext
-        );
-
-        {
-          if (workInProgress.mode & StrictLegacyMode) {
-            setIsStrictModeForDevtools(true);
-
-            try {
-              // Invoke the function an extra time to help detect side-effects.
-              shouldUpdate = instance.shouldComponentUpdate(
-                newProps,
-                newState,
-                nextContext
-              );
-            } finally {
-              setIsStrictModeForDevtools(false);
-            }
-          }
-
-          if (shouldUpdate === undefined) {
-            error(
-              "%s.shouldComponentUpdate(): Returned undefined instead of a " +
-                "boolean value. Make sure to return true or false.",
-              getComponentNameFromType(ctor) || "Component"
-            );
-          }
-        }
-
-        return shouldUpdate;
-      }
-
-      if (ctor.prototype && ctor.prototype.isPureReactComponent) {
-        return (
-          !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-        );
-      }
-
-      return true;
-    }
-
-    function checkClassInstance(workInProgress, ctor, newProps) {
-      var instance = workInProgress.stateNode;
-
-      {
-        var name = getComponentNameFromType(ctor) || "Component";
-        var renderPresent = instance.render;
-
-        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
-            );
-          }
-        }
-
-        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 (ctor.childContextTypes) {
-            error(
-              "%s uses the legacy childContextTypes API which was removed in React 19. " +
-                "Use React.createContext() instead.",
-              name
-            );
-          }
-
-          if (ctor.contextTypes) {
-            error(
-              "%s uses the legacy contextTypes API which was removed in React 19. " +
-                "Use React.createContext() with static contextType instead.",
-              name
-            );
-          }
-        }
-
-        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 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(
-            "When calling super() in `%s`, make sure to pass " +
-              "up the same props that your component's constructor was passed.",
-            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 constructClassInstance(workInProgress, ctor, props) {
-      var context = emptyContextObject;
-      var contextType = ctor.contextType;
-
-      {
-        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 = "";
-
-            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(", ") +
-                "}.";
-            }
-
-            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(contextType);
-      }
-
-      var instance = new ctor(props, context); // Instantiate twice to help detect side-effects.
-
-      {
-        if (workInProgress.mode & StrictLegacyMode) {
-          setIsStrictModeForDevtools(true);
-
-          try {
-            instance = new ctor(props, context); // eslint-disable-line no-new
-          } finally {
-            setIsStrictModeForDevtools(false);
-          }
-        }
-      }
-
-      var state = (workInProgress.memoizedState =
-        instance.state !== null && instance.state !== undefined
-          ? instance.state
-          : null);
-      instance.updater = classComponentUpdater;
-      workInProgress.stateNode = instance; // The instance needs access to the fiber so that it can schedule updates
-
-      set(instance, workInProgress);
-
-      {
-        instance._reactInternalInstance = fakeInternalInstance;
-      }
-
-      {
-        if (
-          typeof ctor.getDerivedStateFromProps === "function" &&
-          state === null
-        ) {
-          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);
-
-              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://react.dev/link/unsafe-component-lifecycles",
-                _componentName,
-                newApiName,
-                foundWillMountName !== null ? "\n  " + foundWillMountName : "",
-                foundWillReceivePropsName !== null
-                  ? "\n  " + foundWillReceivePropsName
-                  : "",
-                foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : ""
-              );
-            }
-          }
-        }
-      } // Cache unmasked context so we can avoid recreating masked context unless necessary.
-
-      return instance;
-    }
-
-    function callComponentWillMount(workInProgress, instance) {
-      var oldState = instance.state;
-
-      if (typeof instance.componentWillMount === "function") {
-        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.",
-            getComponentNameFromFiber(workInProgress) || "Component"
-          );
-        }
-
-        classComponentUpdater.enqueueReplaceState(
-          instance,
-          instance.state,
-          null
-        );
-      }
-    }
-
-    function callComponentWillReceiveProps(
-      workInProgress,
-      instance,
-      newProps,
-      nextContext
-    ) {
-      var oldState = instance.state;
-
-      if (typeof instance.componentWillReceiveProps === "function") {
-        instance.componentWillReceiveProps(newProps, nextContext);
-      }
-
-      if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
-        instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
-      }
-
-      if (instance.state !== oldState) {
-        {
-          var componentName =
-            getComponentNameFromFiber(workInProgress) || "Component";
-
-          if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
-            didWarnAboutStateAssignmentForComponent.add(componentName);
-
-            error(
-              "%s.componentWillReceiveProps(): Assigning directly to " +
-                "this.state is deprecated (except inside a component's " +
-                "constructor). Use setState instead.",
-              componentName
-            );
-          }
-        }
-
-        classComponentUpdater.enqueueReplaceState(
-          instance,
-          instance.state,
-          null
-        );
-      }
-    } // Invokes the mount life-cycles on a previously never rendered instance.
-
-    function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
-      {
-        checkClassInstance(workInProgress, ctor, newProps);
-      }
-
-      var instance = workInProgress.stateNode;
-      instance.props = newProps;
-      instance.state = workInProgress.memoizedState;
-      instance.refs = {};
-      initializeUpdateQueue(workInProgress);
-      var contextType = ctor.contextType;
-
-      if (typeof contextType === "object" && contextType !== null) {
-        instance.context = readContext(contextType);
-      } else {
-        instance.context = emptyContextObject;
-      }
-
-      {
-        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
-            );
-          }
-        }
-
-        if (workInProgress.mode & StrictLegacyMode) {
-          ReactStrictModeWarnings.recordLegacyContextWarning(
-            workInProgress,
-            instance
-          );
-        }
-
-        ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
-          workInProgress,
-          instance
-        );
-      }
-
-      instance.state = workInProgress.memoizedState;
-      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-
-      if (typeof getDerivedStateFromProps === "function") {
-        applyDerivedStateFromProps(
-          workInProgress,
-          ctor,
-          getDerivedStateFromProps,
-          newProps
-        );
-        instance.state = workInProgress.memoizedState;
-      } // 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(workInProgress, instance); // If we had additional state updates during this life-cycle, let's
-        // process them now.
-
-        processUpdateQueue(workInProgress, newProps, instance, renderLanes);
-        suspendIfUpdateReadFromEntangledAsyncAction();
-        instance.state = workInProgress.memoizedState;
-      }
-
-      if (typeof instance.componentDidMount === "function") {
-        workInProgress.flags |= Update | LayoutStatic;
-      }
-
-      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-        workInProgress.flags |= MountLayoutDev;
-      }
-    }
-
-    function resumeMountClassInstance(
-      workInProgress,
-      ctor,
-      newProps,
-      renderLanes
-    ) {
-      var instance = workInProgress.stateNode;
-      var unresolvedOldProps = workInProgress.memoizedProps;
-      var oldProps = resolveClassComponentProps(
-        ctor,
-        unresolvedOldProps,
-        workInProgress.type === workInProgress.elementType
-      );
-      instance.props = oldProps;
-      var oldContext = instance.context;
-      var contextType = ctor.contextType;
-      var nextContext = emptyContextObject;
-
-      if (typeof contextType === "object" && contextType !== null) {
-        nextContext = readContext(contextType);
-      }
-
-      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-      var hasNewLifecycles =
-        typeof getDerivedStateFromProps === "function" ||
-        typeof instance.getSnapshotBeforeUpdate === "function"; // When comparing whether props changed, we should compare using the
-      // unresolved props object that is stored on the fiber, rather than the
-      // one that gets assigned to the instance, because that object may have been
-      // cloned to resolve default props and/or remove `ref`.
-
-      var unresolvedNewProps = workInProgress.pendingProps;
-      var didReceiveNewProps = unresolvedNewProps !== unresolvedOldProps; // Note: During these life-cycles, instance.props/instance.state are what
-      // ever the previously attempted to render - not the "current". However,
-      // during componentDidUpdate we pass the "current" props.
-      // In order to support react-lifecycles-compat polyfilled components,
-      // Unsafe lifecycles should not be invoked for components using the new APIs.
-
-      if (
-        !hasNewLifecycles &&
-        (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
-          typeof instance.componentWillReceiveProps === "function")
-      ) {
-        if (didReceiveNewProps || oldContext !== nextContext) {
-          callComponentWillReceiveProps(
-            workInProgress,
-            instance,
-            newProps,
-            nextContext
-          );
-        }
-      }
-
-      resetHasForceUpdateBeforeProcessing();
-      var oldState = workInProgress.memoizedState;
-      var newState = (instance.state = oldState);
-      processUpdateQueue(workInProgress, newProps, instance, renderLanes);
-      suspendIfUpdateReadFromEntangledAsyncAction();
-      newState = workInProgress.memoizedState;
-
-      if (
-        !didReceiveNewProps &&
-        oldState === newState &&
-        !hasContextChanged() &&
-        !checkHasForceUpdateAfterProcessing()
-      ) {
-        // If an update was already in progress, we should schedule an Update
-        // effect even though we're bailing out, so that cWU/cDU are called.
-        if (typeof instance.componentDidMount === "function") {
-          workInProgress.flags |= Update | LayoutStatic;
-        }
-
-        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-          workInProgress.flags |= MountLayoutDev;
-        }
-
-        return false;
-      }
-
-      if (typeof getDerivedStateFromProps === "function") {
-        applyDerivedStateFromProps(
-          workInProgress,
-          ctor,
-          getDerivedStateFromProps,
-          newProps
-        );
-        newState = workInProgress.memoizedState;
-      }
-
-      var shouldUpdate =
-        checkHasForceUpdateAfterProcessing() ||
-        checkShouldComponentUpdate(
-          workInProgress,
-          ctor,
-          oldProps,
-          newProps,
-          oldState,
-          newState,
-          nextContext
-        );
-
-      if (shouldUpdate) {
-        // In order to support react-lifecycles-compat polyfilled components,
-        // Unsafe lifecycles should not be invoked for components using the new APIs.
-        if (
-          !hasNewLifecycles &&
-          (typeof instance.UNSAFE_componentWillMount === "function" ||
-            typeof instance.componentWillMount === "function")
-        ) {
-          if (typeof instance.componentWillMount === "function") {
-            instance.componentWillMount();
-          }
-
-          if (typeof instance.UNSAFE_componentWillMount === "function") {
-            instance.UNSAFE_componentWillMount();
-          }
-        }
-
-        if (typeof instance.componentDidMount === "function") {
-          workInProgress.flags |= Update | LayoutStatic;
-        }
-
-        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-          workInProgress.flags |= MountLayoutDev;
-        }
-      } else {
-        // If an update was already in progress, we should schedule an Update
-        // effect even though we're bailing out, so that cWU/cDU are called.
-        if (typeof instance.componentDidMount === "function") {
-          workInProgress.flags |= Update | LayoutStatic;
-        }
-
-        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-          workInProgress.flags |= MountLayoutDev;
-        } // If shouldComponentUpdate returned false, we should still update the
-        // memoized state to indicate that this work can be reused.
-
-        workInProgress.memoizedProps = newProps;
-        workInProgress.memoizedState = newState;
-      } // Update the existing instance's state, props, and context pointers even
-      // if shouldComponentUpdate returns false.
-
-      instance.props = newProps;
-      instance.state = newState;
-      instance.context = nextContext;
-      return shouldUpdate;
-    } // Invokes the update life-cycles and returns false if it shouldn't rerender.
-
-    function updateClassInstance(
+    function completeDehydratedSuspenseBoundary(
       current,
       workInProgress,
-      ctor,
-      newProps,
-      renderLanes
+      nextState
     ) {
-      var instance = workInProgress.stateNode;
-      cloneUpdateQueue(current, workInProgress);
-      var unresolvedOldProps = workInProgress.memoizedProps;
-      var oldProps = resolveClassComponentProps(
-        ctor,
-        unresolvedOldProps,
-        workInProgress.type === workInProgress.elementType
-      );
-      instance.props = oldProps;
-      var unresolvedNewProps = workInProgress.pendingProps;
-      var oldContext = instance.context;
-      var contextType = ctor.contextType;
-      var nextContext = emptyContextObject;
+      var wasHydrated = popHydrationState(workInProgress);
 
-      if (typeof contextType === "object" && contextType !== null) {
-        nextContext = readContext(contextType);
-      }
-
-      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-      var hasNewLifecycles =
-        typeof getDerivedStateFromProps === "function" ||
-        typeof instance.getSnapshotBeforeUpdate === "function"; // Note: During these life-cycles, instance.props/instance.state are what
-      // ever the previously attempted to render - not the "current". However,
-      // during componentDidUpdate we pass the "current" props.
-      // In order to support react-lifecycles-compat polyfilled components,
-      // Unsafe lifecycles should not be invoked for components using the new APIs.
-
-      if (
-        !hasNewLifecycles &&
-        (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
-          typeof instance.componentWillReceiveProps === "function")
-      ) {
-        if (
-          unresolvedOldProps !== unresolvedNewProps ||
-          oldContext !== nextContext
-        ) {
-          callComponentWillReceiveProps(
-            workInProgress,
-            instance,
-            newProps,
-            nextContext
-          );
-        }
-      }
-
-      resetHasForceUpdateBeforeProcessing();
-      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 &&
-          current !== null &&
-          current.dependencies !== null &&
-          checkIfContextChanged(current.dependencies)
-        )
-      ) {
-        // If an update was already in progress, we should schedule an Update
-        // effect even though we're bailing out, so that cWU/cDU are called.
-        if (typeof instance.componentDidUpdate === "function") {
-          if (
-            unresolvedOldProps !== current.memoizedProps ||
-            oldState !== current.memoizedState
-          ) {
-            workInProgress.flags |= Update;
-          }
-        }
-
-        if (typeof instance.getSnapshotBeforeUpdate === "function") {
-          if (
-            unresolvedOldProps !== current.memoizedProps ||
-            oldState !== current.memoizedState
-          ) {
-            workInProgress.flags |= Snapshot;
-          }
-        }
-
-        return false;
-      }
-
-      if (typeof getDerivedStateFromProps === "function") {
-        applyDerivedStateFromProps(
-          workInProgress,
-          ctor,
-          getDerivedStateFromProps,
-          newProps
-        );
-        newState = workInProgress.memoizedState;
-      }
-
-      var shouldUpdate =
-        checkHasForceUpdateAfterProcessing() ||
-        checkShouldComponentUpdate(
-          workInProgress,
-          ctor,
-          oldProps,
-          newProps,
-          oldState,
-          newState,
-          nextContext
-        ) || // TODO: In some cases, we'll end up checking if context has changed twice,
-        // both before and after `shouldComponentUpdate` has been called. Not ideal,
-        // but I'm loath to refactor this function. This only happens for memoized
-        // components so it's not that common.
-        (enableLazyContextPropagation &&
-          current !== null &&
-          current.dependencies !== null &&
-          checkIfContextChanged(current.dependencies));
-
-      if (shouldUpdate) {
-        // In order to support react-lifecycles-compat polyfilled components,
-        // Unsafe lifecycles should not be invoked for components using the new APIs.
-        if (
-          !hasNewLifecycles &&
-          (typeof instance.UNSAFE_componentWillUpdate === "function" ||
-            typeof instance.componentWillUpdate === "function")
-        ) {
-          if (typeof instance.componentWillUpdate === "function") {
-            instance.componentWillUpdate(newProps, newState, nextContext);
-          }
-
-          if (typeof instance.UNSAFE_componentWillUpdate === "function") {
-            instance.UNSAFE_componentWillUpdate(
-              newProps,
-              newState,
-              nextContext
+      if (nextState !== null && nextState.dehydrated !== null) {
+        // We might be inside a hydration state the first time we're picking up this
+        // Suspense boundary, and also after we've reentered it for further hydration.
+        if (current === null) {
+          if (!wasHydrated) {
+            throw new Error(
+              "A dehydrated suspense component was completed without a hydrated node. " +
+                "This is probably a bug in React."
             );
           }
-        }
 
-        if (typeof instance.componentDidUpdate === "function") {
-          workInProgress.flags |= Update;
-        }
+          prepareToHydrateHostSuspenseInstance(workInProgress);
+          bubbleProperties(workInProgress);
 
-        if (typeof instance.getSnapshotBeforeUpdate === "function") {
-          workInProgress.flags |= Snapshot;
-        }
-      } else {
-        // If an update was already in progress, we should schedule an Update
-        // effect even though we're bailing out, so that cWU/cDU are called.
-        if (typeof instance.componentDidUpdate === "function") {
-          if (
-            unresolvedOldProps !== current.memoizedProps ||
-            oldState !== current.memoizedState
-          ) {
-            workInProgress.flags |= Update;
-          }
-        }
+          {
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              var isTimedOutSuspense = nextState !== null;
 
-        if (typeof instance.getSnapshotBeforeUpdate === "function") {
-          if (
-            unresolvedOldProps !== current.memoizedProps ||
-            oldState !== current.memoizedState
-          ) {
-            workInProgress.flags |= Snapshot;
-          }
-        } // If shouldComponentUpdate returned false, we should still update the
-        // memoized props/state to indicate that this work can be reused.
+              if (isTimedOutSuspense) {
+                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+                var primaryChildFragment = workInProgress.child;
 
-        workInProgress.memoizedProps = newProps;
-        workInProgress.memoizedState = newState;
-      } // Update the existing instance's state, props, and context pointers even
-      // if shouldComponentUpdate returns false.
-
-      instance.props = newProps;
-      instance.state = newState;
-      instance.context = nextContext;
-      return shouldUpdate;
-    }
-
-    function resolveClassComponentProps(
-      Component,
-      baseProps, // Only resolve default props if this is a lazy component. Otherwise, they
-      // would have already been resolved by the JSX runtime.
-      // TODO: We're going to remove default prop resolution from the JSX runtime
-      // and keep it only for class components. As part of that change, we should
-      // remove this extra check.
-      alreadyResolvedDefaultProps
-    ) {
-      var newProps = baseProps;
-
-      if (enableRefAsProp) {
-        // Remove ref from the props object, if it exists.
-        if ("ref" in baseProps) {
-          newProps = {};
-
-          for (var propName in baseProps) {
-            if (propName !== "ref") {
-              newProps[propName] = baseProps[propName];
+                if (primaryChildFragment !== null) {
+                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+                  workInProgress.treeBaseDuration -=
+                    primaryChildFragment.treeBaseDuration;
+                }
+              }
             }
           }
-        }
-      } // Resolve default props.
 
-      var defaultProps = Component.defaultProps;
+          return false;
+        } else {
+          emitPendingHydrationWarnings(); // We might have reentered this boundary to hydrate it. If so, we need to reset the hydration
+          // state since we're now exiting out of it. popHydrationState doesn't do that for us.
 
-      if (
-        defaultProps && // If disableDefaultPropsExceptForClasses is true, we always resolve
-        // default props here in the reconciler, rather than in the JSX runtime.
-        (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
-      ) {
-        // We may have already copied the props object above to remove ref. If so,
-        // we can modify that. Otherwise, copy the props object with Object.assign.
-        if (newProps === baseProps) {
-          newProps = assign({}, newProps, baseProps);
-        } // Taken from old JSX runtime, where this used to live.
+          resetHydrationState();
 
-        for (var _propName in defaultProps) {
-          if (newProps[_propName] === undefined) {
-            newProps[_propName] = defaultProps[_propName];
+          if ((workInProgress.flags & DidCapture) === NoFlags$1) {
+            // This boundary did not suspend so it's now hydrated and unsuspended.
+            workInProgress.memoizedState = null;
+          } // If nothing suspended, we need to schedule an effect to mark this boundary
+          // as having hydrated so events know that they're free to be invoked.
+          // It's also a signal to replay events and the suspense callback.
+          // If something suspended, schedule an effect to attach retry listeners.
+          // So we might as well always mark this.
+
+          workInProgress.flags |= Update;
+          bubbleProperties(workInProgress);
+
+          {
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              var _isTimedOutSuspense = nextState !== null;
+
+              if (_isTimedOutSuspense) {
+                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+                var _primaryChildFragment = workInProgress.child;
+
+                if (_primaryChildFragment !== null) {
+                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+                  workInProgress.treeBaseDuration -=
+                    _primaryChildFragment.treeBaseDuration;
+                }
+              }
+            }
           }
+
+          return false;
+        }
+      } else {
+        // Successfully completed this tree. If this was a forced client render,
+        // there may have been recoverable errors during first hydration
+        // attempt. If so, add them to a queue so we can log them in the
+        // commit phase.
+        upgradeHydrationErrorsToRecoverable(); // Fall through to normal Suspense path
+
+        return true;
+      }
+    }
+
+    function completeWork(current, workInProgress, renderLanes) {
+      var newProps = workInProgress.pendingProps; // Note: This intentionally doesn't check if we're hydrating because comparing
+      // to the current tree provider fiber is just as fast and less error-prone.
+      // Ideally we would have a special version of the work loop only
+      // for hydration.
+
+      popTreeContext(workInProgress);
+
+      switch (workInProgress.tag) {
+        case IncompleteFunctionComponent: {
+          {
+            break;
+          } // Fallthrough
+        }
+
+        case LazyComponent:
+        case SimpleMemoComponent:
+        case FunctionComponent:
+        case ForwardRef:
+        case Fragment:
+        case Mode:
+        case Profiler:
+        case ContextConsumer:
+        case MemoComponent:
+          bubbleProperties(workInProgress);
+          return null;
+
+        case ClassComponent: {
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case HostRoot: {
+          var fiberRoot = workInProgress.stateNode;
+
+          if (enableTransitionTracing) {
+            var transitions = getWorkInProgressTransitions(); // We set the Passive flag here because if there are new transitions,
+            // we will need to schedule callbacks and process the transitions,
+            // which we do in the passive phase
+
+            if (transitions !== null) {
+              workInProgress.flags |= Passive$1;
+            }
+          }
+
+          {
+            var previousCache = null;
+
+            if (current !== null) {
+              previousCache = current.memoizedState.cache;
+            }
+
+            var cache = workInProgress.memoizedState.cache;
+
+            if (cache !== previousCache) {
+              // Run passive effects to retain/release the cache.
+              workInProgress.flags |= Passive$1;
+            }
+
+            popCacheProvider(workInProgress);
+          }
+
+          if (enableTransitionTracing) {
+            popRootMarkerInstance(workInProgress);
+          }
+
+          popRootTransition(workInProgress);
+          popHostContainer(workInProgress);
+
+          if (fiberRoot.pendingContext) {
+            fiberRoot.context = fiberRoot.pendingContext;
+            fiberRoot.pendingContext = null;
+          }
+
+          if (current === null || current.child === null) {
+            // If we hydrated, pop so that we can delete any remaining children
+            // that weren't hydrated.
+            var wasHydrated = popHydrationState(workInProgress);
+
+            if (wasHydrated) {
+              emitPendingHydrationWarnings(); // If we hydrated, then we'll need to schedule an update for
+              // the commit side-effects on the root.
+
+              markUpdate(workInProgress);
+            } else {
+              if (current !== null) {
+                var prevState = current.memoizedState;
+
+                if (
+                  // Check if this is a client root
+                  !prevState.isDehydrated || // Check if we reverted to client rendering (e.g. due to an error)
+                  (workInProgress.flags & ForceClientRender) !== NoFlags$1
+                ) {
+                  // Schedule an effect to clear this container at the start of the
+                  // next commit. This handles the case of React rendering into a
+                  // container with previous children. It's also safe to do for
+                  // updates too, because current.child would only be null if the
+                  // previous render was null (so the container would already
+                  // be empty).
+                  workInProgress.flags |= Snapshot; // If this was a forced client render, there may have been
+                  // recoverable errors during first hydration attempt. If so, add
+                  // them to a queue so we can log them in the commit phase.
+
+                  upgradeHydrationErrorsToRecoverable();
+                }
+              }
+            }
+          }
+          bubbleProperties(workInProgress);
+
+          if (enableTransitionTracing) {
+            if ((workInProgress.subtreeFlags & Visibility) !== NoFlags$1) {
+              // If any of our suspense children toggle visibility, this means that
+              // the pending boundaries array needs to be updated, which we only
+              // do in the passive phase.
+              workInProgress.flags |= Passive$1;
+            }
+          }
+
+          return null;
+        }
+
+        case HostHoistable: {
+          {
+            var nextResource = workInProgress.memoizedState;
+
+            if (current === null) {
+              // We are mounting and must Update this Hoistable in this commit
+              // @TODO refactor this block to create the instance here in complete
+              // phase if we are not hydrating.
+              markUpdate(workInProgress);
+
+              if (nextResource !== null) {
+                // This is a Hoistable Resource
+                // This must come at the very end of the complete phase.
+                bubbleProperties(workInProgress);
+                preloadResourceAndSuspendIfNeeded(workInProgress, nextResource);
+                return null;
+              } else {
+                // This is a Hoistable Instance
+                // This must come at the very end of the complete phase.
+                bubbleProperties(workInProgress);
+                preloadInstanceAndSuspendIfNeeded(workInProgress);
+                return null;
+              }
+            } else {
+              // We are updating.
+              var currentResource = current.memoizedState;
+
+              if (nextResource !== currentResource) {
+                // We are transitioning to, from, or between Hoistable Resources
+                // and require an update
+                markUpdate(workInProgress);
+              }
+
+              if (nextResource !== null) {
+                // This is a Hoistable Resource
+                // This must come at the very end of the complete phase.
+                bubbleProperties(workInProgress);
+
+                if (nextResource === currentResource) {
+                  workInProgress.flags &= ~MaySuspendCommit;
+                } else {
+                  preloadResourceAndSuspendIfNeeded(
+                    workInProgress,
+                    nextResource
+                  );
+                }
+
+                return null;
+              } else {
+                // This is a Hoistable Instance
+                // We may have props to update on the Hoistable instance.
+                {
+                  var oldProps = current.memoizedProps;
+
+                  if (oldProps !== newProps) {
+                    markUpdate(workInProgress);
+                  }
+                } // This must come at the very end of the complete phase.
+
+                bubbleProperties(workInProgress);
+                preloadInstanceAndSuspendIfNeeded(workInProgress);
+                return null;
+              }
+            }
+          } // Fall through
+        }
+
+        case HostSingleton: {
+          {
+            popHostContext(workInProgress);
+            var rootContainerInstance = getRootHostContainer();
+            var _type = workInProgress.type;
+
+            if (current !== null && workInProgress.stateNode != null) {
+              {
+                var _oldProps2 = current.memoizedProps;
+
+                if (_oldProps2 !== newProps) {
+                  markUpdate(workInProgress);
+                }
+              }
+            } else {
+              if (!newProps) {
+                if (workInProgress.stateNode === null) {
+                  throw new Error(
+                    "We must have new props for new mounts. This error is likely " +
+                      "caused by a bug in React. Please file an issue."
+                  );
+                } // This can happen when we abort work.
+
+                bubbleProperties(workInProgress);
+                return null;
+              }
+
+              var currentHostContext = getHostContext();
+
+              var _wasHydrated = popHydrationState(workInProgress);
+
+              var instance;
+
+              if (_wasHydrated) {
+                // We ignore the boolean indicating there is an updateQueue because
+                // it is used only to set text children and HostSingletons do not
+                // use them.
+                prepareToHydrateHostInstance(
+                  workInProgress,
+                  currentHostContext
+                );
+                instance = workInProgress.stateNode;
+              } else {
+                instance = resolveSingletonInstance(
+                  _type,
+                  newProps,
+                  rootContainerInstance,
+                  currentHostContext,
+                  true
+                );
+                workInProgress.stateNode = instance;
+                markUpdate(workInProgress);
+              }
+            }
+
+            bubbleProperties(workInProgress);
+            return null;
+          } // Fall through
+        }
+
+        case HostComponent: {
+          popHostContext(workInProgress);
+          var _type2 = workInProgress.type;
+
+          if (current !== null && workInProgress.stateNode != null) {
+            updateHostComponent(current, workInProgress, _type2, newProps);
+          } else {
+            if (!newProps) {
+              if (workInProgress.stateNode === null) {
+                throw new Error(
+                  "We must have new props for new mounts. This error is likely " +
+                    "caused by a bug in React. Please file an issue."
+                );
+              } // This can happen when we abort work.
+
+              bubbleProperties(workInProgress);
+              return null;
+            }
+
+            var _currentHostContext = getHostContext(); // TODO: Move createInstance to beginWork and keep it on a context
+            // "stack" as the parent. Then append children as we go in beginWork
+            // or completeWork depending on whether we want to add them top->down or
+            // bottom->up. Top->down is faster in IE11.
+
+            var _wasHydrated2 = popHydrationState(workInProgress);
+
+            if (_wasHydrated2) {
+              // TODO: Move this and createInstance step into the beginPhase
+              // to consolidate.
+              prepareToHydrateHostInstance(workInProgress, _currentHostContext);
+            } else {
+              var _rootContainerInstance = getRootHostContainer();
+
+              var _instance3 = createInstance(
+                _type2,
+                newProps,
+                _rootContainerInstance,
+                _currentHostContext,
+                workInProgress
+              ); // TODO: For persistent renderers, we should pass children as part
+              // of the initial instance creation
+
+              appendAllChildren(_instance3, workInProgress);
+              workInProgress.stateNode = _instance3; // Certain renderers require commit-time effects for initial mount.
+              // (eg DOM renderer supports auto-focus for certain elements).
+              // Make sure such renderers get scheduled for later work.
+
+              if (finalizeInitialChildren(_instance3, _type2, newProps)) {
+                markUpdate(workInProgress);
+              }
+            }
+          }
+
+          bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
+          // throw to suspend, and if the resource immediately loads, the work loop
+          // will resume rendering as if the work-in-progress completed. So it must
+          // fully complete.
+
+          preloadInstanceAndSuspendIfNeeded(workInProgress);
+          return null;
+        }
+
+        case HostText: {
+          var newText = newProps;
+
+          if (current && workInProgress.stateNode != null) {
+            var oldText = current.memoizedProps; // If we have an alternate, that means this is an update and we need
+            // to schedule a side-effect to do the updates.
+
+            updateHostText(current, workInProgress, oldText, newText);
+          } else {
+            if (typeof newText !== "string") {
+              if (workInProgress.stateNode === null) {
+                throw new Error(
+                  "We must have new props for new mounts. This error is likely " +
+                    "caused by a bug in React. Please file an issue."
+                );
+              } // This can happen when we abort work.
+            }
+
+            var _rootContainerInstance2 = getRootHostContainer();
+
+            var _currentHostContext2 = getHostContext();
+
+            var _wasHydrated3 = popHydrationState(workInProgress);
+
+            if (_wasHydrated3) {
+              prepareToHydrateHostTextInstance(workInProgress);
+            } else {
+              workInProgress.stateNode = createTextInstance(
+                newText,
+                _rootContainerInstance2,
+                _currentHostContext2,
+                workInProgress
+              );
+            }
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case SuspenseComponent: {
+          var nextState = workInProgress.memoizedState; // Special path for dehydrated boundaries. We may eventually move this
+          // to its own fiber type so that we can add other kinds of hydration
+          // boundaries that aren't associated with a Suspense tree. In anticipation
+          // of such a refactor, all the hydration logic is contained in
+          // this branch.
+
+          if (
+            current === null ||
+            (current.memoizedState !== null &&
+              current.memoizedState.dehydrated !== null)
+          ) {
+            var fallthroughToNormalSuspensePath =
+              completeDehydratedSuspenseBoundary(
+                current,
+                workInProgress,
+                nextState
+              );
+
+            if (!fallthroughToNormalSuspensePath) {
+              if (workInProgress.flags & ForceClientRender) {
+                popSuspenseHandler(workInProgress); // Special case. There were remaining unhydrated nodes. We treat
+                // this as a mismatch. Revert to client rendering.
+
+                return workInProgress;
+              } else {
+                popSuspenseHandler(workInProgress); // Did not finish hydrating, either because this is the initial
+                // render or because something suspended.
+
+                return null;
+              }
+            } // Continue with the normal Suspense path.
+          }
+
+          popSuspenseHandler(workInProgress);
+
+          if ((workInProgress.flags & DidCapture) !== NoFlags$1) {
+            // Something suspended. Re-render with the fallback children.
+            workInProgress.lanes = renderLanes; // Do not reset the effect list.
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            } // Don't bubble properties in this case.
+
+            return workInProgress;
+          }
+
+          var nextDidTimeout = nextState !== null;
+          var prevDidTimeout =
+            current !== null && current.memoizedState !== null;
+
+          if (nextDidTimeout) {
+            var offscreenFiber = workInProgress.child;
+            var _previousCache = null;
+
+            if (
+              offscreenFiber.alternate !== null &&
+              offscreenFiber.alternate.memoizedState !== null &&
+              offscreenFiber.alternate.memoizedState.cachePool !== null
+            ) {
+              _previousCache =
+                offscreenFiber.alternate.memoizedState.cachePool.pool;
+            }
+
+            var _cache = null;
+
+            if (
+              offscreenFiber.memoizedState !== null &&
+              offscreenFiber.memoizedState.cachePool !== null
+            ) {
+              _cache = offscreenFiber.memoizedState.cachePool.pool;
+            }
+
+            if (_cache !== _previousCache) {
+              // Run passive effects to retain/release the cache.
+              offscreenFiber.flags |= Passive$1;
+            }
+          } // If the suspended state of the boundary changes, we need to schedule
+          // a passive effect, which is when we process the transitions
+
+          if (nextDidTimeout !== prevDidTimeout) {
+            if (enableTransitionTracing) {
+              var _offscreenFiber = workInProgress.child;
+              _offscreenFiber.flags |= Passive$1;
+            } // If the suspended state of the boundary changes, we need to schedule
+            // an effect to toggle the subtree's visibility. When we switch from
+            // fallback -> primary, the inner Offscreen fiber schedules this effect
+            // as part of its normal complete phase. But when we switch from
+            // primary -> fallback, the inner Offscreen fiber does not have a complete
+            // phase. So we need to schedule its effect here.
+            //
+            // We also use this flag to connect/disconnect the effects, but the same
+            // logic applies: when re-connecting, the Offscreen fiber's complete
+            // phase will handle scheduling the effect. It's only when the fallback
+            // is active that we have to do anything special.
+
+            if (nextDidTimeout) {
+              var _offscreenFiber2 = workInProgress.child;
+              _offscreenFiber2.flags |= Visibility;
+            }
+          }
+
+          var retryQueue = workInProgress.updateQueue;
+          scheduleRetryEffect(workInProgress, retryQueue);
+
+          if (
+            workInProgress.updateQueue !== null &&
+            workInProgress.memoizedProps.suspenseCallback != null
+          ) {
+            // Always notify the callback
+            // TODO: Move to passive phase
+            workInProgress.flags |= Update;
+          }
+
+          bubbleProperties(workInProgress);
+
+          {
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              if (nextDidTimeout) {
+                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+                var primaryChildFragment = workInProgress.child;
+
+                if (primaryChildFragment !== null) {
+                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+                  workInProgress.treeBaseDuration -=
+                    primaryChildFragment.treeBaseDuration;
+                }
+              }
+            }
+          }
+
+          return null;
+        }
+
+        case HostPortal:
+          popHostContainer(workInProgress);
+
+          if (current === null) {
+            preparePortalMount(workInProgress.stateNode.containerInfo);
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+
+        case ContextProvider:
+          // Pop provider fiber
+          var context;
+
+          if (enableRenderableContext) {
+            context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
+          }
+
+          popProvider(context, workInProgress);
+          bubbleProperties(workInProgress);
+          return null;
+
+        case IncompleteClassComponent: {
+          {
+            break;
+          } // Same as class component case. I put it down here so that the tags are
+        }
+
+        case SuspenseListComponent: {
+          popSuspenseListContext(workInProgress);
+          var renderState = workInProgress.memoizedState;
+
+          if (renderState === null) {
+            // We're running in the default, "independent" mode.
+            // We don't do anything in this mode.
+            bubbleProperties(workInProgress);
+            return null;
+          }
+
+          var didSuspendAlready =
+            (workInProgress.flags & DidCapture) !== NoFlags$1;
+          var renderedTail = renderState.rendering;
+
+          if (renderedTail === null) {
+            // We just rendered the head.
+            if (!didSuspendAlready) {
+              // This is the first pass. We need to figure out if anything is still
+              // suspended in the rendered set.
+              // If new content unsuspended, but there's still some content that
+              // didn't. Then we need to do a second pass that forces everything
+              // to keep showing their fallbacks.
+              // We might be suspended if something in this render pass suspended, or
+              // something in the previous committed pass suspended. Otherwise,
+              // there's no chance so we can skip the expensive call to
+              // findFirstSuspended.
+              var cannotBeSuspended =
+                renderHasNotSuspendedYet() &&
+                (current === null ||
+                  (current.flags & DidCapture) === NoFlags$1);
+
+              if (!cannotBeSuspended) {
+                var row = workInProgress.child;
+
+                while (row !== null) {
+                  var suspended = findFirstSuspended(row);
+
+                  if (suspended !== null) {
+                    didSuspendAlready = true;
+                    workInProgress.flags |= DidCapture;
+                    cutOffTailIfNeeded(renderState, false); // If this is a newly suspended tree, it might not get committed as
+                    // part of the second pass. In that case nothing will subscribe to
+                    // its thenables. Instead, we'll transfer its thenables to the
+                    // SuspenseList so that it can retry if they resolve.
+                    // There might be multiple of these in the list but since we're
+                    // going to wait for all of them anyway, it doesn't really matter
+                    // which ones gets to ping. In theory we could get clever and keep
+                    // track of how many dependencies remain but it gets tricky because
+                    // in the meantime, we can add/remove/change items and dependencies.
+                    // We might bail out of the loop before finding any but that
+                    // doesn't matter since that means that the other boundaries that
+                    // we did find already has their listeners attached.
+
+                    var _retryQueue = suspended.updateQueue;
+                    workInProgress.updateQueue = _retryQueue;
+                    scheduleRetryEffect(workInProgress, _retryQueue); // Rerender the whole list, but this time, we'll force fallbacks
+                    // to stay in place.
+                    // Reset the effect flags before doing the second pass since that's now invalid.
+                    // Reset the child fibers to their original state.
+
+                    workInProgress.subtreeFlags = NoFlags$1;
+                    resetChildFibers(workInProgress, renderLanes); // Set up the Suspense List Context to force suspense and
+                    // immediately rerender the children.
+
+                    pushSuspenseListContext(
+                      workInProgress,
+                      setShallowSuspenseListContext(
+                        suspenseStackCursor.current,
+                        ForceSuspenseFallback
+                      )
+                    ); // Don't bubble properties in this case.
+
+                    return workInProgress.child;
+                  }
+
+                  row = row.sibling;
+                }
+              }
+
+              if (
+                renderState.tail !== null &&
+                now$1() > getRenderTargetTime()
+              ) {
+                // We have already passed our CPU deadline but we still have rows
+                // left in the tail. We'll just give up further attempts to render
+                // the main content and only render fallbacks.
+                workInProgress.flags |= DidCapture;
+                didSuspendAlready = true;
+                cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
+                // to get it started back up to attempt the next item. While in terms
+                // of priority this work has the same priority as this current render,
+                // it's not part of the same transition once the transition has
+                // committed. If it's sync, we still want to yield so that it can be
+                // painted. Conceptually, this is really the same as pinging.
+                // We can use any RetryLane even if it's the one currently rendering
+                // since we're leaving it behind on this node.
+
+                workInProgress.lanes = SomeRetryLane;
+              }
+            } else {
+              cutOffTailIfNeeded(renderState, false);
+            } // Next we're going to render the tail.
+          } else {
+            // Append the rendered row to the child list.
+            if (!didSuspendAlready) {
+              var _suspended = findFirstSuspended(renderedTail);
+
+              if (_suspended !== null) {
+                workInProgress.flags |= DidCapture;
+                didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
+                // get lost if this row ends up dropped during a second pass.
+
+                var _retryQueue2 = _suspended.updateQueue;
+                workInProgress.updateQueue = _retryQueue2;
+                scheduleRetryEffect(workInProgress, _retryQueue2);
+                cutOffTailIfNeeded(renderState, true); // This might have been modified.
+
+                if (
+                  renderState.tail === null &&
+                  renderState.tailMode === "hidden" &&
+                  !renderedTail.alternate &&
+                  !getIsHydrating() // We don't cut it if we're hydrating.
+                ) {
+                  // We're done.
+                  bubbleProperties(workInProgress);
+                  return null;
+                }
+              } else if (
+                // The time it took to render last row is greater than the remaining
+                // time we have to render. So rendering one more row would likely
+                // exceed it.
+                now$1() * 2 - renderState.renderingStartTime >
+                  getRenderTargetTime() &&
+                renderLanes !== OffscreenLane
+              ) {
+                // We have now passed our CPU deadline and we'll just give up further
+                // attempts to render the main content and only render fallbacks.
+                // The assumption is that this is usually faster.
+                workInProgress.flags |= DidCapture;
+                didSuspendAlready = true;
+                cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
+                // to get it started back up to attempt the next item. While in terms
+                // of priority this work has the same priority as this current render,
+                // it's not part of the same transition once the transition has
+                // committed. If it's sync, we still want to yield so that it can be
+                // painted. Conceptually, this is really the same as pinging.
+                // We can use any RetryLane even if it's the one currently rendering
+                // since we're leaving it behind on this node.
+
+                workInProgress.lanes = SomeRetryLane;
+              }
+            }
+
+            if (renderState.isBackwards) {
+              // The effect list of the backwards tail will have been added
+              // to the end. This breaks the guarantee that life-cycles fire in
+              // sibling order but that isn't a strong guarantee promised by React.
+              // Especially since these might also just pop in during future commits.
+              // Append to the beginning of the list.
+              renderedTail.sibling = workInProgress.child;
+              workInProgress.child = renderedTail;
+            } else {
+              var previousSibling = renderState.last;
+
+              if (previousSibling !== null) {
+                previousSibling.sibling = renderedTail;
+              } else {
+                workInProgress.child = renderedTail;
+              }
+
+              renderState.last = renderedTail;
+            }
+          }
+
+          if (renderState.tail !== null) {
+            // We still have tail rows to render.
+            // Pop a row.
+            var next = renderState.tail;
+            renderState.rendering = next;
+            renderState.tail = next.sibling;
+            renderState.renderingStartTime = now$1();
+            next.sibling = null; // Restore the context.
+            // TODO: We can probably just avoid popping it instead and only
+            // setting it the first time we go from not suspended to suspended.
+
+            var suspenseContext = suspenseStackCursor.current;
+
+            if (didSuspendAlready) {
+              suspenseContext = setShallowSuspenseListContext(
+                suspenseContext,
+                ForceSuspenseFallback
+              );
+            } else {
+              suspenseContext =
+                setDefaultShallowSuspenseListContext(suspenseContext);
+            }
+
+            pushSuspenseListContext(workInProgress, suspenseContext); // Do a pass over the next row.
+            // Don't bubble properties in this case.
+
+            return next;
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case ScopeComponent: {
+          {
+            if (current === null) {
+              var scopeInstance = createScopeInstance();
+              workInProgress.stateNode = scopeInstance;
+              prepareScopeUpdate(scopeInstance, workInProgress);
+
+              if (workInProgress.ref !== null) {
+                // Scope components always do work in the commit phase if there's a
+                // ref attached.
+                markUpdate(workInProgress);
+              }
+            } else {
+              if (workInProgress.ref !== null) {
+                // Scope components always do work in the commit phase if there's a
+                // ref attached.
+                markUpdate(workInProgress);
+              }
+            }
+
+            bubbleProperties(workInProgress);
+            return null;
+          }
+        }
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent: {
+          popSuspenseHandler(workInProgress);
+          popHiddenContext(workInProgress);
+          var _nextState = workInProgress.memoizedState;
+          var nextIsHidden = _nextState !== null; // Schedule a Visibility effect if the visibility has changed
+
+          if (workInProgress.tag === LegacyHiddenComponent);
+          else {
+            if (current !== null) {
+              var _prevState = current.memoizedState;
+              var prevIsHidden = _prevState !== null;
+
+              if (prevIsHidden !== nextIsHidden) {
+                workInProgress.flags |= Visibility;
+              }
+            } else {
+              // On initial mount, we only need a Visibility effect if the tree
+              // is hidden.
+              if (nextIsHidden) {
+                workInProgress.flags |= Visibility;
+              }
+            }
+          }
+
+          if (!nextIsHidden || !disableLegacyMode) {
+            bubbleProperties(workInProgress);
+          } else {
+            // Don't bubble properties for hidden children unless we're rendering
+            // at offscreen priority.
+            if (
+              includesSomeLane(renderLanes, OffscreenLane) && // Also don't bubble if the tree suspended
+              (workInProgress.flags & DidCapture) === NoLanes
+            ) {
+              bubbleProperties(workInProgress); // Check if there was an insertion or update in the hidden subtree.
+              // If so, we need to hide those nodes in the commit phase, so
+              // schedule a visibility effect.
+
+              if (
+                workInProgress.tag !== LegacyHiddenComponent &&
+                workInProgress.subtreeFlags & (Placement | Update)
+              ) {
+                workInProgress.flags |= Visibility;
+              }
+            }
+          }
+
+          var offscreenQueue = workInProgress.updateQueue;
+
+          if (offscreenQueue !== null) {
+            var _retryQueue3 = offscreenQueue.retryQueue;
+            scheduleRetryEffect(workInProgress, _retryQueue3);
+          }
+
+          {
+            var _previousCache2 = null;
+
+            if (
+              current !== null &&
+              current.memoizedState !== null &&
+              current.memoizedState.cachePool !== null
+            ) {
+              _previousCache2 = current.memoizedState.cachePool.pool;
+            }
+
+            var _cache2 = null;
+
+            if (
+              workInProgress.memoizedState !== null &&
+              workInProgress.memoizedState.cachePool !== null
+            ) {
+              _cache2 = workInProgress.memoizedState.cachePool.pool;
+            }
+
+            if (_cache2 !== _previousCache2) {
+              // Run passive effects to retain/release the cache.
+              workInProgress.flags |= Passive$1;
+            }
+          }
+
+          popTransition(workInProgress, current);
+          return null;
+        }
+
+        case CacheComponent: {
+          {
+            var _previousCache3 = null;
+
+            if (current !== null) {
+              _previousCache3 = current.memoizedState.cache;
+            }
+
+            var _cache3 = workInProgress.memoizedState.cache;
+
+            if (_cache3 !== _previousCache3) {
+              // Run passive effects to retain/release the cache.
+              workInProgress.flags |= Passive$1;
+            }
+
+            popCacheProvider(workInProgress);
+            bubbleProperties(workInProgress);
+          }
+
+          return null;
+        }
+
+        case TracingMarkerComponent: {
+          if (enableTransitionTracing) {
+            var _instance4 = workInProgress.stateNode;
+
+            if (_instance4 !== null) {
+              popMarkerInstance(workInProgress);
+            }
+
+            bubbleProperties(workInProgress);
+          }
+
+          return null;
         }
       }
 
-      return newProps;
+      throw new Error(
+        "Unknown unit of work tag (" +
+          workInProgress.tag +
+          "). This error is likely caused by a bug in " +
+          "React. Please file an issue."
+      );
+    }
+
+    function unwindWork(current, workInProgress, renderLanes) {
+      // Note: This intentionally doesn't check if we're hydrating because comparing
+      // to the current tree provider fiber is just as fast and less error-prone.
+      // Ideally we would have a special version of the work loop only
+      // for hydration.
+      popTreeContext(workInProgress);
+
+      switch (workInProgress.tag) {
+        case ClassComponent: {
+          var flags = workInProgress.flags;
+
+          if (flags & ShouldCapture) {
+            workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            }
+
+            return workInProgress;
+          }
+
+          return null;
+        }
+
+        case HostRoot: {
+          {
+            popCacheProvider(workInProgress);
+          }
+
+          if (enableTransitionTracing) {
+            popRootMarkerInstance(workInProgress);
+          }
+
+          popRootTransition(workInProgress);
+          popHostContainer(workInProgress);
+          var _flags = workInProgress.flags;
+
+          if (
+            (_flags & ShouldCapture) !== NoFlags$1 &&
+            (_flags & DidCapture) === NoFlags$1
+          ) {
+            // There was an error during render that wasn't captured by a suspense
+            // boundary. Do a second pass on the root to unmount the children.
+            workInProgress.flags = (_flags & ~ShouldCapture) | DidCapture;
+            return workInProgress;
+          } // We unwound to the root without completing it. Exit.
+
+          return null;
+        }
+
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent: {
+          // TODO: popHydrationState
+          popHostContext(workInProgress);
+          return null;
+        }
+
+        case SuspenseComponent: {
+          popSuspenseHandler(workInProgress);
+          var suspenseState = workInProgress.memoizedState;
+
+          if (suspenseState !== null && suspenseState.dehydrated !== null) {
+            if (workInProgress.alternate === null) {
+              throw new Error(
+                "Threw in newly mounted dehydrated component. This is likely a bug in " +
+                  "React. Please file an issue."
+              );
+            }
+
+            resetHydrationState();
+          }
+
+          var _flags2 = workInProgress.flags;
+
+          if (_flags2 & ShouldCapture) {
+            workInProgress.flags = (_flags2 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            }
+
+            return workInProgress;
+          }
+
+          return null;
+        }
+
+        case SuspenseListComponent: {
+          popSuspenseListContext(workInProgress); // SuspenseList doesn't actually catch anything. It should've been
+          // caught by a nested boundary. If not, it should bubble through.
+
+          return null;
+        }
+
+        case HostPortal:
+          popHostContainer(workInProgress);
+          return null;
+
+        case ContextProvider:
+          var context;
+
+          if (enableRenderableContext) {
+            context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
+          }
+
+          popProvider(context, workInProgress);
+          return null;
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent: {
+          popSuspenseHandler(workInProgress);
+          popHiddenContext(workInProgress);
+          popTransition(workInProgress, current);
+          var _flags3 = workInProgress.flags;
+
+          if (_flags3 & ShouldCapture) {
+            workInProgress.flags = (_flags3 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            }
+
+            return workInProgress;
+          }
+
+          return null;
+        }
+
+        case CacheComponent:
+          {
+            popCacheProvider(workInProgress);
+          }
+
+          return null;
+
+        case TracingMarkerComponent:
+          if (enableTransitionTracing) {
+            if (workInProgress.stateNode !== null) {
+              popMarkerInstance(workInProgress);
+            }
+          }
+
+          return null;
+
+        default:
+          return null;
+      }
+    }
+
+    function unwindInterruptedWork(current, interruptedWork, renderLanes) {
+      // Note: This intentionally doesn't check if we're hydrating because comparing
+      // to the current tree provider fiber is just as fast and less error-prone.
+      // Ideally we would have a special version of the work loop only
+      // for hydration.
+      popTreeContext(interruptedWork);
+
+      switch (interruptedWork.tag) {
+        case ClassComponent: {
+          break;
+        }
+
+        case HostRoot: {
+          {
+            popCacheProvider(interruptedWork);
+          }
+
+          if (enableTransitionTracing) {
+            popRootMarkerInstance(interruptedWork);
+          }
+
+          popRootTransition(interruptedWork);
+          popHostContainer(interruptedWork);
+          break;
+        }
+
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent: {
+          popHostContext(interruptedWork);
+          break;
+        }
+
+        case HostPortal:
+          popHostContainer(interruptedWork);
+          break;
+
+        case SuspenseComponent:
+          popSuspenseHandler(interruptedWork);
+          break;
+
+        case SuspenseListComponent:
+          popSuspenseListContext(interruptedWork);
+          break;
+
+        case ContextProvider:
+          var context;
+
+          if (enableRenderableContext) {
+            context = interruptedWork.type;
+          } else {
+            context = interruptedWork.type._context;
+          }
+
+          popProvider(context, interruptedWork);
+          break;
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent:
+          popSuspenseHandler(interruptedWork);
+          popHiddenContext(interruptedWork);
+          popTransition(interruptedWork, current);
+          break;
+
+        case CacheComponent:
+          {
+            popCacheProvider(interruptedWork);
+          }
+
+          break;
+
+        case TracingMarkerComponent:
+          if (enableTransitionTracing) {
+            var instance = interruptedWork.stateNode;
+
+            if (instance !== null) {
+              popMarkerInstance(interruptedWork);
+            }
+          }
+
+          break;
+      }
     }
 
     var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
@@ -32162,9 +36509,7 @@ if (__DEV__) {
     // Allows us to avoid traversing the return path to find the nearest Offscreen ancestor.
 
     var offscreenSubtreeIsHidden = false;
-    var offscreenSubtreeWasHidden = false; // Used to track if a form needs to be reset at the end of the mutation phase.
-
-    var needsFormReset = false;
+    var offscreenSubtreeWasHidden = false;
     var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
     var nextEffect = null; // Used for Profiling builds to track updaters.
 
@@ -34754,21 +39099,6 @@ if (__DEV__) {
                 }
               }
             }
-
-            if (flags & FormReset) {
-              needsFormReset = true;
-
-              {
-                if (finishedWork.type !== "form") {
-                  // Paranoid coding. In case we accidentally start using the
-                  // FormReset bit for something else.
-                  error(
-                    "Unexpected host component type. Expected a form. This is a " +
-                      "bug in React."
-                  );
-                }
-              }
-            }
           }
 
           return;
@@ -34839,20 +39169,6 @@ if (__DEV__) {
             }
           }
 
-          if (needsFormReset) {
-            // A form component requested to be reset during this commit. We do this
-            // after all mutations in the rest of the tree so that `defaultValue`
-            // will already be updated. This way you can update `defaultValue` using
-            // data sent by the server as a result of the form submission.
-            //
-            // Theoretically we could check finishedWork.subtreeFlags & FormReset,
-            // but the FormReset bit is overloaded with other flags used by other
-            // fiber types. So this extra variable lets us skip traversing the tree
-            // except when a form was actually submitted.
-            needsFormReset = false;
-            recursivelyResetForms(finishedWork);
-          }
-
           return;
         }
 
@@ -35078,26 +39394,6 @@ if (__DEV__) {
       }
     }
 
-    function recursivelyResetForms(parentFiber) {
-      if (parentFiber.subtreeFlags & FormReset) {
-        var child = parentFiber.child;
-
-        while (child !== null) {
-          resetFormOnFiber(child);
-          child = child.sibling;
-        }
-      }
-    }
-
-    function resetFormOnFiber(fiber) {
-      recursivelyResetForms(fiber);
-
-      if (fiber.tag === HostComponent && fiber.flags & FormReset) {
-        var formInstance = fiber.stateNode;
-        resetFormInstance(formInstance);
-      }
-    }
-
     function commitLayoutEffects(finishedWork, root, committedLanes) {
       inProgressLanes = committedLanes;
       inProgressRoot = root;
@@ -36592,2428 +40888,6 @@ if (__DEV__) {
       }
     }
 
-    var hasBadMapPolyfill;
-
-    {
-      hasBadMapPolyfill = false;
-
-      try {
-        var nonExtensibleObject = Object.preventExtensions({});
-        /* eslint-disable no-new */
-
-        new Map([[nonExtensibleObject, null]]);
-        new Set([nonExtensibleObject]);
-        /* eslint-enable no-new */
-      } catch (e) {
-        // TODO: Consider warning about bad polyfills
-        hasBadMapPolyfill = true;
-      }
-    }
-
-    function FiberNode(tag, pendingProps, key, mode) {
-      // Instance
-      this.tag = tag;
-      this.key = key;
-      this.elementType = null;
-      this.type = null;
-      this.stateNode = null; // Fiber
-
-      this.return = null;
-      this.child = null;
-      this.sibling = null;
-      this.index = 0;
-      this.ref = null;
-      this.refCleanup = null;
-      this.pendingProps = pendingProps;
-      this.memoizedProps = null;
-      this.updateQueue = null;
-      this.memoizedState = null;
-      this.dependencies = null;
-      this.mode = mode; // Effects
-
-      this.flags = NoFlags$1;
-      this.subtreeFlags = NoFlags$1;
-      this.deletions = null;
-      this.lanes = NoLanes;
-      this.childLanes = NoLanes;
-      this.alternate = null;
-
-      {
-        // Note: The following is done to avoid a v8 performance cliff.
-        //
-        // Initializing the fields below to smis and later updating them with
-        // double values will cause Fibers to end up having separate shapes.
-        // This behavior/bug has something to do with Object.preventExtension().
-        // Fortunately this only impacts DEV builds.
-        // Unfortunately it makes React unusably slow for some applications.
-        // To work around this, initialize the fields below with doubles.
-        //
-        // Learn more about this here:
-        // https://github.com/facebook/react/issues/14365
-        // https://bugs.chromium.org/p/v8/issues/detail?id=8538
-        this.actualDuration = Number.NaN;
-        this.actualStartTime = Number.NaN;
-        this.selfBaseDuration = Number.NaN;
-        this.treeBaseDuration = Number.NaN; // It's okay to replace the initial doubles with smis after initialization.
-        // This won't trigger the performance cliff mentioned above,
-        // and it simplifies other profiler code (including DevTools).
-
-        this.actualDuration = 0;
-        this.actualStartTime = -1;
-        this.selfBaseDuration = 0;
-        this.treeBaseDuration = 0;
-      }
-
-      {
-        // This isn't directly used but is handy for debugging internals:
-        this._debugInfo = null;
-        this._debugOwner = null;
-        this._debugNeedsRemount = false;
-        this._debugHookTypes = null;
-
-        if (
-          !hasBadMapPolyfill &&
-          typeof Object.preventExtensions === "function"
-        ) {
-          Object.preventExtensions(this);
-        }
-      }
-    } // This is a constructor function, rather than a POJO constructor, still
-    // please ensure we do the following:
-    // 1) Nobody should add any instance methods on this. Instance methods can be
-    //    more difficult to predict when they get optimized and they are almost
-    //    never inlined properly in static compilers.
-    // 2) Nobody should rely on `instanceof Fiber` for type testing. We should
-    //    always know when it is a fiber.
-    // 3) We might want to experiment with using numeric keys since they are easier
-    //    to optimize in a non-JIT environment.
-    // 4) We can easily go from a constructor to a createFiber object literal if that
-    //    is faster.
-    // 5) It should be easy to port this to a C struct and keep a C implementation
-    //    compatible.
-
-    function createFiber(tag, pendingProps, key, mode) {
-      // $FlowFixMe[invalid-constructor]: the shapes are exact here but Flow doesn't like constructors
-      return new FiberNode(tag, pendingProps, key, mode);
-    }
-
-    function shouldConstruct(Component) {
-      var prototype = Component.prototype;
-      return !!(prototype && prototype.isReactComponent);
-    }
-
-    function isSimpleFunctionComponent(type) {
-      return (
-        typeof type === "function" &&
-        !shouldConstruct(type) &&
-        type.defaultProps === undefined
-      );
-    }
-    function isFunctionClassComponent(type) {
-      return shouldConstruct(type);
-    } // This is used to create an alternate fiber to do work on.
-
-    function createWorkInProgress(current, pendingProps) {
-      var workInProgress = current.alternate;
-
-      if (workInProgress === null) {
-        // We use a double buffering pooling technique because we know that we'll
-        // only ever need at most two versions of a tree. We pool the "other" unused
-        // node that we're free to reuse. This is lazily created to avoid allocating
-        // extra objects for things that are never updated. It also allow us to
-        // reclaim the extra memory if needed.
-        workInProgress = createFiber(
-          current.tag,
-          pendingProps,
-          current.key,
-          current.mode
-        );
-        workInProgress.elementType = current.elementType;
-        workInProgress.type = current.type;
-        workInProgress.stateNode = current.stateNode;
-
-        {
-          // DEV-only fields
-          workInProgress._debugOwner = current._debugOwner;
-          workInProgress._debugHookTypes = current._debugHookTypes;
-        }
-
-        workInProgress.alternate = current;
-        current.alternate = workInProgress;
-      } else {
-        workInProgress.pendingProps = pendingProps; // Needed because Blocks store data on type.
-
-        workInProgress.type = current.type; // We already have an alternate.
-        // Reset the effect tag.
-
-        workInProgress.flags = NoFlags$1; // The effects are no longer valid.
-
-        workInProgress.subtreeFlags = NoFlags$1;
-        workInProgress.deletions = null;
-
-        {
-          // We intentionally reset, rather than copy, actualDuration & actualStartTime.
-          // This prevents time from endlessly accumulating in new commits.
-          // This has the downside of resetting values for different priority renders,
-          // But works for yielding (the common case) and should support resuming.
-          workInProgress.actualDuration = 0;
-          workInProgress.actualStartTime = -1;
-        }
-      } // Reset all effects except static ones.
-      // Static effects are not specific to a render.
-
-      workInProgress.flags = current.flags & StaticMask;
-      workInProgress.childLanes = current.childLanes;
-      workInProgress.lanes = current.lanes;
-      workInProgress.child = current.child;
-      workInProgress.memoizedProps = current.memoizedProps;
-      workInProgress.memoizedState = current.memoizedState;
-      workInProgress.updateQueue = current.updateQueue; // Clone the dependencies object. This is mutated during the render phase, so
-      // it cannot be shared with the current fiber.
-
-      var currentDependencies = current.dependencies;
-      workInProgress.dependencies =
-        currentDependencies === null
-          ? null
-          : {
-              lanes: currentDependencies.lanes,
-              firstContext: currentDependencies.firstContext
-            }; // These will be overridden during the parent's reconciliation
-
-      workInProgress.sibling = current.sibling;
-      workInProgress.index = current.index;
-      workInProgress.ref = current.ref;
-      workInProgress.refCleanup = current.refCleanup;
-
-      {
-        workInProgress.selfBaseDuration = current.selfBaseDuration;
-        workInProgress.treeBaseDuration = current.treeBaseDuration;
-      }
-
-      {
-        workInProgress._debugInfo = current._debugInfo;
-        workInProgress._debugNeedsRemount = current._debugNeedsRemount;
-
-        switch (workInProgress.tag) {
-          case FunctionComponent:
-          case SimpleMemoComponent:
-            workInProgress.type = resolveFunctionForHotReloading(current.type);
-            break;
-
-          case ClassComponent:
-            workInProgress.type = resolveClassForHotReloading(current.type);
-            break;
-
-          case ForwardRef:
-            workInProgress.type = resolveForwardRefForHotReloading(
-              current.type
-            );
-            break;
-        }
-      }
-
-      return workInProgress;
-    } // Used to reuse a Fiber for a second pass.
-
-    function resetWorkInProgress(workInProgress, renderLanes) {
-      // This resets the Fiber to what createFiber or createWorkInProgress would
-      // have set the values to before during the first pass. Ideally this wouldn't
-      // be necessary but unfortunately many code paths reads from the workInProgress
-      // when they should be reading from current and writing to workInProgress.
-      // We assume pendingProps, index, key, ref, return are still untouched to
-      // avoid doing another reconciliation.
-      // Reset the effect flags but keep any Placement tags, since that's something
-      // that child fiber is setting, not the reconciliation.
-      workInProgress.flags &= StaticMask | Placement; // The effects are no longer valid.
-
-      var current = workInProgress.alternate;
-
-      if (current === null) {
-        // Reset to createFiber's initial values.
-        workInProgress.childLanes = NoLanes;
-        workInProgress.lanes = renderLanes;
-        workInProgress.child = null;
-        workInProgress.subtreeFlags = NoFlags$1;
-        workInProgress.memoizedProps = null;
-        workInProgress.memoizedState = null;
-        workInProgress.updateQueue = null;
-        workInProgress.dependencies = null;
-        workInProgress.stateNode = null;
-
-        {
-          // Note: We don't reset the actualTime counts. It's useful to accumulate
-          // actual time across multiple render passes.
-          workInProgress.selfBaseDuration = 0;
-          workInProgress.treeBaseDuration = 0;
-        }
-      } else {
-        // Reset to the cloned values that createWorkInProgress would've.
-        workInProgress.childLanes = current.childLanes;
-        workInProgress.lanes = current.lanes;
-        workInProgress.child = current.child;
-        workInProgress.subtreeFlags = NoFlags$1;
-        workInProgress.deletions = null;
-        workInProgress.memoizedProps = current.memoizedProps;
-        workInProgress.memoizedState = current.memoizedState;
-        workInProgress.updateQueue = current.updateQueue; // Needed because Blocks store data on type.
-
-        workInProgress.type = current.type; // Clone the dependencies object. This is mutated during the render phase, so
-        // it cannot be shared with the current fiber.
-
-        var currentDependencies = current.dependencies;
-        workInProgress.dependencies =
-          currentDependencies === null
-            ? null
-            : {
-                lanes: currentDependencies.lanes,
-                firstContext: currentDependencies.firstContext
-              };
-
-        {
-          // Note: We don't reset the actualTime counts. It's useful to accumulate
-          // actual time across multiple render passes.
-          workInProgress.selfBaseDuration = current.selfBaseDuration;
-          workInProgress.treeBaseDuration = current.treeBaseDuration;
-        }
-      }
-
-      return workInProgress;
-    }
-    function createHostRootFiber(
-      tag,
-      isStrictMode,
-      concurrentUpdatesByDefaultOverride
-    ) {
-      var mode;
-
-      {
-        mode = ConcurrentMode;
-
-        if (isStrictMode === true) {
-          mode |= StrictLegacyMode | StrictEffectsMode;
-        }
-
-        if (
-          // Only for internal experiments.
-          concurrentUpdatesByDefaultOverride
-        ) {
-          mode |= ConcurrentUpdatesByDefaultMode;
-        }
-      }
-
-      if (isDevToolsPresent) {
-        // Always collect profile timings when DevTools are present.
-        // This enables DevTools to start capturing timing at any point–
-        // Without some nodes in the tree having empty base times.
-        mode |= ProfileMode;
-      }
-
-      return createFiber(HostRoot, null, null, mode);
-    }
-    function createFiberFromTypeAndProps(
-      type, // React$ElementType
-      key,
-      pendingProps,
-      owner,
-      mode,
-      lanes
-    ) {
-      var fiberTag = FunctionComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
-
-      var resolvedType = type;
-
-      if (typeof type === "function") {
-        if (shouldConstruct(type)) {
-          fiberTag = ClassComponent;
-
-          {
-            resolvedType = resolveClassForHotReloading(resolvedType);
-          }
-        } else {
-          {
-            resolvedType = resolveFunctionForHotReloading(resolvedType);
-          }
-        }
-      } else if (typeof type === "string") {
-        {
-          var hostContext = getHostContext();
-          fiberTag = isHostHoistableType(type, pendingProps, hostContext)
-            ? HostHoistable
-            : isHostSingletonType(type)
-            ? HostSingleton
-            : HostComponent;
-        }
-      } else {
-        getTag: switch (type) {
-          case REACT_FRAGMENT_TYPE:
-            return createFiberFromFragment(
-              pendingProps.children,
-              mode,
-              lanes,
-              key
-            );
-
-          case REACT_STRICT_MODE_TYPE:
-            fiberTag = Mode;
-            mode |= StrictLegacyMode;
-
-            {
-              // Strict effects should never run on legacy roots
-              mode |= StrictEffectsMode;
-
-              if (
-                enableDO_NOT_USE_disableStrictPassiveEffect &&
-                pendingProps.DO_NOT_USE_disableStrictPassiveEffect
-              ) {
-                mode |= NoStrictPassiveEffectsMode;
-              }
-            }
-
-            break;
-
-          case REACT_PROFILER_TYPE:
-            return createFiberFromProfiler(pendingProps, mode, lanes, key);
-
-          case REACT_SUSPENSE_TYPE:
-            return createFiberFromSuspense(pendingProps, mode, lanes, key);
-
-          case REACT_SUSPENSE_LIST_TYPE:
-            return createFiberFromSuspenseList(pendingProps, mode, lanes, key);
-
-          case REACT_OFFSCREEN_TYPE:
-            return createFiberFromOffscreen(pendingProps, mode, lanes, key);
-
-          case REACT_LEGACY_HIDDEN_TYPE: {
-            return createFiberFromLegacyHidden(pendingProps, mode, lanes, key);
-          }
-
-          // Fall through
-
-          case REACT_SCOPE_TYPE: {
-            return createFiberFromScope(type, pendingProps, mode, lanes, key);
-          }
-
-          // Fall through
-
-          case REACT_TRACING_MARKER_TYPE:
-            if (enableTransitionTracing) {
-              return createFiberFromTracingMarker(
-                pendingProps,
-                mode,
-                lanes,
-                key
-              );
-            }
-
-          // Fall through
-
-          case REACT_DEBUG_TRACING_MODE_TYPE:
-            if (enableDebugTracing) {
-              fiberTag = Mode;
-              mode |= DebugTracingMode;
-              break;
-            }
-
-          // Fall through
-
-          default: {
-            if (typeof type === "object" && type !== null) {
-              switch (type.$$typeof) {
-                case REACT_PROVIDER_TYPE:
-                  if (!enableRenderableContext) {
-                    fiberTag = ContextProvider;
-                    break getTag;
-                  }
-
-                // Fall through
-
-                case REACT_CONTEXT_TYPE:
-                  if (enableRenderableContext) {
-                    fiberTag = ContextProvider;
-                    break getTag;
-                  } else {
-                    fiberTag = ContextConsumer;
-                    break getTag;
-                  }
-
-                case REACT_CONSUMER_TYPE:
-                  if (enableRenderableContext) {
-                    fiberTag = ContextConsumer;
-                    break getTag;
-                  }
-
-                // Fall through
-
-                case REACT_FORWARD_REF_TYPE:
-                  fiberTag = ForwardRef;
-
-                  {
-                    resolvedType =
-                      resolveForwardRefForHotReloading(resolvedType);
-                  }
-
-                  break getTag;
-
-                case REACT_MEMO_TYPE:
-                  fiberTag = MemoComponent;
-                  break getTag;
-
-                case REACT_LAZY_TYPE:
-                  fiberTag = LazyComponent;
-                  resolvedType = null;
-                  break getTag;
-              }
-            }
-
-            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 ownerName = owner ? getComponentNameFromOwner(owner) : null;
-
-              if (ownerName) {
-                info += "\n\nCheck the render method of `" + ownerName + "`.";
-              }
-            }
-
-            throw new Error(
-              "Element type is invalid: expected a string (for built-in " +
-                "components) or a class/function (for composite components) " +
-                ("but got: " + (type == null ? type : typeof type) + "." + info)
-            );
-          }
-        }
-      }
-
-      var fiber = createFiber(fiberTag, pendingProps, key, mode);
-      fiber.elementType = type;
-      fiber.type = resolvedType;
-      fiber.lanes = lanes;
-
-      {
-        fiber._debugOwner = owner;
-      }
-
-      return fiber;
-    }
-    function createFiberFromElement(element, mode, lanes) {
-      var owner = null;
-
-      {
-        owner = element._owner;
-      }
-
-      var type = element.type;
-      var key = element.key;
-      var pendingProps = element.props;
-      var fiber = createFiberFromTypeAndProps(
-        type,
-        key,
-        pendingProps,
-        owner,
-        mode,
-        lanes
-      );
-
-      {
-        fiber._debugOwner = element._owner;
-      }
-
-      return fiber;
-    }
-    function createFiberFromFragment(elements, mode, lanes, key) {
-      var fiber = createFiber(Fragment, elements, key, mode);
-      fiber.lanes = lanes;
-      return fiber;
-    }
-
-    function createFiberFromScope(scope, pendingProps, mode, lanes, key) {
-      var fiber = createFiber(ScopeComponent, pendingProps, key, mode);
-      fiber.type = scope;
-      fiber.elementType = scope;
-      fiber.lanes = lanes;
-      return fiber;
-    }
-
-    function createFiberFromProfiler(pendingProps, mode, lanes, key) {
-      {
-        if (typeof pendingProps.id !== "string") {
-          error(
-            'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',
-            typeof pendingProps.id
-          );
-        }
-      }
-
-      var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
-      fiber.elementType = REACT_PROFILER_TYPE;
-      fiber.lanes = lanes;
-
-      {
-        fiber.stateNode = {
-          effectDuration: 0,
-          passiveEffectDuration: 0
-        };
-      }
-
-      return fiber;
-    }
-
-    function createFiberFromSuspense(pendingProps, mode, lanes, key) {
-      var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
-      fiber.elementType = REACT_SUSPENSE_TYPE;
-      fiber.lanes = lanes;
-      return fiber;
-    }
-    function createFiberFromSuspenseList(pendingProps, mode, lanes, key) {
-      var fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
-      fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
-      fiber.lanes = lanes;
-      return fiber;
-    }
-    function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
-      var fiber = createFiber(OffscreenComponent, pendingProps, key, mode);
-      fiber.elementType = REACT_OFFSCREEN_TYPE;
-      fiber.lanes = lanes;
-      var primaryChildInstance = {
-        _visibility: OffscreenVisible,
-        _pendingVisibility: OffscreenVisible,
-        _pendingMarkers: null,
-        _retryCache: null,
-        _transitions: null,
-        _current: null,
-        detach: function () {
-          return detachOffscreenInstance(primaryChildInstance);
-        },
-        attach: function () {
-          return attachOffscreenInstance(primaryChildInstance);
-        }
-      };
-      fiber.stateNode = primaryChildInstance;
-      return fiber;
-    }
-    function createFiberFromLegacyHidden(pendingProps, mode, lanes, key) {
-      var fiber = createFiber(LegacyHiddenComponent, pendingProps, key, mode);
-      fiber.elementType = REACT_LEGACY_HIDDEN_TYPE;
-      fiber.lanes = lanes; // Adding a stateNode for legacy hidden because it's currently using
-      // the offscreen implementation, which depends on a state node
-
-      var instance = {
-        _visibility: OffscreenVisible,
-        _pendingVisibility: OffscreenVisible,
-        _pendingMarkers: null,
-        _transitions: null,
-        _retryCache: null,
-        _current: null,
-        detach: function () {
-          return detachOffscreenInstance(instance);
-        },
-        attach: function () {
-          return attachOffscreenInstance(instance);
-        }
-      };
-      fiber.stateNode = instance;
-      return fiber;
-    }
-    function createFiberFromTracingMarker(pendingProps, mode, lanes, key) {
-      var fiber = createFiber(TracingMarkerComponent, pendingProps, key, mode);
-      fiber.elementType = REACT_TRACING_MARKER_TYPE;
-      fiber.lanes = lanes;
-      var tracingMarkerInstance = {
-        tag: TransitionTracingMarker,
-        transitions: null,
-        pendingBoundaries: null,
-        aborts: null,
-        name: pendingProps.name
-      };
-      fiber.stateNode = tracingMarkerInstance;
-      return fiber;
-    }
-    function createFiberFromText(content, mode, lanes) {
-      var fiber = createFiber(HostText, content, null, mode);
-      fiber.lanes = lanes;
-      return fiber;
-    }
-    function createFiberFromDehydratedFragment(dehydratedNode) {
-      var fiber = createFiber(DehydratedFragment, null, null, NoMode);
-      fiber.stateNode = dehydratedNode;
-      return fiber;
-    }
-    function createFiberFromPortal(portal, mode, lanes) {
-      var pendingProps = portal.children !== null ? portal.children : [];
-      var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
-      fiber.lanes = lanes;
-      fiber.stateNode = {
-        containerInfo: portal.containerInfo,
-        pendingChildren: null,
-        // Used by persistent updates
-        implementation: portal.implementation
-      };
-      return fiber;
-    }
-
-    // This is imported by the event replaying implementation in React DOM. It's
-    // in a separate file to break a circular dependency between the renderer and
-    // the reconciler.
-    function isRootDehydrated(root) {
-      var currentState = root.current.memoizedState;
-      return currentState.isDehydrated;
-    }
-
-    function getSuspenseFallbackChild(fiber) {
-      return fiber.child.sibling.child;
-    }
-
-    var emptyObject = {};
-
-    function collectScopedNodes(node, fn, scopedNodes) {
-      {
-        if (node.tag === HostComponent) {
-          var type = node.type,
-            memoizedProps = node.memoizedProps,
-            stateNode = node.stateNode;
-          var instance = getPublicInstance(stateNode);
-
-          if (
-            instance !== null &&
-            fn(type, memoizedProps || emptyObject, instance) === true
-          ) {
-            scopedNodes.push(instance);
-          }
-        }
-
-        var child = node.child;
-
-        if (isFiberSuspenseAndTimedOut(node)) {
-          child = getSuspenseFallbackChild(node);
-        }
-
-        if (child !== null) {
-          collectScopedNodesFromChildren(child, fn, scopedNodes);
-        }
-      }
-    }
-
-    function collectFirstScopedNode(node, fn) {
-      {
-        if (node.tag === HostComponent) {
-          var type = node.type,
-            memoizedProps = node.memoizedProps,
-            stateNode = node.stateNode;
-          var instance = getPublicInstance(stateNode);
-
-          if (instance !== null && fn(type, memoizedProps, instance) === true) {
-            return instance;
-          }
-        }
-
-        var child = node.child;
-
-        if (isFiberSuspenseAndTimedOut(node)) {
-          child = getSuspenseFallbackChild(node);
-        }
-
-        if (child !== null) {
-          return collectFirstScopedNodeFromChildren(child, fn);
-        }
-      }
-
-      return null;
-    }
-
-    function collectScopedNodesFromChildren(startingChild, fn, scopedNodes) {
-      var child = startingChild;
-
-      while (child !== null) {
-        collectScopedNodes(child, fn, scopedNodes);
-        child = child.sibling;
-      }
-    }
-
-    function collectFirstScopedNodeFromChildren(startingChild, fn) {
-      var child = startingChild;
-
-      while (child !== null) {
-        var scopedNode = collectFirstScopedNode(child, fn);
-
-        if (scopedNode !== null) {
-          return scopedNode;
-        }
-
-        child = child.sibling;
-      }
-
-      return null;
-    }
-
-    function collectNearestContextValues(node, context, childContextValues) {
-      if (
-        node.tag === ContextProvider &&
-        (enableRenderableContext ? node.type : node.type._context) === context
-      ) {
-        var contextValue = node.memoizedProps.value;
-        childContextValues.push(contextValue);
-      } else {
-        var child = node.child;
-
-        if (isFiberSuspenseAndTimedOut(node)) {
-          child = getSuspenseFallbackChild(node);
-        }
-
-        if (child !== null) {
-          collectNearestChildContextValues(child, context, childContextValues);
-        }
-      }
-    }
-
-    function collectNearestChildContextValues(
-      startingChild,
-      context,
-      childContextValues
-    ) {
-      var child = startingChild;
-
-      while (child !== null) {
-        collectNearestContextValues(child, context, childContextValues);
-        child = child.sibling;
-      }
-    }
-
-    function DO_NOT_USE_queryAllNodes(fn) {
-      var currentFiber = getInstanceFromScope(this);
-
-      if (currentFiber === null) {
-        return null;
-      }
-
-      var child = currentFiber.child;
-      var scopedNodes = [];
-
-      if (child !== null) {
-        collectScopedNodesFromChildren(child, fn, scopedNodes);
-      }
-
-      return scopedNodes.length === 0 ? null : scopedNodes;
-    }
-
-    function DO_NOT_USE_queryFirstNode(fn) {
-      var currentFiber = getInstanceFromScope(this);
-
-      if (currentFiber === null) {
-        return null;
-      }
-
-      var child = currentFiber.child;
-
-      if (child !== null) {
-        return collectFirstScopedNodeFromChildren(child, fn);
-      }
-
-      return null;
-    }
-
-    function containsNode(node) {
-      var fiber = getInstanceFromNode(node);
-
-      while (fiber !== null) {
-        if (fiber.tag === ScopeComponent && fiber.stateNode === this) {
-          return true;
-        }
-
-        fiber = fiber.return;
-      }
-
-      return false;
-    }
-
-    function getChildContextValues(context) {
-      var currentFiber = getInstanceFromScope(this);
-
-      if (currentFiber === null) {
-        return [];
-      }
-
-      var child = currentFiber.child;
-      var childContextValues = [];
-
-      if (child !== null) {
-        collectNearestChildContextValues(child, context, childContextValues);
-      }
-
-      return childContextValues;
-    }
-
-    function createScopeInstance() {
-      return {
-        DO_NOT_USE_queryAllNodes: DO_NOT_USE_queryAllNodes,
-        DO_NOT_USE_queryFirstNode: DO_NOT_USE_queryFirstNode,
-        containsNode: containsNode,
-        getChildContextValues: getChildContextValues
-      };
-    }
-
-    /**
-     * Tag the fiber with an update effect. This turns a Placement into
-     * a PlacementAndUpdate.
-     */
-
-    function markUpdate(workInProgress) {
-      workInProgress.flags |= Update;
-    }
-
-    function appendAllChildren(
-      parent,
-      workInProgress,
-      needsVisibilityToggle,
-      isHidden
-    ) {
-      {
-        // We only have the top Fiber that was created but we need recurse down its
-        // children to find all the terminal nodes.
-        var node = workInProgress.child;
-
-        while (node !== null) {
-          if (node.tag === HostComponent || node.tag === HostText) {
-            appendInitialChild(parent, node.stateNode);
-          } else if (node.tag === HostPortal || node.tag === HostSingleton);
-          else if (node.child !== null) {
-            node.child.return = node;
-            node = node.child;
-            continue;
-          }
-
-          if (node === workInProgress) {
-            return;
-          } // $FlowFixMe[incompatible-use] found when upgrading Flow
-
-          while (node.sibling === null) {
-            // $FlowFixMe[incompatible-use] found when upgrading Flow
-            if (node.return === null || node.return === workInProgress) {
-              return;
-            }
-
-            node = node.return;
-          } // $FlowFixMe[incompatible-use] found when upgrading Flow
-
-          node.sibling.return = node.return;
-          node = node.sibling;
-        }
-      }
-    } // An unfortunate fork of appendAllChildren because we have two different parent types.
-
-    function updateHostComponent(
-      current,
-      workInProgress,
-      type,
-      newProps,
-      renderLanes
-    ) {
-      {
-        // If we have an alternate, that means this is an update and we need to
-        // schedule a side-effect to do the updates.
-        var oldProps = current.memoizedProps;
-
-        if (oldProps === newProps) {
-          // In mutation mode, this is sufficient for a bailout because
-          // we won't touch this node even if children changed.
-          return;
-        }
-
-        markUpdate(workInProgress);
-      }
-    } // This function must be called at the very end of the complete phase, because
-    // it might throw to suspend, and if the resource immediately loads, the work
-    // loop will resume rendering as if the work-in-progress completed. So it must
-    // fully complete.
-    // TODO: This should ideally move to begin phase, but currently the instance is
-    // not created until the complete phase. For our existing use cases, host nodes
-    // that suspend don't have children, so it doesn't matter. But that might not
-    // always be true in the future.
-
-    function preloadInstanceAndSuspendIfNeeded(
-      workInProgress,
-      type,
-      props,
-      renderLanes
-    ) {
-      {
-        // If this flag was set previously, we can remove it. The flag
-        // represents whether this particular set of props might ever need to
-        // suspend. The safest thing to do is for maySuspendCommit to always
-        // return true, but if the renderer is reasonably confident that the
-        // underlying resource won't be evicted, it can return false as a
-        // performance optimization.
-        workInProgress.flags &= ~MaySuspendCommit;
-        return;
-      } // Mark this fiber with a flag. This gets set on all host instances
-    }
-
-    function preloadResourceAndSuspendIfNeeded(
-      workInProgress,
-      resource,
-      type,
-      props,
-      renderLanes
-    ) {
-      // This is a fork of preloadInstanceAndSuspendIfNeeded, but for resources.
-      if (!mayResourceSuspendCommit(resource)) {
-        workInProgress.flags &= ~MaySuspendCommit;
-        return;
-      }
-
-      workInProgress.flags |= MaySuspendCommit;
-      var rootRenderLanes = getWorkInProgressRootRenderLanes();
-
-      if (!includesOnlyNonUrgentLanes(rootRenderLanes));
-      else {
-        var isReady = preloadResource(resource);
-
-        if (!isReady) {
-          if (shouldRemainOnPreviousScreen()) {
-            workInProgress.flags |= ShouldSuspendCommit;
-          } else {
-            suspendCommit();
-          }
-        }
-      }
-    }
-
-    function scheduleRetryEffect(workInProgress, retryQueue) {
-      var wakeables = retryQueue;
-
-      if (wakeables !== null) {
-        // Schedule an effect to attach a retry listener to the promise.
-        // TODO: Move to passive phase
-        workInProgress.flags |= Update;
-      } else {
-        // This boundary suspended, but no wakeables were added to the retry
-        // queue. Check if the renderer suspended commit. If so, this means
-        // that once the fallback is committed, we can immediately retry
-        // rendering again, because rendering wasn't actually blocked. Only
-        // the commit phase.
-        // TODO: Consider a model where we always schedule an immediate retry, even
-        // for normal Suspense. That way the retry can partially render up to the
-        // first thing that suspends.
-        if (workInProgress.flags & ScheduleRetry) {
-          var retryLane = // TODO: This check should probably be moved into claimNextRetryLane
-            // I also suspect that we need some further consolidation of offscreen
-            // and retry lanes.
-            workInProgress.tag !== OffscreenComponent
-              ? claimNextRetryLane()
-              : OffscreenLane;
-          workInProgress.lanes = mergeLanes(workInProgress.lanes, retryLane);
-        }
-      }
-    }
-
-    function updateHostText(current, workInProgress, oldText, newText) {
-      {
-        // If the text differs, mark it as an update. All the work in done in commitWork.
-        if (oldText !== newText) {
-          markUpdate(workInProgress);
-        }
-      }
-    }
-
-    function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
-      if (getIsHydrating()) {
-        // If we're hydrating, we should consume as many items as we can
-        // so we don't leave any behind.
-        return;
-      }
-
-      switch (renderState.tailMode) {
-        case "hidden": {
-          // Any insertions at the end of the tail list after this point
-          // should be invisible. If there are already mounted boundaries
-          // anything before them are not considered for collapsing.
-          // Therefore we need to go through the whole tail to find if
-          // there are any.
-          var tailNode = renderState.tail;
-          var lastTailNode = null;
-
-          while (tailNode !== null) {
-            if (tailNode.alternate !== null) {
-              lastTailNode = tailNode;
-            }
-
-            tailNode = tailNode.sibling;
-          } // Next we're simply going to delete all insertions after the
-          // last rendered item.
-
-          if (lastTailNode === null) {
-            // All remaining items in the tail are insertions.
-            renderState.tail = null;
-          } else {
-            // Detach the insertion after the last node that was already
-            // inserted.
-            lastTailNode.sibling = null;
-          }
-
-          break;
-        }
-
-        case "collapsed": {
-          // Any insertions at the end of the tail list after this point
-          // should be invisible. If there are already mounted boundaries
-          // anything before them are not considered for collapsing.
-          // Therefore we need to go through the whole tail to find if
-          // there are any.
-          var _tailNode = renderState.tail;
-          var _lastTailNode = null;
-
-          while (_tailNode !== null) {
-            if (_tailNode.alternate !== null) {
-              _lastTailNode = _tailNode;
-            }
-
-            _tailNode = _tailNode.sibling;
-          } // Next we're simply going to delete all insertions after the
-          // last rendered item.
-
-          if (_lastTailNode === null) {
-            // All remaining items in the tail are insertions.
-            if (!hasRenderedATailFallback && renderState.tail !== null) {
-              // We suspended during the head. We want to show at least one
-              // row at the tail. So we'll keep on and cut off the rest.
-              renderState.tail.sibling = null;
-            } else {
-              renderState.tail = null;
-            }
-          } else {
-            // Detach the insertion after the last node that was already
-            // inserted.
-            _lastTailNode.sibling = null;
-          }
-
-          break;
-        }
-      }
-    }
-
-    function bubbleProperties(completedWork) {
-      var didBailout =
-        completedWork.alternate !== null &&
-        completedWork.alternate.child === completedWork.child;
-      var newChildLanes = NoLanes;
-      var subtreeFlags = NoFlags$1;
-
-      if (!didBailout) {
-        // Bubble up the earliest expiration time.
-        if ((completedWork.mode & ProfileMode) !== NoMode) {
-          // In profiling mode, resetChildExpirationTime is also used to reset
-          // profiler durations.
-          var actualDuration = completedWork.actualDuration;
-          var treeBaseDuration = completedWork.selfBaseDuration;
-          var child = completedWork.child;
-
-          while (child !== null) {
-            newChildLanes = mergeLanes(
-              newChildLanes,
-              mergeLanes(child.lanes, child.childLanes)
-            );
-            subtreeFlags |= child.subtreeFlags;
-            subtreeFlags |= child.flags; // When a fiber is cloned, its actualDuration is reset to 0. This value will
-            // only be updated if work is done on the fiber (i.e. it doesn't bailout).
-            // When work is done, it should bubble to the parent's actualDuration. If
-            // the fiber has not been cloned though, (meaning no work was done), then
-            // this value will reflect the amount of time spent working on a previous
-            // render. In that case it should not bubble. We determine whether it was
-            // cloned by comparing the child pointer.
-            // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
-
-            actualDuration += child.actualDuration; // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
-
-            treeBaseDuration += child.treeBaseDuration;
-            child = child.sibling;
-          }
-
-          completedWork.actualDuration = actualDuration;
-          completedWork.treeBaseDuration = treeBaseDuration;
-        } else {
-          var _child = completedWork.child;
-
-          while (_child !== null) {
-            newChildLanes = mergeLanes(
-              newChildLanes,
-              mergeLanes(_child.lanes, _child.childLanes)
-            );
-            subtreeFlags |= _child.subtreeFlags;
-            subtreeFlags |= _child.flags; // Update the return pointer so the tree is consistent. This is a code
-            // smell because it assumes the commit phase is never concurrent with
-            // the render phase. Will address during refactor to alternate model.
-
-            _child.return = completedWork;
-            _child = _child.sibling;
-          }
-        }
-
-        completedWork.subtreeFlags |= subtreeFlags;
-      } else {
-        // Bubble up the earliest expiration time.
-        if ((completedWork.mode & ProfileMode) !== NoMode) {
-          // In profiling mode, resetChildExpirationTime is also used to reset
-          // profiler durations.
-          var _treeBaseDuration = completedWork.selfBaseDuration;
-          var _child2 = completedWork.child;
-
-          while (_child2 !== null) {
-            newChildLanes = mergeLanes(
-              newChildLanes,
-              mergeLanes(_child2.lanes, _child2.childLanes)
-            ); // "Static" flags share the lifetime of the fiber/hook they belong to,
-            // so we should bubble those up even during a bailout. All the other
-            // flags have a lifetime only of a single render + commit, so we should
-            // ignore them.
-
-            subtreeFlags |= _child2.subtreeFlags & StaticMask;
-            subtreeFlags |= _child2.flags & StaticMask; // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
-
-            _treeBaseDuration += _child2.treeBaseDuration;
-            _child2 = _child2.sibling;
-          }
-
-          completedWork.treeBaseDuration = _treeBaseDuration;
-        } else {
-          var _child3 = completedWork.child;
-
-          while (_child3 !== null) {
-            newChildLanes = mergeLanes(
-              newChildLanes,
-              mergeLanes(_child3.lanes, _child3.childLanes)
-            ); // "Static" flags share the lifetime of the fiber/hook they belong to,
-            // so we should bubble those up even during a bailout. All the other
-            // flags have a lifetime only of a single render + commit, so we should
-            // ignore them.
-
-            subtreeFlags |= _child3.subtreeFlags & StaticMask;
-            subtreeFlags |= _child3.flags & StaticMask; // Update the return pointer so the tree is consistent. This is a code
-            // smell because it assumes the commit phase is never concurrent with
-            // the render phase. Will address during refactor to alternate model.
-
-            _child3.return = completedWork;
-            _child3 = _child3.sibling;
-          }
-        }
-
-        completedWork.subtreeFlags |= subtreeFlags;
-      }
-
-      completedWork.childLanes = newChildLanes;
-      return didBailout;
-    }
-
-    function completeDehydratedSuspenseBoundary(
-      current,
-      workInProgress,
-      nextState
-    ) {
-      var wasHydrated = popHydrationState(workInProgress);
-
-      if (nextState !== null && nextState.dehydrated !== null) {
-        // We might be inside a hydration state the first time we're picking up this
-        // Suspense boundary, and also after we've reentered it for further hydration.
-        if (current === null) {
-          if (!wasHydrated) {
-            throw new Error(
-              "A dehydrated suspense component was completed without a hydrated node. " +
-                "This is probably a bug in React."
-            );
-          }
-
-          prepareToHydrateHostSuspenseInstance(workInProgress);
-          bubbleProperties(workInProgress);
-
-          {
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              var isTimedOutSuspense = nextState !== null;
-
-              if (isTimedOutSuspense) {
-                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
-                var primaryChildFragment = workInProgress.child;
-
-                if (primaryChildFragment !== null) {
-                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
-                  workInProgress.treeBaseDuration -=
-                    primaryChildFragment.treeBaseDuration;
-                }
-              }
-            }
-          }
-
-          return false;
-        } else {
-          emitPendingHydrationWarnings(); // We might have reentered this boundary to hydrate it. If so, we need to reset the hydration
-          // state since we're now exiting out of it. popHydrationState doesn't do that for us.
-
-          resetHydrationState();
-
-          if ((workInProgress.flags & DidCapture) === NoFlags$1) {
-            // This boundary did not suspend so it's now hydrated and unsuspended.
-            workInProgress.memoizedState = null;
-          } // If nothing suspended, we need to schedule an effect to mark this boundary
-          // as having hydrated so events know that they're free to be invoked.
-          // It's also a signal to replay events and the suspense callback.
-          // If something suspended, schedule an effect to attach retry listeners.
-          // So we might as well always mark this.
-
-          workInProgress.flags |= Update;
-          bubbleProperties(workInProgress);
-
-          {
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              var _isTimedOutSuspense = nextState !== null;
-
-              if (_isTimedOutSuspense) {
-                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
-                var _primaryChildFragment = workInProgress.child;
-
-                if (_primaryChildFragment !== null) {
-                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
-                  workInProgress.treeBaseDuration -=
-                    _primaryChildFragment.treeBaseDuration;
-                }
-              }
-            }
-          }
-
-          return false;
-        }
-      } else {
-        // Successfully completed this tree. If this was a forced client render,
-        // there may have been recoverable errors during first hydration
-        // attempt. If so, add them to a queue so we can log them in the
-        // commit phase.
-        upgradeHydrationErrorsToRecoverable(); // Fall through to normal Suspense path
-
-        return true;
-      }
-    }
-
-    function completeWork(current, workInProgress, renderLanes) {
-      var newProps = workInProgress.pendingProps; // Note: This intentionally doesn't check if we're hydrating because comparing
-      // to the current tree provider fiber is just as fast and less error-prone.
-      // Ideally we would have a special version of the work loop only
-      // for hydration.
-
-      popTreeContext(workInProgress);
-
-      switch (workInProgress.tag) {
-        case IncompleteFunctionComponent: {
-          {
-            break;
-          } // Fallthrough
-        }
-
-        case LazyComponent:
-        case SimpleMemoComponent:
-        case FunctionComponent:
-        case ForwardRef:
-        case Fragment:
-        case Mode:
-        case Profiler:
-        case ContextConsumer:
-        case MemoComponent:
-          bubbleProperties(workInProgress);
-          return null;
-
-        case ClassComponent: {
-          bubbleProperties(workInProgress);
-          return null;
-        }
-
-        case HostRoot: {
-          var fiberRoot = workInProgress.stateNode;
-
-          if (enableTransitionTracing) {
-            var transitions = getWorkInProgressTransitions(); // We set the Passive flag here because if there are new transitions,
-            // we will need to schedule callbacks and process the transitions,
-            // which we do in the passive phase
-
-            if (transitions !== null) {
-              workInProgress.flags |= Passive$1;
-            }
-          }
-
-          {
-            var previousCache = null;
-
-            if (current !== null) {
-              previousCache = current.memoizedState.cache;
-            }
-
-            var cache = workInProgress.memoizedState.cache;
-
-            if (cache !== previousCache) {
-              // Run passive effects to retain/release the cache.
-              workInProgress.flags |= Passive$1;
-            }
-
-            popCacheProvider(workInProgress);
-          }
-
-          if (enableTransitionTracing) {
-            popRootMarkerInstance(workInProgress);
-          }
-
-          popRootTransition(workInProgress);
-          popHostContainer(workInProgress);
-
-          if (fiberRoot.pendingContext) {
-            fiberRoot.context = fiberRoot.pendingContext;
-            fiberRoot.pendingContext = null;
-          }
-
-          if (current === null || current.child === null) {
-            // If we hydrated, pop so that we can delete any remaining children
-            // that weren't hydrated.
-            var wasHydrated = popHydrationState(workInProgress);
-
-            if (wasHydrated) {
-              emitPendingHydrationWarnings(); // If we hydrated, then we'll need to schedule an update for
-              // the commit side-effects on the root.
-
-              markUpdate(workInProgress);
-            } else {
-              if (current !== null) {
-                var prevState = current.memoizedState;
-
-                if (
-                  // Check if this is a client root
-                  !prevState.isDehydrated || // Check if we reverted to client rendering (e.g. due to an error)
-                  (workInProgress.flags & ForceClientRender) !== NoFlags$1
-                ) {
-                  // Schedule an effect to clear this container at the start of the
-                  // next commit. This handles the case of React rendering into a
-                  // container with previous children. It's also safe to do for
-                  // updates too, because current.child would only be null if the
-                  // previous render was null (so the container would already
-                  // be empty).
-                  workInProgress.flags |= Snapshot; // If this was a forced client render, there may have been
-                  // recoverable errors during first hydration attempt. If so, add
-                  // them to a queue so we can log them in the commit phase.
-
-                  upgradeHydrationErrorsToRecoverable();
-                }
-              }
-            }
-          }
-          bubbleProperties(workInProgress);
-
-          if (enableTransitionTracing) {
-            if ((workInProgress.subtreeFlags & Visibility) !== NoFlags$1) {
-              // If any of our suspense children toggle visibility, this means that
-              // the pending boundaries array needs to be updated, which we only
-              // do in the passive phase.
-              workInProgress.flags |= Passive$1;
-            }
-          }
-
-          return null;
-        }
-
-        case HostHoistable: {
-          {
-            var nextResource = workInProgress.memoizedState;
-
-            if (current === null) {
-              // We are mounting and must Update this Hoistable in this commit
-              // @TODO refactor this block to create the instance here in complete
-              // phase if we are not hydrating.
-              markUpdate(workInProgress);
-
-              if (nextResource !== null) {
-                // This is a Hoistable Resource
-                // This must come at the very end of the complete phase.
-                bubbleProperties(workInProgress);
-                preloadResourceAndSuspendIfNeeded(workInProgress, nextResource);
-                return null;
-              } else {
-                // This is a Hoistable Instance
-                // This must come at the very end of the complete phase.
-                bubbleProperties(workInProgress);
-                preloadInstanceAndSuspendIfNeeded(workInProgress);
-                return null;
-              }
-            } else {
-              // We are updating.
-              var currentResource = current.memoizedState;
-
-              if (nextResource !== currentResource) {
-                // We are transitioning to, from, or between Hoistable Resources
-                // and require an update
-                markUpdate(workInProgress);
-              }
-
-              if (nextResource !== null) {
-                // This is a Hoistable Resource
-                // This must come at the very end of the complete phase.
-                bubbleProperties(workInProgress);
-
-                if (nextResource === currentResource) {
-                  workInProgress.flags &= ~MaySuspendCommit;
-                } else {
-                  preloadResourceAndSuspendIfNeeded(
-                    workInProgress,
-                    nextResource
-                  );
-                }
-
-                return null;
-              } else {
-                // This is a Hoistable Instance
-                // We may have props to update on the Hoistable instance.
-                {
-                  var oldProps = current.memoizedProps;
-
-                  if (oldProps !== newProps) {
-                    markUpdate(workInProgress);
-                  }
-                } // This must come at the very end of the complete phase.
-
-                bubbleProperties(workInProgress);
-                preloadInstanceAndSuspendIfNeeded(workInProgress);
-                return null;
-              }
-            }
-          } // Fall through
-        }
-
-        case HostSingleton: {
-          {
-            popHostContext(workInProgress);
-            var rootContainerInstance = getRootHostContainer();
-            var _type = workInProgress.type;
-
-            if (current !== null && workInProgress.stateNode != null) {
-              {
-                var _oldProps2 = current.memoizedProps;
-
-                if (_oldProps2 !== newProps) {
-                  markUpdate(workInProgress);
-                }
-              }
-            } else {
-              if (!newProps) {
-                if (workInProgress.stateNode === null) {
-                  throw new Error(
-                    "We must have new props for new mounts. This error is likely " +
-                      "caused by a bug in React. Please file an issue."
-                  );
-                } // This can happen when we abort work.
-
-                bubbleProperties(workInProgress);
-                return null;
-              }
-
-              var currentHostContext = getHostContext();
-
-              var _wasHydrated = popHydrationState(workInProgress);
-
-              var instance;
-
-              if (_wasHydrated) {
-                // We ignore the boolean indicating there is an updateQueue because
-                // it is used only to set text children and HostSingletons do not
-                // use them.
-                prepareToHydrateHostInstance(
-                  workInProgress,
-                  currentHostContext
-                );
-                instance = workInProgress.stateNode;
-              } else {
-                instance = resolveSingletonInstance(
-                  _type,
-                  newProps,
-                  rootContainerInstance,
-                  currentHostContext,
-                  true
-                );
-                workInProgress.stateNode = instance;
-                markUpdate(workInProgress);
-              }
-            }
-
-            bubbleProperties(workInProgress);
-            return null;
-          } // Fall through
-        }
-
-        case HostComponent: {
-          popHostContext(workInProgress);
-          var _type2 = workInProgress.type;
-
-          if (current !== null && workInProgress.stateNode != null) {
-            updateHostComponent(current, workInProgress, _type2, newProps);
-          } else {
-            if (!newProps) {
-              if (workInProgress.stateNode === null) {
-                throw new Error(
-                  "We must have new props for new mounts. This error is likely " +
-                    "caused by a bug in React. Please file an issue."
-                );
-              } // This can happen when we abort work.
-
-              bubbleProperties(workInProgress);
-              return null;
-            }
-
-            var _currentHostContext = getHostContext(); // TODO: Move createInstance to beginWork and keep it on a context
-            // "stack" as the parent. Then append children as we go in beginWork
-            // or completeWork depending on whether we want to add them top->down or
-            // bottom->up. Top->down is faster in IE11.
-
-            var _wasHydrated2 = popHydrationState(workInProgress);
-
-            if (_wasHydrated2) {
-              // TODO: Move this and createInstance step into the beginPhase
-              // to consolidate.
-              prepareToHydrateHostInstance(workInProgress, _currentHostContext);
-            } else {
-              var _rootContainerInstance = getRootHostContainer();
-
-              var _instance3 = createInstance(
-                _type2,
-                newProps,
-                _rootContainerInstance,
-                _currentHostContext,
-                workInProgress
-              ); // TODO: For persistent renderers, we should pass children as part
-              // of the initial instance creation
-
-              appendAllChildren(_instance3, workInProgress);
-              workInProgress.stateNode = _instance3; // Certain renderers require commit-time effects for initial mount.
-              // (eg DOM renderer supports auto-focus for certain elements).
-              // Make sure such renderers get scheduled for later work.
-
-              if (finalizeInitialChildren(_instance3, _type2, newProps)) {
-                markUpdate(workInProgress);
-              }
-            }
-          }
-
-          bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
-          // throw to suspend, and if the resource immediately loads, the work loop
-          // will resume rendering as if the work-in-progress completed. So it must
-          // fully complete.
-
-          preloadInstanceAndSuspendIfNeeded(workInProgress);
-          return null;
-        }
-
-        case HostText: {
-          var newText = newProps;
-
-          if (current && workInProgress.stateNode != null) {
-            var oldText = current.memoizedProps; // If we have an alternate, that means this is an update and we need
-            // to schedule a side-effect to do the updates.
-
-            updateHostText(current, workInProgress, oldText, newText);
-          } else {
-            if (typeof newText !== "string") {
-              if (workInProgress.stateNode === null) {
-                throw new Error(
-                  "We must have new props for new mounts. This error is likely " +
-                    "caused by a bug in React. Please file an issue."
-                );
-              } // This can happen when we abort work.
-            }
-
-            var _rootContainerInstance2 = getRootHostContainer();
-
-            var _currentHostContext2 = getHostContext();
-
-            var _wasHydrated3 = popHydrationState(workInProgress);
-
-            if (_wasHydrated3) {
-              prepareToHydrateHostTextInstance(workInProgress);
-            } else {
-              workInProgress.stateNode = createTextInstance(
-                newText,
-                _rootContainerInstance2,
-                _currentHostContext2,
-                workInProgress
-              );
-            }
-          }
-
-          bubbleProperties(workInProgress);
-          return null;
-        }
-
-        case SuspenseComponent: {
-          var nextState = workInProgress.memoizedState; // Special path for dehydrated boundaries. We may eventually move this
-          // to its own fiber type so that we can add other kinds of hydration
-          // boundaries that aren't associated with a Suspense tree. In anticipation
-          // of such a refactor, all the hydration logic is contained in
-          // this branch.
-
-          if (
-            current === null ||
-            (current.memoizedState !== null &&
-              current.memoizedState.dehydrated !== null)
-          ) {
-            var fallthroughToNormalSuspensePath =
-              completeDehydratedSuspenseBoundary(
-                current,
-                workInProgress,
-                nextState
-              );
-
-            if (!fallthroughToNormalSuspensePath) {
-              if (workInProgress.flags & ForceClientRender) {
-                popSuspenseHandler(workInProgress); // Special case. There were remaining unhydrated nodes. We treat
-                // this as a mismatch. Revert to client rendering.
-
-                return workInProgress;
-              } else {
-                popSuspenseHandler(workInProgress); // Did not finish hydrating, either because this is the initial
-                // render or because something suspended.
-
-                return null;
-              }
-            } // Continue with the normal Suspense path.
-          }
-
-          popSuspenseHandler(workInProgress);
-
-          if ((workInProgress.flags & DidCapture) !== NoFlags$1) {
-            // Something suspended. Re-render with the fallback children.
-            workInProgress.lanes = renderLanes; // Do not reset the effect list.
-
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              transferActualDuration(workInProgress);
-            } // Don't bubble properties in this case.
-
-            return workInProgress;
-          }
-
-          var nextDidTimeout = nextState !== null;
-          var prevDidTimeout =
-            current !== null && current.memoizedState !== null;
-
-          if (nextDidTimeout) {
-            var offscreenFiber = workInProgress.child;
-            var _previousCache = null;
-
-            if (
-              offscreenFiber.alternate !== null &&
-              offscreenFiber.alternate.memoizedState !== null &&
-              offscreenFiber.alternate.memoizedState.cachePool !== null
-            ) {
-              _previousCache =
-                offscreenFiber.alternate.memoizedState.cachePool.pool;
-            }
-
-            var _cache = null;
-
-            if (
-              offscreenFiber.memoizedState !== null &&
-              offscreenFiber.memoizedState.cachePool !== null
-            ) {
-              _cache = offscreenFiber.memoizedState.cachePool.pool;
-            }
-
-            if (_cache !== _previousCache) {
-              // Run passive effects to retain/release the cache.
-              offscreenFiber.flags |= Passive$1;
-            }
-          } // If the suspended state of the boundary changes, we need to schedule
-          // a passive effect, which is when we process the transitions
-
-          if (nextDidTimeout !== prevDidTimeout) {
-            if (enableTransitionTracing) {
-              var _offscreenFiber = workInProgress.child;
-              _offscreenFiber.flags |= Passive$1;
-            } // If the suspended state of the boundary changes, we need to schedule
-            // an effect to toggle the subtree's visibility. When we switch from
-            // fallback -> primary, the inner Offscreen fiber schedules this effect
-            // as part of its normal complete phase. But when we switch from
-            // primary -> fallback, the inner Offscreen fiber does not have a complete
-            // phase. So we need to schedule its effect here.
-            //
-            // We also use this flag to connect/disconnect the effects, but the same
-            // logic applies: when re-connecting, the Offscreen fiber's complete
-            // phase will handle scheduling the effect. It's only when the fallback
-            // is active that we have to do anything special.
-
-            if (nextDidTimeout) {
-              var _offscreenFiber2 = workInProgress.child;
-              _offscreenFiber2.flags |= Visibility;
-            }
-          }
-
-          var retryQueue = workInProgress.updateQueue;
-          scheduleRetryEffect(workInProgress, retryQueue);
-
-          if (
-            workInProgress.updateQueue !== null &&
-            workInProgress.memoizedProps.suspenseCallback != null
-          ) {
-            // Always notify the callback
-            // TODO: Move to passive phase
-            workInProgress.flags |= Update;
-          }
-
-          bubbleProperties(workInProgress);
-
-          {
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              if (nextDidTimeout) {
-                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
-                var primaryChildFragment = workInProgress.child;
-
-                if (primaryChildFragment !== null) {
-                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
-                  workInProgress.treeBaseDuration -=
-                    primaryChildFragment.treeBaseDuration;
-                }
-              }
-            }
-          }
-
-          return null;
-        }
-
-        case HostPortal:
-          popHostContainer(workInProgress);
-
-          if (current === null) {
-            preparePortalMount(workInProgress.stateNode.containerInfo);
-          }
-
-          bubbleProperties(workInProgress);
-          return null;
-
-        case ContextProvider:
-          // Pop provider fiber
-          var context;
-
-          if (enableRenderableContext) {
-            context = workInProgress.type;
-          } else {
-            context = workInProgress.type._context;
-          }
-
-          popProvider(context, workInProgress);
-          bubbleProperties(workInProgress);
-          return null;
-
-        case IncompleteClassComponent: {
-          {
-            break;
-          } // Same as class component case. I put it down here so that the tags are
-        }
-
-        case SuspenseListComponent: {
-          popSuspenseListContext(workInProgress);
-          var renderState = workInProgress.memoizedState;
-
-          if (renderState === null) {
-            // We're running in the default, "independent" mode.
-            // We don't do anything in this mode.
-            bubbleProperties(workInProgress);
-            return null;
-          }
-
-          var didSuspendAlready =
-            (workInProgress.flags & DidCapture) !== NoFlags$1;
-          var renderedTail = renderState.rendering;
-
-          if (renderedTail === null) {
-            // We just rendered the head.
-            if (!didSuspendAlready) {
-              // This is the first pass. We need to figure out if anything is still
-              // suspended in the rendered set.
-              // If new content unsuspended, but there's still some content that
-              // didn't. Then we need to do a second pass that forces everything
-              // to keep showing their fallbacks.
-              // We might be suspended if something in this render pass suspended, or
-              // something in the previous committed pass suspended. Otherwise,
-              // there's no chance so we can skip the expensive call to
-              // findFirstSuspended.
-              var cannotBeSuspended =
-                renderHasNotSuspendedYet() &&
-                (current === null ||
-                  (current.flags & DidCapture) === NoFlags$1);
-
-              if (!cannotBeSuspended) {
-                var row = workInProgress.child;
-
-                while (row !== null) {
-                  var suspended = findFirstSuspended(row);
-
-                  if (suspended !== null) {
-                    didSuspendAlready = true;
-                    workInProgress.flags |= DidCapture;
-                    cutOffTailIfNeeded(renderState, false); // If this is a newly suspended tree, it might not get committed as
-                    // part of the second pass. In that case nothing will subscribe to
-                    // its thenables. Instead, we'll transfer its thenables to the
-                    // SuspenseList so that it can retry if they resolve.
-                    // There might be multiple of these in the list but since we're
-                    // going to wait for all of them anyway, it doesn't really matter
-                    // which ones gets to ping. In theory we could get clever and keep
-                    // track of how many dependencies remain but it gets tricky because
-                    // in the meantime, we can add/remove/change items and dependencies.
-                    // We might bail out of the loop before finding any but that
-                    // doesn't matter since that means that the other boundaries that
-                    // we did find already has their listeners attached.
-
-                    var _retryQueue = suspended.updateQueue;
-                    workInProgress.updateQueue = _retryQueue;
-                    scheduleRetryEffect(workInProgress, _retryQueue); // Rerender the whole list, but this time, we'll force fallbacks
-                    // to stay in place.
-                    // Reset the effect flags before doing the second pass since that's now invalid.
-                    // Reset the child fibers to their original state.
-
-                    workInProgress.subtreeFlags = NoFlags$1;
-                    resetChildFibers(workInProgress, renderLanes); // Set up the Suspense List Context to force suspense and
-                    // immediately rerender the children.
-
-                    pushSuspenseListContext(
-                      workInProgress,
-                      setShallowSuspenseListContext(
-                        suspenseStackCursor.current,
-                        ForceSuspenseFallback
-                      )
-                    ); // Don't bubble properties in this case.
-
-                    return workInProgress.child;
-                  }
-
-                  row = row.sibling;
-                }
-              }
-
-              if (
-                renderState.tail !== null &&
-                now$1() > getRenderTargetTime()
-              ) {
-                // We have already passed our CPU deadline but we still have rows
-                // left in the tail. We'll just give up further attempts to render
-                // the main content and only render fallbacks.
-                workInProgress.flags |= DidCapture;
-                didSuspendAlready = true;
-                cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
-                // to get it started back up to attempt the next item. While in terms
-                // of priority this work has the same priority as this current render,
-                // it's not part of the same transition once the transition has
-                // committed. If it's sync, we still want to yield so that it can be
-                // painted. Conceptually, this is really the same as pinging.
-                // We can use any RetryLane even if it's the one currently rendering
-                // since we're leaving it behind on this node.
-
-                workInProgress.lanes = SomeRetryLane;
-              }
-            } else {
-              cutOffTailIfNeeded(renderState, false);
-            } // Next we're going to render the tail.
-          } else {
-            // Append the rendered row to the child list.
-            if (!didSuspendAlready) {
-              var _suspended = findFirstSuspended(renderedTail);
-
-              if (_suspended !== null) {
-                workInProgress.flags |= DidCapture;
-                didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
-                // get lost if this row ends up dropped during a second pass.
-
-                var _retryQueue2 = _suspended.updateQueue;
-                workInProgress.updateQueue = _retryQueue2;
-                scheduleRetryEffect(workInProgress, _retryQueue2);
-                cutOffTailIfNeeded(renderState, true); // This might have been modified.
-
-                if (
-                  renderState.tail === null &&
-                  renderState.tailMode === "hidden" &&
-                  !renderedTail.alternate &&
-                  !getIsHydrating() // We don't cut it if we're hydrating.
-                ) {
-                  // We're done.
-                  bubbleProperties(workInProgress);
-                  return null;
-                }
-              } else if (
-                // The time it took to render last row is greater than the remaining
-                // time we have to render. So rendering one more row would likely
-                // exceed it.
-                now$1() * 2 - renderState.renderingStartTime >
-                  getRenderTargetTime() &&
-                renderLanes !== OffscreenLane
-              ) {
-                // We have now passed our CPU deadline and we'll just give up further
-                // attempts to render the main content and only render fallbacks.
-                // The assumption is that this is usually faster.
-                workInProgress.flags |= DidCapture;
-                didSuspendAlready = true;
-                cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
-                // to get it started back up to attempt the next item. While in terms
-                // of priority this work has the same priority as this current render,
-                // it's not part of the same transition once the transition has
-                // committed. If it's sync, we still want to yield so that it can be
-                // painted. Conceptually, this is really the same as pinging.
-                // We can use any RetryLane even if it's the one currently rendering
-                // since we're leaving it behind on this node.
-
-                workInProgress.lanes = SomeRetryLane;
-              }
-            }
-
-            if (renderState.isBackwards) {
-              // The effect list of the backwards tail will have been added
-              // to the end. This breaks the guarantee that life-cycles fire in
-              // sibling order but that isn't a strong guarantee promised by React.
-              // Especially since these might also just pop in during future commits.
-              // Append to the beginning of the list.
-              renderedTail.sibling = workInProgress.child;
-              workInProgress.child = renderedTail;
-            } else {
-              var previousSibling = renderState.last;
-
-              if (previousSibling !== null) {
-                previousSibling.sibling = renderedTail;
-              } else {
-                workInProgress.child = renderedTail;
-              }
-
-              renderState.last = renderedTail;
-            }
-          }
-
-          if (renderState.tail !== null) {
-            // We still have tail rows to render.
-            // Pop a row.
-            var next = renderState.tail;
-            renderState.rendering = next;
-            renderState.tail = next.sibling;
-            renderState.renderingStartTime = now$1();
-            next.sibling = null; // Restore the context.
-            // TODO: We can probably just avoid popping it instead and only
-            // setting it the first time we go from not suspended to suspended.
-
-            var suspenseContext = suspenseStackCursor.current;
-
-            if (didSuspendAlready) {
-              suspenseContext = setShallowSuspenseListContext(
-                suspenseContext,
-                ForceSuspenseFallback
-              );
-            } else {
-              suspenseContext =
-                setDefaultShallowSuspenseListContext(suspenseContext);
-            }
-
-            pushSuspenseListContext(workInProgress, suspenseContext); // Do a pass over the next row.
-            // Don't bubble properties in this case.
-
-            return next;
-          }
-
-          bubbleProperties(workInProgress);
-          return null;
-        }
-
-        case ScopeComponent: {
-          {
-            if (current === null) {
-              var scopeInstance = createScopeInstance();
-              workInProgress.stateNode = scopeInstance;
-              prepareScopeUpdate(scopeInstance, workInProgress);
-
-              if (workInProgress.ref !== null) {
-                // Scope components always do work in the commit phase if there's a
-                // ref attached.
-                markUpdate(workInProgress);
-              }
-            } else {
-              if (workInProgress.ref !== null) {
-                // Scope components always do work in the commit phase if there's a
-                // ref attached.
-                markUpdate(workInProgress);
-              }
-            }
-
-            bubbleProperties(workInProgress);
-            return null;
-          }
-        }
-
-        case OffscreenComponent:
-        case LegacyHiddenComponent: {
-          popSuspenseHandler(workInProgress);
-          popHiddenContext(workInProgress);
-          var _nextState = workInProgress.memoizedState;
-          var nextIsHidden = _nextState !== null; // Schedule a Visibility effect if the visibility has changed
-
-          if (workInProgress.tag === LegacyHiddenComponent);
-          else {
-            if (current !== null) {
-              var _prevState = current.memoizedState;
-              var prevIsHidden = _prevState !== null;
-
-              if (prevIsHidden !== nextIsHidden) {
-                workInProgress.flags |= Visibility;
-              }
-            } else {
-              // On initial mount, we only need a Visibility effect if the tree
-              // is hidden.
-              if (nextIsHidden) {
-                workInProgress.flags |= Visibility;
-              }
-            }
-          }
-
-          if (!nextIsHidden || !disableLegacyMode) {
-            bubbleProperties(workInProgress);
-          } else {
-            // Don't bubble properties for hidden children unless we're rendering
-            // at offscreen priority.
-            if (
-              includesSomeLane(renderLanes, OffscreenLane) && // Also don't bubble if the tree suspended
-              (workInProgress.flags & DidCapture) === NoLanes
-            ) {
-              bubbleProperties(workInProgress); // Check if there was an insertion or update in the hidden subtree.
-              // If so, we need to hide those nodes in the commit phase, so
-              // schedule a visibility effect.
-
-              if (
-                workInProgress.tag !== LegacyHiddenComponent &&
-                workInProgress.subtreeFlags & (Placement | Update)
-              ) {
-                workInProgress.flags |= Visibility;
-              }
-            }
-          }
-
-          var offscreenQueue = workInProgress.updateQueue;
-
-          if (offscreenQueue !== null) {
-            var _retryQueue3 = offscreenQueue.retryQueue;
-            scheduleRetryEffect(workInProgress, _retryQueue3);
-          }
-
-          {
-            var _previousCache2 = null;
-
-            if (
-              current !== null &&
-              current.memoizedState !== null &&
-              current.memoizedState.cachePool !== null
-            ) {
-              _previousCache2 = current.memoizedState.cachePool.pool;
-            }
-
-            var _cache2 = null;
-
-            if (
-              workInProgress.memoizedState !== null &&
-              workInProgress.memoizedState.cachePool !== null
-            ) {
-              _cache2 = workInProgress.memoizedState.cachePool.pool;
-            }
-
-            if (_cache2 !== _previousCache2) {
-              // Run passive effects to retain/release the cache.
-              workInProgress.flags |= Passive$1;
-            }
-          }
-
-          popTransition(workInProgress, current);
-          return null;
-        }
-
-        case CacheComponent: {
-          {
-            var _previousCache3 = null;
-
-            if (current !== null) {
-              _previousCache3 = current.memoizedState.cache;
-            }
-
-            var _cache3 = workInProgress.memoizedState.cache;
-
-            if (_cache3 !== _previousCache3) {
-              // Run passive effects to retain/release the cache.
-              workInProgress.flags |= Passive$1;
-            }
-
-            popCacheProvider(workInProgress);
-            bubbleProperties(workInProgress);
-          }
-
-          return null;
-        }
-
-        case TracingMarkerComponent: {
-          if (enableTransitionTracing) {
-            var _instance4 = workInProgress.stateNode;
-
-            if (_instance4 !== null) {
-              popMarkerInstance(workInProgress);
-            }
-
-            bubbleProperties(workInProgress);
-          }
-
-          return null;
-        }
-      }
-
-      throw new Error(
-        "Unknown unit of work tag (" +
-          workInProgress.tag +
-          "). This error is likely caused by a bug in " +
-          "React. Please file an issue."
-      );
-    }
-
-    function unwindWork(current, workInProgress, renderLanes) {
-      // Note: This intentionally doesn't check if we're hydrating because comparing
-      // to the current tree provider fiber is just as fast and less error-prone.
-      // Ideally we would have a special version of the work loop only
-      // for hydration.
-      popTreeContext(workInProgress);
-
-      switch (workInProgress.tag) {
-        case ClassComponent: {
-          var flags = workInProgress.flags;
-
-          if (flags & ShouldCapture) {
-            workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;
-
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              transferActualDuration(workInProgress);
-            }
-
-            return workInProgress;
-          }
-
-          return null;
-        }
-
-        case HostRoot: {
-          {
-            popCacheProvider(workInProgress);
-          }
-
-          if (enableTransitionTracing) {
-            popRootMarkerInstance(workInProgress);
-          }
-
-          popRootTransition(workInProgress);
-          popHostContainer(workInProgress);
-          var _flags = workInProgress.flags;
-
-          if (
-            (_flags & ShouldCapture) !== NoFlags$1 &&
-            (_flags & DidCapture) === NoFlags$1
-          ) {
-            // There was an error during render that wasn't captured by a suspense
-            // boundary. Do a second pass on the root to unmount the children.
-            workInProgress.flags = (_flags & ~ShouldCapture) | DidCapture;
-            return workInProgress;
-          } // We unwound to the root without completing it. Exit.
-
-          return null;
-        }
-
-        case HostHoistable:
-        case HostSingleton:
-        case HostComponent: {
-          // TODO: popHydrationState
-          popHostContext(workInProgress);
-          return null;
-        }
-
-        case SuspenseComponent: {
-          popSuspenseHandler(workInProgress);
-          var suspenseState = workInProgress.memoizedState;
-
-          if (suspenseState !== null && suspenseState.dehydrated !== null) {
-            if (workInProgress.alternate === null) {
-              throw new Error(
-                "Threw in newly mounted dehydrated component. This is likely a bug in " +
-                  "React. Please file an issue."
-              );
-            }
-
-            resetHydrationState();
-          }
-
-          var _flags2 = workInProgress.flags;
-
-          if (_flags2 & ShouldCapture) {
-            workInProgress.flags = (_flags2 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
-
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              transferActualDuration(workInProgress);
-            }
-
-            return workInProgress;
-          }
-
-          return null;
-        }
-
-        case SuspenseListComponent: {
-          popSuspenseListContext(workInProgress); // SuspenseList doesn't actually catch anything. It should've been
-          // caught by a nested boundary. If not, it should bubble through.
-
-          return null;
-        }
-
-        case HostPortal:
-          popHostContainer(workInProgress);
-          return null;
-
-        case ContextProvider:
-          var context;
-
-          if (enableRenderableContext) {
-            context = workInProgress.type;
-          } else {
-            context = workInProgress.type._context;
-          }
-
-          popProvider(context, workInProgress);
-          return null;
-
-        case OffscreenComponent:
-        case LegacyHiddenComponent: {
-          popSuspenseHandler(workInProgress);
-          popHiddenContext(workInProgress);
-          popTransition(workInProgress, current);
-          var _flags3 = workInProgress.flags;
-
-          if (_flags3 & ShouldCapture) {
-            workInProgress.flags = (_flags3 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
-
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              transferActualDuration(workInProgress);
-            }
-
-            return workInProgress;
-          }
-
-          return null;
-        }
-
-        case CacheComponent:
-          {
-            popCacheProvider(workInProgress);
-          }
-
-          return null;
-
-        case TracingMarkerComponent:
-          if (enableTransitionTracing) {
-            if (workInProgress.stateNode !== null) {
-              popMarkerInstance(workInProgress);
-            }
-          }
-
-          return null;
-
-        default:
-          return null;
-      }
-    }
-
-    function unwindInterruptedWork(current, interruptedWork, renderLanes) {
-      // Note: This intentionally doesn't check if we're hydrating because comparing
-      // to the current tree provider fiber is just as fast and less error-prone.
-      // Ideally we would have a special version of the work loop only
-      // for hydration.
-      popTreeContext(interruptedWork);
-
-      switch (interruptedWork.tag) {
-        case ClassComponent: {
-          break;
-        }
-
-        case HostRoot: {
-          {
-            popCacheProvider(interruptedWork);
-          }
-
-          if (enableTransitionTracing) {
-            popRootMarkerInstance(interruptedWork);
-          }
-
-          popRootTransition(interruptedWork);
-          popHostContainer(interruptedWork);
-          break;
-        }
-
-        case HostHoistable:
-        case HostSingleton:
-        case HostComponent: {
-          popHostContext(interruptedWork);
-          break;
-        }
-
-        case HostPortal:
-          popHostContainer(interruptedWork);
-          break;
-
-        case SuspenseComponent:
-          popSuspenseHandler(interruptedWork);
-          break;
-
-        case SuspenseListComponent:
-          popSuspenseListContext(interruptedWork);
-          break;
-
-        case ContextProvider:
-          var context;
-
-          if (enableRenderableContext) {
-            context = interruptedWork.type;
-          } else {
-            context = interruptedWork.type._context;
-          }
-
-          popProvider(context, interruptedWork);
-          break;
-
-        case OffscreenComponent:
-        case LegacyHiddenComponent:
-          popSuspenseHandler(interruptedWork);
-          popHiddenContext(interruptedWork);
-          popTransition(interruptedWork, current);
-          break;
-
-        case CacheComponent:
-          {
-            popCacheProvider(interruptedWork);
-          }
-
-          break;
-
-        case TracingMarkerComponent:
-          if (enableTransitionTracing) {
-            var instance = interruptedWork.stateNode;
-
-            if (instance !== null) {
-              popMarkerInstance(interruptedWork);
-            }
-          }
-
-          break;
-      }
-    }
-
     function getCacheForType(resourceType) {
       var cache = readContext(CacheContext);
       var cacheForType = cache.data.get(resourceType);
@@ -39047,6 +40921,7 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
     function isConcurrentActEnvironment() {
       {
         var isReactActEnvironmentGlobal = // $FlowFixMe[cannot-resolve-name] Flow doesn't know about IS_REACT_ACT_ENVIRONMENT global
@@ -39056,7 +40931,7 @@ if (__DEV__) {
 
         if (
           !isReactActEnvironmentGlobal &&
-          ReactSharedInternals.actQueue !== null
+          ReactCurrentActQueue$1.current !== null
         ) {
           // TODO: Include link to relevant documentation page.
           error(
@@ -39088,9 +40963,17 @@ if (__DEV__) {
     }
 
     var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+      ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+      ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
+      ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue;
     var NoContext =
       /*             */
       0;
+    var BatchedContext =
+      /*               */
+      1;
     var RenderContext =
       /*         */
       2;
@@ -39381,11 +41264,13 @@ if (__DEV__) {
 
       if (transition !== null) {
         {
-          if (!transition._updatedFibers) {
-            transition._updatedFibers = new Set();
+          var batchConfigTransition = ReactCurrentBatchConfig$1.transition;
+
+          if (!batchConfigTransition._updatedFibers) {
+            batchConfigTransition._updatedFibers = new Set();
           }
 
-          transition._updatedFibers.add(fiber);
+          batchConfigTransition._updatedFibers.add(fiber);
         }
 
         var actionScopeLane = peekEntangledActionLane();
@@ -39394,9 +41279,26 @@ if (__DEV__) {
           : // is the first update in that scope. Either way, we need to get a
             // fresh transition lane.
             requestTransitionLane();
-      }
+      } // Updates originating inside certain React methods, like flushSync, have
+      // their priority set by tracking it with a context variable.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
 
-      return eventPriorityToLane(resolveUpdatePriority());
+      var updateLane = getCurrentUpdatePriority();
+
+      if (updateLane !== NoLane) {
+        return updateLane;
+      } // This update originated outside React. Ask the host environment for an
+      // appropriate priority, based on the type of event.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
+
+      var eventLane = getCurrentEventPriority();
+      return eventLane;
     }
 
     function requestRetryLane(fiber) {
@@ -39497,13 +41399,12 @@ if (__DEV__) {
         warnIfUpdatesNotWrappedWithActDEV(fiber);
 
         if (enableTransitionTracing) {
-          var transition = ReactSharedInternals.T;
+          var transition = ReactCurrentBatchConfig$1.transition;
 
           if (transition !== null && transition.name != null) {
             if (transition.startTime === -1) {
               transition.startTime = now$1();
-            } // $FlowFixMe[prop-missing]: The BatchConfigTransition and Transition types are incompatible but was previously untyped and thus uncaught
-            // $FlowFixMe[incompatible-call]: "
+            }
 
             addTransitionToLanesMap(root, transition, lane);
           }
@@ -39542,7 +41443,7 @@ if (__DEV__) {
           !disableLegacyMode &&
           (fiber.mode & ConcurrentMode) === NoMode
         ) {
-          if (ReactSharedInternals.isBatchingLegacy);
+          if (ReactCurrentActQueue.isBatchingLegacy);
           else {
             // Flush the synchronous work now, unless we're already working or inside
             // a batch. This is intentionally inside scheduleUpdateOnFiber instead of
@@ -39658,31 +41559,20 @@ if (__DEV__) {
             } // Check if something threw
 
             if (exitStatus === RootErrored) {
-              var lanesThatJustErrored = lanes;
+              var originallyAttemptedLanes = lanes;
               var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
                 root,
-                lanesThatJustErrored
+                originallyAttemptedLanes
               );
 
               if (errorRetryLanes !== NoLanes) {
                 lanes = errorRetryLanes;
                 exitStatus = recoverFromConcurrentError(
                   root,
-                  lanesThatJustErrored,
+                  originallyAttemptedLanes,
                   errorRetryLanes
                 );
-                renderWasConcurrent = false; // Need to check the exit status again.
-
-                if (exitStatus !== RootErrored) {
-                  // The root did not error this time. Restart the exit algorithm
-                  // from the beginning.
-                  // TODO: Refactor the exit algorithm to be less confusing. Maybe
-                  // more branches + recursion instead of a loop. I think the only
-                  // thing that causes it to be a loop is the RootDidNotComplete
-                  // check. If that's true, then we don't need a loop/recursion
-                  // at all.
-                  continue;
-                }
+                renderWasConcurrent = false;
               }
             }
 
@@ -40166,15 +42056,51 @@ if (__DEV__) {
         return fn(a);
       }
     }
-    // Returns whether the the call was during a render or not
+    // Warning, this opts-out of checking the function body.
+    // eslint-disable-next-line no-unused-vars
+    // eslint-disable-next-line no-redeclare
+    // eslint-disable-next-line no-redeclare
 
-    function flushSyncWork$1() {
-      if ((executionContext & (RenderContext | CommitContext)) === NoContext) {
-        flushSyncWorkOnAllRoots();
-        return false;
+    function flushSync$1(fn) {
+      // In legacy mode, we flush pending passive effects at the beginning of the
+      // next event, not at the end of the previous one.
+      if (
+        rootWithPendingPassiveEffects !== null &&
+        !disableLegacyMode &&
+        rootWithPendingPassiveEffects.tag === LegacyRoot &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        flushPassiveEffects();
       }
 
-      return true;
+      var prevExecutionContext = executionContext;
+      executionContext |= BatchedContext;
+      var prevTransition = ReactCurrentBatchConfig$1.transition;
+      var previousPriority = getCurrentUpdatePriority();
+
+      try {
+        ReactCurrentBatchConfig$1.transition = null;
+        setCurrentUpdatePriority(DiscreteEventPriority);
+
+        if (fn) {
+          return fn();
+        } else {
+          return undefined;
+        }
+      } finally {
+        setCurrentUpdatePriority(previousPriority);
+        ReactCurrentBatchConfig$1.transition = prevTransition;
+        executionContext = prevExecutionContext; // Flush the immediate callbacks that were scheduled during this batch.
+        // Note that this will happen even if batchedUpdates is higher up
+        // the stack.
+
+        if (
+          (executionContext & (RenderContext | CommitContext)) ===
+          NoContext
+        ) {
+          flushSyncWorkOnAllRoots();
+        }
+      }
     }
     function isAlreadyRendering() {
       // Used by the renderer to print a warning if certain APIs are called from
@@ -40297,10 +42223,7 @@ if (__DEV__) {
       // when React is executing user code.
       resetHooksAfterThrow();
       resetCurrentFiber();
-
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
 
       if (thrownValue === SuspenseException) {
         // This is a special type of exception used for Suspense. For historical
@@ -40452,8 +42375,8 @@ if (__DEV__) {
     }
 
     function pushDispatcher(container) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
       if (prevDispatcher === null) {
         // The React isomorphic package does not include a default dispatcher.
@@ -40466,20 +42389,20 @@ if (__DEV__) {
     }
 
     function popDispatcher(prevDispatcher) {
-      ReactSharedInternals.H = prevDispatcher;
+      ReactCurrentDispatcher.current = prevDispatcher;
     }
 
     function pushCacheDispatcher() {
       {
-        var prevCacheDispatcher = ReactSharedInternals.C;
-        ReactSharedInternals.C = DefaultCacheDispatcher;
+        var prevCacheDispatcher = ReactCurrentCache.current;
+        ReactCurrentCache.current = DefaultCacheDispatcher;
         return prevCacheDispatcher;
       }
     }
 
     function popCacheDispatcher(prevCacheDispatcher) {
       {
-        ReactSharedInternals.C = prevCacheDispatcher;
+        ReactCurrentCache.current = prevCacheDispatcher;
       }
     }
 
@@ -40906,7 +42829,7 @@ if (__DEV__) {
             }
           }
 
-          if (true && ReactSharedInternals.actQueue !== null) {
+          if (true && ReactCurrentActQueue.current !== null) {
             // `act` special case: If we're inside an `act` scope, don't consult
             // `shouldYield`. Always keep working until the render is complete.
             // This is not just an optimization: in a unit test environment, we
@@ -40991,9 +42914,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
     }
 
     function replaySuspendedUnitOfWork(unitOfWork) {
@@ -41112,9 +43033,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
     }
 
     function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
@@ -41324,12 +43243,12 @@ if (__DEV__) {
     ) {
       // TODO: This no longer makes any sense. We already wrap the mutation and
       // layout phases. Should be able to remove.
-      var prevTransition = ReactSharedInternals.T;
       var previousUpdateLanePriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig$1.transition;
 
       try {
+        ReactCurrentBatchConfig$1.transition = null;
         setCurrentUpdatePriority(DiscreteEventPriority);
-        ReactSharedInternals.T = null;
         commitRootImpl(
           root,
           recoverableErrors,
@@ -41339,7 +43258,7 @@ if (__DEV__) {
           spawnedLane
         );
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$1.transition = prevTransition;
         setCurrentUpdatePriority(previousUpdateLanePriority);
       }
 
@@ -41483,16 +43402,14 @@ if (__DEV__) {
         NoFlags$1;
 
       if (subtreeHasEffects || rootHasEffect) {
-        var prevTransition = ReactSharedInternals.T;
-        ReactSharedInternals.T = null;
+        var prevTransition = ReactCurrentBatchConfig$1.transition;
+        ReactCurrentBatchConfig$1.transition = null;
         var previousPriority = getCurrentUpdatePriority();
         setCurrentUpdatePriority(DiscreteEventPriority);
         var prevExecutionContext = executionContext;
         executionContext |= CommitContext; // Reset this to null before calling lifecycles
 
-        {
-          ReactSharedInternals.owner = null;
-        } // The commit phase is broken into several sub-phases. We do a separate pass
+        ReactCurrentOwner.current = null; // The commit phase is broken into several sub-phases. We do a separate pass
         // of the effect list for each phase: all mutation effects come before all
         // layout effects, and so on.
         // The first phase a "before mutation" phase. We use this phase to read the
@@ -41554,7 +43471,7 @@ if (__DEV__) {
         executionContext = prevExecutionContext; // Reset the priority to the previous non-sync value.
 
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$1.transition = prevTransition;
       } else {
         // No effects.
         root.current = finishedWork; // Measure these anyway so the flamegraph explicitly shows that there were
@@ -41778,16 +43695,16 @@ if (__DEV__) {
         pendingPassiveEffectsRemainingLanes = NoLanes;
         var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
         var priority = lowerEventPriority(DefaultEventPriority, renderPriority);
-        var prevTransition = ReactSharedInternals.T;
+        var prevTransition = ReactCurrentBatchConfig$1.transition;
         var previousPriority = getCurrentUpdatePriority();
 
         try {
+          ReactCurrentBatchConfig$1.transition = null;
           setCurrentUpdatePriority(priority);
-          ReactSharedInternals.T = null;
           return flushPassiveEffectsImpl();
         } finally {
           setCurrentUpdatePriority(previousPriority);
-          ReactSharedInternals.T = prevTransition; // Once passive effects have run for the tree - giving components a
+          ReactCurrentBatchConfig$1.transition = prevTransition; // Once passive effects have run for the tree - giving components a
           // chance to retain cache instances they use - release the pooled
           // cache at the root (if there is one)
 
@@ -42478,7 +44395,7 @@ if (__DEV__) {
       {
         // If we're currently inside an `act` scope, bypass Scheduler and push to
         // the `act` queue instead.
-        var actQueue = ReactSharedInternals.actQueue;
+        var actQueue = ReactCurrentActQueue.current;
 
         if (actQueue !== null) {
           actQueue.push(callback);
@@ -42491,7 +44408,7 @@ if (__DEV__) {
 
     function shouldForceFlushFallbacksInDEV() {
       // Never force flush in production. This function should get stripped out.
-      return ReactSharedInternals.actQueue !== null;
+      return ReactCurrentActQueue.current !== null;
     }
 
     function warnIfUpdatesNotWrappedWithActDEV(fiber) {
@@ -42503,7 +44420,7 @@ if (__DEV__) {
           }
         }
 
-        if (ReactSharedInternals.actQueue === null) {
+        if (ReactCurrentActQueue.current === null) {
           var previousFiber = current;
 
           try {
@@ -42537,7 +44454,7 @@ if (__DEV__) {
       {
         if (
           isConcurrentActEnvironment() &&
-          ReactSharedInternals.actQueue === null
+          ReactCurrentActQueue.current === null
         ) {
           error(
             "A suspended resource finished loading inside a test, but the event " +
@@ -42562,3035 +44479,1126 @@ if (__DEV__) {
       }
     }
 
-    var SUPPRESS_HYDRATION_WARNING = "suppressHydrationWarning";
-    var SUSPENSE_START_DATA = "$";
-    var SUSPENSE_END_DATA = "/$";
-    var SUSPENSE_PENDING_START_DATA = "$?";
-    var SUSPENSE_FALLBACK_START_DATA = "$!";
-    var FORM_STATE_IS_MATCHING = "F!";
-    var FORM_STATE_IS_NOT_MATCHING = "F";
-    var STYLE = "style";
-    var HostContextNamespaceNone = 0;
-    var HostContextNamespaceSvg = 1;
-    var HostContextNamespaceMath = 2;
-    var eventsEnabled = null;
-    var selectionInformation = null;
-
-    function getOwnerDocumentFromRootContainer(rootContainerElement) {
-      return rootContainerElement.nodeType === DOCUMENT_NODE
-        ? rootContainerElement
-        : rootContainerElement.ownerDocument;
-    }
-
-    function getRootHostContext(rootContainerInstance) {
-      var type;
-      var context;
-      var nodeType = rootContainerInstance.nodeType;
-
-      switch (nodeType) {
-        case DOCUMENT_NODE:
-        case DOCUMENT_FRAGMENT_NODE: {
-          type = nodeType === DOCUMENT_NODE ? "#document" : "#fragment";
-          var root = rootContainerInstance.documentElement;
-
-          if (root) {
-            var namespaceURI = root.namespaceURI;
-            context = namespaceURI
-              ? getOwnHostContext(namespaceURI)
-              : HostContextNamespaceNone;
-          } else {
-            context = HostContextNamespaceNone;
-          }
-
-          break;
-        }
-
-        default: {
-          var container =
-            nodeType === COMMENT_NODE
-              ? rootContainerInstance.parentNode
-              : rootContainerInstance;
-          type = container.tagName;
-          var _namespaceURI = container.namespaceURI;
-
-          if (!_namespaceURI) {
-            switch (type) {
-              case "svg":
-                context = HostContextNamespaceSvg;
-                break;
-
-              case "math":
-                context = HostContextNamespaceMath;
-                break;
-
-              default:
-                context = HostContextNamespaceNone;
-                break;
-            }
-          } else {
-            var ownContext = getOwnHostContext(_namespaceURI);
-            context = getChildHostContextProd(ownContext, type);
-          }
-
-          break;
-        }
-      }
+    /* eslint-disable react-internal/prod-error-codes */
+    // Used by React Refresh runtime through DevTools Global Hook.
 
+    var resolveFamily = null;
+    var failedBoundaries = null;
+    var setRefreshHandler = function (handler) {
       {
-        var validatedTag = type.toLowerCase();
-        var ancestorInfo = updatedAncestorInfoDev(null, validatedTag);
-        return {
-          context: context,
-          ancestorInfo: ancestorInfo
-        };
+        resolveFamily = handler;
+      }
+    };
+    function resolveFunctionForHotReloading(type) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return type;
+        }
+
+        var family = resolveFamily(type);
+
+        if (family === undefined) {
+          return type;
+        } // Use the latest known implementation.
+
+        return family.current;
       }
     }
+    function resolveClassForHotReloading(type) {
+      // No implementation differences.
+      return resolveFunctionForHotReloading(type);
+    }
+    function resolveForwardRefForHotReloading(type) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return type;
+        }
 
-    function getOwnHostContext(namespaceURI) {
-      switch (namespaceURI) {
-        case SVG_NAMESPACE:
-          return HostContextNamespaceSvg;
+        var family = resolveFamily(type);
 
-        case MATH_NAMESPACE:
-          return HostContextNamespaceMath;
+        if (family === undefined) {
+          // Check if we're dealing with a real forwardRef. Don't want to crash early.
+          if (
+            type !== null &&
+            type !== undefined &&
+            typeof type.render === "function"
+          ) {
+            // ForwardRef is special because its resolved .type is an object,
+            // but it's possible that we only have its inner render function in the map.
+            // If that inner render function is different, we'll build a new forwardRef type.
+            var currentRender = resolveFunctionForHotReloading(type.render);
 
-        default:
-          return HostContextNamespaceNone;
+            if (type.render !== currentRender) {
+              var syntheticType = {
+                $$typeof: REACT_FORWARD_REF_TYPE,
+                render: currentRender
+              };
+
+              if (type.displayName !== undefined) {
+                syntheticType.displayName = type.displayName;
+              }
+
+              return syntheticType;
+            }
+          }
+
+          return type;
+        } // Use the latest known implementation.
+
+        return family.current;
       }
     }
+    function isCompatibleFamilyForHotReloading(fiber, element) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return false;
+        }
 
-    function getChildHostContextProd(parentNamespace, type) {
-      if (parentNamespace === HostContextNamespaceNone) {
-        // No (or default) parent namespace: potential entry point.
-        switch (type) {
-          case "svg":
-            return HostContextNamespaceSvg;
+        var prevType = fiber.elementType;
+        var nextType = element.type; // If we got here, we know types aren't === equal.
 
-          case "math":
-            return HostContextNamespaceMath;
+        var needsCompareFamilies = false;
+        var $$typeofNextType =
+          typeof nextType === "object" && nextType !== null
+            ? nextType.$$typeof
+            : null;
+
+        switch (fiber.tag) {
+          case ClassComponent: {
+            if (typeof nextType === "function") {
+              needsCompareFamilies = true;
+            }
+
+            break;
+          }
+
+          case FunctionComponent: {
+            if (typeof nextType === "function") {
+              needsCompareFamilies = true;
+            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+              // We don't know the inner type yet.
+              // We're going to assume that the lazy inner type is stable,
+              // and so it is sufficient to avoid reconciling it away.
+              // We're not going to unwrap or actually use the new lazy type.
+              needsCompareFamilies = true;
+            }
+
+            break;
+          }
+
+          case ForwardRef: {
+            if ($$typeofNextType === REACT_FORWARD_REF_TYPE) {
+              needsCompareFamilies = true;
+            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+              needsCompareFamilies = true;
+            }
+
+            break;
+          }
+
+          case MemoComponent:
+          case SimpleMemoComponent: {
+            if ($$typeofNextType === REACT_MEMO_TYPE) {
+              // TODO: if it was but can no longer be simple,
+              // we shouldn't set this.
+              needsCompareFamilies = true;
+            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+              needsCompareFamilies = true;
+            }
+
+            break;
+          }
 
           default:
-            return HostContextNamespaceNone;
-        }
-      }
-
-      if (
-        parentNamespace === HostContextNamespaceSvg &&
-        type === "foreignObject"
-      ) {
-        // We're leaving SVG.
-        return HostContextNamespaceNone;
-      } // By default, pass namespace below.
-
-      return parentNamespace;
-    }
-
-    function getChildHostContext(parentHostContext, type) {
-      {
-        var parentHostContextDev = parentHostContext;
-        var context = getChildHostContextProd(
-          parentHostContextDev.context,
-          type
-        );
-        var ancestorInfo = updatedAncestorInfoDev(
-          parentHostContextDev.ancestorInfo,
-          type
-        );
-        return {
-          context: context,
-          ancestorInfo: ancestorInfo
-        };
-      }
-    }
-    function getPublicInstance(instance) {
-      return instance;
-    }
-    function prepareForCommit(containerInfo) {
-      eventsEnabled = isEnabled();
-      selectionInformation = getSelectionInformation();
-      var activeInstance = null;
-
-      {
-        var focusedElem = selectionInformation.focusedElem;
-
-        if (focusedElem !== null) {
-          activeInstance = getClosestInstanceFromNode(focusedElem);
-        }
-      }
-
-      setEnabled(false);
-      return activeInstance;
-    }
-    function beforeActiveInstanceBlur(internalInstanceHandle) {
-      {
-        setEnabled(true);
-        dispatchBeforeDetachedBlur(
-          selectionInformation.focusedElem,
-          internalInstanceHandle
-        );
-        setEnabled(false);
-      }
-    }
-    function afterActiveInstanceBlur() {
-      {
-        setEnabled(true);
-        dispatchAfterDetachedBlur(selectionInformation.focusedElem);
-        setEnabled(false);
-      }
-    }
-    function resetAfterCommit(containerInfo) {
-      restoreSelection(selectionInformation);
-      setEnabled(eventsEnabled);
-      eventsEnabled = null;
-      selectionInformation = null;
-    }
-    function createHoistableInstance(
-      type,
-      props,
-      rootContainerInstance,
-      internalInstanceHandle
-    ) {
-      var ownerDocument = getOwnerDocumentFromRootContainer(
-        rootContainerInstance
-      );
-      var domElement = ownerDocument.createElement(type);
-      precacheFiberNode(internalInstanceHandle, domElement);
-      updateFiberProps(domElement, props);
-      setInitialProperties(domElement, type, props);
-      markNodeAsHoistable(domElement);
-      return domElement;
-    }
-    var didWarnScriptTags = false;
-    var warnedUnknownTags = {
-      // There are working polyfills for <dialog>. Let people use it.
-      dialog: true,
-      // Electron ships a custom <webview> tag to display external web content in
-      // an isolated frame and process.
-      // This tag is not present in non Electron environments such as JSDom which
-      // is often used for testing purposes.
-      // @see https://electronjs.org/docs/api/webview-tag
-      webview: true
-    };
-    function createInstance(
-      type,
-      props,
-      rootContainerInstance,
-      hostContext,
-      internalInstanceHandle
-    ) {
-      var hostContextProd;
-
-      {
-        // TODO: take namespace into account when validating.
-        var hostContextDev = hostContext;
-        validateDOMNesting(type, hostContextDev.ancestorInfo);
-        hostContextProd = hostContextDev.context;
-      }
-
-      var ownerDocument = getOwnerDocumentFromRootContainer(
-        rootContainerInstance
-      );
-      var domElement;
-
-      switch (hostContextProd) {
-        case HostContextNamespaceSvg:
-          domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
-          break;
-
-        case HostContextNamespaceMath:
-          domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
-          break;
-
-        default:
-          switch (type) {
-            case "svg": {
-              domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
-              break;
-            }
-
-            case "math": {
-              domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
-              break;
-            }
-
-            case "script": {
-              // Create the script via .innerHTML so its "parser-inserted" flag is
-              // set to true and it does not execute
-              var div = ownerDocument.createElement("div");
-
-              {
-                if (enableTrustedTypesIntegration && !didWarnScriptTags) {
-                  error(
-                    "Encountered a script tag while rendering React component. " +
-                      "Scripts inside React components are never executed when rendering " +
-                      "on the client. Consider using template tag instead " +
-                      "(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)."
-                  );
-
-                  didWarnScriptTags = true;
-                }
-              }
-
-              div.innerHTML = "<script><" + "/script>"; // eslint-disable-line
-              // This is guaranteed to yield a script element.
-
-              var firstChild = div.firstChild;
-              domElement = div.removeChild(firstChild);
-              break;
-            }
-
-            case "select": {
-              if (typeof props.is === "string") {
-                domElement = ownerDocument.createElement("select", {
-                  is: props.is
-                });
-              } else {
-                // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
-                // See discussion in https://github.com/facebook/react/pull/6896
-                // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
-                domElement = ownerDocument.createElement("select");
-              }
-
-              if (props.multiple) {
-                domElement.multiple = true;
-              } else if (props.size) {
-                // Setting a size greater than 1 causes a select to behave like `multiple=true`, where
-                // it is possible that no option is selected.
-                //
-                // This is only necessary when a select in "single selection mode".
-                domElement.size = props.size;
-              }
-
-              break;
-            }
-
-            default: {
-              if (typeof props.is === "string") {
-                domElement = ownerDocument.createElement(type, {
-                  is: props.is
-                });
-              } else {
-                // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
-                // See discussion in https://github.com/facebook/react/pull/6896
-                // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
-                domElement = ownerDocument.createElement(type);
-              }
-
-              {
-                if (type.indexOf("-") === -1) {
-                  // We're not SVG/MathML and we don't have a dash, so we're not a custom element
-                  // Even if you use `is`, these should be of known type and lower case.
-                  if (type !== type.toLowerCase()) {
-                    error(
-                      "<%s /> is using incorrect casing. " +
-                        "Use PascalCase for React components, " +
-                        "or lowercase for HTML elements.",
-                      type
-                    );
-                  }
-
-                  if (
-                    // $FlowFixMe[method-unbinding]
-                    Object.prototype.toString.call(domElement) ===
-                      "[object HTMLUnknownElement]" &&
-                    !hasOwnProperty.call(warnedUnknownTags, type)
-                  ) {
-                    warnedUnknownTags[type] = true;
-
-                    error(
-                      "The tag <%s> is unrecognized in this browser. " +
-                        "If you meant to render a React component, start its name with " +
-                        "an uppercase letter.",
-                      type
-                    );
-                  }
-                }
-              }
-            }
-          }
-      }
-
-      precacheFiberNode(internalInstanceHandle, domElement);
-      updateFiberProps(domElement, props);
-      return domElement;
-    }
-    function appendInitialChild(parentInstance, child) {
-      parentInstance.appendChild(child);
-    }
-    function finalizeInitialChildren(domElement, type, props, hostContext) {
-      setInitialProperties(domElement, type, props);
-
-      switch (type) {
-        case "button":
-        case "input":
-        case "select":
-        case "textarea":
-          return !!props.autoFocus;
-
-        case "img":
-          return true;
-
-        default:
-          return false;
-      }
-    }
-    function shouldSetTextContent(type, props) {
-      return (
-        type === "textarea" ||
-        type === "noscript" ||
-        typeof props.children === "string" ||
-        typeof props.children === "number" ||
-        typeof props.children === "bigint" ||
-        (typeof props.dangerouslySetInnerHTML === "object" &&
-          props.dangerouslySetInnerHTML !== null &&
-          props.dangerouslySetInnerHTML.__html != null)
-      );
-    }
-    function createTextInstance(
-      text,
-      rootContainerInstance,
-      hostContext,
-      internalInstanceHandle
-    ) {
-      {
-        var hostContextDev = hostContext;
-        var ancestor = hostContextDev.ancestorInfo.current;
-
-        if (ancestor != null) {
-          validateTextNesting(text, ancestor.tag);
-        }
-      }
-
-      var textNode = getOwnerDocumentFromRootContainer(
-        rootContainerInstance
-      ).createTextNode(text);
-      precacheFiberNode(internalInstanceHandle, textNode);
-      return textNode;
-    }
-    var currentPopstateTransitionEvent = null;
-    function shouldAttemptEagerTransition() {
-      var event = window.event;
-
-      if (event && event.type === "popstate") {
-        // This is a popstate event. Attempt to render any transition during this
-        // event synchronously. Unless we already attempted during this event.
-        if (event === currentPopstateTransitionEvent) {
-          // We already attempted to render this popstate transition synchronously.
-          // Any subsequent attempts must have happened as the result of a derived
-          // update, like startTransition inside useEffect, or useDV. Switch back to
-          // the default behavior for all remaining transitions during the current
-          // popstate event.
-          return false;
-        } else {
-          // Cache the current event in case a derived transition is scheduled.
-          // (Refer to previous branch.)
-          currentPopstateTransitionEvent = event;
-          return true;
-        }
-      } // We're not inside a popstate event.
-
-      currentPopstateTransitionEvent = null;
-      return false;
-    }
-    // if a component just imports ReactDOM (e.g. for findDOMNode).
-    // Some environments might not have setTimeout or clearTimeout.
-
-    var scheduleTimeout =
-      typeof setTimeout === "function" ? setTimeout : undefined;
-    var cancelTimeout =
-      typeof clearTimeout === "function" ? clearTimeout : undefined;
-    var noTimeout = -1;
-    var localPromise = typeof Promise === "function" ? Promise : undefined;
-    var localRequestAnimationFrame =
-      typeof requestAnimationFrame === "function"
-        ? requestAnimationFrame
-        : scheduleTimeout;
-    function getInstanceFromNode(node) {
-      return getClosestInstanceFromNode(node) || null;
-    }
-    function preparePortalMount(portalInstance) {
-      listenToAllSupportedEvents(portalInstance);
-    }
-    function prepareScopeUpdate(scopeInstance, internalInstanceHandle) {
-      {
-        precacheFiberNode(internalInstanceHandle, scopeInstance);
-      }
-    }
-    function getInstanceFromScope(scopeInstance) {
-      {
-        return getFiberFromScopeInstance(scopeInstance);
-      }
-    } // -------------------
-    var scheduleMicrotask =
-      typeof queueMicrotask === "function"
-        ? queueMicrotask
-        : typeof localPromise !== "undefined"
-        ? function (callback) {
-            return localPromise
-              .resolve(null)
-              .then(callback)
-              .catch(handleErrorInNextTick);
-          }
-        : scheduleTimeout; // TODO: Determine the best fallback here.
-
-    function handleErrorInNextTick(error) {
-      setTimeout(function () {
-        throw error;
-      });
-    } // -------------------
-    function commitMount(domElement, type, newProps, internalInstanceHandle) {
-      // Despite the naming that might imply otherwise, this method only
-      // fires if there is an `Update` effect scheduled during mounting.
-      // This happens if `finalizeInitialChildren` returns `true` (which it
-      // does to implement the `autoFocus` attribute on the client). But
-      // there are also other cases when this might happen (such as patching
-      // up text content during hydration mismatch). So we'll check this again.
-      switch (type) {
-        case "button":
-        case "input":
-        case "select":
-        case "textarea":
-          if (newProps.autoFocus) {
-            domElement.focus();
-          }
-
-          return;
-
-        case "img": {
-          if (newProps.src) {
-            domElement.src = newProps.src;
-          }
-
-          return;
-        }
-      }
-    }
-    function commitUpdate(
-      domElement,
-      updatePayload,
-      type,
-      oldProps,
-      newProps,
-      internalInstanceHandle
-    ) {
-      // Diff and update the properties.
-      updateProperties(domElement, type, oldProps, newProps); // Update the props handle so that we know which props are the ones with
-      // with current event handlers.
-
-      updateFiberProps(domElement, newProps);
-    }
-    function resetTextContent(domElement) {
-      setTextContent(domElement, "");
-    }
-    function commitTextUpdate(textInstance, oldText, newText) {
-      textInstance.nodeValue = newText;
-    }
-    function appendChild(parentInstance, child) {
-      parentInstance.appendChild(child);
-    }
-    function appendChildToContainer(container, child) {
-      var parentNode;
-
-      if (container.nodeType === COMMENT_NODE) {
-        parentNode = container.parentNode;
-        parentNode.insertBefore(child, container);
-      } else {
-        parentNode = container;
-        parentNode.appendChild(child);
-      } // This container might be used for a portal.
-      // If something inside a portal is clicked, that click should bubble
-      // through the React tree. However, on Mobile Safari the click would
-      // never bubble through the *DOM* tree unless an ancestor with onclick
-      // event exists. So we wouldn't see it and dispatch it.
-      // This is why we ensure that non React root containers have inline onclick
-      // defined.
-      // https://github.com/facebook/react/issues/11918
-
-      var reactRootContainer = container._reactRootContainer;
-
-      if (
-        (reactRootContainer === null || reactRootContainer === undefined) &&
-        parentNode.onclick === null
-      ) {
-        // TODO: This cast may not be sound for SVG, MathML or custom elements.
-        trapClickOnNonInteractiveElement(parentNode);
-      }
-    }
-    function insertBefore(parentInstance, child, beforeChild) {
-      parentInstance.insertBefore(child, beforeChild);
-    }
-    function insertInContainerBefore(container, child, beforeChild) {
-      if (container.nodeType === COMMENT_NODE) {
-        container.parentNode.insertBefore(child, beforeChild);
-      } else {
-        container.insertBefore(child, beforeChild);
-      }
-    }
-
-    function createEvent(type, bubbles) {
-      var event = document.createEvent("Event");
-      event.initEvent(type, bubbles, false);
-      return event;
-    }
-
-    function dispatchBeforeDetachedBlur(target, internalInstanceHandle) {
-      {
-        var event = createEvent("beforeblur", true); // Dispatch "beforeblur" directly on the target,
-        // so it gets picked up by the event system and
-        // can propagate through the React internal tree.
-        // $FlowFixMe[prop-missing]: internal field
-
-        event._detachedInterceptFiber = internalInstanceHandle;
-        target.dispatchEvent(event);
-      }
-    }
-
-    function dispatchAfterDetachedBlur(target) {
-      {
-        var event = createEvent("afterblur", false); // So we know what was detached, make the relatedTarget the
-        // detached target on the "afterblur" event.
-
-        event.relatedTarget = target; // Dispatch the event on the document.
-
-        document.dispatchEvent(event);
-      }
-    }
-
-    function removeChild(parentInstance, child) {
-      parentInstance.removeChild(child);
-    }
-    function removeChildFromContainer(container, child) {
-      if (container.nodeType === COMMENT_NODE) {
-        container.parentNode.removeChild(child);
-      } else {
-        container.removeChild(child);
-      }
-    }
-    function clearSuspenseBoundary(parentInstance, suspenseInstance) {
-      var node = suspenseInstance; // Delete all nodes within this suspense boundary.
-      // There might be nested nodes so we need to keep track of how
-      // deep we are and only break out when we're back on top.
-
-      var depth = 0;
-
-      do {
-        var nextNode = node.nextSibling;
-        parentInstance.removeChild(node);
-
-        if (nextNode && nextNode.nodeType === COMMENT_NODE) {
-          var data = nextNode.data;
-
-          if (data === SUSPENSE_END_DATA) {
-            if (depth === 0) {
-              parentInstance.removeChild(nextNode); // Retry if any event replaying was blocked on this.
-
-              retryIfBlockedOn(suspenseInstance);
-              return;
-            } else {
-              depth--;
-            }
-          } else if (
-            data === SUSPENSE_START_DATA ||
-            data === SUSPENSE_PENDING_START_DATA ||
-            data === SUSPENSE_FALLBACK_START_DATA
-          ) {
-            depth++;
-          }
-        } // $FlowFixMe[incompatible-type] we bail out when we get a null
-
-        node = nextNode;
-      } while (node); // TODO: Warn, we didn't find the end comment boundary.
-      // Retry if any event replaying was blocked on this.
-
-      retryIfBlockedOn(suspenseInstance);
-    }
-    function clearSuspenseBoundaryFromContainer(container, suspenseInstance) {
-      if (container.nodeType === COMMENT_NODE) {
-        clearSuspenseBoundary(container.parentNode, suspenseInstance);
-      } else if (container.nodeType === ELEMENT_NODE) {
-        clearSuspenseBoundary(container, suspenseInstance);
-      } else; // Retry if any event replaying was blocked on this.
-
-      retryIfBlockedOn(container);
-    }
-    function hideInstance(instance) {
-      // TODO: Does this work for all element types? What about MathML? Should we
-      // pass host context to this method?
-      instance = instance;
-      var style = instance.style; // $FlowFixMe[method-unbinding]
-
-      if (typeof style.setProperty === "function") {
-        style.setProperty("display", "none", "important");
-      } else {
-        style.display = "none";
-      }
-    }
-    function hideTextInstance(textInstance) {
-      textInstance.nodeValue = "";
-    }
-    function unhideInstance(instance, props) {
-      instance = instance;
-      var styleProp = props[STYLE];
-      var display =
-        styleProp !== undefined &&
-        styleProp !== null &&
-        styleProp.hasOwnProperty("display")
-          ? styleProp.display
-          : null;
-      instance.style.display =
-        display == null || typeof display === "boolean"
-          ? "" // The value would've errored already if it wasn't safe.
-          : // eslint-disable-next-line react-internal/safe-string-coercion
-            ("" + display).trim();
-    }
-    function unhideTextInstance(textInstance, text) {
-      textInstance.nodeValue = text;
-    }
-    function clearContainer(container) {
-      var nodeType = container.nodeType;
-
-      if (nodeType === DOCUMENT_NODE) {
-        clearContainerSparingly(container);
-      } else if (nodeType === ELEMENT_NODE) {
-        switch (container.nodeName) {
-          case "HEAD":
-          case "HTML":
-          case "BODY":
-            clearContainerSparingly(container);
-            return;
-
-          default: {
-            container.textContent = "";
-          }
-        }
-      }
-    }
-
-    function clearContainerSparingly(container) {
-      var node;
-      var nextNode = container.firstChild;
-
-      if (nextNode && nextNode.nodeType === DOCUMENT_TYPE_NODE) {
-        nextNode = nextNode.nextSibling;
-      }
-
-      while (nextNode) {
-        node = nextNode;
-        nextNode = nextNode.nextSibling;
-
-        switch (node.nodeName) {
-          case "HTML":
-          case "HEAD":
-          case "BODY": {
-            var element = node;
-            clearContainerSparingly(element); // If these singleton instances had previously been rendered with React they
-            // may still hold on to references to the previous fiber tree. We detatch them
-            // prospectively to reset them to a baseline starting state since we cannot create
-            // new instances.
-
-            detachDeletedInstance(element);
-            continue;
-          }
-          // Script tags are retained to avoid an edge case bug. Normally scripts will execute if they
-          // are ever inserted into the DOM. However when streaming if a script tag is opened but not
-          // yet closed some browsers create and insert the script DOM Node but the script cannot execute
-          // yet until the closing tag is parsed. If something causes React to call clearContainer while
-          // this DOM node is in the document but not yet executable the DOM node will be removed from the
-          // document and when the script closing tag comes in the script will not end up running. This seems
-          // to happen in Chrome/Firefox but not Safari at the moment though this is not necessarily specified
-          // behavior so it could change in future versions of browsers. While leaving all scripts is broader
-          // than strictly necessary this is the least amount of additional code to avoid this breaking
-          // edge case.
-          //
-          // Style tags are retained because they may likely come from 3rd party scripts and extensions
-
-          case "SCRIPT":
-          case "STYLE": {
-            continue;
-          }
-          // Stylesheet tags are retained because tehy may likely come from 3rd party scripts and extensions
-
-          case "LINK": {
-            if (node.rel.toLowerCase() === "stylesheet") {
-              continue;
-            }
-          }
-        }
-
-        container.removeChild(node);
-      }
-
-      return;
-    } // Making this so we can eventually move all of the instance caching to the commit phase.
-    function canHydrateInstance(instance, type, props, inRootOrSingleton) {
-      while (instance.nodeType === ELEMENT_NODE) {
-        var element = instance;
-        var anyProps = props;
-
-        if (element.nodeName.toLowerCase() !== type.toLowerCase()) {
-          if (!inRootOrSingleton) {
-            // Usually we error for mismatched tags.
-            if (element.nodeName === "INPUT" && element.type === "hidden");
-            else {
-              return null;
-            }
-          } // In root or singleton parents we skip past mismatched instances.
-        } else if (!inRootOrSingleton) {
-          // Match
-          if (type === "input" && element.type === "hidden") {
-            {
-              checkAttributeStringCoercion(anyProps.name, "name");
-            }
-
-            var name = anyProps.name == null ? null : "" + anyProps.name;
-
-            if (
-              anyProps.type !== "hidden" ||
-              element.getAttribute("name") !== name
-            );
-            else {
-              return element;
-            }
-          } else {
-            return element;
-          }
-        } else if (isMarkedHoistable(element));
-        else {
-          // We have an Element with the right type.
-          // We are going to try to exclude it if we can definitely identify it as a hoisted Node or if
-          // we can guess that the node is likely hoisted or was inserted by a 3rd party script or browser extension
-          // using high entropy attributes for certain types. This technique will fail for strange insertions like
-          // extension prepending <div> in the <body> but that already breaks before and that is an edge case.
-          switch (type) {
-            // case 'title':
-            //We assume all titles are matchable. You should only have one in the Document, at least in a hoistable scope
-            // and if you are a HostComponent with type title we must either be in an <svg> context or this title must have an `itemProp` prop.
-            case "meta": {
-              // The only way to opt out of hoisting meta tags is to give it an itemprop attribute. We assume there will be
-              // not 3rd party meta tags that are prepended, accepting the cases where this isn't true because meta tags
-              // are usually only functional for SSR so even in a rare case where we did bind to an injected tag the runtime
-              // implications are minimal
-              if (!element.hasAttribute("itemprop")) {
-                // This is a Hoistable
-                break;
-              }
-
-              return element;
-            }
-
-            case "link": {
-              // Links come in many forms and we do expect 3rd parties to inject them into <head> / <body>. We exclude known resources
-              // and then use high-entroy attributes like href which are almost always used and almost always unique to filter out unlikely
-              // matches.
-              var rel = element.getAttribute("rel");
-
-              if (
-                rel === "stylesheet" &&
-                element.hasAttribute("data-precedence")
-              ) {
-                // This is a stylesheet resource
-                break;
-              } else if (
-                rel !== anyProps.rel ||
-                element.getAttribute("href") !==
-                  (anyProps.href == null ? null : anyProps.href) ||
-                element.getAttribute("crossorigin") !==
-                  (anyProps.crossOrigin == null
-                    ? null
-                    : anyProps.crossOrigin) ||
-                element.getAttribute("title") !==
-                  (anyProps.title == null ? null : anyProps.title)
-              ) {
-                // rel + href should usually be enough to uniquely identify a link however crossOrigin can vary for rel preconnect
-                // and title could vary for rel alternate
-                break;
-              }
-
-              return element;
-            }
-
-            case "style": {
-              // Styles are hard to match correctly. We can exclude known resources but otherwise we accept the fact that a non-hoisted style tags
-              // in <head> or <body> are likely never going to be unmounted given their position in the document and the fact they likely hold global styles
-              if (element.hasAttribute("data-precedence")) {
-                // This is a style resource
-                break;
-              }
-
-              return element;
-            }
-
-            case "script": {
-              // Scripts are a little tricky, we exclude known resources and then similar to links try to use high-entropy attributes
-              // to reject poor matches. One challenge with scripts are inline scripts. We don't attempt to check text content which could
-              // in theory lead to a hydration error later if a 3rd party injected an inline script before the React rendered nodes.
-              // Falling back to client rendering if this happens should be seemless though so we will try this hueristic and revisit later
-              // if we learn it is problematic
-              var srcAttr = element.getAttribute("src");
-
-              if (
-                srcAttr !== (anyProps.src == null ? null : anyProps.src) ||
-                element.getAttribute("type") !==
-                  (anyProps.type == null ? null : anyProps.type) ||
-                element.getAttribute("crossorigin") !==
-                  (anyProps.crossOrigin == null ? null : anyProps.crossOrigin)
-              ) {
-                // This script is for a different src/type/crossOrigin. It may be a script resource
-                // or it may just be a mistmatch
-                if (
-                  srcAttr &&
-                  element.hasAttribute("async") &&
-                  !element.hasAttribute("itemprop")
-                ) {
-                  // This is an async script resource
-                  break;
-                }
-              }
-
-              return element;
-            }
-
-            default: {
-              // We have excluded the most likely cases of mismatch between hoistable tags, 3rd party script inserted tags,
-              // and browser extension inserted tags. While it is possible this is not the right match it is a decent hueristic
-              // that should work in the vast majority of cases.
-              return element;
-            }
-          }
-        }
-
-        var nextInstance = getNextHydratableSibling(element);
-
-        if (nextInstance === null) {
-          break;
-        }
-
-        instance = nextInstance;
-      } // This is a suspense boundary or Text node or we got the end.
-      // Suspense Boundaries are never expected to be injected by 3rd parties. If we see one it should be matched
-      // and this is a hydration error.
-      // Text Nodes are also not expected to be injected by 3rd parties. This is less of a guarantee for <body>
-      // but it seems reasonable and conservative to reject this as a hydration error as well
-
-      return null;
-    }
-    function canHydrateTextInstance(instance, text, inRootOrSingleton) {
-      // Empty strings are not parsed by HTML so there won't be a correct match here.
-      if (text === "") return null;
-
-      while (instance.nodeType !== TEXT_NODE) {
-        if (
-          instance.nodeType === ELEMENT_NODE &&
-          instance.nodeName === "INPUT" &&
-          instance.type === "hidden"
-        );
-        else if (!inRootOrSingleton) {
-          return null;
-        }
-
-        var nextInstance = getNextHydratableSibling(instance);
-
-        if (nextInstance === null) {
-          return null;
-        }
-
-        instance = nextInstance;
-      } // This has now been refined to a text node.
-
-      return instance;
-    }
-    function canHydrateSuspenseInstance(instance, inRootOrSingleton) {
-      while (instance.nodeType !== COMMENT_NODE) {
-        if (!inRootOrSingleton) {
-          return null;
-        }
-
-        var nextInstance = getNextHydratableSibling(instance);
-
-        if (nextInstance === null) {
-          return null;
-        }
-
-        instance = nextInstance;
-      } // This has now been refined to a suspense node.
-
-      return instance;
-    }
-    function isSuspenseInstancePending(instance) {
-      return instance.data === SUSPENSE_PENDING_START_DATA;
-    }
-    function isSuspenseInstanceFallback(instance) {
-      return instance.data === SUSPENSE_FALLBACK_START_DATA;
-    }
-    function getSuspenseInstanceFallbackErrorDetails(instance) {
-      var dataset = instance.nextSibling && instance.nextSibling.dataset;
-      var digest, message, stack, componentStack;
-
-      if (dataset) {
-        digest = dataset.dgst;
-
-        {
-          message = dataset.msg;
-          stack = dataset.stck;
-          componentStack = dataset.cstck;
-        }
-      }
-
-      {
-        return {
-          message: message,
-          digest: digest,
-          stack: stack,
-          componentStack: componentStack
-        };
-      }
-    }
-    function registerSuspenseInstanceRetry(instance, callback) {
-      instance._reactRetry = callback;
-    }
-    function canHydrateFormStateMarker(instance, inRootOrSingleton) {
-      while (instance.nodeType !== COMMENT_NODE) {
-        if (!inRootOrSingleton) {
-          return null;
-        }
-
-        var nextInstance = getNextHydratableSibling(instance);
-
-        if (nextInstance === null) {
-          return null;
-        }
-
-        instance = nextInstance;
-      }
-
-      var nodeData = instance.data;
-
-      if (
-        nodeData === FORM_STATE_IS_MATCHING ||
-        nodeData === FORM_STATE_IS_NOT_MATCHING
-      ) {
-        var markerInstance = instance;
-        return markerInstance;
-      }
-
-      return null;
-    }
-    function isFormStateMarkerMatching(markerInstance) {
-      return markerInstance.data === FORM_STATE_IS_MATCHING;
-    }
-
-    function getNextHydratable(node) {
-      // Skip non-hydratable nodes.
-      for (; node != null; node = node.nextSibling) {
-        var nodeType = node.nodeType;
-
-        if (nodeType === ELEMENT_NODE || nodeType === TEXT_NODE) {
-          break;
-        }
-
-        if (nodeType === COMMENT_NODE) {
-          var nodeData = node.data;
+            return false;
+        } // Check if both types have a family and it's the same one.
+
+        if (needsCompareFamilies) {
+          // Note: memo() and forwardRef() we'll compare outer rather than inner type.
+          // This means both of them need to be registered to preserve state.
+          // If we unwrapped and compared the inner types for wrappers instead,
+          // then we would risk falsely saying two separate memo(Foo)
+          // calls are equivalent because they wrap the same Foo function.
+          var prevFamily = resolveFamily(prevType); // $FlowFixMe[not-a-function] found when upgrading Flow
 
           if (
-            nodeData === SUSPENSE_START_DATA ||
-            nodeData === SUSPENSE_FALLBACK_START_DATA ||
-            nodeData === SUSPENSE_PENDING_START_DATA ||
-            nodeData === FORM_STATE_IS_MATCHING ||
-            nodeData === FORM_STATE_IS_NOT_MATCHING
+            prevFamily !== undefined &&
+            prevFamily === resolveFamily(nextType)
           ) {
-            break;
-          }
-
-          if (nodeData === SUSPENSE_END_DATA) {
-            return null;
-          }
-        }
-      }
-
-      return node;
-    }
-
-    function getNextHydratableSibling(instance) {
-      return getNextHydratable(instance.nextSibling);
-    }
-    function getFirstHydratableChild(parentInstance) {
-      return getNextHydratable(parentInstance.firstChild);
-    }
-    function getFirstHydratableChildWithinContainer(parentContainer) {
-      return getNextHydratable(parentContainer.firstChild);
-    }
-    function getFirstHydratableChildWithinSuspenseInstance(parentInstance) {
-      return getNextHydratable(parentInstance.nextSibling);
-    }
-    function describeHydratableInstanceForDevWarnings(instance) {
-      // Reverse engineer a pseudo react-element from hydratable instnace
-      if (instance.nodeType === ELEMENT_NODE) {
-        // Reverse engineer a set of props that can print for dev warnings
-        return {
-          type: instance.nodeName.toLowerCase(),
-          props: getPropsFromElement(instance)
-        };
-      } else if (instance.nodeType === COMMENT_NODE) {
-        return {
-          type: "Suspense",
-          props: {}
-        };
-      } else {
-        return instance.nodeValue;
-      }
-    }
-    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
-    ) {
-      precacheFiberNode(internalInstanceHandle, instance); // TODO: Possibly defer this until the commit phase where all the events
-      // get attached.
-
-      updateFiberProps(instance, props);
-      return hydrateProperties(instance, type, props);
-    } // Returns a Map of properties that were different on the server.
-
-    function diffHydratedPropsForDevWarnings(
-      instance,
-      type,
-      props,
-      hostContext
-    ) {
-      return diffHydratedProperties(instance, type, props, 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,
-      parentInstanceProps
-    ) {
-      precacheFiberNode(internalInstanceHandle, textInstance);
-      return hydrateText(textInstance, text, parentInstanceProps);
-    } // Returns the server text if it differs from the client.
-
-    function diffHydratedTextForDevWarnings(textInstance, text, parentProps) {
-      if (
-        parentProps === null ||
-        parentProps[SUPPRESS_HYDRATION_WARNING] !== true
-      ) {
-        return diffHydratedText(textInstance, text);
-      }
-
-      return null;
-    }
-    function hydrateSuspenseInstance(suspenseInstance, internalInstanceHandle) {
-      precacheFiberNode(internalInstanceHandle, suspenseInstance);
-    }
-    function getNextHydratableInstanceAfterSuspenseInstance(suspenseInstance) {
-      var node = suspenseInstance.nextSibling; // Skip past all nodes within this suspense boundary.
-      // There might be nested nodes so we need to keep track of how
-      // deep we are and only break out when we're back on top.
-
-      var depth = 0;
-
-      while (node) {
-        if (node.nodeType === COMMENT_NODE) {
-          var data = node.data;
-
-          if (data === SUSPENSE_END_DATA) {
-            if (depth === 0) {
-              return getNextHydratableSibling(node);
-            } else {
-              depth--;
-            }
-          } else if (
-            data === SUSPENSE_START_DATA ||
-            data === SUSPENSE_FALLBACK_START_DATA ||
-            data === SUSPENSE_PENDING_START_DATA
-          ) {
-            depth++;
-          }
-        }
-
-        node = node.nextSibling;
-      } // TODO: Warn, we didn't find the end comment boundary.
-
-      return null;
-    } // Returns the SuspenseInstance if this node is a direct child of a
-    // SuspenseInstance. I.e. if its previous sibling is a Comment with
-    // SUSPENSE_x_START_DATA. Otherwise, null.
-
-    function getParentSuspenseInstance(targetInstance) {
-      var node = targetInstance.previousSibling; // Skip past all nodes within this suspense boundary.
-      // There might be nested nodes so we need to keep track of how
-      // deep we are and only break out when we're back on top.
-
-      var depth = 0;
-
-      while (node) {
-        if (node.nodeType === COMMENT_NODE) {
-          var data = node.data;
-
-          if (
-            data === SUSPENSE_START_DATA ||
-            data === SUSPENSE_FALLBACK_START_DATA ||
-            data === SUSPENSE_PENDING_START_DATA
-          ) {
-            if (depth === 0) {
-              return node;
-            } else {
-              depth--;
-            }
-          } else if (data === SUSPENSE_END_DATA) {
-            depth++;
-          }
-        }
-
-        node = node.previousSibling;
-      }
-
-      return null;
-    }
-    function commitHydratedContainer(container) {
-      // Retry if any event replaying was blocked on this.
-      retryIfBlockedOn(container);
-    }
-    function commitHydratedSuspenseInstance(suspenseInstance) {
-      // Retry if any event replaying was blocked on this.
-      retryIfBlockedOn(suspenseInstance);
-    }
-    function shouldDeleteUnhydratedTailInstances(parentType) {
-      return parentType !== "form" && parentType !== "button";
-    } // -------------------
-    function requestPostPaintCallback(callback) {
-      localRequestAnimationFrame(function () {
-        localRequestAnimationFrame(function (time) {
-          return callback(time);
-        });
-      });
-    } // -------------------
-    function isHostSingletonType(type) {
-      return type === "html" || type === "head" || type === "body";
-    }
-    function resolveSingletonInstance(
-      type,
-      props,
-      rootContainerInstance,
-      hostContext,
-      validateDOMNestingDev
-    ) {
-      {
-        var hostContextDev = hostContext;
-
-        if (validateDOMNestingDev) {
-          validateDOMNesting(type, hostContextDev.ancestorInfo);
-        }
-      }
-
-      var ownerDocument = getOwnerDocumentFromRootContainer(
-        rootContainerInstance
-      );
-
-      switch (type) {
-        case "html": {
-          var documentElement = ownerDocument.documentElement;
-
-          if (!documentElement) {
-            throw new Error(
-              "React expected an <html> element (document.documentElement) to exist in the Document but one was" +
-                " not found. React never removes the documentElement for any Document it renders into so" +
-                " the cause is likely in some other script running on this page."
-            );
-          }
-
-          return documentElement;
-        }
-
-        case "head": {
-          var head = ownerDocument.head;
-
-          if (!head) {
-            throw new Error(
-              "React expected a <head> element (document.head) to exist in the Document but one was" +
-                " not found. React never removes the head for any Document it renders into so" +
-                " the cause is likely in some other script running on this page."
-            );
-          }
-
-          return head;
-        }
-
-        case "body": {
-          var body = ownerDocument.body;
-
-          if (!body) {
-            throw new Error(
-              "React expected a <body> element (document.body) to exist in the Document but one was" +
-                " not found. React never removes the body for any Document it renders into so" +
-                " the cause is likely in some other script running on this page."
-            );
-          }
-
-          return body;
-        }
-
-        default: {
-          throw new Error(
-            "resolveSingletonInstance was called with an element type that is not supported. This is a bug in React."
-          );
-        }
-      }
-    }
-    function acquireSingletonInstance(
-      type,
-      props,
-      instance,
-      internalInstanceHandle
-    ) {
-      {
-        var currentInstanceHandle = getInstanceFromNode$1(instance);
-
-        if (currentInstanceHandle) {
-          var tagName = instance.tagName.toLowerCase();
-
-          error(
-            "You are mounting a new %s component when a previous one has not first unmounted. It is an" +
-              " error to render more than one %s component at a time and attributes and children of these" +
-              " components will likely fail in unpredictable ways. Please only render a single instance of" +
-              " <%s> and if you need to mount a new one, ensure any previous ones have unmounted first.",
-            tagName,
-            tagName,
-            tagName
-          );
-        }
-
-        switch (type) {
-          case "html":
-          case "head":
-          case "body": {
-            break;
-          }
-
-          default: {
-            error(
-              "acquireSingletonInstance was called with an element type that is not supported. This is a bug in React."
-            );
-          }
-        }
-      }
-
-      var attributes = instance.attributes;
-
-      while (attributes.length) {
-        instance.removeAttributeNode(attributes[0]);
-      }
-
-      setInitialProperties(instance, type, props);
-      precacheFiberNode(internalInstanceHandle, instance);
-      updateFiberProps(instance, props);
-    }
-    function releaseSingletonInstance(instance) {
-      var attributes = instance.attributes;
-
-      while (attributes.length) {
-        instance.removeAttributeNode(attributes[0]);
-      }
-
-      detachDeletedInstance(instance);
-    }
-    function clearSingleton(instance) {
-      var element = instance;
-      var node = element.firstChild;
-
-      while (node) {
-        var nextNode = node.nextSibling;
-        var nodeName = node.nodeName;
-
-        if (
-          isMarkedHoistable(node) ||
-          nodeName === "HEAD" ||
-          nodeName === "BODY" ||
-          nodeName === "SCRIPT" ||
-          nodeName === "STYLE" ||
-          (nodeName === "LINK" && node.rel.toLowerCase() === "stylesheet")
-        );
-        else {
-          element.removeChild(node);
-        }
-
-        node = nextNode;
-      }
-
-      return;
-    } // -------------------
-    var NotLoaded =
-      /*       */
-      0;
-    var Loaded =
-      /*          */
-      1;
-    var Errored =
-      /*         */
-      2;
-    var Settled =
-      /*         */
-      3;
-    var Inserted =
-      /*        */
-      4;
-    function prepareToCommitHoistables() {
-      tagCaches = null;
-    } // global collections of Resources
-
-    var preloadPropsMap = new Map();
-    var preconnectsSet = new Set(); // getRootNode is missing from IE and old jsdom versions
-
-    function getHoistableRoot(container) {
-      // $FlowFixMe[method-unbinding]
-      return typeof container.getRootNode === "function"
-        ? /* $FlowFixMe[incompatible-return] Flow types this as returning a `Node`,
-           * but it's either a `Document` or `ShadowRoot`. */
-          container.getRootNode()
-        : container.ownerDocument;
-    }
-
-    function getCurrentResourceRoot() {
-      var currentContainer = getCurrentRootHostContainer();
-      return currentContainer ? getHoistableRoot(currentContainer) : null;
-    }
-
-    function getDocumentFromRoot(root) {
-      return root.ownerDocument || root;
-    }
-
-    var previousDispatcher = Internals.d;
-    /* ReactDOMCurrentDispatcher */
-
-    Internals.d =
-      /* ReactDOMCurrentDispatcher */
-      {
-        f:
-          /* flushSyncWork */
-          flushSyncWork,
-        /* flushSyncWork */
-        r: requestFormReset,
-        D:
-          /* prefetchDNS */
-          prefetchDNS$1,
-        C:
-          /* preconnect */
-          preconnect$1,
-        L:
-          /* preload */
-          preload$1,
-        m:
-          /* preloadModule */
-          preloadModule$1,
-        X:
-          /* preinitScript */
-          preinitScript,
-        S:
-          /* preinitStyle */
-          preinitStyle,
-        M:
-          /* preinitModuleScript */
-          preinitModuleScript
-      };
-
-    function flushSyncWork() {
-      {
-        var previousWasRendering = previousDispatcher.f();
-        /* flushSyncWork */
-
-        var wasRendering = flushSyncWork$1(); // Since multiple dispatchers can flush sync work during a single flushSync call
-        // we need to return true if any of them were rendering.
-
-        return previousWasRendering || wasRendering;
-      }
-    }
-
-    function requestFormReset(form) {
-      var formInst = getInstanceFromNode$1(form);
-
-      if (
-        formInst !== null &&
-        formInst.tag === HostComponent &&
-        formInst.type === "form"
-      ) {
-        requestFormReset$1(formInst);
-      } else {
-        // This form was either not rendered by this React renderer (or it's an
-        // invalid type). Try the next one.
-        //
-        // The last implementation in the sequence will throw an error.
-        previousDispatcher.r(
-          /* requestFormReset */
-          form
-        );
-      }
-    } // We expect this to get inlined. It is a function mostly to communicate the special nature of
-    // how we resolve the HoistableRoot for ReactDOM.pre*() methods. Because we support calling
-    // these methods outside of render there is no way to know which Document or ShadowRoot is 'scoped'
-    // and so we have to fall back to something universal. Currently we just refer to the global document.
-    // This is notable because nowhere else in ReactDOM do we actually reference the global document or window
-    // because we may be rendering inside an iframe.
-
-    var globalDocument = typeof document === "undefined" ? null : document;
-
-    function getGlobalDocument() {
-      return globalDocument;
-    }
-
-    function preconnectAs(rel, href, crossOrigin) {
-      var ownerDocument = getGlobalDocument();
-
-      if (ownerDocument && typeof href === "string" && href) {
-        var limitedEscapedHref =
-          escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        var key = 'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
-
-        if (typeof crossOrigin === "string") {
-          key += '[crossorigin="' + crossOrigin + '"]';
-        }
-
-        if (!preconnectsSet.has(key)) {
-          preconnectsSet.add(key);
-          var preconnectProps = {
-            rel: rel,
-            crossOrigin: crossOrigin,
-            href: href
-          };
-
-          if (null === ownerDocument.querySelector(key)) {
-            var instance = ownerDocument.createElement("link");
-            setInitialProperties(instance, "link", preconnectProps);
-            markNodeAsHoistable(instance);
-            ownerDocument.head.appendChild(instance);
-          }
-        }
-      }
-    }
-
-    function prefetchDNS$1(href) {
-      previousDispatcher.D(
-        /* prefetchDNS */
-        href
-      );
-      preconnectAs("dns-prefetch", href, null);
-    }
-
-    function preconnect$1(href, crossOrigin) {
-      previousDispatcher.C(
-        /* preconnect */
-        href,
-        crossOrigin
-      );
-      preconnectAs("preconnect", href, crossOrigin);
-    }
-
-    function preload$1(href, as, options) {
-      previousDispatcher.L(
-        /* preload */
-        href,
-        as,
-        options
-      );
-      var ownerDocument = getGlobalDocument();
-
-      if (ownerDocument && href && as) {
-        var preloadSelector =
-          'link[rel="preload"][as="' +
-          escapeSelectorAttributeValueInsideDoubleQuotes(as) +
-          '"]';
-
-        if (as === "image") {
-          if (options && options.imageSrcSet) {
-            preloadSelector +=
-              '[imagesrcset="' +
-              escapeSelectorAttributeValueInsideDoubleQuotes(
-                options.imageSrcSet
-              ) +
-              '"]';
-
-            if (typeof options.imageSizes === "string") {
-              preloadSelector +=
-                '[imagesizes="' +
-                escapeSelectorAttributeValueInsideDoubleQuotes(
-                  options.imageSizes
-                ) +
-                '"]';
-            }
-          } else {
-            preloadSelector +=
-              '[href="' +
-              escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-              '"]';
-          }
-        } else {
-          preloadSelector +=
-            '[href="' +
-            escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-            '"]';
-        } // Some preloads are keyed under their selector. This happens when the preload is for
-        // an arbitrary type. Other preloads are keyed under the resource key they represent a preload for.
-        // Here we figure out which key to use to determine if we have a preload already.
-
-        var key = preloadSelector;
-
-        switch (as) {
-          case "style":
-            key = getStyleKey(href);
-            break;
-
-          case "script":
-            key = getScriptKey(href);
-            break;
-        }
-
-        if (!preloadPropsMap.has(key)) {
-          var preloadProps = assign(
-            {
-              rel: "preload",
-              // There is a bug in Safari where imageSrcSet is not respected on preload links
-              // so we omit the href here if we have imageSrcSet b/c safari will load the wrong image.
-              // This harms older browers that do not support imageSrcSet by making their preloads not work
-              // but this population is shrinking fast and is already small so we accept this tradeoff.
-              href:
-                as === "image" && options && options.imageSrcSet
-                  ? undefined
-                  : href,
-              as: as
-            },
-            options
-          );
-
-          preloadPropsMap.set(key, preloadProps);
-
-          if (null === ownerDocument.querySelector(preloadSelector)) {
-            if (
-              as === "style" &&
-              ownerDocument.querySelector(getStylesheetSelectorFromKey(key))
-            ) {
-              // We already have a stylesheet for this key. We don't need to preload it.
-              return;
-            } else if (
-              as === "script" &&
-              ownerDocument.querySelector(getScriptSelectorFromKey(key))
-            ) {
-              // We already have a stylesheet for this key. We don't need to preload it.
-              return;
-            }
-
-            var instance = ownerDocument.createElement("link");
-            setInitialProperties(instance, "link", preloadProps);
-            markNodeAsHoistable(instance);
-            ownerDocument.head.appendChild(instance);
-          }
-        }
-      }
-    }
-
-    function preloadModule$1(href, options) {
-      previousDispatcher.m(
-        /* preloadModule */
-        href,
-        options
-      );
-      var ownerDocument = getGlobalDocument();
-
-      if (ownerDocument && href) {
-        var as =
-          options && typeof options.as === "string" ? options.as : "script";
-        var preloadSelector =
-          'link[rel="modulepreload"][as="' +
-          escapeSelectorAttributeValueInsideDoubleQuotes(as) +
-          '"][href="' +
-          escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-          '"]'; // Some preloads are keyed under their selector. This happens when the preload is for
-        // an arbitrary type. Other preloads are keyed under the resource key they represent a preload for.
-        // Here we figure out which key to use to determine if we have a preload already.
-
-        var key = preloadSelector;
-
-        switch (as) {
-          case "audioworklet":
-          case "paintworklet":
-          case "serviceworker":
-          case "sharedworker":
-          case "worker":
-          case "script": {
-            key = getScriptKey(href);
-            break;
-          }
-        }
-
-        if (!preloadPropsMap.has(key)) {
-          var props = assign(
-            {
-              rel: "modulepreload",
-              href: href
-            },
-            options
-          );
-
-          preloadPropsMap.set(key, props);
-
-          if (null === ownerDocument.querySelector(preloadSelector)) {
-            switch (as) {
-              case "audioworklet":
-              case "paintworklet":
-              case "serviceworker":
-              case "sharedworker":
-              case "worker":
-              case "script": {
-                if (
-                  ownerDocument.querySelector(getScriptSelectorFromKey(key))
-                ) {
-                  return;
-                }
-              }
-            }
-
-            var instance = ownerDocument.createElement("link");
-            setInitialProperties(instance, "link", props);
-            markNodeAsHoistable(instance);
-            ownerDocument.head.appendChild(instance);
-          }
-        }
-      }
-    }
-
-    function preinitStyle(href, precedence, options) {
-      previousDispatcher.S(
-        /* preinitStyle */
-        href,
-        precedence,
-        options
-      );
-      var ownerDocument = getGlobalDocument();
-
-      if (ownerDocument && href) {
-        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles;
-        var key = getStyleKey(href);
-        precedence = precedence || "default"; // Check if this resource already exists
-
-        var resource = styles.get(key);
-
-        if (resource) {
-          // We can early return. The resource exists and there is nothing
-          // more to do
-          return;
-        }
-
-        var state = {
-          loading: NotLoaded,
-          preload: null
-        }; // Attempt to hydrate instance from DOM
-
-        var instance = ownerDocument.querySelector(
-          getStylesheetSelectorFromKey(key)
-        );
-
-        if (instance) {
-          state.loading = Loaded | Inserted;
-        } else {
-          // Construct a new instance and insert it
-          var stylesheetProps = assign(
-            {
-              rel: "stylesheet",
-              href: href,
-              "data-precedence": precedence
-            },
-            options
-          );
-
-          var preloadProps = preloadPropsMap.get(key);
-
-          if (preloadProps) {
-            adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
-          }
-
-          var link = (instance = ownerDocument.createElement("link"));
-          markNodeAsHoistable(link);
-          setInitialProperties(link, "link", stylesheetProps);
-          link._p = new Promise(function (resolve, reject) {
-            link.onload = resolve;
-            link.onerror = reject;
-          });
-          link.addEventListener("load", function () {
-            state.loading |= Loaded;
-          });
-          link.addEventListener("error", function () {
-            state.loading |= Errored;
-          });
-          state.loading |= Inserted;
-          insertStylesheet(instance, precedence, ownerDocument);
-        } // Construct a Resource and cache it
-
-        resource = {
-          type: "stylesheet",
-          instance: instance,
-          count: 1,
-          state: state
-        };
-        styles.set(key, resource);
-        return;
-      }
-    }
-
-    function preinitScript(src, options) {
-      previousDispatcher.X(
-        /* preinitScript */
-        src,
-        options
-      );
-      var ownerDocument = getGlobalDocument();
-
-      if (ownerDocument && src) {
-        var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts;
-        var key = getScriptKey(src); // Check if this resource already exists
-
-        var resource = scripts.get(key);
-
-        if (resource) {
-          // We can early return. The resource exists and there is nothing
-          // more to do
-          return;
-        } // Attempt to hydrate instance from DOM
-
-        var instance = ownerDocument.querySelector(
-          getScriptSelectorFromKey(key)
-        );
-
-        if (!instance) {
-          // Construct a new instance and insert it
-          var scriptProps = assign(
-            {
-              src: src,
-              async: true
-            },
-            options
-          ); // Adopt certain preload props
-
-          var preloadProps = preloadPropsMap.get(key);
-
-          if (preloadProps) {
-            adoptPreloadPropsForScript(scriptProps, preloadProps);
-          }
-
-          instance = ownerDocument.createElement("script");
-          markNodeAsHoistable(instance);
-          setInitialProperties(instance, "link", scriptProps);
-          ownerDocument.head.appendChild(instance);
-        } // Construct a Resource and cache it
-
-        resource = {
-          type: "script",
-          instance: instance,
-          count: 1,
-          state: null
-        };
-        scripts.set(key, resource);
-        return;
-      }
-    }
-
-    function preinitModuleScript(src, options) {
-      previousDispatcher.M(
-        /* preinitModuleScript */
-        src,
-        options
-      );
-      var ownerDocument = getGlobalDocument();
-
-      if (ownerDocument && src) {
-        var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts;
-        var key = getScriptKey(src); // Check if this resource already exists
-
-        var resource = scripts.get(key);
-
-        if (resource) {
-          // We can early return. The resource exists and there is nothing
-          // more to do
-          return;
-        } // Attempt to hydrate instance from DOM
-
-        var instance = ownerDocument.querySelector(
-          getScriptSelectorFromKey(key)
-        );
-
-        if (!instance) {
-          // Construct a new instance and insert it
-          var scriptProps = assign(
-            {
-              src: src,
-              async: true,
-              type: "module"
-            },
-            options
-          ); // Adopt certain preload props
-
-          var preloadProps = preloadPropsMap.get(key);
-
-          if (preloadProps) {
-            adoptPreloadPropsForScript(scriptProps, preloadProps);
-          }
-
-          instance = ownerDocument.createElement("script");
-          markNodeAsHoistable(instance);
-          setInitialProperties(instance, "link", scriptProps);
-          ownerDocument.head.appendChild(instance);
-        } // Construct a Resource and cache it
-
-        resource = {
-          type: "script",
-          instance: instance,
-          count: 1,
-          state: null
-        };
-        scripts.set(key, resource);
-        return;
-      }
-    } // This function is called in begin work and we should always have a currentDocument set
-
-    function getResource(type, currentProps, pendingProps) {
-      var resourceRoot = getCurrentResourceRoot();
-
-      if (!resourceRoot) {
-        throw new Error(
-          '"resourceRoot" was expected to exist. This is a bug in React.'
-        );
-      }
-
-      switch (type) {
-        case "meta":
-        case "title": {
-          return null;
-        }
-
-        case "style": {
-          if (
-            typeof pendingProps.precedence === "string" &&
-            typeof pendingProps.href === "string"
-          ) {
-            var key = getStyleKey(pendingProps.href);
-            var styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
-            var resource = styles.get(key);
-
-            if (!resource) {
-              resource = {
-                type: "style",
-                instance: null,
-                count: 0,
-                state: null
-              };
-              styles.set(key, resource);
-            }
-
-            return resource;
-          }
-
-          return {
-            type: "void",
-            instance: null,
-            count: 0,
-            state: null
-          };
-        }
-
-        case "link": {
-          if (
-            pendingProps.rel === "stylesheet" &&
-            typeof pendingProps.href === "string" &&
-            typeof pendingProps.precedence === "string"
-          ) {
-            var qualifiedProps = pendingProps;
-
-            var _key = getStyleKey(qualifiedProps.href);
-
-            var _styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
-
-            var _resource = _styles.get(_key);
-
-            if (!_resource) {
-              // We asserted this above but Flow can't figure out that the type satisfies
-              var ownerDocument = getDocumentFromRoot(resourceRoot);
-              _resource = {
-                type: "stylesheet",
-                instance: null,
-                count: 0,
-                state: {
-                  loading: NotLoaded,
-                  preload: null
-                }
-              };
-
-              _styles.set(_key, _resource);
-
-              if (!preloadPropsMap.has(_key)) {
-                preloadStylesheet(
-                  ownerDocument,
-                  _key,
-                  preloadPropsFromStylesheet(qualifiedProps),
-                  _resource.state
-                );
-              }
-            }
-
-            return _resource;
-          }
-
-          return null;
-        }
-
-        case "script": {
-          var async = pendingProps.async;
-          var src = pendingProps.src;
-
-          if (
-            typeof src === "string" &&
-            async &&
-            typeof async !== "function" &&
-            typeof async !== "symbol"
-          ) {
-            var _key2 = getScriptKey(src);
-
-            var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
-
-            var _resource2 = scripts.get(_key2);
-
-            if (!_resource2) {
-              _resource2 = {
-                type: "script",
-                instance: null,
-                count: 0,
-                state: null
-              };
-              scripts.set(_key2, _resource2);
-            }
-
-            return _resource2;
-          }
-
-          return {
-            type: "void",
-            instance: null,
-            count: 0,
-            state: null
-          };
-        }
-
-        default: {
-          throw new Error(
-            'getResource encountered a type it did not expect: "' +
-              type +
-              '". this is a bug in React.'
-          );
-        }
-      }
-    }
-
-    function styleTagPropsFromRawProps(rawProps) {
-      return assign({}, rawProps, {
-        "data-href": rawProps.href,
-        "data-precedence": rawProps.precedence,
-        href: null,
-        precedence: null
-      });
-    }
-
-    function getStyleKey(href) {
-      var limitedEscapedHref =
-        escapeSelectorAttributeValueInsideDoubleQuotes(href);
-      return 'href="' + limitedEscapedHref + '"';
-    }
-
-    function getStyleTagSelector(href) {
-      var limitedEscapedHref =
-        escapeSelectorAttributeValueInsideDoubleQuotes(href);
-      return 'style[data-href~="' + limitedEscapedHref + '"]';
-    }
-
-    function getStylesheetSelectorFromKey(key) {
-      return 'link[rel="stylesheet"][' + key + "]";
-    }
-
-    function getPreloadStylesheetSelectorFromKey(key) {
-      return 'link[rel="preload"][as="style"][' + key + "]";
-    }
-
-    function stylesheetPropsFromRawProps(rawProps) {
-      return assign({}, rawProps, {
-        "data-precedence": rawProps.precedence,
-        precedence: null
-      });
-    }
-
-    function preloadStylesheet(ownerDocument, key, preloadProps, state) {
-      preloadPropsMap.set(key, preloadProps);
-
-      if (!ownerDocument.querySelector(getStylesheetSelectorFromKey(key))) {
-        // There is no matching stylesheet instance in the Document.
-        // We will insert a preload now to kick off loading because
-        // we expect this stylesheet to commit
-        var preloadEl = ownerDocument.querySelector(
-          getPreloadStylesheetSelectorFromKey(key)
-        );
-
-        if (preloadEl) {
-          // If we find a preload already it was SSR'd and we won't have an actual
-          // loading state to track. For now we will just assume it is loaded
-          state.loading = Loaded;
-        } else {
-          var instance = ownerDocument.createElement("link");
-          state.preload = instance;
-          instance.addEventListener("load", function () {
-            return (state.loading |= Loaded);
-          });
-          instance.addEventListener("error", function () {
-            return (state.loading |= Errored);
-          });
-          setInitialProperties(instance, "link", preloadProps);
-          markNodeAsHoistable(instance);
-          ownerDocument.head.appendChild(instance);
-        }
-      }
-    }
-
-    function preloadPropsFromStylesheet(props) {
-      return {
-        rel: "preload",
-        as: "style",
-        href: props.href,
-        crossOrigin: props.crossOrigin,
-        integrity: props.integrity,
-        media: props.media,
-        hrefLang: props.hrefLang,
-        referrerPolicy: props.referrerPolicy
-      };
-    }
-
-    function getScriptKey(src) {
-      var limitedEscapedSrc =
-        escapeSelectorAttributeValueInsideDoubleQuotes(src);
-      return '[src="' + limitedEscapedSrc + '"]';
-    }
-
-    function getScriptSelectorFromKey(key) {
-      return "script[async]" + key;
-    }
-
-    function acquireResource(hoistableRoot, resource, props) {
-      resource.count++;
-
-      if (resource.instance === null) {
-        switch (resource.type) {
-          case "style": {
-            var qualifiedProps = props; // Attempt to hydrate instance from DOM
-
-            var instance = hoistableRoot.querySelector(
-              getStyleTagSelector(qualifiedProps.href)
-            );
-
-            if (instance) {
-              resource.instance = instance;
-              markNodeAsHoistable(instance);
-              return instance;
-            }
-
-            var styleProps = styleTagPropsFromRawProps(props);
-            var ownerDocument = getDocumentFromRoot(hoistableRoot);
-            instance = ownerDocument.createElement("style");
-            markNodeAsHoistable(instance);
-            setInitialProperties(instance, "style", styleProps); // TODO: `style` does not have loading state for tracking insertions. I
-            // guess because these aren't suspensey? Not sure whether this is a
-            // factoring smell.
-            // resource.state.loading |= Inserted;
-
-            insertStylesheet(
-              instance,
-              qualifiedProps.precedence,
-              hoistableRoot
-            );
-            resource.instance = instance;
-            return instance;
-          }
-
-          case "stylesheet": {
-            // This typing is enforce by `getResource`. If we change the logic
-            // there for what qualifies as a stylesheet resource we need to ensure
-            // this cast still makes sense;
-            var _qualifiedProps = props;
-            var key = getStyleKey(_qualifiedProps.href); // Attempt to hydrate instance from DOM
-
-            var _instance = hoistableRoot.querySelector(
-              getStylesheetSelectorFromKey(key)
-            );
-
-            if (_instance) {
-              resource.state.loading |= Inserted;
-              resource.instance = _instance;
-              markNodeAsHoistable(_instance);
-              return _instance;
-            }
-
-            var stylesheetProps = stylesheetPropsFromRawProps(props);
-            var preloadProps = preloadPropsMap.get(key);
-
-            if (preloadProps) {
-              adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
-            } // Construct and insert a new instance
-
-            var _ownerDocument = getDocumentFromRoot(hoistableRoot);
-
-            _instance = _ownerDocument.createElement("link");
-            markNodeAsHoistable(_instance);
-            var linkInstance = _instance;
-            linkInstance._p = new Promise(function (resolve, reject) {
-              linkInstance.onload = resolve;
-              linkInstance.onerror = reject;
-            });
-            setInitialProperties(_instance, "link", stylesheetProps);
-            resource.state.loading |= Inserted;
-            insertStylesheet(
-              _instance,
-              _qualifiedProps.precedence,
-              hoistableRoot
-            );
-            resource.instance = _instance;
-            return _instance;
-          }
-
-          case "script": {
-            // This typing is enforce by `getResource`. If we change the logic
-            // there for what qualifies as a stylesheet resource we need to ensure
-            // this cast still makes sense;
-            var borrowedScriptProps = props;
-
-            var _key3 = getScriptKey(borrowedScriptProps.src); // Attempt to hydrate instance from DOM
-
-            var _instance2 = hoistableRoot.querySelector(
-              getScriptSelectorFromKey(_key3)
-            );
-
-            if (_instance2) {
-              resource.instance = _instance2;
-              markNodeAsHoistable(_instance2);
-              return _instance2;
-            }
-
-            var scriptProps = borrowedScriptProps;
-
-            var _preloadProps = preloadPropsMap.get(_key3);
-
-            if (_preloadProps) {
-              scriptProps = assign({}, borrowedScriptProps);
-              adoptPreloadPropsForScript(scriptProps, _preloadProps);
-            } // Construct and insert a new instance
-
-            var _ownerDocument2 = getDocumentFromRoot(hoistableRoot);
-
-            _instance2 = _ownerDocument2.createElement("script");
-            markNodeAsHoistable(_instance2);
-            setInitialProperties(_instance2, "link", scriptProps);
-
-            _ownerDocument2.head.appendChild(_instance2);
-
-            resource.instance = _instance2;
-            return _instance2;
-          }
-
-          case "void": {
-            return null;
-          }
-
-          default: {
-            throw new Error(
-              'acquireResource encountered a resource type it did not expect: "' +
-                resource.type +
-                '". this is a bug in React.'
-            );
-          }
-        }
-      } else {
-        // In the case of stylesheets, they might have already been assigned an
-        // instance during `suspendResource`. But that doesn't mean they were
-        // inserted, because the commit might have been interrupted. So we need to
-        // check now.
-        //
-        // The other resource types are unaffected because they are not
-        // yet suspensey.
-        //
-        // TODO: This is a bit of a code smell. Consider refactoring how
-        // `suspendResource` and `acquireResource` work together. The idea is that
-        // `suspendResource` does all the same stuff as `acquireResource` except
-        // for the insertion.
-        if (
-          resource.type === "stylesheet" &&
-          (resource.state.loading & Inserted) === NotLoaded
-        ) {
-          var _qualifiedProps2 = props;
-          var _instance3 = resource.instance;
-          resource.state.loading |= Inserted;
-          insertStylesheet(
-            _instance3,
-            _qualifiedProps2.precedence,
-            hoistableRoot
-          );
-        }
-      }
-
-      return resource.instance;
-    }
-    function releaseResource(resource) {
-      resource.count--;
-    }
-
-    function insertStylesheet(instance, precedence, root) {
-      var nodes = root.querySelectorAll(
-        'link[rel="stylesheet"][data-precedence],style[data-precedence]'
-      );
-      var last = nodes.length ? nodes[nodes.length - 1] : null;
-      var prior = last;
-
-      for (var i = 0; i < nodes.length; i++) {
-        var node = nodes[i];
-        var nodePrecedence = node.dataset.precedence;
-
-        if (nodePrecedence === precedence) {
-          prior = node;
-        } else if (prior !== last) {
-          break;
-        }
-      }
-
-      if (prior) {
-        // We get the prior from the document so we know it is in the tree.
-        // We also know that links can't be the topmost Node so the parentNode
-        // must exist.
-        prior.parentNode.insertBefore(instance, prior.nextSibling);
-      } else {
-        var parent = root.nodeType === DOCUMENT_NODE ? root.head : root;
-        parent.insertBefore(instance, parent.firstChild);
-      }
-    }
-
-    function adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps) {
-      if (stylesheetProps.crossOrigin == null)
-        stylesheetProps.crossOrigin = preloadProps.crossOrigin;
-      if (stylesheetProps.referrerPolicy == null)
-        stylesheetProps.referrerPolicy = preloadProps.referrerPolicy;
-      if (stylesheetProps.title == null)
-        stylesheetProps.title = preloadProps.title;
-    }
-
-    function adoptPreloadPropsForScript(scriptProps, preloadProps) {
-      if (scriptProps.crossOrigin == null)
-        scriptProps.crossOrigin = preloadProps.crossOrigin;
-      if (scriptProps.referrerPolicy == null)
-        scriptProps.referrerPolicy = preloadProps.referrerPolicy;
-      if (scriptProps.integrity == null)
-        scriptProps.integrity = preloadProps.integrity;
-    }
-
-    var tagCaches = null;
-    function hydrateHoistable(
-      hoistableRoot,
-      type,
-      props,
-      internalInstanceHandle
-    ) {
-      var ownerDocument = getDocumentFromRoot(hoistableRoot);
-      var instance = null;
-
-      getInstance: switch (type) {
-        case "title": {
-          instance = ownerDocument.getElementsByTagName("title")[0];
-
-          if (
-            !instance ||
-            isOwnedInstance(instance) ||
-            instance.namespaceURI === SVG_NAMESPACE ||
-            instance.hasAttribute("itemprop")
-          ) {
-            instance = ownerDocument.createElement(type);
-            ownerDocument.head.insertBefore(
-              instance,
-              ownerDocument.querySelector("head > title")
-            );
-          }
-
-          setInitialProperties(instance, type, props);
-          precacheFiberNode(internalInstanceHandle, instance);
-          markNodeAsHoistable(instance);
-          return instance;
-        }
-
-        case "link": {
-          var cache = getHydratableHoistableCache(
-            "link",
-            "href",
-            ownerDocument
-          );
-          var key = type + (props.href || "");
-          var maybeNodes = cache.get(key);
-
-          if (maybeNodes) {
-            var nodes = maybeNodes;
-
-            for (var i = 0; i < nodes.length; i++) {
-              var node = nodes[i];
-
-              if (
-                node.getAttribute("href") !==
-                  (props.href == null ? null : props.href) ||
-                node.getAttribute("rel") !==
-                  (props.rel == null ? null : props.rel) ||
-                node.getAttribute("title") !==
-                  (props.title == null ? null : props.title) ||
-                node.getAttribute("crossorigin") !==
-                  (props.crossOrigin == null ? null : props.crossOrigin)
-              ) {
-                // mismatch, try the next node;
-                continue;
-              }
-
-              instance = node;
-              nodes.splice(i, 1);
-              break getInstance;
-            }
-          }
-
-          instance = ownerDocument.createElement(type);
-          setInitialProperties(instance, type, props);
-          ownerDocument.head.appendChild(instance);
-          break;
-        }
-
-        case "meta": {
-          var _cache = getHydratableHoistableCache(
-            "meta",
-            "content",
-            ownerDocument
-          );
-
-          var _key4 = type + (props.content || "");
-
-          var _maybeNodes = _cache.get(_key4);
-
-          if (_maybeNodes) {
-            var _nodes = _maybeNodes;
-
-            for (var _i = 0; _i < _nodes.length; _i++) {
-              var _node = _nodes[_i]; // We coerce content to string because it is the most likely one to
-              // use a `toString` capable value. For the rest we just do identity match
-              // passing non-strings here is not really valid anyway.
-
-              {
-                checkAttributeStringCoercion(props.content, "content");
-              }
-
-              if (
-                _node.getAttribute("content") !==
-                  (props.content == null ? null : "" + props.content) ||
-                _node.getAttribute("name") !==
-                  (props.name == null ? null : props.name) ||
-                _node.getAttribute("property") !==
-                  (props.property == null ? null : props.property) ||
-                _node.getAttribute("http-equiv") !==
-                  (props.httpEquiv == null ? null : props.httpEquiv) ||
-                _node.getAttribute("charset") !==
-                  (props.charSet == null ? null : props.charSet)
-              ) {
-                // mismatch, try the next node;
-                continue;
-              }
-
-              instance = _node;
-
-              _nodes.splice(_i, 1);
-
-              break getInstance;
-            }
-          }
-
-          instance = ownerDocument.createElement(type);
-          setInitialProperties(instance, type, props);
-          ownerDocument.head.appendChild(instance);
-          break;
-        }
-
-        default:
-          throw new Error(
-            'getNodesForType encountered a type it did not expect: "' +
-              type +
-              '". This is a bug in React.'
-          );
-      } // This node is a match
-
-      precacheFiberNode(internalInstanceHandle, instance);
-      markNodeAsHoistable(instance);
-      return instance;
-    }
-
-    function getHydratableHoistableCache(type, keyAttribute, ownerDocument) {
-      var cache;
-      var caches;
-
-      if (tagCaches === null) {
-        cache = new Map();
-        caches = tagCaches = new Map();
-        caches.set(ownerDocument, cache);
-      } else {
-        caches = tagCaches;
-        var maybeCache = caches.get(ownerDocument);
-
-        if (!maybeCache) {
-          cache = new Map();
-          caches.set(ownerDocument, cache);
-        } else {
-          cache = maybeCache;
-        }
-      }
-
-      if (cache.has(type)) {
-        // We use type as a special key that signals that this cache has been seeded for this type
-        return cache;
-      } // Mark this cache as seeded for this type
-
-      cache.set(type, null);
-      var nodes = ownerDocument.getElementsByTagName(type);
-
-      for (var i = 0; i < nodes.length; i++) {
-        var node = nodes[i];
-
-        if (
-          !isOwnedInstance(node) &&
-          (type !== "link" || node.getAttribute("rel") !== "stylesheet") &&
-          node.namespaceURI !== SVG_NAMESPACE
-        ) {
-          var nodeKey = node.getAttribute(keyAttribute) || "";
-          var key = type + nodeKey;
-          var existing = cache.get(key);
-
-          if (existing) {
-            existing.push(node);
-          } else {
-            cache.set(key, [node]);
-          }
-        }
-      }
-
-      return cache;
-    }
-
-    function mountHoistable(hoistableRoot, type, instance) {
-      var ownerDocument = getDocumentFromRoot(hoistableRoot);
-      ownerDocument.head.insertBefore(
-        instance,
-        type === "title" ? ownerDocument.querySelector("head > title") : null
-      );
-    }
-    function unmountHoistable(instance) {
-      instance.parentNode.removeChild(instance);
-    }
-    function isHostHoistableType(type, props, hostContext) {
-      var outsideHostContainerContext;
-      var hostContextProd;
-
-      {
-        var hostContextDev = hostContext; // We can only render resources when we are not within the host container context
-
-        outsideHostContainerContext =
-          !hostContextDev.ancestorInfo.containerTagInScope;
-        hostContextProd = hostContextDev.context;
-      } // Global opt out of hoisting for anything in SVG Namespace or anything with an itemProp inside an itemScope
-
-      if (
-        hostContextProd === HostContextNamespaceSvg ||
-        props.itemProp != null
-      ) {
-        {
-          if (
-            outsideHostContainerContext &&
-            props.itemProp != null &&
-            (type === "meta" ||
-              type === "title" ||
-              type === "style" ||
-              type === "link" ||
-              type === "script")
-          ) {
-            error(
-              "Cannot render a <%s> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an" +
-                " `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <%s> remove the `itemProp` prop." +
-                " Otherwise, try moving this tag into the <head> or <body> of the Document.",
-              type,
-              type
-            );
+            return true;
           }
         }
 
         return false;
       }
-
-      switch (type) {
-        case "meta":
-        case "title": {
-          return true;
+    }
+    function markFailedErrorBoundaryForHotReloading(fiber) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return;
         }
 
-        case "style": {
+        if (typeof WeakSet !== "function") {
+          return;
+        }
+
+        if (failedBoundaries === null) {
+          failedBoundaries = new WeakSet();
+        }
+
+        failedBoundaries.add(fiber);
+      }
+    }
+    var scheduleRefresh = function (root, update) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return;
+        }
+
+        var staleFamilies = update.staleFamilies,
+          updatedFamilies = update.updatedFamilies;
+        flushPassiveEffects();
+        flushSync$1(function () {
+          scheduleFibersWithFamiliesRecursively(
+            root.current,
+            updatedFamilies,
+            staleFamilies
+          );
+        });
+      }
+    };
+    var scheduleRoot = function (root, element) {
+      {
+        if (root.context !== emptyContextObject) {
+          // Super edge case: root has a legacy _renderSubtree context
+          // but we don't know the parentComponent so we can't pass it.
+          // Just ignore. We'll delete this with _renderSubtree code path later.
+          return;
+        }
+
+        flushPassiveEffects();
+        flushSync$1(function () {
+          updateContainer(element, root, null, null);
+        });
+      }
+    };
+
+    function scheduleFibersWithFamiliesRecursively(
+      fiber,
+      updatedFamilies,
+      staleFamilies
+    ) {
+      {
+        var alternate = fiber.alternate,
+          child = fiber.child,
+          sibling = fiber.sibling,
+          tag = fiber.tag,
+          type = fiber.type;
+        var candidateType = null;
+
+        switch (tag) {
+          case FunctionComponent:
+          case SimpleMemoComponent:
+          case ClassComponent:
+            candidateType = type;
+            break;
+
+          case ForwardRef:
+            candidateType = type.render;
+            break;
+        }
+
+        if (resolveFamily === null) {
+          throw new Error(
+            "Expected resolveFamily to be set during hot reload."
+          );
+        }
+
+        var needsRender = false;
+        var needsRemount = false;
+
+        if (candidateType !== null) {
+          var family = resolveFamily(candidateType);
+
+          if (family !== undefined) {
+            if (staleFamilies.has(family)) {
+              needsRemount = true;
+            } else if (updatedFamilies.has(family)) {
+              if (tag === ClassComponent) {
+                needsRemount = true;
+              } else {
+                needsRender = true;
+              }
+            }
+          }
+        }
+
+        if (failedBoundaries !== null) {
           if (
-            typeof props.precedence !== "string" ||
-            typeof props.href !== "string" ||
-            props.href === ""
+            failedBoundaries.has(fiber) || // $FlowFixMe[incompatible-use] found when upgrading Flow
+            (alternate !== null && failedBoundaries.has(alternate))
           ) {
-            {
-              if (outsideHostContainerContext) {
-                error(
-                  "Cannot render a <style> outside the main document without knowing its precedence and a unique href key." +
-                    " React can hoist and deduplicate <style> tags if you provide a `precedence` prop along with an `href` prop that" +
-                    ' does not conflic with the `href` values used in any other hoisted <style> or <link rel="stylesheet" ...> tags. ' +
-                    " Note that hoisting <style> tags is considered an advanced feature that most will not use directly." +
-                    ' Consider moving the <style> tag to the <head> or consider adding a `precedence="default"` and `href="some unique resource identifier"`, or move the <style>' +
-                    " to the <style> tag."
-                );
-              }
-            }
-
-            return false;
+            needsRemount = true;
           }
-
-          return true;
         }
 
-        case "link": {
+        if (needsRemount) {
+          fiber._debugNeedsRemount = true;
+        }
+
+        if (needsRemount || needsRender) {
+          var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+
+          if (root !== null) {
+            scheduleUpdateOnFiber(root, fiber, SyncLane);
+          }
+        }
+
+        if (child !== null && !needsRemount) {
+          scheduleFibersWithFamiliesRecursively(
+            child,
+            updatedFamilies,
+            staleFamilies
+          );
+        }
+
+        if (sibling !== null) {
+          scheduleFibersWithFamiliesRecursively(
+            sibling,
+            updatedFamilies,
+            staleFamilies
+          );
+        }
+      }
+    }
+
+    var findHostInstancesForRefresh = function (root, families) {
+      {
+        var hostInstances = new Set();
+        var types = new Set(
+          families.map(function (family) {
+            return family.current;
+          })
+        );
+        findHostInstancesForMatchingFibersRecursively(
+          root.current,
+          types,
+          hostInstances
+        );
+        return hostInstances;
+      }
+    };
+
+    function findHostInstancesForMatchingFibersRecursively(
+      fiber,
+      types,
+      hostInstances
+    ) {
+      {
+        var child = fiber.child,
+          sibling = fiber.sibling,
+          tag = fiber.tag,
+          type = fiber.type;
+        var candidateType = null;
+
+        switch (tag) {
+          case FunctionComponent:
+          case SimpleMemoComponent:
+          case ClassComponent:
+            candidateType = type;
+            break;
+
+          case ForwardRef:
+            candidateType = type.render;
+            break;
+        }
+
+        var didMatch = false;
+
+        if (candidateType !== null) {
+          if (types.has(candidateType)) {
+            didMatch = true;
+          }
+        }
+
+        if (didMatch) {
+          // We have a match. This only drills down to the closest host components.
+          // There's no need to search deeper because for the purpose of giving
+          // visual feedback, "flashing" outermost parent rectangles is sufficient.
+          findHostInstancesForFiberShallowly(fiber, hostInstances);
+        } else {
+          // If there's no match, maybe there will be one further down in the child tree.
+          if (child !== null) {
+            findHostInstancesForMatchingFibersRecursively(
+              child,
+              types,
+              hostInstances
+            );
+          }
+        }
+
+        if (sibling !== null) {
+          findHostInstancesForMatchingFibersRecursively(
+            sibling,
+            types,
+            hostInstances
+          );
+        }
+      }
+    }
+
+    function findHostInstancesForFiberShallowly(fiber, hostInstances) {
+      {
+        var foundHostInstances = findChildHostInstancesForFiberShallowly(
+          fiber,
+          hostInstances
+        );
+
+        if (foundHostInstances) {
+          return;
+        } // If we didn't find any host children, fallback to closest host parent.
+
+        var node = fiber;
+
+        while (true) {
+          switch (node.tag) {
+            case HostSingleton:
+            case HostComponent:
+              hostInstances.add(node.stateNode);
+              return;
+
+            case HostPortal:
+              hostInstances.add(node.stateNode.containerInfo);
+              return;
+
+            case HostRoot:
+              hostInstances.add(node.stateNode.containerInfo);
+              return;
+          }
+
+          if (node.return === null) {
+            throw new Error("Expected to reach root first.");
+          }
+
+          node = node.return;
+        }
+      }
+    }
+
+    function findChildHostInstancesForFiberShallowly(fiber, hostInstances) {
+      {
+        var node = fiber;
+        var foundHostInstances = false;
+
+        while (true) {
           if (
-            typeof props.rel !== "string" ||
-            typeof props.href !== "string" ||
-            props.href === "" ||
-            props.onLoad ||
-            props.onError
+            node.tag === HostComponent ||
+            node.tag === HostHoistable ||
+            node.tag === HostSingleton
           ) {
-            {
-              if (
-                props.rel === "stylesheet" &&
-                typeof props.precedence === "string"
-              ) {
-                validateLinkPropsForStyleResource(props);
-              }
-
-              if (outsideHostContainerContext) {
-                if (
-                  typeof props.rel !== "string" ||
-                  typeof props.href !== "string" ||
-                  props.href === ""
-                ) {
-                  error(
-                    "Cannot render a <link> outside the main document without a `rel` and `href` prop." +
-                      " Try adding a `rel` and/or `href` prop to this <link> or moving the link into the <head> tag"
-                  );
-                } else if (props.onError || props.onLoad) {
-                  error(
-                    "Cannot render a <link> with onLoad or onError listeners outside the main document." +
-                      " Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or" +
-                      " somewhere in the <body>."
-                  );
-                }
-              }
-            }
-
-            return false;
+            // We got a match.
+            foundHostInstances = true;
+            hostInstances.add(node.stateNode); // There may still be more, so keep searching.
+          } else if (node.child !== null) {
+            node.child.return = node;
+            node = node.child;
+            continue;
           }
 
-          switch (props.rel) {
-            case "stylesheet": {
-              var precedence = props.precedence,
-                disabled = props.disabled;
-
-              {
-                if (typeof precedence !== "string") {
-                  if (outsideHostContainerContext) {
-                    error(
-                      'Cannot render a <link rel="stylesheet" /> outside the main document without knowing its precedence.' +
-                        ' Consider adding precedence="default" or moving it into the root <head> tag.'
-                    );
-                  }
-                }
-              }
-
-              return typeof precedence === "string" && disabled == null;
-            }
-
-            default: {
-              return true;
-            }
+          if (node === fiber) {
+            return foundHostInstances;
           }
+
+          while (node.sibling === null) {
+            if (node.return === null || node.return === fiber) {
+              return foundHostInstances;
+            }
+
+            node = node.return;
+          }
+
+          node.sibling.return = node.return;
+          node = node.sibling;
+        }
+      }
+
+      return false;
+    }
+
+    var hasBadMapPolyfill;
+
+    {
+      hasBadMapPolyfill = false;
+
+      try {
+        var nonExtensibleObject = Object.preventExtensions({});
+        /* eslint-disable no-new */
+
+        new Map([[nonExtensibleObject, null]]);
+        new Set([nonExtensibleObject]);
+        /* eslint-enable no-new */
+      } catch (e) {
+        // TODO: Consider warning about bad polyfills
+        hasBadMapPolyfill = true;
+      }
+    }
+
+    function FiberNode(tag, pendingProps, key, mode) {
+      // Instance
+      this.tag = tag;
+      this.key = key;
+      this.elementType = null;
+      this.type = null;
+      this.stateNode = null; // Fiber
+
+      this.return = null;
+      this.child = null;
+      this.sibling = null;
+      this.index = 0;
+      this.ref = null;
+      this.refCleanup = null;
+      this.pendingProps = pendingProps;
+      this.memoizedProps = null;
+      this.updateQueue = null;
+      this.memoizedState = null;
+      this.dependencies = null;
+      this.mode = mode; // Effects
+
+      this.flags = NoFlags$1;
+      this.subtreeFlags = NoFlags$1;
+      this.deletions = null;
+      this.lanes = NoLanes;
+      this.childLanes = NoLanes;
+      this.alternate = null;
+
+      {
+        // Note: The following is done to avoid a v8 performance cliff.
+        //
+        // Initializing the fields below to smis and later updating them with
+        // double values will cause Fibers to end up having separate shapes.
+        // This behavior/bug has something to do with Object.preventExtension().
+        // Fortunately this only impacts DEV builds.
+        // Unfortunately it makes React unusably slow for some applications.
+        // To work around this, initialize the fields below with doubles.
+        //
+        // Learn more about this here:
+        // https://github.com/facebook/react/issues/14365
+        // https://bugs.chromium.org/p/v8/issues/detail?id=8538
+        this.actualDuration = Number.NaN;
+        this.actualStartTime = Number.NaN;
+        this.selfBaseDuration = Number.NaN;
+        this.treeBaseDuration = Number.NaN; // It's okay to replace the initial doubles with smis after initialization.
+        // This won't trigger the performance cliff mentioned above,
+        // and it simplifies other profiler code (including DevTools).
+
+        this.actualDuration = 0;
+        this.actualStartTime = -1;
+        this.selfBaseDuration = 0;
+        this.treeBaseDuration = 0;
+      }
+
+      {
+        // This isn't directly used but is handy for debugging internals:
+        this._debugInfo = null;
+        this._debugOwner = null;
+        this._debugNeedsRemount = false;
+        this._debugHookTypes = null;
+
+        if (
+          !hasBadMapPolyfill &&
+          typeof Object.preventExtensions === "function"
+        ) {
+          Object.preventExtensions(this);
+        }
+      }
+    } // This is a constructor function, rather than a POJO constructor, still
+    // please ensure we do the following:
+    // 1) Nobody should add any instance methods on this. Instance methods can be
+    //    more difficult to predict when they get optimized and they are almost
+    //    never inlined properly in static compilers.
+    // 2) Nobody should rely on `instanceof Fiber` for type testing. We should
+    //    always know when it is a fiber.
+    // 3) We might want to experiment with using numeric keys since they are easier
+    //    to optimize in a non-JIT environment.
+    // 4) We can easily go from a constructor to a createFiber object literal if that
+    //    is faster.
+    // 5) It should be easy to port this to a C struct and keep a C implementation
+    //    compatible.
+
+    function createFiber(tag, pendingProps, key, mode) {
+      // $FlowFixMe[invalid-constructor]: the shapes are exact here but Flow doesn't like constructors
+      return new FiberNode(tag, pendingProps, key, mode);
+    }
+
+    function shouldConstruct(Component) {
+      var prototype = Component.prototype;
+      return !!(prototype && prototype.isReactComponent);
+    }
+
+    function isSimpleFunctionComponent(type) {
+      return (
+        typeof type === "function" &&
+        !shouldConstruct(type) &&
+        type.defaultProps === undefined
+      );
+    }
+    function isFunctionClassComponent(type) {
+      return shouldConstruct(type);
+    } // This is used to create an alternate fiber to do work on.
+
+    function createWorkInProgress(current, pendingProps) {
+      var workInProgress = current.alternate;
+
+      if (workInProgress === null) {
+        // We use a double buffering pooling technique because we know that we'll
+        // only ever need at most two versions of a tree. We pool the "other" unused
+        // node that we're free to reuse. This is lazily created to avoid allocating
+        // extra objects for things that are never updated. It also allow us to
+        // reclaim the extra memory if needed.
+        workInProgress = createFiber(
+          current.tag,
+          pendingProps,
+          current.key,
+          current.mode
+        );
+        workInProgress.elementType = current.elementType;
+        workInProgress.type = current.type;
+        workInProgress.stateNode = current.stateNode;
+
+        {
+          // DEV-only fields
+          workInProgress._debugOwner = current._debugOwner;
+          workInProgress._debugHookTypes = current._debugHookTypes;
         }
 
-        case "script": {
-          var isAsync =
-            props.async &&
-            typeof props.async !== "function" &&
-            typeof props.async !== "symbol";
+        workInProgress.alternate = current;
+        current.alternate = workInProgress;
+      } else {
+        workInProgress.pendingProps = pendingProps; // Needed because Blocks store data on type.
 
-          if (
-            !isAsync ||
-            props.onLoad ||
-            props.onError ||
-            !props.src ||
-            typeof props.src !== "string"
-          ) {
-            {
-              if (outsideHostContainerContext) {
-                if (!isAsync) {
-                  error(
-                    "Cannot render a sync or defer <script> outside the main document without knowing its order." +
-                      ' Try adding async="" or moving it into the root <head> tag.'
-                  );
-                } else if (props.onLoad || props.onError) {
-                  error(
-                    "Cannot render a <script> with onLoad or onError listeners outside the main document." +
-                      " Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or" +
-                      " somewhere in the <body>."
-                  );
-                } else {
-                  error(
-                    "Cannot render a <script> outside the main document without `async={true}` and a non-empty `src` prop." +
-                      " Ensure there is a valid `src` and either make the script async or move it into the root <head> tag or" +
-                      " somewhere in the <body>."
-                  );
-                }
-              }
-            }
+        workInProgress.type = current.type; // We already have an alternate.
+        // Reset the effect tag.
 
-            return false;
-          }
+        workInProgress.flags = NoFlags$1; // The effects are no longer valid.
 
-          return true;
+        workInProgress.subtreeFlags = NoFlags$1;
+        workInProgress.deletions = null;
+
+        {
+          // We intentionally reset, rather than copy, actualDuration & actualStartTime.
+          // This prevents time from endlessly accumulating in new commits.
+          // This has the downside of resetting values for different priority renders,
+          // But works for yielding (the common case) and should support resuming.
+          workInProgress.actualDuration = 0;
+          workInProgress.actualStartTime = -1;
+        }
+      } // Reset all effects except static ones.
+      // Static effects are not specific to a render.
+
+      workInProgress.flags = current.flags & StaticMask;
+      workInProgress.childLanes = current.childLanes;
+      workInProgress.lanes = current.lanes;
+      workInProgress.child = current.child;
+      workInProgress.memoizedProps = current.memoizedProps;
+      workInProgress.memoizedState = current.memoizedState;
+      workInProgress.updateQueue = current.updateQueue; // Clone the dependencies object. This is mutated during the render phase, so
+      // it cannot be shared with the current fiber.
+
+      var currentDependencies = current.dependencies;
+      workInProgress.dependencies =
+        currentDependencies === null
+          ? null
+          : {
+              lanes: currentDependencies.lanes,
+              firstContext: currentDependencies.firstContext
+            }; // These will be overridden during the parent's reconciliation
+
+      workInProgress.sibling = current.sibling;
+      workInProgress.index = current.index;
+      workInProgress.ref = current.ref;
+      workInProgress.refCleanup = current.refCleanup;
+
+      {
+        workInProgress.selfBaseDuration = current.selfBaseDuration;
+        workInProgress.treeBaseDuration = current.treeBaseDuration;
+      }
+
+      {
+        workInProgress._debugInfo = current._debugInfo;
+        workInProgress._debugNeedsRemount = current._debugNeedsRemount;
+
+        switch (workInProgress.tag) {
+          case FunctionComponent:
+          case SimpleMemoComponent:
+            workInProgress.type = resolveFunctionForHotReloading(current.type);
+            break;
+
+          case ClassComponent:
+            workInProgress.type = resolveClassForHotReloading(current.type);
+            break;
+
+          case ForwardRef:
+            workInProgress.type = resolveForwardRefForHotReloading(
+              current.type
+            );
+            break;
+        }
+      }
+
+      return workInProgress;
+    } // Used to reuse a Fiber for a second pass.
+
+    function resetWorkInProgress(workInProgress, renderLanes) {
+      // This resets the Fiber to what createFiber or createWorkInProgress would
+      // have set the values to before during the first pass. Ideally this wouldn't
+      // be necessary but unfortunately many code paths reads from the workInProgress
+      // when they should be reading from current and writing to workInProgress.
+      // We assume pendingProps, index, key, ref, return are still untouched to
+      // avoid doing another reconciliation.
+      // Reset the effect flags but keep any Placement tags, since that's something
+      // that child fiber is setting, not the reconciliation.
+      workInProgress.flags &= StaticMask | Placement; // The effects are no longer valid.
+
+      var current = workInProgress.alternate;
+
+      if (current === null) {
+        // Reset to createFiber's initial values.
+        workInProgress.childLanes = NoLanes;
+        workInProgress.lanes = renderLanes;
+        workInProgress.child = null;
+        workInProgress.subtreeFlags = NoFlags$1;
+        workInProgress.memoizedProps = null;
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null;
+        workInProgress.dependencies = null;
+        workInProgress.stateNode = null;
+
+        {
+          // Note: We don't reset the actualTime counts. It's useful to accumulate
+          // actual time across multiple render passes.
+          workInProgress.selfBaseDuration = 0;
+          workInProgress.treeBaseDuration = 0;
+        }
+      } else {
+        // Reset to the cloned values that createWorkInProgress would've.
+        workInProgress.childLanes = current.childLanes;
+        workInProgress.lanes = current.lanes;
+        workInProgress.child = current.child;
+        workInProgress.subtreeFlags = NoFlags$1;
+        workInProgress.deletions = null;
+        workInProgress.memoizedProps = current.memoizedProps;
+        workInProgress.memoizedState = current.memoizedState;
+        workInProgress.updateQueue = current.updateQueue; // Needed because Blocks store data on type.
+
+        workInProgress.type = current.type; // Clone the dependencies object. This is mutated during the render phase, so
+        // it cannot be shared with the current fiber.
+
+        var currentDependencies = current.dependencies;
+        workInProgress.dependencies =
+          currentDependencies === null
+            ? null
+            : {
+                lanes: currentDependencies.lanes,
+                firstContext: currentDependencies.firstContext
+              };
+
+        {
+          // Note: We don't reset the actualTime counts. It's useful to accumulate
+          // actual time across multiple render passes.
+          workInProgress.selfBaseDuration = current.selfBaseDuration;
+          workInProgress.treeBaseDuration = current.treeBaseDuration;
+        }
+      }
+
+      return workInProgress;
+    }
+    function createHostRootFiber(
+      tag,
+      isStrictMode,
+      concurrentUpdatesByDefaultOverride
+    ) {
+      var mode;
+
+      {
+        mode = ConcurrentMode;
+
+        if (isStrictMode === true) {
+          mode |= StrictLegacyMode | StrictEffectsMode;
         }
 
-        case "noscript":
-        case "template": {
+        if (
+          // Only for internal experiments.
+          concurrentUpdatesByDefaultOverride
+        ) {
+          mode |= ConcurrentUpdatesByDefaultMode;
+        }
+      }
+
+      if (isDevToolsPresent) {
+        // Always collect profile timings when DevTools are present.
+        // This enables DevTools to start capturing timing at any point–
+        // Without some nodes in the tree having empty base times.
+        mode |= ProfileMode;
+      }
+
+      return createFiber(HostRoot, null, null, mode);
+    }
+    function createFiberFromTypeAndProps(
+      type, // React$ElementType
+      key,
+      pendingProps,
+      owner,
+      mode,
+      lanes
+    ) {
+      var fiberTag = FunctionComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
+
+      var resolvedType = type;
+
+      if (typeof type === "function") {
+        if (shouldConstruct(type)) {
+          fiberTag = ClassComponent;
+
           {
-            if (outsideHostContainerContext) {
-              error(
-                "Cannot render <%s> outside the main document. Try moving it into the root <head> tag.",
-                type
+            resolvedType = resolveClassForHotReloading(resolvedType);
+          }
+        } else {
+          {
+            resolvedType = resolveFunctionForHotReloading(resolvedType);
+          }
+        }
+      } else if (typeof type === "string") {
+        {
+          var hostContext = getHostContext();
+          fiberTag = isHostHoistableType(type, pendingProps, hostContext)
+            ? HostHoistable
+            : isHostSingletonType(type)
+            ? HostSingleton
+            : HostComponent;
+        }
+      } else {
+        getTag: switch (type) {
+          case REACT_FRAGMENT_TYPE:
+            return createFiberFromFragment(
+              pendingProps.children,
+              mode,
+              lanes,
+              key
+            );
+
+          case REACT_STRICT_MODE_TYPE:
+            fiberTag = Mode;
+            mode |= StrictLegacyMode;
+
+            {
+              // Strict effects should never run on legacy roots
+              mode |= StrictEffectsMode;
+
+              if (
+                enableDO_NOT_USE_disableStrictPassiveEffect &&
+                pendingProps.DO_NOT_USE_disableStrictPassiveEffect
+              ) {
+                mode |= NoStrictPassiveEffectsMode;
+              }
+            }
+
+            break;
+
+          case REACT_PROFILER_TYPE:
+            return createFiberFromProfiler(pendingProps, mode, lanes, key);
+
+          case REACT_SUSPENSE_TYPE:
+            return createFiberFromSuspense(pendingProps, mode, lanes, key);
+
+          case REACT_SUSPENSE_LIST_TYPE:
+            return createFiberFromSuspenseList(pendingProps, mode, lanes, key);
+
+          case REACT_OFFSCREEN_TYPE:
+            return createFiberFromOffscreen(pendingProps, mode, lanes, key);
+
+          case REACT_LEGACY_HIDDEN_TYPE: {
+            return createFiberFromLegacyHidden(pendingProps, mode, lanes, key);
+          }
+
+          // Fall through
+
+          case REACT_SCOPE_TYPE: {
+            return createFiberFromScope(type, pendingProps, mode, lanes, key);
+          }
+
+          // Fall through
+
+          case REACT_TRACING_MARKER_TYPE:
+            if (enableTransitionTracing) {
+              return createFiberFromTracingMarker(
+                pendingProps,
+                mode,
+                lanes,
+                key
               );
             }
-          }
 
-          return false;
-        }
-      }
+          // Fall through
 
-      return false;
-    }
-    function mayResourceSuspendCommit(resource) {
-      return (
-        resource.type === "stylesheet" &&
-        (resource.state.loading & Inserted) === NotLoaded
-      );
-    }
-    function preloadInstance(type, props) {
-      // Return true to indicate it's already loaded
-      return true;
-    }
-    function preloadResource(resource) {
-      if (
-        resource.type === "stylesheet" &&
-        (resource.state.loading & Settled) === NotLoaded
-      ) {
-        // we have not finished loading the underlying stylesheet yet.
-        return false;
-      } // Return true to indicate it's already loaded
+          case REACT_DEBUG_TRACING_MODE_TYPE:
+            if (enableDebugTracing) {
+              fiberTag = Mode;
+              mode |= DebugTracingMode;
+              break;
+            }
 
-      return true;
-    }
-    var suspendedState = null; // We use a noop function when we begin suspending because if possible we want the
-    // waitfor step to finish synchronously. If it doesn't we'll return a function to
-    // provide the actual unsuspend function and that will get completed when the count
-    // hits zero or it will get cancelled if the root starts new work.
+          // Fall through
 
-    function noop() {}
+          default: {
+            if (typeof type === "object" && type !== null) {
+              switch (type.$$typeof) {
+                case REACT_PROVIDER_TYPE:
+                  if (!enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  }
 
-    function startSuspendingCommit() {
-      suspendedState = {
-        stylesheets: null,
-        count: 0,
-        unsuspend: noop
-      };
-    }
-    function suspendResource(hoistableRoot, resource, props) {
-      if (suspendedState === null) {
-        throw new Error(
-          "Internal React Error: suspendedState null when it was expected to exists. Please report this as a React bug."
-        );
-      }
+                // Fall through
 
-      var state = suspendedState;
+                case REACT_CONTEXT_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  } else {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
-      if (resource.type === "stylesheet") {
-        if (typeof props.media === "string") {
-          // If we don't currently match media we avoid suspending on this resource
-          // and let it insert on the mutation path
-          if (matchMedia(props.media).matches === false) {
-            return;
-          }
-        }
+                case REACT_CONSUMER_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
-        if ((resource.state.loading & Inserted) === NotLoaded) {
-          if (resource.instance === null) {
-            var qualifiedProps = props;
-            var key = getStyleKey(qualifiedProps.href); // Attempt to hydrate instance from DOM
+                // Fall through
 
-            var instance = hoistableRoot.querySelector(
-              getStylesheetSelectorFromKey(key)
-            );
+                case REACT_FORWARD_REF_TYPE:
+                  fiberTag = ForwardRef;
 
-            if (instance) {
-              // If this instance has a loading state it came from the Fizz runtime.
-              // If there is not loading state it is assumed to have been server rendered
-              // as part of the preamble and therefore synchronously loaded. It could have
-              // errored however which we still do not yet have a means to detect. For now
-              // we assume it is loaded.
-              var maybeLoadingState = instance._p;
+                  {
+                    resolvedType =
+                      resolveForwardRefForHotReloading(resolvedType);
+                  }
 
+                  break getTag;
+
+                case REACT_MEMO_TYPE:
+                  fiberTag = MemoComponent;
+                  break getTag;
+
+                case REACT_LAZY_TYPE:
+                  fiberTag = LazyComponent;
+                  resolvedType = null;
+                  break getTag;
+              }
+            }
+
+            var info = "";
+
+            {
               if (
-                maybeLoadingState !== null &&
-                typeof maybeLoadingState === "object" && // $FlowFixMe[method-unbinding]
-                typeof maybeLoadingState.then === "function"
+                type === undefined ||
+                (typeof type === "object" &&
+                  type !== null &&
+                  Object.keys(type).length === 0)
               ) {
-                var loadingState = maybeLoadingState;
-                state.count++;
-                var ping = onUnsuspend.bind(state);
-                loadingState.then(ping, ping);
+                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.";
               }
 
-              resource.state.loading |= Inserted;
-              resource.instance = instance;
-              markNodeAsHoistable(instance);
-              return;
+              var ownerName = owner ? getComponentNameFromFiber(owner) : null;
+
+              if (ownerName) {
+                info += "\n\nCheck the render method of `" + ownerName + "`.";
+              }
             }
 
-            var ownerDocument = getDocumentFromRoot(hoistableRoot);
-            var stylesheetProps = stylesheetPropsFromRawProps(props);
-            var preloadProps = preloadPropsMap.get(key);
-
-            if (preloadProps) {
-              adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
-            } // Construct and insert a new instance
-
-            instance = ownerDocument.createElement("link");
-            markNodeAsHoistable(instance);
-            var linkInstance = instance; // This Promise is a loading state used by the Fizz runtime. We need this incase there is a race
-            // between this resource being rendered on the client and being rendered with a late completed boundary.
-
-            linkInstance._p = new Promise(function (resolve, reject) {
-              linkInstance.onload = resolve;
-              linkInstance.onerror = reject;
-            });
-            setInitialProperties(instance, "link", stylesheetProps);
-            resource.instance = instance;
-          }
-
-          if (state.stylesheets === null) {
-            state.stylesheets = new Map();
-          }
-
-          state.stylesheets.set(resource, hoistableRoot);
-          var preloadEl = resource.state.preload;
-
-          if (preloadEl && (resource.state.loading & Settled) === NotLoaded) {
-            state.count++;
-
-            var _ping = onUnsuspend.bind(state);
-
-            preloadEl.addEventListener("load", _ping);
-            preloadEl.addEventListener("error", _ping);
+            throw new Error(
+              "Element type is invalid: expected a string (for built-in " +
+                "components) or a class/function (for composite components) " +
+                ("but got: " + (type == null ? type : typeof type) + "." + info)
+            );
           }
         }
       }
-    }
-    function waitForCommitToBeReady() {
-      if (suspendedState === null) {
-        throw new Error(
-          "Internal React Error: suspendedState null when it was expected to exists. Please report this as a React bug."
-        );
+
+      var fiber = createFiber(fiberTag, pendingProps, key, mode);
+      fiber.elementType = type;
+      fiber.type = resolvedType;
+      fiber.lanes = lanes;
+
+      {
+        fiber._debugOwner = owner;
       }
 
-      var state = suspendedState;
+      return fiber;
+    }
+    function createFiberFromElement(element, mode, lanes) {
+      var owner = null;
 
-      if (state.stylesheets && state.count === 0) {
-        // We are not currently blocked but we have not inserted all stylesheets.
-        // If this insertion happens and loads or errors synchronously then we can
-        // avoid suspending the commit. To do this we check the count again immediately after
-        insertSuspendedStylesheets(state, state.stylesheets);
-      } // We need to check the count again because the inserted stylesheets may have led to new
-      // tasks to wait on.
+      {
+        owner = element._owner;
+      }
 
-      if (state.count > 0) {
-        return function (commit) {
-          // We almost never want to show content before its styles have loaded. But
-          // eventually we will give up and allow unstyled content. So this number is
-          // somewhat arbitrary — big enough that you'd only reach it under
-          // extreme circumstances.
-          // TODO: Figure out what the browser engines do during initial page load and
-          // consider aligning our behavior with that.
-          var stylesheetTimer = setTimeout(function () {
-            if (state.stylesheets) {
-              insertSuspendedStylesheets(state, state.stylesheets);
-            }
+      var type = element.type;
+      var key = element.key;
+      var pendingProps = element.props;
+      var fiber = createFiberFromTypeAndProps(
+        type,
+        key,
+        pendingProps,
+        owner,
+        mode,
+        lanes
+      );
 
-            if (state.unsuspend) {
-              var unsuspend = state.unsuspend;
-              state.unsuspend = null;
-              unsuspend();
-            }
-          }, 60000); // one minute
+      {
+        fiber._debugOwner = element._owner;
+      }
 
-          state.unsuspend = commit;
-          return function () {
-            state.unsuspend = null;
-            clearTimeout(stylesheetTimer);
-          };
+      return fiber;
+    }
+    function createFiberFromFragment(elements, mode, lanes, key) {
+      var fiber = createFiber(Fragment, elements, key, mode);
+      fiber.lanes = lanes;
+      return fiber;
+    }
+
+    function createFiberFromScope(scope, pendingProps, mode, lanes, key) {
+      var fiber = createFiber(ScopeComponent, pendingProps, key, mode);
+      fiber.type = scope;
+      fiber.elementType = scope;
+      fiber.lanes = lanes;
+      return fiber;
+    }
+
+    function createFiberFromProfiler(pendingProps, mode, lanes, key) {
+      {
+        if (typeof pendingProps.id !== "string") {
+          error(
+            'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',
+            typeof pendingProps.id
+          );
+        }
+      }
+
+      var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
+      fiber.elementType = REACT_PROFILER_TYPE;
+      fiber.lanes = lanes;
+
+      {
+        fiber.stateNode = {
+          effectDuration: 0,
+          passiveEffectDuration: 0
         };
       }
 
-      return null;
+      return fiber;
     }
 
-    function onUnsuspend() {
-      this.count--;
-
-      if (this.count === 0) {
-        if (this.stylesheets) {
-          // If we haven't actually inserted the stylesheets yet we need to do so now before starting the commit.
-          // The reason we do this after everything else has finished is because we want to have all the stylesheets
-          // load synchronously right before mutating. Ideally the new styles will cause a single recalc only on the
-          // new tree. When we filled up stylesheets we only inlcuded stylesheets with matching media attributes so we
-          // wait for them to load before actually continuing. We expect this to increase the count above zero
-          insertSuspendedStylesheets(this, this.stylesheets);
-        } else if (this.unsuspend) {
-          var unsuspend = this.unsuspend;
-          this.unsuspend = null;
-          unsuspend();
-        }
-      }
-    } // 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) {
-      // We need to clear this out so we don't try to reinsert after the stylesheets have loaded
-      state.stylesheets = null;
-
-      if (state.unsuspend === null) {
-        // The suspended commit was cancelled. We don't need to insert any stylesheets.
-        return;
-      } // Temporarily increment count. we don't want any synchronously loaded stylesheets to try to unsuspend
-      // before we finish inserting all stylesheets.
-
-      state.count++;
-      precedencesByRoot = new Map();
-      resources.forEach(insertStylesheetIntoRoot, state);
-      precedencesByRoot = null; // We can remove our temporary count and if we're still at zero we can unsuspend.
-      // If we are in the synchronous phase before deciding if the commit should suspend and this
-      // ends up hitting the unsuspend path it will just invoke the noop unsuspend.
-
-      onUnsuspend.call(state);
+    function createFiberFromSuspense(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_SUSPENSE_TYPE;
+      fiber.lanes = lanes;
+      return fiber;
     }
-
-    function insertStylesheetIntoRoot(root, resource, map) {
-      if (resource.state.loading & Inserted) {
-        // This resource was inserted by another root committing. we don't need to insert it again
-        return;
-      }
-
-      var last;
-      var precedences = precedencesByRoot.get(root);
-
-      if (!precedences) {
-        precedences = new Map();
-        precedencesByRoot.set(root, precedences);
-        var nodes = root.querySelectorAll(
-          "link[data-precedence],style[data-precedence]"
-        );
-
-        for (var i = 0; i < nodes.length; i++) {
-          var node = nodes[i];
-
-          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(node.dataset.precedence, node);
-            last = node;
-          }
-        }
-
-        if (last) {
-          precedences.set(LAST_PRECEDENCE, last);
-        }
-      } else {
-        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(precedence) || last;
-
-      if (prior === last) {
-        precedences.set(LAST_PRECEDENCE, instance);
-      }
-
-      precedences.set(precedence, instance);
-      this.count++;
-      var onComplete = onUnsuspend.bind(this);
-      instance.addEventListener("load", onComplete);
-      instance.addEventListener("error", onComplete);
-
-      if (prior) {
-        prior.parentNode.insertBefore(instance, prior.nextSibling);
-      } else {
-        var parent = root.nodeType === DOCUMENT_NODE ? root.head : root;
-        parent.insertBefore(instance, parent.firstChild);
-      }
-
-      resource.state.loading |= Inserted;
+    function createFiberFromSuspenseList(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
+      fiber.lanes = lanes;
+      return fiber;
     }
+    function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(OffscreenComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_OFFSCREEN_TYPE;
+      fiber.lanes = lanes;
+      var primaryChildInstance = {
+        _visibility: OffscreenVisible,
+        _pendingVisibility: OffscreenVisible,
+        _pendingMarkers: null,
+        _retryCache: null,
+        _transitions: null,
+        _current: null,
+        detach: function () {
+          return detachOffscreenInstance(primaryChildInstance);
+        },
+        attach: function () {
+          return attachOffscreenInstance(primaryChildInstance);
+        }
+      };
+      fiber.stateNode = primaryChildInstance;
+      return fiber;
+    }
+    function createFiberFromLegacyHidden(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(LegacyHiddenComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_LEGACY_HIDDEN_TYPE;
+      fiber.lanes = lanes; // Adding a stateNode for legacy hidden because it's currently using
+      // the offscreen implementation, which depends on a state node
 
-    var NotPendingTransition = NotPending;
-    function resetFormInstance(form) {
-      form.reset();
+      var instance = {
+        _visibility: OffscreenVisible,
+        _pendingVisibility: OffscreenVisible,
+        _pendingMarkers: null,
+        _transitions: null,
+        _retryCache: null,
+        _current: null,
+        detach: function () {
+          return detachOffscreenInstance(instance);
+        },
+        attach: function () {
+          return attachOffscreenInstance(instance);
+        }
+      };
+      fiber.stateNode = instance;
+      return fiber;
+    }
+    function createFiberFromTracingMarker(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(TracingMarkerComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_TRACING_MARKER_TYPE;
+      fiber.lanes = lanes;
+      var tracingMarkerInstance = {
+        tag: TransitionTracingMarker,
+        transitions: null,
+        pendingBoundaries: null,
+        aborts: null,
+        name: pendingProps.name
+      };
+      fiber.stateNode = tracingMarkerInstance;
+      return fiber;
+    }
+    function createFiberFromText(content, mode, lanes) {
+      var fiber = createFiber(HostText, content, null, mode);
+      fiber.lanes = lanes;
+      return fiber;
+    }
+    function createFiberFromDehydratedFragment(dehydratedNode) {
+      var fiber = createFiber(DehydratedFragment, null, null, NoMode);
+      fiber.stateNode = dehydratedNode;
+      return fiber;
+    }
+    function createFiberFromPortal(portal, mode, lanes) {
+      var pendingProps = portal.children !== null ? portal.children : [];
+      var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
+      fiber.lanes = lanes;
+      fiber.stateNode = {
+        containerInfo: portal.containerInfo,
+        pendingChildren: null,
+        // Used by persistent updates
+        implementation: portal.implementation
+      };
+      return fiber;
     }
 
     function FiberRootNode(
@@ -45746,7 +45754,7 @@ if (__DEV__) {
       return root;
     }
 
-    var ReactVersion = "19.0.0-www-modern-0cae82b3";
+    var ReactVersion = "19.0.0-www-modern-bedb0a17";
 
     function createPortal$1(
       children,
@@ -45901,52 +45909,13 @@ if (__DEV__) {
       return root;
     }
     function updateContainer(element, container, parentComponent, callback) {
-      var current = container.current;
-      var lane = requestUpdateLane(current);
-      updateContainerImpl(
-        current,
-        lane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return lane;
-    }
-    function updateContainerSync(
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
-      if (container.tag === LegacyRoot) {
-        flushPassiveEffects();
-      }
-
-      var current = container.current;
-      updateContainerImpl(
-        current,
-        SyncLane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return SyncLane;
-    }
-
-    function updateContainerImpl(
-      rootFiber,
-      lane,
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
       {
         onScheduleRoot(container, element);
       }
 
+      var current$1 = container.current;
+      var lane = requestUpdateLane(current$1);
+
       if (enableSchedulingProfiler) {
         markRenderScheduled(lane);
       }
@@ -45995,12 +45964,14 @@ if (__DEV__) {
         update.callback = callback;
       }
 
-      var root = enqueueUpdate(rootFiber, update, lane);
+      var root = enqueueUpdate(current$1, update, lane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, rootFiber, lane);
-        entangleTransitions(root, rootFiber, lane);
+        scheduleUpdateOnFiber(root, current$1, lane);
+        entangleTransitions(root, current$1, lane);
       }
+
+      return lane;
     }
     function attemptSynchronousHydration(fiber) {
       switch (fiber.tag) {
@@ -46017,13 +45988,13 @@ if (__DEV__) {
         }
 
         case SuspenseComponent: {
-          var _root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+          flushSync$1(function () {
+            var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-          if (_root !== null) {
-            scheduleUpdateOnFiber(_root, fiber, SyncLane);
-          }
-
-          flushSyncWork$1(); // If we're still blocked after this, we need to increase
+            if (root !== null) {
+              scheduleUpdateOnFiber(root, fiber, SyncLane);
+            }
+          }); // If we're still blocked after this, we need to increase
           // the priority of any promises resolving within this
           // boundary so that they next attempt also has higher pri.
 
@@ -46360,6 +46331,7 @@ if (__DEV__) {
 
     function injectIntoDevTools(devToolsConfig) {
       var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+      var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
       return injectInternals({
         bundleType: devToolsConfig.bundleType,
         version: devToolsConfig.version,
@@ -46374,7 +46346,7 @@ if (__DEV__) {
         setErrorHandler: setErrorHandler,
         setSuspenseHandler: setSuspenseHandler,
         scheduleUpdate: scheduleUpdate,
-        currentDispatcherRef: ReactSharedInternals,
+        currentDispatcherRef: ReactCurrentDispatcher,
         findHostInstanceByFiber: findHostInstanceByFiber,
         findFiberByHostInstance:
           findFiberByHostInstance || emptyFindFiberByHostInstance,
@@ -46391,6 +46363,8 @@ if (__DEV__) {
       });
     }
 
+    var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig; // TODO: can we stop exporting these?
+
     var _enabled = true; // This is exported in FB builds for use by legacy FB layer infra.
     // We'd like to remove this but it's not clear if this is safe.
 
@@ -46437,16 +46411,16 @@ if (__DEV__) {
       container,
       nativeEvent
     ) {
-      var prevTransition = ReactSharedInternals.T;
-      ReactSharedInternals.T = null;
       var previousPriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
+      ReactCurrentBatchConfig.transition = null;
 
       try {
         setCurrentUpdatePriority(DiscreteEventPriority);
         dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
       }
     }
 
@@ -46456,16 +46430,16 @@ if (__DEV__) {
       container,
       nativeEvent
     ) {
-      var prevTransition = ReactSharedInternals.T;
-      ReactSharedInternals.T = null;
       var previousPriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
+      ReactCurrentBatchConfig.transition = null;
 
       try {
         setCurrentUpdatePriority(ContinuousEventPriority);
         dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
       }
     }
 
@@ -46998,7 +46972,10 @@ if (__DEV__) {
     }
 
     function queueExplicitHydrationTarget(target) {
-      var updatePriority = resolveUpdatePriority();
+      // TODO: This will read the priority if it's dispatched by the React
+      // event system but not native events. Should read window.event.type, like
+      // we do for updates (getCurrentEventPriority).
+      var updatePriority = getCurrentUpdatePriority();
       var queuedTarget = {
         blockedOn: null,
         target: target,
@@ -47352,8 +47329,9 @@ if (__DEV__) {
             }
           }
 
-          updateContainerSync(null, root, null, null);
-          flushSyncWork$1();
+          flushSync$1(function () {
+            updateContainer(null, root, null, null);
+          });
           unmarkContainerAsRoot(container);
         }
       };
@@ -47675,46 +47653,6 @@ if (__DEV__) {
       }
     }
 
-    function flushSyncImpl(fn) {
-      var previousTransition = ReactSharedInternals.T;
-      var previousUpdatePriority = Internals.p;
-      /* ReactDOMCurrentUpdatePriority */
-
-      try {
-        ReactSharedInternals.T = null;
-        Internals.p =
-          /* ReactDOMCurrentUpdatePriority */
-          DiscreteEventPriority;
-
-        if (fn) {
-          return fn();
-        } else {
-          return undefined;
-        }
-      } finally {
-        ReactSharedInternals.T = previousTransition;
-        Internals.p =
-          /* ReactDOMCurrentUpdatePriority */
-          previousUpdatePriority;
-        var wasInRender = Internals.d
-          /* ReactDOMCurrentDispatcher */
-          .f();
-        /* flushSyncWork */
-
-        {
-          if (wasInRender) {
-            error(
-              "flushSync was called from inside a lifecycle method. React cannot " +
-                "flush when React is already rendering. Consider moving this call to " +
-                "a scheduler task or micro task."
-            );
-          }
-        }
-      }
-    }
-
-    var flushSync$1 = flushSyncImpl;
-
     function getCrossOriginString(input) {
       if (typeof input === "string") {
         return input === "use-credentials" ? input : "";
@@ -47734,6 +47672,7 @@ if (__DEV__) {
       return undefined;
     }
 
+    var ReactDOMCurrentDispatcher = Internals.ReactDOMCurrentDispatcher;
     function prefetchDNS(href) {
       {
         if (typeof href !== "string" || !href) {
@@ -47762,12 +47701,7 @@ if (__DEV__) {
       }
 
       if (typeof href === "string") {
-        Internals.d
-          /* ReactDOMCurrentDispatcher */
-          .D(
-            /* prefetchDNS */
-            href
-          );
+        ReactDOMCurrentDispatcher.current.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.
@@ -47796,13 +47730,7 @@ if (__DEV__) {
         var crossOrigin = options
           ? getCrossOriginString(options.crossOrigin)
           : null;
-        Internals.d
-          /* ReactDOMCurrentDispatcher */
-          .C(
-            /* preconnect */
-            href,
-            crossOrigin
-          );
+        ReactDOMCurrentDispatcher.current.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.
@@ -47846,41 +47774,32 @@ if (__DEV__) {
       ) {
         var as = options.as;
         var crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
-        Internals.d
-          /* ReactDOMCurrentDispatcher */
-          .L(
-            /* 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,
-              media:
-                typeof options.media === "string" ? options.media : undefined
-            }
-          );
+        ReactDOMCurrentDispatcher.current.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,
+          media: typeof options.media === "string" ? options.media : 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.
@@ -47926,30 +47845,19 @@ if (__DEV__) {
             options.as,
             options.crossOrigin
           );
-          Internals.d
-            /* ReactDOMCurrentDispatcher */
-            .m(
-              /* preloadModule */
-              href,
-              {
-                as:
-                  typeof options.as === "string" && options.as !== "script"
-                    ? options.as
-                    : undefined,
-                crossOrigin: crossOrigin,
-                integrity:
-                  typeof options.integrity === "string"
-                    ? options.integrity
-                    : undefined
-              }
-            );
+          ReactDOMCurrentDispatcher.current.preloadModule(href, {
+            as:
+              typeof options.as === "string" && options.as !== "script"
+                ? options.as
+                : undefined,
+            crossOrigin: crossOrigin,
+            integrity:
+              typeof options.integrity === "string"
+                ? options.integrity
+                : undefined
+          });
         } else {
-          Internals.d
-            /* ReactDOMCurrentDispatcher */
-            .m(
-              /* preloadModule */
-              href
-            );
+          ReactDOMCurrentDispatcher.current.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
@@ -47990,34 +47898,24 @@ if (__DEV__) {
             : undefined;
 
         if (as === "style") {
-          Internals.d
-            /* ReactDOMCurrentDispatcher */
-            .S(
-              /* preinitStyle */
-              href,
-              typeof options.precedence === "string"
-                ? options.precedence
-                : undefined,
-              {
-                crossOrigin: crossOrigin,
-                integrity: integrity,
-                fetchPriority: fetchPriority
-              }
-            );
+          ReactDOMCurrentDispatcher.current.preinitStyle(
+            href,
+            typeof options.precedence === "string"
+              ? options.precedence
+              : undefined,
+            {
+              crossOrigin: crossOrigin,
+              integrity: integrity,
+              fetchPriority: fetchPriority
+            }
+          );
         } else if (as === "script") {
-          Internals.d
-            /* ReactDOMCurrentDispatcher */
-            .X(
-              /* preinitScript */
-              href,
-              {
-                crossOrigin: crossOrigin,
-                integrity: integrity,
-                fetchPriority: fetchPriority,
-                nonce:
-                  typeof options.nonce === "string" ? options.nonce : undefined
-              }
-            );
+          ReactDOMCurrentDispatcher.current.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
@@ -48084,31 +47982,18 @@ if (__DEV__) {
               options.as,
               options.crossOrigin
             );
-            Internals.d
-              /* ReactDOMCurrentDispatcher */
-              .M(
-                /* preinitModuleScript */
-                href,
-                {
-                  crossOrigin: crossOrigin,
-                  integrity:
-                    typeof options.integrity === "string"
-                      ? options.integrity
-                      : undefined,
-                  nonce:
-                    typeof options.nonce === "string"
-                      ? options.nonce
-                      : undefined
-                }
-              );
+            ReactDOMCurrentDispatcher.current.preinitModuleScript(href, {
+              crossOrigin: crossOrigin,
+              integrity:
+                typeof options.integrity === "string"
+                  ? options.integrity
+                  : undefined,
+              nonce:
+                typeof options.nonce === "string" ? options.nonce : undefined
+            });
           }
         } else if (options == null) {
-          Internals.d
-            /* ReactDOMCurrentDispatcher */
-            .M(
-              /* preinitModuleScript */
-              href
-            );
+          ReactDOMCurrentDispatcher.current.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
@@ -48168,9 +48053,24 @@ if (__DEV__) {
       // $FlowFixMe[incompatible-return] The Flow type is opaque but there's no way to actually create it.
 
       return createPortal$1(children, container, null, key);
-    } // Overload the definition to the two valid signatures.
+    }
+    // Warning, this opts-out of checking the function body.
+    // eslint-disable-next-line no-redeclare
+    // eslint-disable-next-line no-redeclare
 
-    var flushSync = flushSync$1;
+    function flushSync(fn) {
+      {
+        if (isAlreadyRendering()) {
+          error(
+            "flushSync was called from inside a lifecycle method. React cannot " +
+              "flush when React is already rendering. Consider moving this call to " +
+              "a scheduler task or micro task."
+          );
+        }
+      }
+
+      return flushSync$1(fn);
+    }
 
     function findDOMNode(componentOrElement) {
       return findHostInstance(componentOrElement);
@@ -48186,16 +48086,14 @@ if (__DEV__) {
     }
     // This is an array for better minification.
 
-    Internals.Events =
-      /* Events */
-      [
-        getInstanceFromNode$1,
-        getNodeFromInstance,
-        getFiberCurrentPropsFromNode,
-        enqueueStateRestore,
-        restoreStateIfNeeded,
-        unstable_batchedUpdates
-      ];
+    Internals.Events = [
+      getInstanceFromNode$1,
+      getNodeFromInstance,
+      getFiberCurrentPropsFromNode,
+      enqueueStateRestore,
+      restoreStateIfNeeded,
+      unstable_batchedUpdates
+    ];
     var foundDevTools = injectIntoDevTools({
       findFiberByHostInstance: getClosestInstanceFromNode,
       bundleType: 1,
@@ -48299,8 +48197,7 @@ if (__DEV__) {
       );
     }
 
-    exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
-      Internals;
+    exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
     exports.createPortal = createPortal;
     exports.createRoot = createRoot;
     exports.flushSync = flushSync;
@@ -48311,7 +48208,6 @@ if (__DEV__) {
     exports.preinitModule = preinitModule;
     exports.preload = preload;
     exports.preloadModule = preloadModule;
-    exports.requestFormReset = requestFormReset$2;
     exports.unstable_batchedUpdates = unstable_batchedUpdates;
     exports.unstable_createEventHandle = createEventHandle;
     exports.unstable_runWithPriority = runWithPriority;
diff --git a/compiled/facebook-www/ReactDOM-prod.classic.js b/compiled/facebook-www/ReactDOM-prod.classic.js
index 1a6ae8185c..1ab5ec53f5 100644
--- a/compiled/facebook-www/ReactDOM-prod.classic.js
+++ b/compiled/facebook-www/ReactDOM-prod.classic.js
@@ -33,8 +33,9 @@ function formatProdErrorMessage(code) {
   );
 }
 var ReactSharedInternals =
-    React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
+  disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
@@ -346,7 +347,97 @@ function doesFiberContain(parentFiber, childFiber) {
   return !1;
 }
 var currentReplayingEvent = null,
-  scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
+  ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher,
+  sharedNotPendingObject = {
+    pending: !1,
+    data: null,
+    method: null,
+    action: null
+  },
+  valueStack = [],
+  index = -1;
+function createCursor(defaultValue) {
+  return { current: defaultValue };
+}
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var contextStackCursor$1 = createCursor(null),
+  contextFiberStackCursor = createCursor(null),
+  rootInstanceStackCursor = createCursor(null),
+  hostTransitionProviderCursor = createCursor(null),
+  HostTransitionContext = {
+    $$typeof: REACT_CONTEXT_TYPE,
+    Provider: null,
+    Consumer: null,
+    _currentValue: null,
+    _currentValue2: null,
+    _threadCount: 0
+  };
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor$1, null);
+  fiber = nextRootInstance.nodeType;
+  switch (fiber) {
+    case 9:
+    case 11:
+      nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
+        ? (nextRootInstance = nextRootInstance.namespaceURI)
+          ? getOwnHostContext(nextRootInstance)
+          : 0
+        : 0;
+      break;
+    default:
+      if (
+        ((fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
+        (nextRootInstance = fiber.tagName),
+        (fiber = fiber.namespaceURI))
+      )
+        (fiber = getOwnHostContext(fiber)),
+          (nextRootInstance = getChildHostContextProd(fiber, nextRootInstance));
+      else
+        switch (nextRootInstance) {
+          case "svg":
+            nextRootInstance = 1;
+            break;
+          case "math":
+            nextRootInstance = 2;
+            break;
+          default:
+            nextRootInstance = 0;
+        }
+  }
+  pop(contextStackCursor$1);
+  push(contextStackCursor$1, nextRootInstance);
+}
+function popHostContainer() {
+  pop(contextStackCursor$1);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
+}
+function pushHostContext(fiber) {
+  null !== fiber.memoizedState && push(hostTransitionProviderCursor, fiber);
+  var context = contextStackCursor$1.current;
+  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
+  context !== JSCompiler_inline_result &&
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor$1, JSCompiler_inline_result));
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
+  hostTransitionProviderCursor.current === fiber &&
+    (pop(hostTransitionProviderCursor),
+    (HostTransitionContext._currentValue = null));
+}
+var scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
   cancelCallback$1 = Scheduler.unstable_cancelCallback,
   shouldYield = Scheduler.unstable_shouldYield,
   requestPaint = Scheduler.unstable_requestPaint,
@@ -594,6 +685,14 @@ function markRootEntangled(root, entangledLanes) {
     rootEntangledLanes &= ~lane;
   }
 }
+function upgradePendingLanesToSync(root, lanesToUpgrade) {
+  root.pendingLanes |= 2;
+  for (root.entangledLanes |= 2; lanesToUpgrade; ) {
+    var lane = 1 << (31 - clz32(lanesToUpgrade));
+    root.entanglements[1] |= lane;
+    lanesToUpgrade &= ~lane;
+  }
+}
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
@@ -618,6 +717,15 @@ function clearTransitionsForLanes(root, lanes) {
       lanes &= ~lane;
     }
 }
+var currentUpdatePriority = 0;
+function runWithPriority(priority, fn) {
+  var previousPriority = currentUpdatePriority;
+  try {
+    return (currentUpdatePriority = priority), fn();
+  } finally {
+    currentUpdatePriority = previousPriority;
+  }
+}
 function lanesToEventPriority(lanes) {
   lanes &= -lanes;
   return 2 < lanes
@@ -628,128 +736,8 @@ function lanesToEventPriority(lanes) {
       : 8
     : 2;
 }
-function noop$3() {}
-var Internals = {
-    Events: null,
-    d: {
-      f: noop$3,
-      r: noop$3,
-      D: noop$3,
-      C: noop$3,
-      L: noop$3,
-      m: noop$3,
-      X: noop$3,
-      S: noop$3,
-      M: noop$3
-    },
-    p: 0,
-    findDOMNode: null
-  },
-  sharedNotPendingObject = {
-    pending: !1,
-    data: null,
-    method: null,
-    action: null
-  },
-  valueStack = [],
-  index = -1;
-function createCursor(defaultValue) {
-  return { current: defaultValue };
-}
-function pop(cursor) {
-  0 > index ||
-    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
-}
-function push(cursor, value) {
-  index++;
-  valueStack[index] = cursor.current;
-  cursor.current = value;
-}
-var contextStackCursor$1 = createCursor(null),
-  contextFiberStackCursor = createCursor(null),
-  rootInstanceStackCursor = createCursor(null),
-  hostTransitionProviderCursor = createCursor(null),
-  HostTransitionContext = {
-    $$typeof: REACT_CONTEXT_TYPE,
-    Provider: null,
-    Consumer: null,
-    _currentValue: null,
-    _currentValue2: null,
-    _threadCount: 0
-  };
-function pushHostContainer(fiber, nextRootInstance) {
-  push(rootInstanceStackCursor, nextRootInstance);
-  push(contextFiberStackCursor, fiber);
-  push(contextStackCursor$1, null);
-  fiber = nextRootInstance.nodeType;
-  switch (fiber) {
-    case 9:
-    case 11:
-      nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
-        ? (nextRootInstance = nextRootInstance.namespaceURI)
-          ? getOwnHostContext(nextRootInstance)
-          : 0
-        : 0;
-      break;
-    default:
-      if (
-        ((fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
-        (nextRootInstance = fiber.tagName),
-        (fiber = fiber.namespaceURI))
-      )
-        (fiber = getOwnHostContext(fiber)),
-          (nextRootInstance = getChildHostContextProd(fiber, nextRootInstance));
-      else
-        switch (nextRootInstance) {
-          case "svg":
-            nextRootInstance = 1;
-            break;
-          case "math":
-            nextRootInstance = 2;
-            break;
-          default:
-            nextRootInstance = 0;
-        }
-  }
-  pop(contextStackCursor$1);
-  push(contextStackCursor$1, nextRootInstance);
-}
-function popHostContainer() {
-  pop(contextStackCursor$1);
-  pop(contextFiberStackCursor);
-  pop(rootInstanceStackCursor);
-}
-function pushHostContext(fiber) {
-  null !== fiber.memoizedState && push(hostTransitionProviderCursor, fiber);
-  var context = contextStackCursor$1.current;
-  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
-  context !== JSCompiler_inline_result &&
-    (push(contextFiberStackCursor, fiber),
-    push(contextStackCursor$1, JSCompiler_inline_result));
-}
-function popHostContext(fiber) {
-  contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
-  hostTransitionProviderCursor.current === fiber &&
-    (pop(hostTransitionProviderCursor),
-    (HostTransitionContext._currentValue = null));
-}
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-function resolveUpdatePriority() {
-  var updatePriority = Internals.p;
-  if (0 !== updatePriority) return updatePriority;
-  updatePriority = window.event;
-  return void 0 === updatePriority ? 32 : getEventPriority(updatePriority.type);
-}
-function runWithPriority(priority, fn) {
-  var previousPriority = Internals.p;
-  try {
-    return (Internals.p = priority), fn();
-  } finally {
-    Internals.p = previousPriority;
-  }
-}
-var allNativeEvents = new Set();
+var hasOwnProperty = Object.prototype.hasOwnProperty,
+  allNativeEvents = new Set();
 allNativeEvents.add("beforeblur");
 allNativeEvents.add("afterblur");
 var registrationNameDependencies = {};
@@ -1268,6 +1256,29 @@ function initTextarea(element, value, defaultValue, children) {
     null !== children &&
     (element.value = children);
 }
+var reusableSVGContainer;
+function setInnerHTMLImpl(node, html) {
+  if ("http://www.w3.org/2000/svg" !== node.namespaceURI || "innerHTML" in node)
+    node.innerHTML = html;
+  else {
+    reusableSVGContainer =
+      reusableSVGContainer || document.createElement("div");
+    reusableSVGContainer.innerHTML =
+      "<svg>" + html.valueOf().toString() + "</svg>";
+    for (html = reusableSVGContainer.firstChild; node.firstChild; )
+      node.removeChild(node.firstChild);
+    for (; html.firstChild; ) node.appendChild(html.firstChild);
+  }
+}
+var setInnerHTML = setInnerHTMLImpl;
+"undefined" !== typeof MSApp &&
+  MSApp.execUnsafeLocalFunction &&
+  (setInnerHTML = function (node, html) {
+    return MSApp.execUnsafeLocalFunction(function () {
+      return setInnerHTMLImpl(node, html);
+    });
+  });
+var setInnerHTML$1 = setInnerHTML;
 function setTextContent(node, text) {
   if (text) {
     var firstChild = node.firstChild;
@@ -1752,7 +1763,7 @@ function prepareToHydrateHostInstance(fiber) {
     ? (null != props.onScroll && listenToNonDelegatedEvent("scroll", instance),
       null != props.onScrollEnd &&
         listenToNonDelegatedEvent("scrollend", instance),
-      null != props.onClick && (instance.onclick = noop$1),
+      null != props.onClick && (instance.onclick = noop$2),
       (instance = !0))
     : (instance = !1);
   !instance && favorSafetyOverHydrationPerf && throwOnHydrationMismatch(fiber);
@@ -2392,12 +2403,12 @@ function isThenableResolved(thenable) {
   thenable = thenable.status;
   return "fulfilled" === thenable || "rejected" === thenable;
 }
-function noop$2() {}
+function noop$3() {}
 function trackUsedThenable(thenableState, thenable, index) {
   index = thenableState[index];
   void 0 === index
     ? thenableState.push(thenable)
-    : index !== thenable && (thenable.then(noop$2, noop$2), (thenable = index));
+    : index !== thenable && (thenable.then(noop$3, noop$3), (thenable = index));
   switch (thenable.status) {
     case "fulfilled":
       return thenable.value;
@@ -2407,7 +2418,7 @@ function trackUsedThenable(thenableState, thenable, index) {
         throw Error(formatProdErrorMessage(483));
       throw thenableState;
     default:
-      if ("string" === typeof thenable.status) thenable.then(noop$2, noop$2);
+      if ("string" === typeof thenable.status) thenable.then(noop$3, noop$3);
       else {
         thenableState = workInProgressRoot;
         if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
@@ -2459,11 +2470,51 @@ function unwrapThenable(thenable) {
   null === thenableState$1 && (thenableState$1 = []);
   return trackUsedThenable(thenableState$1, thenable, index);
 }
+function convertStringRefToCallbackRef(
+  returnFiber,
+  current,
+  element,
+  mixedRef
+) {
+  function ref(value) {
+    var refs = inst.refs;
+    null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+  }
+  var stringRef = "" + mixedRef;
+  returnFiber = element._owner;
+  if (!returnFiber) throw Error(formatProdErrorMessage(290, stringRef));
+  if (1 !== returnFiber.tag) throw Error(formatProdErrorMessage(309));
+  var inst = returnFiber.stateNode;
+  if (!inst) throw Error(formatProdErrorMessage(147, stringRef));
+  if (
+    null !== current &&
+    null !== current.ref &&
+    "function" === typeof current.ref &&
+    current.ref._stringRef === stringRef
+  )
+    return current.ref;
+  ref._stringRef = stringRef;
+  return ref;
+}
 function coerceRef(returnFiber, current, workInProgress, element) {
-  enableRefAsProp
-    ? ((returnFiber = element.props.ref),
-      (returnFiber = void 0 !== returnFiber ? returnFiber : null))
-    : (returnFiber = element.ref);
+  if (enableRefAsProp) {
+    var mixedRef = element.props.ref;
+    mixedRef = void 0 !== mixedRef ? mixedRef : null;
+  } else mixedRef = element.ref;
+  "string" === typeof mixedRef ||
+  "number" === typeof mixedRef ||
+  "boolean" === typeof mixedRef
+    ? ((returnFiber = convertStringRefToCallbackRef(
+        returnFiber,
+        current,
+        element,
+        mixedRef
+      )),
+      enableRefAsProp &&
+        ((current = assign({}, workInProgress.pendingProps)),
+        (current.ref = returnFiber),
+        (workInProgress.pendingProps = current)))
+    : (returnFiber = mixedRef);
   workInProgress.ref = returnFiber;
 }
 function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -3242,7 +3293,9 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-var renderLanes = 0,
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig,
+  renderLanes = 0,
   currentlyRenderingFiber$1 = null,
   currentHook = null,
   workInProgressHook = null,
@@ -3275,7 +3328,7 @@ function renderWithHooks(
   workInProgress.memoizedState = null;
   workInProgress.updateQueue = null;
   workInProgress.lanes = 0;
-  ReactSharedInternals.H =
+  ReactCurrentDispatcher$1.current =
     null === current || null === current.memoizedState
       ? HooksDispatcherOnMount
       : HooksDispatcherOnUpdate;
@@ -3293,7 +3346,7 @@ function renderWithHooks(
   return nextRenderLanes;
 }
 function finishRenderingHooks(current) {
-  ReactSharedInternals.H = ContextOnlyDispatcher;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
   var didRenderTooFewHooks = null !== currentHook && null !== currentHook.next;
   renderLanes = 0;
   workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
@@ -3320,22 +3373,16 @@ function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
     numberOfReRenders += 1;
     workInProgressHook = currentHook = null;
     workInProgress.updateQueue = null;
-    ReactSharedInternals.H = HooksDispatcherOnRerender;
+    ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
     var children = Component(props, secondArg);
   } while (didScheduleRenderPhaseUpdateDuringThisPass);
   return children;
 }
 function TransitionAwareHostComponent() {
-  var dispatcher = ReactSharedInternals.H,
-    maybeThenable = dispatcher.useState()[0];
-  maybeThenable =
-    "function" === typeof maybeThenable.then
-      ? useThenable(maybeThenable)
-      : maybeThenable;
-  dispatcher = dispatcher.useState()[0];
-  (null !== currentHook ? currentHook.memoizedState : null) !== dispatcher &&
-    (currentlyRenderingFiber$1.flags |= 1024);
-  return maybeThenable;
+  var maybeThenable = ReactCurrentDispatcher$1.current.useState()[0];
+  return "function" === typeof maybeThenable.then
+    ? useThenable(maybeThenable)
+    : maybeThenable;
 }
 function checkDidRenderIdHook() {
   var didRenderIdHook = 0 !== localIdCounter;
@@ -3426,7 +3473,7 @@ function useThenable(thenable) {
     (null === workInProgressHook
       ? null === currentlyRenderingFiber$1.memoizedState
       : null === workInProgressHook.next) &&
-    (ReactSharedInternals.H = HooksDispatcherOnMount);
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
   return thenable;
 }
 function use(usable) {
@@ -3730,9 +3777,9 @@ function dispatchActionState(
 function runActionStateAction(actionQueue, setPendingState, setState, payload) {
   var action = actionQueue.action,
     prevState = actionQueue.state,
-    prevTransition = ReactSharedInternals.T,
+    prevTransition = ReactCurrentBatchConfig$3.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$3.transition = currentTransition;
   setPendingState(!0);
   try {
     var returnValue = action(prevState, payload);
@@ -3765,7 +3812,7 @@ function runActionStateAction(actionQueue, setPendingState, setState, payload) {
     setState({ then: function () {}, status: "rejected", reason: error }),
       finishRunningActionStateAction(actionQueue, setPendingState, setState);
   } finally {
-    ReactSharedInternals.T = prevTransition;
+    ReactCurrentBatchConfig$3.transition = prevTransition;
   }
 }
 function finishRunningActionStateAction(
@@ -4081,18 +4128,18 @@ function startTransition(
   callback,
   options
 ) {
-  var previousPriority = Internals.p;
-  Internals.p =
+  var previousPriority = currentUpdatePriority;
+  currentUpdatePriority =
     0 !== previousPriority && 8 > previousPriority ? previousPriority : 8;
-  var prevTransition = ReactSharedInternals.T,
+  var prevTransition = ReactCurrentBatchConfig$3.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$3.transition = currentTransition;
   dispatchOptimisticSetState(fiber, !1, queue, pendingState);
   enableTransitionTracing &&
     void 0 !== options &&
     void 0 !== options.name &&
-    ((currentTransition.name = options.name),
-    (currentTransition.startTime = now()));
+    ((ReactCurrentBatchConfig$3.transition.name = options.name),
+    (ReactCurrentBatchConfig$3.transition.startTime = now()));
   try {
     var returnValue = callback();
     if (
@@ -4114,63 +4161,42 @@ function startTransition(
       reason: error
     });
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig$3.transition = prevTransition);
   }
 }
 function startHostTransition(formFiber, pendingState, callback, formData) {
   if (5 !== formFiber.tag) throw Error(formatProdErrorMessage(476));
-  var queue = ensureFormComponentIsStateful(formFiber).queue;
+  if (null === formFiber.memoizedState) {
+    var newQueue = {
+      pending: null,
+      lanes: 0,
+      dispatch: null,
+      lastRenderedReducer: basicStateReducer,
+      lastRenderedState: sharedNotPendingObject
+    };
+    var queue = newQueue;
+    newQueue = {
+      memoizedState: sharedNotPendingObject,
+      baseState: sharedNotPendingObject,
+      baseQueue: null,
+      queue: newQueue,
+      next: null
+    };
+    formFiber.memoizedState = newQueue;
+    var alternate = formFiber.alternate;
+    null !== alternate && (alternate.memoizedState = newQueue);
+  } else queue = formFiber.memoizedState.queue;
   startTransition(
     formFiber,
     queue,
     pendingState,
     sharedNotPendingObject,
     function () {
-      requestFormReset$1(formFiber);
       return callback(formData);
     }
   );
 }
-function ensureFormComponentIsStateful(formFiber) {
-  var existingStateHook = formFiber.memoizedState;
-  if (null !== existingStateHook) return existingStateHook;
-  existingStateHook = {
-    memoizedState: sharedNotPendingObject,
-    baseState: sharedNotPendingObject,
-    baseQueue: null,
-    queue: {
-      pending: null,
-      lanes: 0,
-      dispatch: null,
-      lastRenderedReducer: basicStateReducer,
-      lastRenderedState: sharedNotPendingObject
-    },
-    next: null
-  };
-  var initialResetState = {};
-  existingStateHook.next = {
-    memoizedState: initialResetState,
-    baseState: initialResetState,
-    baseQueue: null,
-    queue: {
-      pending: null,
-      lanes: 0,
-      dispatch: null,
-      lastRenderedReducer: basicStateReducer,
-      lastRenderedState: initialResetState
-    },
-    next: null
-  };
-  formFiber.memoizedState = existingStateHook;
-  formFiber = formFiber.alternate;
-  null !== formFiber && (formFiber.memoizedState = existingStateHook);
-  return existingStateHook;
-}
-function requestFormReset$1(formFiber) {
-  requestCurrentTransition();
-  var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue;
-  dispatchSetState(formFiber, resetStateQueue, {});
-}
 function useHostTransitionStatus() {
   var status = readContext(HostTransitionContext);
   return null !== status ? status : sharedNotPendingObject;
@@ -4188,14 +4214,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$59 = enqueueUpdate(provider, fiber, lane);
-        null !== root$59 &&
-          (scheduleUpdateOnFiber(root$59, provider, lane),
-          entangleTransitions(root$59, provider, lane));
+        var root$60 = enqueueUpdate(provider, fiber, lane);
+        null !== root$60 &&
+          (scheduleUpdateOnFiber(root$60, provider, lane),
+          entangleTransitions(root$60, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$59 &&
+          null !== root$60 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4779,20 +4805,19 @@ function resolveClassComponentProps(
   alreadyResolvedDefaultProps
 ) {
   var newProps = baseProps;
-  if (enableRefAsProp && "ref" in baseProps) {
-    newProps = {};
-    for (var propName in baseProps)
-      "ref" !== propName && (newProps[propName] = baseProps[propName]);
-  }
   if (
     (Component = Component.defaultProps) &&
     (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
   ) {
-    newProps === baseProps && (newProps = assign({}, newProps, baseProps));
-    for (var propName$63 in Component)
-      void 0 === newProps[propName$63] &&
-        (newProps[propName$63] = Component[propName$63]);
+    newProps = assign({}, newProps, baseProps);
+    for (var propName in Component)
+      void 0 === newProps[propName] &&
+        (newProps[propName] = Component[propName]);
   }
+  enableRefAsProp &&
+    "ref" in newProps &&
+    (newProps === baseProps && (newProps = assign({}, newProps)),
+    delete newProps.ref);
   return newProps;
 }
 function resolveDefaultPropsOnNonClassComponent(Component, baseProps) {
@@ -5266,7 +5291,8 @@ function pushMarkerInstance(workInProgress, markerInstance) {
           markerInstanceStack.current.concat(markerInstance)
         ));
 }
-var SelectiveHydrationException = Error(formatProdErrorMessage(461)),
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+  SelectiveHydrationException = Error(formatProdErrorMessage(461)),
   didReceiveUpdate = !1;
 function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
   workInProgress.child =
@@ -5799,7 +5825,7 @@ function finishClassComponent(
       bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
     );
   shouldUpdate = workInProgress.stateNode;
-  ReactSharedInternals.owner = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   var nextChildren =
     didCaptureError && "function" !== typeof Component.getDerivedStateFromError
       ? null
@@ -7498,8 +7524,9 @@ function releaseCache(cache) {
       cache.controller.abort();
     });
 }
+var ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
 function requestCurrentTransition() {
-  var transition = ReactSharedInternals.T;
+  var transition = ReactCurrentBatchConfig$2.transition;
   null !== transition && transition._callbacks.add(handleAsyncAction);
   return transition;
 }
@@ -8374,7 +8401,6 @@ function unwindInterruptedWork(current, interruptedWork) {
 }
 var offscreenSubtreeIsHidden = !1,
   offscreenSubtreeWasHidden = !1,
-  needsFormReset = !1,
   PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
   nextEffect = null;
 function callComponentWillUnmountWithTimer(current, instance) {
@@ -8464,7 +8490,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$200) {
+          } catch (e$199) {
             JSCompiler_temp = null;
             break a;
           }
@@ -9062,7 +9088,7 @@ function insertOrAppendPlacementNodeIntoContainer(node, before, parent) {
           (parent = parent._reactRootContainer),
           (null !== parent && void 0 !== parent) ||
             null !== before.onclick ||
-            (before.onclick = noop$1));
+            (before.onclick = noop$2));
   else if (4 !== tag && 27 !== tag && ((node = node.child), null !== node))
     for (
       insertOrAppendPlacementNodeIntoContainer(node, before, parent),
@@ -9389,7 +9415,7 @@ function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) {
         captureCommitPhaseError(childToDelete, parentFiber, error);
       }
     }
-  if (parentFiber.subtreeFlags & 13878)
+  if (parentFiber.subtreeFlags & 12854)
     for (parentFiber = parentFiber.child; null !== parentFiber; )
       commitMutationEffectsOnFiber(parentFiber, root$jscomp$0),
         (parentFiber = parentFiber.sibling);
@@ -9429,11 +9455,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         offscreenSubtreeIsHidden &&
         ((finishedWork = finishedWork.updateQueue),
         null !== finishedWork &&
-          ((flags = finishedWork.callbacks),
-          null !== flags &&
-            ((current = finishedWork.shared.hiddenCallbacks),
+          ((current = finishedWork.callbacks),
+          null !== current &&
+            ((flags = finishedWork.shared.hiddenCallbacks),
             (finishedWork.shared.hiddenCallbacks =
-              null === current ? flags : current.concat(flags)))));
+              null === flags ? current : flags.concat(current)))));
       break;
     case 26:
       var hoistableRoot = currentHoistableRoot;
@@ -9451,10 +9477,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           if (null === flags)
             if (null === finishedWork.stateNode) {
               a: {
-                flags = finishedWork.type;
-                current = finishedWork.memoizedProps;
+                current = finishedWork.type;
+                flags = finishedWork.memoizedProps;
                 root = hoistableRoot.ownerDocument || hoistableRoot;
-                b: switch (flags) {
+                b: switch (current) {
                   case "title":
                     hoistableRoot = root.getElementsByTagName("title")[0];
                     if (
@@ -9465,42 +9491,42 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         hoistableRoot.namespaceURI ||
                       hoistableRoot.hasAttribute("itemprop")
                     )
-                      (hoistableRoot = root.createElement(flags)),
+                      (hoistableRoot = root.createElement(current)),
                         root.head.insertBefore(
                           hoistableRoot,
                           root.querySelector("head > title")
                         );
-                    setInitialProperties(hoistableRoot, flags, current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     hoistableRoot[internalInstanceKey] = finishedWork;
                     markNodeAsHoistable(hoistableRoot);
-                    flags = hoistableRoot;
+                    current = hoistableRoot;
                     break a;
                   case "link":
                     var maybeNodes = getHydratableHoistableCache(
                       "link",
                       "href",
                       root
-                    ).get(flags + (current.href || ""));
+                    ).get(current + (flags.href || ""));
                     if (maybeNodes)
                       for (var i = 0; i < maybeNodes.length; i++)
                         if (
                           ((hoistableRoot = maybeNodes[i]),
                           hoistableRoot.getAttribute("href") ===
-                            (null == current.href ? null : current.href) &&
+                            (null == flags.href ? null : flags.href) &&
                             hoistableRoot.getAttribute("rel") ===
-                              (null == current.rel ? null : current.rel) &&
+                              (null == flags.rel ? null : flags.rel) &&
                             hoistableRoot.getAttribute("title") ===
-                              (null == current.title ? null : current.title) &&
+                              (null == flags.title ? null : flags.title) &&
                             hoistableRoot.getAttribute("crossorigin") ===
-                              (null == current.crossOrigin
+                              (null == flags.crossOrigin
                                 ? null
-                                : current.crossOrigin))
+                                : flags.crossOrigin))
                         ) {
                           maybeNodes.splice(i, 1);
                           break b;
                         }
-                    hoistableRoot = root.createElement(flags);
-                    setInitialProperties(hoistableRoot, flags, current);
+                    hoistableRoot = root.createElement(current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     root.head.appendChild(hoistableRoot);
                     break;
                   case "meta":
@@ -9509,45 +9535,43 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         "meta",
                         "content",
                         root
-                      ).get(flags + (current.content || "")))
+                      ).get(current + (flags.content || "")))
                     )
                       for (i = 0; i < maybeNodes.length; i++)
                         if (
                           ((hoistableRoot = maybeNodes[i]),
                           hoistableRoot.getAttribute("content") ===
-                            (null == current.content
+                            (null == flags.content
                               ? null
-                              : "" + current.content) &&
+                              : "" + flags.content) &&
                             hoistableRoot.getAttribute("name") ===
-                              (null == current.name ? null : current.name) &&
+                              (null == flags.name ? null : flags.name) &&
                             hoistableRoot.getAttribute("property") ===
-                              (null == current.property
+                              (null == flags.property
                                 ? null
-                                : current.property) &&
+                                : flags.property) &&
                             hoistableRoot.getAttribute("http-equiv") ===
-                              (null == current.httpEquiv
+                              (null == flags.httpEquiv
                                 ? null
-                                : current.httpEquiv) &&
+                                : flags.httpEquiv) &&
                             hoistableRoot.getAttribute("charset") ===
-                              (null == current.charSet
-                                ? null
-                                : current.charSet))
+                              (null == flags.charSet ? null : flags.charSet))
                         ) {
                           maybeNodes.splice(i, 1);
                           break b;
                         }
-                    hoistableRoot = root.createElement(flags);
-                    setInitialProperties(hoistableRoot, flags, current);
+                    hoistableRoot = root.createElement(current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     root.head.appendChild(hoistableRoot);
                     break;
                   default:
-                    throw Error(formatProdErrorMessage(468, flags));
+                    throw Error(formatProdErrorMessage(468, current));
                 }
                 hoistableRoot[internalInstanceKey] = finishedWork;
                 markNodeAsHoistable(hoistableRoot);
-                flags = hoistableRoot;
+                current = hoistableRoot;
               }
-              finishedWork.stateNode = flags;
+              finishedWork.stateNode = current;
             } else
               mountHoistable(
                 hoistableRoot,
@@ -9635,19 +9659,18 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$166);
         }
       }
-      if (flags & 4 && ((root = finishedWork.stateNode), null != root)) {
-        hoistableRoot = finishedWork.memoizedProps;
-        current = null !== current ? current.memoizedProps : hoistableRoot;
-        maybeNodes = finishedWork.type;
+      if (flags & 4 && ((flags = finishedWork.stateNode), null != flags)) {
+        root = finishedWork.memoizedProps;
+        current = null !== current ? current.memoizedProps : root;
+        hoistableRoot = finishedWork.type;
         finishedWork.updateQueue = null;
         try {
-          updateProperties(root, maybeNodes, current, hoistableRoot),
-            (root[internalPropsKey] = hoistableRoot);
+          updateProperties(flags, hoistableRoot, current, root),
+            (flags[internalPropsKey] = root);
         } catch (error$169) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$169);
         }
       }
-      flags & 1024 && (needsFormReset = !0);
       break;
     case 6:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -9655,10 +9678,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4) {
         if (null === finishedWork.stateNode)
           throw Error(formatProdErrorMessage(162));
-        flags = finishedWork.stateNode;
-        current = finishedWork.memoizedProps;
+        current = finishedWork.stateNode;
+        flags = finishedWork.memoizedProps;
         try {
-          flags.nodeValue = current;
+          current.nodeValue = flags;
         } catch (error$170) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$170);
         }
@@ -9677,17 +9700,15 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         } catch (error$171) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$171);
         }
-      needsFormReset &&
-        ((needsFormReset = !1), recursivelyResetForms(finishedWork));
       break;
     case 4:
-      flags = currentHoistableRoot;
+      current = currentHoistableRoot;
       currentHoistableRoot = getHoistableRoot(
         finishedWork.stateNode.containerInfo
       );
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
-      currentHoistableRoot = flags;
+      currentHoistableRoot = current;
       break;
     case 13:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -9710,10 +9731,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         } catch (error$173) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$173);
         }
-        flags = finishedWork.updateQueue;
-        null !== flags &&
+        current = finishedWork.updateQueue;
+        null !== current &&
           ((finishedWork.updateQueue = null),
-          attachSuspenseRetryListeners(finishedWork, flags));
+          attachSuspenseRetryListeners(finishedWork, current));
       }
       break;
     case 22:
@@ -9814,21 +9835,21 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           root = root.sibling;
         }
       flags & 4 &&
-        ((flags = finishedWork.updateQueue),
-        null !== flags &&
-          ((current = flags.retryQueue),
-          null !== current &&
-            ((flags.retryQueue = null),
-            attachSuspenseRetryListeners(finishedWork, current))));
+        ((current = finishedWork.updateQueue),
+        null !== current &&
+          ((flags = current.retryQueue),
+          null !== flags &&
+            ((current.retryQueue = null),
+            attachSuspenseRetryListeners(finishedWork, flags))));
       break;
     case 19:
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
       flags & 4 &&
-        ((flags = finishedWork.updateQueue),
-        null !== flags &&
+        ((current = finishedWork.updateQueue),
+        null !== current &&
           ((finishedWork.updateQueue = null),
-          attachSuspenseRetryListeners(finishedWork, flags)));
+          attachSuspenseRetryListeners(finishedWork, current)));
       break;
     case 21:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -9893,15 +9914,6 @@ function commitReconciliationEffects(finishedWork) {
   }
   flags & 4096 && (finishedWork.flags &= -4097);
 }
-function recursivelyResetForms(parentFiber) {
-  if (parentFiber.subtreeFlags & 1024)
-    for (parentFiber = parentFiber.child; null !== parentFiber; ) {
-      var fiber = parentFiber;
-      recursivelyResetForms(fiber);
-      5 === fiber.tag && fiber.flags & 1024 && fiber.stateNode.reset();
-      parentFiber = parentFiber.sibling;
-    }
-}
 function recursivelyTraverseLayoutEffects(root, parentFiber) {
   if (parentFiber.subtreeFlags & 8772)
     for (parentFiber = parentFiber.child; null !== parentFiber; )
@@ -10718,6 +10730,10 @@ function schedulePostPaintCallback(callback) {
     }));
 }
 var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
   executionContext = 0,
   workInProgressRoot = null,
   workInProgress = null,
@@ -10810,14 +10826,19 @@ var legacyErrorBoundariesThatAlreadyFailed = null,
   nestedUpdateCount = 0,
   rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
-  return 0 === (fiber.mode & 1)
-    ? 2
-    : 0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes
-    ? workInProgressRootRenderLanes & -workInProgressRootRenderLanes
-    : null !== requestCurrentTransition()
-    ? ((fiber = currentEntangledLane),
-      0 !== fiber ? fiber : requestTransitionLane())
-    : resolveUpdatePriority();
+  if (0 === (fiber.mode & 1)) return 2;
+  if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
+    return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
+  if (null !== requestCurrentTransition())
+    return (
+      (fiber = currentEntangledLane),
+      0 !== fiber ? fiber : requestTransitionLane()
+    );
+  fiber = currentUpdatePriority;
+  if (0 !== fiber) return fiber;
+  fiber = window.event;
+  fiber = void 0 === fiber ? 32 : getEventPriority(fiber.type);
+  return fiber;
 }
 function requestDeferredLane() {
   0 === workInProgressDeferredLane &&
@@ -10843,7 +10864,7 @@ function scheduleUpdateOnFiber(root, fiber, lane) {
   markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot) {
     if (enableTransitionTracing) {
-      var transition = ReactSharedInternals.T;
+      var transition = ReactCurrentBatchConfig$1.transition;
       if (
         null !== transition &&
         null != transition.name &&
@@ -10911,18 +10932,13 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
             root,
             renderWasConcurrent
           );
-          if (
-            0 !== errorRetryLanes &&
+          0 !== errorRetryLanes &&
             ((lanes = errorRetryLanes),
             (exitStatus = recoverFromConcurrentError(
               root,
               renderWasConcurrent,
               errorRetryLanes
-            )),
-            (renderWasConcurrent = !1),
-            2 !== exitStatus)
-          )
-            continue;
+            )));
         }
         if (1 === exitStatus) {
           prepareFreshStack(root, 0);
@@ -11188,10 +11204,28 @@ function batchedUpdates$1(fn, a) {
         flushSyncWorkAcrossRoots_impl(!0));
   }
 }
-function flushSyncWork() {
-  return 0 === (executionContext & 6)
-    ? (flushSyncWorkAcrossRoots_impl(!1), !1)
-    : !0;
+function flushSync$1(fn) {
+  null !== rootWithPendingPassiveEffects &&
+    0 === rootWithPendingPassiveEffects.tag &&
+    0 === (executionContext & 6) &&
+    flushPassiveEffects();
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
+  var prevTransition = ReactCurrentBatchConfig$1.transition,
+    previousPriority = currentUpdatePriority;
+  try {
+    if (
+      ((ReactCurrentBatchConfig$1.transition = null),
+      (currentUpdatePriority = 2),
+      fn)
+    )
+      return fn();
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig$1.transition = prevTransition),
+      (executionContext = prevExecutionContext),
+      0 === (executionContext & 6) && flushSyncWorkAcrossRoots_impl(!1);
+  }
 }
 function resetWorkInProgressStack() {
   if (null !== workInProgress) {
@@ -11254,8 +11288,8 @@ function prepareFreshStack(root, lanes) {
 }
 function handleThrow(root, thrownValue) {
   currentlyRenderingFiber$1 = null;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
-  ReactSharedInternals.owner = null;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  ReactCurrentOwner.current = null;
   thrownValue === SuspenseException
     ? ((thrownValue = getSuspendedThenable()),
       (workInProgressSuspendedReason =
@@ -11299,13 +11333,13 @@ function shouldRemainOnPreviousScreen() {
     : !1;
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactSharedInternals.H;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
   return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushCacheDispatcher() {
-  var prevCacheDispatcher = ReactSharedInternals.C;
-  ReactSharedInternals.C = DefaultCacheDispatcher;
+  var prevCacheDispatcher = ReactCurrentCache.current;
+  ReactCurrentCache.current = DefaultCacheDispatcher;
   return prevCacheDispatcher;
 }
 function renderDidSuspendDelayIfPossible() {
@@ -11358,8 +11392,8 @@ function renderRootSync(root, lanes) {
   lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
   if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
   workInProgressRoot = null;
   workInProgressRootRenderLanes = 0;
@@ -11462,8 +11496,8 @@ function renderRootConcurrent(root, lanes) {
     }
   while (1);
   resetContextDependencies();
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
   executionContext = prevExecutionContext;
   if (null !== workInProgress) return 0;
   workInProgressRoot = null;
@@ -11479,7 +11513,7 @@ function performUnitOfWork(unitOfWork) {
   var next = beginWork(unitOfWork.alternate, unitOfWork, entangledRenderLanes);
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
   null === next ? completeUnitOfWork(unitOfWork) : (workInProgress = next);
-  ReactSharedInternals.owner = null;
+  ReactCurrentOwner.current = null;
 }
 function replaySuspendedUnitOfWork(unitOfWork) {
   var current = unitOfWork.alternate;
@@ -11535,7 +11569,7 @@ function replaySuspendedUnitOfWork(unitOfWork) {
   null === current
     ? completeUnitOfWork(unitOfWork)
     : (workInProgress = current);
-  ReactSharedInternals.owner = null;
+  ReactCurrentOwner.current = null;
 }
 function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
   resetContextDependencies();
@@ -11622,11 +11656,11 @@ function commitRoot(
   didIncludeRenderPhaseUpdate,
   spawnedLane
 ) {
-  var prevTransition = ReactSharedInternals.T,
-    previousUpdateLanePriority = Internals.p;
+  var previousUpdateLanePriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig$1.transition;
   try {
-    (Internals.p = 2),
-      (ReactSharedInternals.T = null),
+    (ReactCurrentBatchConfig$1.transition = null),
+      (currentUpdatePriority = 2),
       commitRootImpl(
         root,
         recoverableErrors,
@@ -11636,8 +11670,8 @@ function commitRoot(
         spawnedLane
       );
   } finally {
-    (ReactSharedInternals.T = prevTransition),
-      (Internals.p = previousUpdateLanePriority);
+    (ReactCurrentBatchConfig$1.transition = prevTransition),
+      (currentUpdatePriority = previousUpdateLanePriority);
   }
   return null;
 }
@@ -11680,13 +11714,13 @@ function commitRootImpl(
     }));
   transitions = 0 !== (finishedWork.flags & 15990);
   if (0 !== (finishedWork.subtreeFlags & 15990) || transitions) {
-    transitions = ReactSharedInternals.T;
-    ReactSharedInternals.T = null;
-    spawnedLane = Internals.p;
-    Internals.p = 2;
+    transitions = ReactCurrentBatchConfig$1.transition;
+    ReactCurrentBatchConfig$1.transition = null;
+    spawnedLane = currentUpdatePriority;
+    currentUpdatePriority = 2;
     var prevExecutionContext = executionContext;
     executionContext |= 4;
-    ReactSharedInternals.owner = null;
+    ReactCurrentOwner.current = null;
     var shouldFireAfterActiveInstanceBlur$194 = commitBeforeMutationEffects(
       root,
       finishedWork
@@ -11703,8 +11737,8 @@ function commitRootImpl(
     commitLayoutEffectOnFiber(root, finishedWork.alternate, finishedWork);
     requestPaint();
     executionContext = prevExecutionContext;
-    Internals.p = spawnedLane;
-    ReactSharedInternals.T = transitions;
+    currentUpdatePriority = spawnedLane;
+    ReactCurrentBatchConfig$1.transition = transitions;
   } else root.current = finishedWork;
   rootDoesHavePassiveEffects
     ? ((rootDoesHavePassiveEffects = !1),
@@ -11767,18 +11801,19 @@ function flushPassiveEffects() {
     var root$195 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
-    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
-      prevTransition = ReactSharedInternals.T,
-      previousPriority = Internals.p;
+    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
+    renderPriority = 32 > renderPriority ? 32 : renderPriority;
+    var prevTransition = ReactCurrentBatchConfig$1.transition,
+      previousPriority = currentUpdatePriority;
     try {
       return (
-        (Internals.p = 32 > renderPriority ? 32 : renderPriority),
-        (ReactSharedInternals.T = null),
+        (ReactCurrentBatchConfig$1.transition = null),
+        (currentUpdatePriority = renderPriority),
         flushPassiveEffectsImpl()
       );
     } finally {
-      (Internals.p = previousPriority),
-        (ReactSharedInternals.T = prevTransition),
+      (currentUpdatePriority = previousPriority),
+        (ReactCurrentBatchConfig$1.transition = prevTransition),
         releaseRootPooledCache(root$195, remainingLanes);
     }
   }
@@ -12454,36 +12489,6 @@ function createHydrationContainer(
 function updateContainer(element, container, parentComponent, callback) {
   var current = container.current,
     lane = requestUpdateLane(current);
-  updateContainerImpl(
-    current,
-    lane,
-    element,
-    container,
-    parentComponent,
-    callback
-  );
-  return lane;
-}
-function updateContainerSync(element, container, parentComponent, callback) {
-  0 === container.tag && flushPassiveEffects();
-  updateContainerImpl(
-    container.current,
-    2,
-    element,
-    container,
-    parentComponent,
-    callback
-  );
-  return 2;
-}
-function updateContainerImpl(
-  rootFiber,
-  lane,
-  element,
-  container,
-  parentComponent,
-  callback
-) {
   parentComponent = getContextForSubtree(parentComponent);
   null === container.context
     ? (container.context = parentComponent)
@@ -12492,10 +12497,11 @@ function updateContainerImpl(
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  element = enqueueUpdate(rootFiber, container, lane);
+  element = enqueueUpdate(current, container, lane);
   null !== element &&
-    (scheduleUpdateOnFiber(element, rootFiber, lane),
-    entangleTransitions(element, rootFiber, lane));
+    (scheduleUpdateOnFiber(element, current, lane),
+    entangleTransitions(element, current, lane));
+  return lane;
 }
 function getPublicRootInstance(container) {
   container = container.current;
@@ -12508,6 +12514,28 @@ function getPublicRootInstance(container) {
       return container.child.stateNode;
   }
 }
+function attemptSynchronousHydration(fiber) {
+  switch (fiber.tag) {
+    case 3:
+      var root$197 = fiber.stateNode;
+      if (root$197.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$197.pendingLanes);
+        0 !== lanes &&
+          (upgradePendingLanesToSync(root$197, lanes),
+          ensureRootIsScheduled(root$197),
+          0 === (executionContext & 6) &&
+            ((workInProgressRootRenderTargetTime = now() + 500),
+            flushSyncWorkAcrossRoots_impl(!1)));
+      }
+      break;
+    case 13:
+      flushSync$1(function () {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root && scheduleUpdateOnFiber(root, fiber, 2);
+      }),
+        markRetryLaneIfNotHydrated(fiber, 2);
+  }
+}
 function markRetryLaneImpl(fiber, retryLane) {
   fiber = fiber.memoizedState;
   if (null !== fiber && null !== fiber.dehydrated) {
@@ -12540,7 +12568,7 @@ function batchedUpdates(fn, a, b) {
       ((isInsideEventHandler = !1),
       null !== restoreTarget || null !== restoreQueue)
     )
-      flushSyncWork(), restoreStateIfNeeded();
+      flushSync$1(), restoreStateIfNeeded();
   }
 }
 function getListener(inst, registrationName) {
@@ -13060,19 +13088,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$351;
+  var JSCompiler_inline_result$jscomp$348;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1497 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1497) {
-      var element$jscomp$inline_1498 = document.createElement("div");
-      element$jscomp$inline_1498.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1497 =
-        "function" === typeof element$jscomp$inline_1498.oninput;
+    var isSupported$jscomp$inline_1487 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1487) {
+      var element$jscomp$inline_1488 = document.createElement("div");
+      element$jscomp$inline_1488.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1487 =
+        "function" === typeof element$jscomp$inline_1488.oninput;
     }
-    JSCompiler_inline_result$jscomp$351 = isSupported$jscomp$inline_1497;
-  } else JSCompiler_inline_result$jscomp$351 = !1;
+    JSCompiler_inline_result$jscomp$348 = isSupported$jscomp$inline_1487;
+  } else JSCompiler_inline_result$jscomp$348 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$351 &&
+    JSCompiler_inline_result$jscomp$348 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -13343,9 +13371,6 @@ var vendorPrefixes = {
     animationend: makePrefixMap("Animation", "AnimationEnd"),
     animationiteration: makePrefixMap("Animation", "AnimationIteration"),
     animationstart: makePrefixMap("Animation", "AnimationStart"),
-    transitionrun: makePrefixMap("Transition", "TransitionRun"),
-    transitionstart: makePrefixMap("Transition", "TransitionStart"),
-    transitioncancel: makePrefixMap("Transition", "TransitionCancel"),
     transitionend: makePrefixMap("Transition", "TransitionEnd")
   },
   prefixedEventNames = {},
@@ -13371,9 +13396,6 @@ function getVendorPrefixedEventName(eventName) {
 var ANIMATION_END = getVendorPrefixedEventName("animationend"),
   ANIMATION_ITERATION = getVendorPrefixedEventName("animationiteration"),
   ANIMATION_START = getVendorPrefixedEventName("animationstart"),
-  TRANSITION_RUN = getVendorPrefixedEventName("transitionrun"),
-  TRANSITION_START = getVendorPrefixedEventName("transitionstart"),
-  TRANSITION_CANCEL = getVendorPrefixedEventName("transitioncancel"),
   TRANSITION_END = getVendorPrefixedEventName("transitionend"),
   topLevelEventsToReactNames = new Map(),
   simpleEventPluginEvents =
@@ -13450,20 +13472,20 @@ function extractEvents$1(
   }
 }
 for (
-  var i$jscomp$inline_1538 = 0;
-  i$jscomp$inline_1538 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1538++
+  var i$jscomp$inline_1528 = 0;
+  i$jscomp$inline_1528 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1528++
 ) {
-  var eventName$jscomp$inline_1539 =
-      simpleEventPluginEvents[i$jscomp$inline_1538],
-    domEventName$jscomp$inline_1540 =
-      eventName$jscomp$inline_1539.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1541 =
-      eventName$jscomp$inline_1539[0].toUpperCase() +
-      eventName$jscomp$inline_1539.slice(1);
+  var eventName$jscomp$inline_1529 =
+      simpleEventPluginEvents[i$jscomp$inline_1528],
+    domEventName$jscomp$inline_1530 =
+      eventName$jscomp$inline_1529.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1531 =
+      eventName$jscomp$inline_1529[0].toUpperCase() +
+      eventName$jscomp$inline_1529.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1540,
-    "on" + capitalizedEvent$jscomp$inline_1541
+    domEventName$jscomp$inline_1530,
+    "on" + capitalizedEvent$jscomp$inline_1531
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -13472,9 +13494,6 @@ registerSimpleEvent(ANIMATION_START, "onAnimationStart");
 registerSimpleEvent("dblclick", "onDoubleClick");
 registerSimpleEvent("focusin", "onFocus");
 registerSimpleEvent("focusout", "onBlur");
-registerSimpleEvent(TRANSITION_RUN, "onTransitionRun");
-registerSimpleEvent(TRANSITION_START, "onTransitionStart");
-registerSimpleEvent(TRANSITION_CANCEL, "onTransitionCancel");
 registerSimpleEvent(TRANSITION_END, "onTransitionEnd");
 registerDirectEvent("onMouseEnter", ["mouseout", "mouseover"]);
 registerDirectEvent("onMouseLeave", ["mouseout", "mouseover"]);
@@ -14309,7 +14328,7 @@ function checkForUnmatchedText(serverText, clientText) {
   clientText = normalizeMarkupForTextOrAttribute(clientText);
   return normalizeMarkupForTextOrAttribute(serverText) === clientText ? !0 : !1;
 }
-function noop$1() {}
+function noop$2() {}
 function setProp(domElement, tag, key, value, props, prevValue) {
   switch (key) {
     case "children":
@@ -14407,7 +14426,7 @@ function setProp(domElement, tag, key, value, props, prevValue) {
       domElement.setAttribute(key, value);
       break;
     case "onClick":
-      null != value && (domElement.onclick = noop$1);
+      null != value && (domElement.onclick = noop$2);
       break;
     case "onScroll":
       null != value && listenToNonDelegatedEvent("scroll", domElement);
@@ -14422,7 +14441,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
         key = value.__html;
         if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
-          domElement.innerHTML = key;
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -14634,7 +14655,9 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
         key = value.__html;
         if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
-          domElement.innerHTML = key;
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -14651,7 +14674,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
       null != value && listenToNonDelegatedEvent("scrollend", domElement);
       break;
     case "onClick":
-      null != value && (domElement.onclick = noop$1);
+      null != value && (domElement.onclick = noop$2);
       break;
     case "suppressContentEditableWarning":
     case "suppressHydrationWarning":
@@ -14932,14 +14955,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$227 in nextProps) {
-        var propKey = nextProps[propKey$227];
-        lastProp = lastProps[propKey$227];
+      for (var propKey$226 in nextProps) {
+        var propKey = nextProps[propKey$226];
+        lastProp = lastProps[propKey$226];
         if (
-          nextProps.hasOwnProperty(propKey$227) &&
+          nextProps.hasOwnProperty(propKey$226) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$227) {
+          switch (propKey$226) {
             case "type":
               type = propKey;
               break;
@@ -14968,7 +14991,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$227,
+                  propKey$226,
                   propKey,
                   nextProps,
                   lastProp
@@ -14987,7 +15010,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      propKey = value = defaultValue = propKey$227 = null;
+      propKey = value = defaultValue = propKey$226 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -15018,7 +15041,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$227 = type;
+              propKey$226 = type;
               break;
             case "defaultValue":
               defaultValue = type;
@@ -15039,15 +15062,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       tag = defaultValue;
       lastProps = value;
       nextProps = propKey;
-      null != propKey$227
-        ? updateOptions(domElement, !!lastProps, propKey$227, !1)
+      null != propKey$226
+        ? updateOptions(domElement, !!lastProps, propKey$226, !1)
         : !!nextProps !== !!lastProps &&
           (null != tag
             ? updateOptions(domElement, !!lastProps, tag, !0)
             : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
       return;
     case "textarea":
-      propKey = propKey$227 = null;
+      propKey = propKey$226 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -15071,7 +15094,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$227 = name;
+              propKey$226 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -15085,17 +15108,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$227, propKey);
+      updateTextarea(domElement, propKey$226, propKey);
       return;
     case "option":
-      for (var propKey$243 in lastProps)
+      for (var propKey$242 in lastProps)
         if (
-          ((propKey$227 = lastProps[propKey$243]),
-          lastProps.hasOwnProperty(propKey$243) &&
-            null != propKey$227 &&
-            !nextProps.hasOwnProperty(propKey$243))
+          ((propKey$226 = lastProps[propKey$242]),
+          lastProps.hasOwnProperty(propKey$242) &&
+            null != propKey$226 &&
+            !nextProps.hasOwnProperty(propKey$242))
         )
-          switch (propKey$243) {
+          switch (propKey$242) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -15103,33 +15126,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$243,
+                propKey$242,
                 null,
                 nextProps,
-                propKey$227
+                propKey$226
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$227 = nextProps[lastDefaultValue]),
+          ((propKey$226 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$227 !== propKey &&
-            (null != propKey$227 || null != propKey))
+            propKey$226 !== propKey &&
+            (null != propKey$226 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$227 &&
-                "function" !== typeof propKey$227 &&
-                "symbol" !== typeof propKey$227;
+                propKey$226 &&
+                "function" !== typeof propKey$226 &&
+                "symbol" !== typeof propKey$226;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$227,
+                propKey$226,
                 nextProps,
                 propKey
               );
@@ -15150,24 +15173,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$248 in lastProps)
-        (propKey$227 = lastProps[propKey$248]),
-          lastProps.hasOwnProperty(propKey$248) &&
-            null != propKey$227 &&
-            !nextProps.hasOwnProperty(propKey$248) &&
-            setProp(domElement, tag, propKey$248, null, nextProps, propKey$227);
+      for (var propKey$247 in lastProps)
+        (propKey$226 = lastProps[propKey$247]),
+          lastProps.hasOwnProperty(propKey$247) &&
+            null != propKey$226 &&
+            !nextProps.hasOwnProperty(propKey$247) &&
+            setProp(domElement, tag, propKey$247, null, nextProps, propKey$226);
       for (checked in nextProps)
         if (
-          ((propKey$227 = nextProps[checked]),
+          ((propKey$226 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$227 !== propKey &&
-            (null != propKey$227 || null != propKey))
+            propKey$226 !== propKey &&
+            (null != propKey$226 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$227)
+              if (null != propKey$226)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -15175,7 +15198,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$227,
+                propKey$226,
                 nextProps,
                 propKey
               );
@@ -15183,51 +15206,69 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$253 in lastProps)
-          (propKey$227 = lastProps[propKey$253]),
-            lastProps.hasOwnProperty(propKey$253) &&
-              void 0 !== propKey$227 &&
-              !nextProps.hasOwnProperty(propKey$253) &&
+        for (var propKey$252 in lastProps)
+          (propKey$226 = lastProps[propKey$252]),
+            lastProps.hasOwnProperty(propKey$252) &&
+              void 0 !== propKey$226 &&
+              !nextProps.hasOwnProperty(propKey$252) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$253,
+                propKey$252,
                 void 0,
                 nextProps,
-                propKey$227
+                propKey$226
               );
         for (defaultChecked in nextProps)
-          (propKey$227 = nextProps[defaultChecked]),
+          (propKey$226 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$227 === propKey ||
-              (void 0 === propKey$227 && void 0 === propKey) ||
+              propKey$226 === propKey ||
+              (void 0 === propKey$226 && void 0 === propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$227,
+                propKey$226,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$258 in lastProps)
-    (propKey$227 = lastProps[propKey$258]),
-      lastProps.hasOwnProperty(propKey$258) &&
-        null != propKey$227 &&
-        !nextProps.hasOwnProperty(propKey$258) &&
-        setProp(domElement, tag, propKey$258, null, nextProps, propKey$227);
+  for (var propKey$257 in lastProps)
+    (propKey$226 = lastProps[propKey$257]),
+      lastProps.hasOwnProperty(propKey$257) &&
+        null != propKey$226 &&
+        !nextProps.hasOwnProperty(propKey$257) &&
+        setProp(domElement, tag, propKey$257, null, nextProps, propKey$226);
   for (lastProp in nextProps)
-    (propKey$227 = nextProps[lastProp]),
+    (propKey$226 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$227 === propKey ||
-        (null == propKey$227 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$227, nextProps, propKey);
+        propKey$226 === propKey ||
+        (null == propKey$226 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$226, nextProps, propKey);
 }
-var eventsEnabled = null,
+function noop$1() {}
+var Internals = {
+    usingClientEntryPoint: !1,
+    Events: null,
+    ReactDOMCurrentDispatcher: {
+      current: {
+        prefetchDNS: noop$1,
+        preconnect: noop$1,
+        preload: noop$1,
+        preloadModule: noop$1,
+        preinitScript: noop$1,
+        preinitStyle: noop$1,
+        preinitModuleScript: noop$1
+      }
+    },
+    findDOMNode: null
+  },
+  ReactDOMCurrentDispatcher$1 = Internals.ReactDOMCurrentDispatcher,
+  eventsEnabled = null,
   selectionInformation = null;
 function getOwnerDocumentFromRootContainer(rootContainerElement) {
   return 9 === rootContainerElement.nodeType
@@ -15525,24 +15566,16 @@ function getHoistableRoot(container) {
     ? container.getRootNode()
     : container.ownerDocument;
 }
-var previousDispatcher = Internals.d;
-Internals.d = {
-  f: previousDispatcher.f,
-  r: requestFormReset,
-  D: prefetchDNS$1,
-  C: preconnect$1,
-  L: preload$1,
-  m: preloadModule$1,
-  X: preinitScript,
-  S: preinitStyle,
-  M: preinitModuleScript
+var previousDispatcher = ReactDOMCurrentDispatcher$1.current;
+ReactDOMCurrentDispatcher$1.current = {
+  prefetchDNS: prefetchDNS$1,
+  preconnect: preconnect$1,
+  preload: preload$1,
+  preloadModule: preloadModule$1,
+  preinitStyle: preinitStyle,
+  preinitScript: preinitScript,
+  preinitModuleScript: preinitModuleScript
 };
-function requestFormReset(form) {
-  var formInst = getInstanceFromNode(form);
-  null !== formInst && 5 === formInst.tag && "form" === formInst.type
-    ? requestFormReset$1(formInst)
-    : previousDispatcher.r(form);
-}
 var globalDocument = "undefined" === typeof document ? null : document;
 function preconnectAs(rel, href, crossOrigin) {
   var ownerDocument = globalDocument;
@@ -15564,15 +15597,15 @@ function preconnectAs(rel, href, crossOrigin) {
   }
 }
 function prefetchDNS$1(href) {
-  previousDispatcher.D(href);
+  previousDispatcher.prefetchDNS(href);
   preconnectAs("dns-prefetch", href, null);
 }
 function preconnect$1(href, crossOrigin) {
-  previousDispatcher.C(href, crossOrigin);
+  previousDispatcher.preconnect(href, crossOrigin);
   preconnectAs("preconnect", href, crossOrigin);
 }
 function preload$1(href, as, options) {
-  previousDispatcher.L(href, as, options);
+  previousDispatcher.preload(href, as, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && href && as) {
     var preloadSelector =
@@ -15633,7 +15666,7 @@ function preload$1(href, as, options) {
   }
 }
 function preloadModule$1(href, options) {
-  previousDispatcher.m(href, options);
+  previousDispatcher.preloadModule(href, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && href) {
     var as = options && "string" === typeof options.as ? options.as : "script",
@@ -15677,7 +15710,7 @@ function preloadModule$1(href, options) {
   }
 }
 function preinitStyle(href, precedence, options) {
-  previousDispatcher.S(href, precedence, options);
+  previousDispatcher.preinitStyle(href, precedence, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && href) {
     var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
@@ -15726,7 +15759,7 @@ function preinitStyle(href, precedence, options) {
   }
 }
 function preinitScript(src, options) {
-  previousDispatcher.X(src, options);
+  previousDispatcher.preinitScript(src, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && src) {
     var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
@@ -15752,7 +15785,7 @@ function preinitScript(src, options) {
   }
 }
 function preinitModuleScript(src, options) {
-  previousDispatcher.M(src, options);
+  previousDispatcher.preinitModuleScript(src, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && src) {
     var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
@@ -15804,17 +15837,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$266 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$267 = styles$266.get(type);
-        resource$267 ||
+        var styles$265 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$266 = styles$265.get(type);
+        resource$266 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$267 = {
+          (resource$266 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$266.set(type, resource$267),
+          styles$265.set(type, resource$266),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -15829,34 +15862,21 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$267.state
+              resource$266.state
             ));
-        return resource$267;
+        return resource$266;
       }
       return null;
     case "script":
-      return (
-        (type = pendingProps.async),
-        (pendingProps = pendingProps.src),
-        "string" === typeof pendingProps &&
-        type &&
-        "function" !== typeof type &&
-        "symbol" !== typeof type
-          ? ((pendingProps = getScriptKey(pendingProps)),
-            (currentProps =
-              getResourcesFromRoot(currentProps).hoistableScripts),
-            (type = currentProps.get(pendingProps)),
-            type ||
-              ((type = {
-                type: "script",
-                instance: null,
-                count: 0,
-                state: null
-              }),
-              currentProps.set(pendingProps, type)),
-            type)
-          : { type: "void", instance: null, count: 0, state: null }
-      );
+      return "string" === typeof pendingProps.src && !0 === pendingProps.async
+        ? ((pendingProps = getScriptKey(pendingProps.src)),
+          (currentProps = getResourcesFromRoot(currentProps).hoistableScripts),
+          (type = currentProps.get(pendingProps)),
+          type ||
+            ((type = { type: "script", instance: null, count: 0, state: null }),
+            currentProps.set(pendingProps, type)),
+          type)
+        : { type: "void", instance: null, count: 0, state: null };
     default:
       throw Error(formatProdErrorMessage(444, type));
   }
@@ -15927,37 +15947,37 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$271 = hoistableRoot.querySelector(
+        var instance$270 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$271)
+        if (instance$270)
           return (
             (resource.state.loading |= 4),
-            (resource.instance = instance$271),
-            markNodeAsHoistable(instance$271),
-            instance$271
+            (resource.instance = instance$270),
+            markNodeAsHoistable(instance$270),
+            instance$270
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$271 = (
+        instance$270 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$271);
-        var linkInstance = instance$271;
+        markNodeAsHoistable(instance$270);
+        var linkInstance = instance$270;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$271, "link", instance);
+        setInitialProperties(instance$270, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$271, props.precedence, hoistableRoot);
-        return (resource.instance = instance$271);
+        insertStylesheet(instance$270, props.precedence, hoistableRoot);
+        return (resource.instance = instance$270);
       case "script":
-        instance$271 = getScriptKey(props.src);
+        instance$270 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            getScriptSelectorFromKey(instance$271)
+            getScriptSelectorFromKey(instance$270)
           ))
         )
           return (
@@ -15966,7 +15986,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$271)))
+        if ((styleProps = preloadPropsMap.get(instance$270)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -16095,13 +16115,11 @@ function isHostHoistableType(type, props, hostContext) {
       }
     case "script":
       if (
-        props.async &&
-        "function" !== typeof props.async &&
-        "symbol" !== typeof props.async &&
+        !0 === props.async &&
         !props.onLoad &&
         !props.onError &&
-        props.src &&
-        "string" === typeof props.src
+        "string" === typeof props.src &&
+        props.src
       )
         return !0;
   }
@@ -16659,7 +16677,8 @@ function retryIfBlockedOn(unblocked) {
       }
     }
 }
-var _enabled = !0;
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  _enabled = !0;
 function createEventListenerWrapperWithPriority(
   targetContainer,
   domEventName,
@@ -16688,14 +16707,15 @@ function dispatchDiscreteEvent(
   container,
   nativeEvent
 ) {
-  var prevTransition = ReactSharedInternals.T;
-  ReactSharedInternals.T = null;
-  var previousPriority = Internals.p;
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
   try {
-    (Internals.p = 2),
+    (currentUpdatePriority = 2),
       dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
   }
 }
 function dispatchContinuousEvent(
@@ -16704,14 +16724,15 @@ function dispatchContinuousEvent(
   container,
   nativeEvent
 ) {
-  var prevTransition = ReactSharedInternals.T;
-  ReactSharedInternals.T = null;
-  var previousPriority = Internals.p;
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
   try {
-    (Internals.p = 8),
+    (currentUpdatePriority = 8),
       dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
   }
 }
 function dispatchEvent(
@@ -16748,33 +16769,7 @@ function dispatchEvent(
     ) {
       for (; null !== blockedOn; ) {
         var fiber = getInstanceFromNode(blockedOn);
-        if (null !== fiber)
-          switch (fiber.tag) {
-            case 3:
-              fiber = fiber.stateNode;
-              if (fiber.current.memoizedState.isDehydrated) {
-                var lanes = getHighestPriorityLanes(fiber.pendingLanes);
-                if (0 !== lanes) {
-                  var root = fiber;
-                  root.pendingLanes |= 2;
-                  for (root.entangledLanes |= 2; lanes; ) {
-                    var lane = 1 << (31 - clz32(lanes));
-                    root.entanglements[1] |= lane;
-                    lanes &= ~lane;
-                  }
-                  ensureRootIsScheduled(fiber);
-                  0 === (executionContext & 6) &&
-                    ((workInProgressRootRenderTargetTime = now() + 500),
-                    flushSyncWorkAcrossRoots_impl(!1));
-                }
-              }
-              break;
-            case 13:
-              (root = enqueueConcurrentRenderForLane(fiber, 2)),
-                null !== root && scheduleUpdateOnFiber(root, fiber, 2),
-                flushSyncWork(),
-                markRetryLaneIfNotHydrated(fiber, 2);
-          }
+        null !== fiber && attemptSynchronousHydration(fiber);
         fiber = findInstanceBlockingEvent(nativeEvent);
         null === fiber &&
           dispatchEventForPluginEventSystem(
@@ -16934,8 +16929,9 @@ ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
     if (null !== root) {
       this._internalRoot = null;
       var container = root.containerInfo;
-      updateContainerSync(null, root, null, null);
-      flushSyncWork();
+      flushSync$1(function () {
+        updateContainer(null, root, null, null);
+      });
       container[internalContainerInstanceKey] = null;
     }
   };
@@ -16944,7 +16940,7 @@ function ReactDOMHydrationRoot(internalRoot) {
 }
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
   if (target) {
-    var updatePriority = resolveUpdatePriority();
+    var updatePriority = currentUpdatePriority;
     target = { blockedOn: null, target: target, priority: updatePriority };
     for (
       var i = 0;
@@ -17003,6 +16999,7 @@ function getCrossOriginStringAs(as, input) {
   if ("string" === typeof input)
     return "use-credentials" === input ? input : "";
 }
+var ReactDOMCurrentDispatcher = Internals.ReactDOMCurrentDispatcher;
 Internals.findDOMNode = function (componentOrElement) {
   return findHostInstance(componentOrElement);
 };
@@ -17016,17 +17013,17 @@ Internals.Events = [
     return fn(a);
   }
 ];
-var devToolsConfig$jscomp$inline_1729 = {
+var devToolsConfig$jscomp$inline_1704 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "19.0.0-www-classic-7999906a",
+  version: "19.0.0-www-classic-6a77288c",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2160 = {
-  bundleType: devToolsConfig$jscomp$inline_1729.bundleType,
-  version: devToolsConfig$jscomp$inline_1729.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1729.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1729.rendererConfig,
+var internals$jscomp$inline_2134 = {
+  bundleType: devToolsConfig$jscomp$inline_1704.bundleType,
+  version: devToolsConfig$jscomp$inline_1704.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1704.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1704.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -17036,32 +17033,32 @@ var internals$jscomp$inline_2160 = {
   setErrorHandler: null,
   setSuspenseHandler: null,
   scheduleUpdate: null,
-  currentDispatcherRef: ReactSharedInternals,
+  currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
   findHostInstanceByFiber: function (fiber) {
     fiber = findCurrentHostFiber(fiber);
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1729.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1704.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "19.0.0-www-classic-7999906a"
+  reconcilerVersion: "19.0.0-www-classic-6a77288c"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2161 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2135 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2161.isDisabled &&
-    hook$jscomp$inline_2161.supportsFiber
+    !hook$jscomp$inline_2135.isDisabled &&
+    hook$jscomp$inline_2135.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2161.inject(
-        internals$jscomp$inline_2160
+      (rendererID = hook$jscomp$inline_2135.inject(
+        internals$jscomp$inline_2134
       )),
-        (injectedHook = hook$jscomp$inline_2161);
+        (injectedHook = hook$jscomp$inline_2135);
     } catch (err) {}
 }
 var ReactFiberErrorDialogWWW = require("ReactFiberErrorDialog");
@@ -17097,11 +17094,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function () {
-        var instance = getPublicRootInstance(root$292);
+        var instance = getPublicRootInstance(root$291);
         originalCallback.call(instance);
       };
     }
-    var root$292 = createHydrationContainer(
+    var root$291 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -17116,23 +17113,23 @@ function legacyCreateRootFromDOMContainer(
       null,
       null
     );
-    container._reactRootContainer = root$292;
-    container[internalContainerInstanceKey] = root$292.current;
+    container._reactRootContainer = root$291;
+    container[internalContainerInstanceKey] = root$291.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
-    flushSyncWork();
-    return root$292;
+    flushSync$1();
+    return root$291;
   }
   clearContainer(container);
   if ("function" === typeof callback) {
-    var originalCallback$293 = callback;
+    var originalCallback$292 = callback;
     callback = function () {
-      var instance = getPublicRootInstance(root$294);
-      originalCallback$293.call(instance);
+      var instance = getPublicRootInstance(root$293);
+      originalCallback$292.call(instance);
     };
   }
-  var root$294 = createFiberRoot(
+  var root$293 = createFiberRoot(
     container,
     0,
     !1,
@@ -17147,14 +17144,15 @@ function legacyCreateRootFromDOMContainer(
     null,
     null
   );
-  container._reactRootContainer = root$294;
-  container[internalContainerInstanceKey] = root$294.current;
+  container._reactRootContainer = root$293;
+  container[internalContainerInstanceKey] = root$293.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
-  updateContainerSync(initialChildren, root$294, parentComponent, callback);
-  flushSyncWork();
-  return root$294;
+  flushSync$1(function () {
+    updateContainer(initialChildren, root$293, parentComponent, callback);
+  });
+  return root$293;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -17191,8 +17189,7 @@ assign(Internals, {
     }
   }
 });
-exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
-  Internals;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createPortal = function (children, container) {
   var key =
     2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null;
@@ -17255,29 +17252,7 @@ exports.findDOMNode = function (componentOrElement) {
     : findHostInstance(componentOrElement);
 };
 exports.flushSync = function (fn) {
-  a: {
-    null !== rootWithPendingPassiveEffects &&
-      0 === rootWithPendingPassiveEffects.tag &&
-      0 === (executionContext & 6) &&
-      flushPassiveEffects();
-    var prevExecutionContext = executionContext;
-    executionContext |= 1;
-    var prevTransition = ReactSharedInternals.T,
-      previousPriority = Internals.p;
-    try {
-      Internals.p = 2;
-      ReactSharedInternals.T = null;
-      var JSCompiler_inline_result = fn ? fn() : void 0;
-      break a;
-    } finally {
-      (Internals.p = previousPriority),
-        (ReactSharedInternals.T = prevTransition),
-        (executionContext = prevExecutionContext),
-        0 === (executionContext & 6) && flushSyncWorkAcrossRoots_impl(!1);
-    }
-    JSCompiler_inline_result = void 0;
-  }
-  return JSCompiler_inline_result;
+  return flushSync$1(fn);
 };
 exports.hydrateRoot = function (container, initialChildren, options) {
   options = assign(
@@ -17338,10 +17313,11 @@ exports.preconnect = function (href, options) {
               : ""
             : void 0))
       : (options = null),
-    Internals.d.C(href, options));
+    ReactDOMCurrentDispatcher.current.preconnect(href, options));
 };
 exports.prefetchDNS = function (href) {
-  "string" === typeof href && Internals.d.D(href);
+  "string" === typeof href &&
+    ReactDOMCurrentDispatcher.current.prefetchDNS(href);
 };
 exports.preinit = function (href, options) {
   if ("string" === typeof href && options && "string" === typeof options.as) {
@@ -17354,7 +17330,7 @@ exports.preinit = function (href, options) {
           ? options.fetchPriority
           : void 0;
     "style" === as
-      ? Internals.d.S(
+      ? ReactDOMCurrentDispatcher.current.preinitStyle(
           href,
           "string" === typeof options.precedence ? options.precedence : void 0,
           {
@@ -17364,7 +17340,7 @@ exports.preinit = function (href, options) {
           }
         )
       : "script" === as &&
-        Internals.d.X(href, {
+        ReactDOMCurrentDispatcher.current.preinitScript(href, {
           crossOrigin: crossOrigin,
           integrity: integrity,
           fetchPriority: fetchPriority,
@@ -17380,14 +17356,16 @@ exports.preinitModule = function (href, options) {
           options.as,
           options.crossOrigin
         );
-        Internals.d.M(href, {
+        ReactDOMCurrentDispatcher.current.preinitModuleScript(href, {
           crossOrigin: crossOrigin,
           integrity:
             "string" === typeof options.integrity ? options.integrity : void 0,
           nonce: "string" === typeof options.nonce ? options.nonce : void 0
         });
       }
-    } else null == options && Internals.d.M(href);
+    } else
+      null == options &&
+        ReactDOMCurrentDispatcher.current.preinitModuleScript(href);
 };
 exports.preload = function (href, options) {
   if (
@@ -17398,7 +17376,7 @@ exports.preload = function (href, options) {
   ) {
     var as = options.as,
       crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
-    Internals.d.L(href, as, {
+    ReactDOMCurrentDispatcher.current.preload(href, as, {
       crossOrigin: crossOrigin,
       integrity:
         "string" === typeof options.integrity ? options.integrity : void 0,
@@ -17424,7 +17402,7 @@ exports.preloadModule = function (href, options) {
   if ("string" === typeof href)
     if (options) {
       var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
-      Internals.d.m(href, {
+      ReactDOMCurrentDispatcher.current.preloadModule(href, {
         as:
           "string" === typeof options.as && "script" !== options.as
             ? options.as
@@ -17433,7 +17411,7 @@ exports.preloadModule = function (href, options) {
         integrity:
           "string" === typeof options.integrity ? options.integrity : void 0
       });
-    } else Internals.d.m(href);
+    } else ReactDOMCurrentDispatcher.current.preloadModule(href);
 };
 exports.render = function (element, container, callback) {
   if (!isValidContainerLegacy(container))
@@ -17446,17 +17424,22 @@ exports.render = function (element, container, callback) {
     callback
   );
 };
-exports.requestFormReset = function (form) {
-  Internals.d.r(form);
-};
 exports.unmountComponentAtNode = function (container) {
   if (!isValidContainerLegacy(container))
     throw Error(formatProdErrorMessage(299));
   return container._reactRootContainer
-    ? (updateContainerSync(null, container._reactRootContainer, null, null),
-      flushSyncWork(),
-      (container._reactRootContainer = null),
-      (container[internalContainerInstanceKey] = null),
+    ? (flushSync$1(function () {
+        legacyRenderSubtreeIntoContainer(
+          null,
+          null,
+          container,
+          !1,
+          function () {
+            container._reactRootContainer = null;
+            container[internalContainerInstanceKey] = null;
+          }
+        );
+      }),
       !0)
     : !1;
 };
@@ -17510,9 +17493,13 @@ exports.unstable_renderSubtreeIntoContainer = function (
 };
 exports.unstable_runWithPriority = runWithPriority;
 exports.useFormState = function (action, initialState, permalink) {
-  return ReactSharedInternals.H.useFormState(action, initialState, permalink);
+  return ReactCurrentDispatcher$2.current.useFormState(
+    action,
+    initialState,
+    permalink
+  );
 };
 exports.useFormStatus = function () {
-  return ReactSharedInternals.H.useHostTransitionStatus();
+  return ReactCurrentDispatcher$2.current.useHostTransitionStatus();
 };
-exports.version = "19.0.0-www-classic-7999906a";
+exports.version = "19.0.0-www-classic-6a77288c";
diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js
index 5a08ef8101..b5aa706558 100644
--- a/compiled/facebook-www/ReactDOM-prod.modern.js
+++ b/compiled/facebook-www/ReactDOM-prod.modern.js
@@ -15,8 +15,43 @@
 */
 "use strict";
 var Scheduler = require("scheduler"),
-  React = require("react"),
+  React = require("react");
+function noop$3() {}
+var Internals = {
+  usingClientEntryPoint: !1,
+  Events: null,
+  ReactDOMCurrentDispatcher: {
+    current: {
+      prefetchDNS: noop$3,
+      preconnect: noop$3,
+      preload: noop$3,
+      preloadModule: noop$3,
+      preinitScript: noop$3,
+      preinitStyle: noop$3,
+      preinitModuleScript: noop$3
+    }
+  },
+  findDOMNode: null
+};
+function formatProdErrorMessage(code) {
+  var url = "https://react.dev/errors/" + code;
+  if (1 < arguments.length) {
+    url += "?args[]=" + encodeURIComponent(arguments[1]);
+    for (var 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 ReactSharedInternals =
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
+  disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
@@ -45,8 +80,257 @@ var Scheduler = require("scheduler"),
     dynamicFeatureFlags.favorSafetyOverHydrationPerf,
   disableDefaultPropsExceptForClasses =
     dynamicFeatureFlags.disableDefaultPropsExceptForClasses,
-  assign = Object.assign,
-  scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
+  REACT_ELEMENT_TYPE = Symbol.for("react.element"),
+  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
+  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
+  REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
+  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
+  REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
+  REACT_CONTEXT_TYPE = Symbol.for("react.context"),
+  REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
+  REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
+  REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
+  REACT_MEMO_TYPE = Symbol.for("react.memo"),
+  REACT_LAZY_TYPE = Symbol.for("react.lazy"),
+  REACT_SCOPE_TYPE = Symbol.for("react.scope"),
+  REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"),
+  REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
+  REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"),
+  REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker"),
+  REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
+  MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+function getIteratorFn(maybeIterable) {
+  if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
+  maybeIterable =
+    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+    maybeIterable["@@iterator"];
+  return "function" === typeof maybeIterable ? maybeIterable : null;
+}
+Symbol.for("react.client.reference");
+function getNearestMountedFiber(fiber) {
+  var node = fiber,
+    nearestMounted = fiber;
+  if (fiber.alternate) for (; node.return; ) node = node.return;
+  else {
+    fiber = node;
+    do
+      (node = fiber),
+        0 !== (node.flags & 4098) && (nearestMounted = node.return),
+        (fiber = node.return);
+    while (fiber);
+  }
+  return 3 === node.tag ? nearestMounted : null;
+}
+function getSuspenseInstanceFromFiber(fiber) {
+  if (13 === fiber.tag) {
+    var suspenseState = fiber.memoizedState;
+    null === suspenseState &&
+      ((fiber = fiber.alternate),
+      null !== fiber && (suspenseState = fiber.memoizedState));
+    if (null !== suspenseState) return suspenseState.dehydrated;
+  }
+  return null;
+}
+function assertIsMounted(fiber) {
+  if (getNearestMountedFiber(fiber) !== fiber)
+    throw Error(formatProdErrorMessage(188));
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate) {
+    alternate = getNearestMountedFiber(fiber);
+    if (null === alternate) throw Error(formatProdErrorMessage(188));
+    return alternate !== fiber ? null : fiber;
+  }
+  for (var a = fiber, b = alternate; ; ) {
+    var parentA = a.return;
+    if (null === parentA) break;
+    var parentB = parentA.alternate;
+    if (null === parentB) {
+      b = parentA.return;
+      if (null !== b) {
+        a = b;
+        continue;
+      }
+      break;
+    }
+    if (parentA.child === parentB.child) {
+      for (parentB = parentA.child; parentB; ) {
+        if (parentB === a) return assertIsMounted(parentA), fiber;
+        if (parentB === b) return assertIsMounted(parentA), alternate;
+        parentB = parentB.sibling;
+      }
+      throw Error(formatProdErrorMessage(188));
+    }
+    if (a.return !== b.return) (a = parentA), (b = parentB);
+    else {
+      for (var didFindChild = !1, child$1 = parentA.child; child$1; ) {
+        if (child$1 === a) {
+          didFindChild = !0;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (child$1 === b) {
+          didFindChild = !0;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        child$1 = child$1.sibling;
+      }
+      if (!didFindChild) {
+        for (child$1 = parentB.child; child$1; ) {
+          if (child$1 === a) {
+            didFindChild = !0;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (child$1 === b) {
+            didFindChild = !0;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          child$1 = child$1.sibling;
+        }
+        if (!didFindChild) throw Error(formatProdErrorMessage(189));
+      }
+    }
+    if (a.alternate !== b) throw Error(formatProdErrorMessage(190));
+  }
+  if (3 !== a.tag) throw Error(formatProdErrorMessage(188));
+  return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  return null !== parent ? findCurrentHostFiberImpl(parent) : null;
+}
+function findCurrentHostFiberImpl(node) {
+  var tag = node.tag;
+  if (5 === tag || 26 === tag || 27 === tag || 6 === tag) return node;
+  for (node = node.child; null !== node; ) {
+    tag = findCurrentHostFiberImpl(node);
+    if (null !== tag) return tag;
+    node = node.sibling;
+  }
+  return null;
+}
+function isFiberSuspenseAndTimedOut(fiber) {
+  var memoizedState = fiber.memoizedState;
+  return (
+    13 === fiber.tag &&
+    null !== memoizedState &&
+    null === memoizedState.dehydrated
+  );
+}
+function doesFiberContain(parentFiber, childFiber) {
+  for (
+    var parentFiberAlternate = parentFiber.alternate;
+    null !== childFiber;
+
+  ) {
+    if (childFiber === parentFiber || childFiber === parentFiberAlternate)
+      return !0;
+    childFiber = childFiber.return;
+  }
+  return !1;
+}
+var assign = Object.assign,
+  isArrayImpl = Array.isArray,
+  ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher,
+  sharedNotPendingObject = {
+    pending: !1,
+    data: null,
+    method: null,
+    action: null
+  },
+  valueStack = [],
+  index = -1;
+function createCursor(defaultValue) {
+  return { current: defaultValue };
+}
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var contextStackCursor = createCursor(null),
+  contextFiberStackCursor = createCursor(null),
+  rootInstanceStackCursor = createCursor(null),
+  hostTransitionProviderCursor = createCursor(null),
+  HostTransitionContext = {
+    $$typeof: REACT_CONTEXT_TYPE,
+    Provider: null,
+    Consumer: null,
+    _currentValue: null,
+    _currentValue2: null,
+    _threadCount: 0
+  };
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor, null);
+  fiber = nextRootInstance.nodeType;
+  switch (fiber) {
+    case 9:
+    case 11:
+      nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
+        ? (nextRootInstance = nextRootInstance.namespaceURI)
+          ? getOwnHostContext(nextRootInstance)
+          : 0
+        : 0;
+      break;
+    default:
+      if (
+        ((fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
+        (nextRootInstance = fiber.tagName),
+        (fiber = fiber.namespaceURI))
+      )
+        (fiber = getOwnHostContext(fiber)),
+          (nextRootInstance = getChildHostContextProd(fiber, nextRootInstance));
+      else
+        switch (nextRootInstance) {
+          case "svg":
+            nextRootInstance = 1;
+            break;
+          case "math":
+            nextRootInstance = 2;
+            break;
+          default:
+            nextRootInstance = 0;
+        }
+  }
+  pop(contextStackCursor);
+  push(contextStackCursor, nextRootInstance);
+}
+function popHostContainer() {
+  pop(contextStackCursor);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
+}
+function pushHostContext(fiber) {
+  null !== fiber.memoizedState && push(hostTransitionProviderCursor, fiber);
+  var context = contextStackCursor.current;
+  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
+  context !== JSCompiler_inline_result &&
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor, JSCompiler_inline_result));
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor), pop(contextFiberStackCursor));
+  hostTransitionProviderCursor.current === fiber &&
+    (pop(hostTransitionProviderCursor),
+    (HostTransitionContext._currentValue = null));
+}
+var scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
   cancelCallback$1 = Scheduler.unstable_cancelCallback,
   shouldYield = Scheduler.unstable_shouldYield,
   requestPaint = Scheduler.unstable_requestPaint,
@@ -59,8 +343,6 @@ var Scheduler = require("scheduler"),
   IdlePriority = Scheduler.unstable_IdlePriority,
   log$1 = Scheduler.log,
   unstable_setDisableYieldValue = Scheduler.unstable_setDisableYieldValue,
-  ReactSharedInternals =
-    React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
   rendererID = null,
   injectedHook = null;
 function onCommitRoot(root) {
@@ -258,18 +540,18 @@ function markRootFinished(root, remainingLanes, spawnedLane) {
     0 < noLongerPendingLanes;
 
   ) {
-    var index$3 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$3;
-    remainingLanes[index$3] = 0;
-    expirationTimes[index$3] = -1;
-    var hiddenUpdatesForLane = hiddenUpdates[index$3];
+    var index$5 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$5;
+    remainingLanes[index$5] = 0;
+    expirationTimes[index$5] = -1;
+    var hiddenUpdatesForLane = hiddenUpdates[index$5];
     if (null !== hiddenUpdatesForLane)
       for (
-        hiddenUpdates[index$3] = null, index$3 = 0;
-        index$3 < hiddenUpdatesForLane.length;
-        index$3++
+        hiddenUpdates[index$5] = null, index$5 = 0;
+        index$5 < hiddenUpdatesForLane.length;
+        index$5++
       ) {
-        var update = hiddenUpdatesForLane[index$3];
+        var update = hiddenUpdatesForLane[index$5];
         null !== update && (update.lane &= -536870913);
       }
     noLongerPendingLanes &= ~lane;
@@ -289,21 +571,29 @@ function markSpawnedDeferredLane(root, spawnedLane, entangledLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$4 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$4;
-    (lane & entangledLanes) | (root[index$4] & entangledLanes) &&
-      (root[index$4] |= entangledLanes);
+    var index$6 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$6;
+    (lane & entangledLanes) | (root[index$6] & entangledLanes) &&
+      (root[index$6] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
+function upgradePendingLanesToSync(root, lanesToUpgrade) {
+  root.pendingLanes |= 2;
+  for (root.entangledLanes |= 2; lanesToUpgrade; ) {
+    var lane = 1 << (31 - clz32(lanesToUpgrade));
+    root.entanglements[1] |= lane;
+    lanesToUpgrade &= ~lane;
+  }
+}
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$7 = 31 - clz32(lanes),
-      lane = 1 << index$7;
-    index$7 = root.transitionLanes[index$7];
-    null !== index$7 &&
-      index$7.forEach(function (transition) {
+    var index$9 = 31 - clz32(lanes),
+      lane = 1 << index$9;
+    index$9 = root.transitionLanes[index$9];
+    null !== index$9 &&
+      index$9.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -313,13 +603,22 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$8 = 31 - clz32(lanes),
-        lane = 1 << index$8;
-      null !== root.transitionLanes[index$8] &&
-        (root.transitionLanes[index$8] = null);
+      var index$10 = 31 - clz32(lanes),
+        lane = 1 << index$10;
+      null !== root.transitionLanes[index$10] &&
+        (root.transitionLanes[index$10] = null);
       lanes &= ~lane;
     }
 }
+var currentUpdatePriority = 0;
+function runWithPriority(priority, fn) {
+  var previousPriority = currentUpdatePriority;
+  try {
+    return (currentUpdatePriority = priority), fn();
+  } finally {
+    currentUpdatePriority = previousPriority;
+  }
+}
 function lanesToEventPriority(lanes) {
   lanes &= -lanes;
   return 2 < lanes
@@ -330,302 +629,8 @@ function lanesToEventPriority(lanes) {
       : 8
     : 2;
 }
-function noop$3() {}
-var Internals = {
-  Events: null,
-  d: {
-    f: noop$3,
-    r: noop$3,
-    D: noop$3,
-    C: noop$3,
-    L: noop$3,
-    m: noop$3,
-    X: noop$3,
-    S: noop$3,
-    M: noop$3
-  },
-  p: 0,
-  findDOMNode: null
-};
-function formatProdErrorMessage(code) {
-  var url = "https://react.dev/errors/" + code;
-  if (1 < arguments.length) {
-    url += "?args[]=" + encodeURIComponent(arguments[1]);
-    for (var 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 REACT_ELEMENT_TYPE = Symbol.for("react.element"),
-  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
-  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
-  REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
-  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
-  REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
-  REACT_CONTEXT_TYPE = Symbol.for("react.context"),
-  REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
-  REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
-  REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
-  REACT_MEMO_TYPE = Symbol.for("react.memo"),
-  REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-  REACT_SCOPE_TYPE = Symbol.for("react.scope"),
-  REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"),
-  REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
-  REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"),
-  REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker"),
-  REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
-  MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-function getIteratorFn(maybeIterable) {
-  if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
-  maybeIterable =
-    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
-    maybeIterable["@@iterator"];
-  return "function" === typeof maybeIterable ? maybeIterable : null;
-}
-Symbol.for("react.client.reference");
-function getNearestMountedFiber(fiber) {
-  var node = fiber,
-    nearestMounted = fiber;
-  if (fiber.alternate) for (; node.return; ) node = node.return;
-  else {
-    fiber = node;
-    do
-      (node = fiber),
-        0 !== (node.flags & 4098) && (nearestMounted = node.return),
-        (fiber = node.return);
-    while (fiber);
-  }
-  return 3 === node.tag ? nearestMounted : null;
-}
-function getSuspenseInstanceFromFiber(fiber) {
-  if (13 === fiber.tag) {
-    var suspenseState = fiber.memoizedState;
-    null === suspenseState &&
-      ((fiber = fiber.alternate),
-      null !== fiber && (suspenseState = fiber.memoizedState));
-    if (null !== suspenseState) return suspenseState.dehydrated;
-  }
-  return null;
-}
-function assertIsMounted(fiber) {
-  if (getNearestMountedFiber(fiber) !== fiber)
-    throw Error(formatProdErrorMessage(188));
-}
-function findCurrentFiberUsingSlowPath(fiber) {
-  var alternate = fiber.alternate;
-  if (!alternate) {
-    alternate = getNearestMountedFiber(fiber);
-    if (null === alternate) throw Error(formatProdErrorMessage(188));
-    return alternate !== fiber ? null : fiber;
-  }
-  for (var a = fiber, b = alternate; ; ) {
-    var parentA = a.return;
-    if (null === parentA) break;
-    var parentB = parentA.alternate;
-    if (null === parentB) {
-      b = parentA.return;
-      if (null !== b) {
-        a = b;
-        continue;
-      }
-      break;
-    }
-    if (parentA.child === parentB.child) {
-      for (parentB = parentA.child; parentB; ) {
-        if (parentB === a) return assertIsMounted(parentA), fiber;
-        if (parentB === b) return assertIsMounted(parentA), alternate;
-        parentB = parentB.sibling;
-      }
-      throw Error(formatProdErrorMessage(188));
-    }
-    if (a.return !== b.return) (a = parentA), (b = parentB);
-    else {
-      for (var didFindChild = !1, child$10 = parentA.child; child$10; ) {
-        if (child$10 === a) {
-          didFindChild = !0;
-          a = parentA;
-          b = parentB;
-          break;
-        }
-        if (child$10 === b) {
-          didFindChild = !0;
-          b = parentA;
-          a = parentB;
-          break;
-        }
-        child$10 = child$10.sibling;
-      }
-      if (!didFindChild) {
-        for (child$10 = parentB.child; child$10; ) {
-          if (child$10 === a) {
-            didFindChild = !0;
-            a = parentB;
-            b = parentA;
-            break;
-          }
-          if (child$10 === b) {
-            didFindChild = !0;
-            b = parentB;
-            a = parentA;
-            break;
-          }
-          child$10 = child$10.sibling;
-        }
-        if (!didFindChild) throw Error(formatProdErrorMessage(189));
-      }
-    }
-    if (a.alternate !== b) throw Error(formatProdErrorMessage(190));
-  }
-  if (3 !== a.tag) throw Error(formatProdErrorMessage(188));
-  return a.stateNode.current === a ? fiber : alternate;
-}
-function findCurrentHostFiber(parent) {
-  parent = findCurrentFiberUsingSlowPath(parent);
-  return null !== parent ? findCurrentHostFiberImpl(parent) : null;
-}
-function findCurrentHostFiberImpl(node) {
-  var tag = node.tag;
-  if (5 === tag || 26 === tag || 27 === tag || 6 === tag) return node;
-  for (node = node.child; null !== node; ) {
-    tag = findCurrentHostFiberImpl(node);
-    if (null !== tag) return tag;
-    node = node.sibling;
-  }
-  return null;
-}
-function isFiberSuspenseAndTimedOut(fiber) {
-  var memoizedState = fiber.memoizedState;
-  return (
-    13 === fiber.tag &&
-    null !== memoizedState &&
-    null === memoizedState.dehydrated
-  );
-}
-function doesFiberContain(parentFiber, childFiber) {
-  for (
-    var parentFiberAlternate = parentFiber.alternate;
-    null !== childFiber;
-
-  ) {
-    if (childFiber === parentFiber || childFiber === parentFiberAlternate)
-      return !0;
-    childFiber = childFiber.return;
-  }
-  return !1;
-}
-var isArrayImpl = Array.isArray,
-  sharedNotPendingObject = {
-    pending: !1,
-    data: null,
-    method: null,
-    action: null
-  },
-  valueStack = [],
-  index = -1;
-function createCursor(defaultValue) {
-  return { current: defaultValue };
-}
-function pop(cursor) {
-  0 > index ||
-    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
-}
-function push(cursor, value) {
-  index++;
-  valueStack[index] = cursor.current;
-  cursor.current = value;
-}
-var contextStackCursor = createCursor(null),
-  contextFiberStackCursor = createCursor(null),
-  rootInstanceStackCursor = createCursor(null),
-  hostTransitionProviderCursor = createCursor(null),
-  HostTransitionContext = {
-    $$typeof: REACT_CONTEXT_TYPE,
-    Provider: null,
-    Consumer: null,
-    _currentValue: null,
-    _currentValue2: null,
-    _threadCount: 0
-  };
-function pushHostContainer(fiber, nextRootInstance) {
-  push(rootInstanceStackCursor, nextRootInstance);
-  push(contextFiberStackCursor, fiber);
-  push(contextStackCursor, null);
-  fiber = nextRootInstance.nodeType;
-  switch (fiber) {
-    case 9:
-    case 11:
-      nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
-        ? (nextRootInstance = nextRootInstance.namespaceURI)
-          ? getOwnHostContext(nextRootInstance)
-          : 0
-        : 0;
-      break;
-    default:
-      if (
-        ((fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
-        (nextRootInstance = fiber.tagName),
-        (fiber = fiber.namespaceURI))
-      )
-        (fiber = getOwnHostContext(fiber)),
-          (nextRootInstance = getChildHostContextProd(fiber, nextRootInstance));
-      else
-        switch (nextRootInstance) {
-          case "svg":
-            nextRootInstance = 1;
-            break;
-          case "math":
-            nextRootInstance = 2;
-            break;
-          default:
-            nextRootInstance = 0;
-        }
-  }
-  pop(contextStackCursor);
-  push(contextStackCursor, nextRootInstance);
-}
-function popHostContainer() {
-  pop(contextStackCursor);
-  pop(contextFiberStackCursor);
-  pop(rootInstanceStackCursor);
-}
-function pushHostContext(fiber) {
-  null !== fiber.memoizedState && push(hostTransitionProviderCursor, fiber);
-  var context = contextStackCursor.current;
-  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
-  context !== JSCompiler_inline_result &&
-    (push(contextFiberStackCursor, fiber),
-    push(contextStackCursor, JSCompiler_inline_result));
-}
-function popHostContext(fiber) {
-  contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor), pop(contextFiberStackCursor));
-  hostTransitionProviderCursor.current === fiber &&
-    (pop(hostTransitionProviderCursor),
-    (HostTransitionContext._currentValue = null));
-}
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-function resolveUpdatePriority() {
-  var updatePriority = Internals.p;
-  if (0 !== updatePriority) return updatePriority;
-  updatePriority = window.event;
-  return void 0 === updatePriority ? 32 : getEventPriority(updatePriority.type);
-}
-function runWithPriority(priority, fn) {
-  var previousPriority = Internals.p;
-  try {
-    return (Internals.p = priority), fn();
-  } finally {
-    Internals.p = previousPriority;
-  }
-}
-var randomKey = Math.random().toString(36).slice(2),
+var hasOwnProperty = Object.prototype.hasOwnProperty,
+  randomKey = Math.random().toString(36).slice(2),
   internalInstanceKey = "__reactFiber$" + randomKey,
   internalPropsKey = "__reactProps$" + randomKey,
   internalContainerInstanceKey = "__reactContainer$" + randomKey,
@@ -1229,6 +1234,29 @@ function initTextarea(element, value, defaultValue) {
     null !== value &&
     (element.value = value);
 }
+var reusableSVGContainer;
+function setInnerHTMLImpl(node, html) {
+  if ("http://www.w3.org/2000/svg" !== node.namespaceURI || "innerHTML" in node)
+    node.innerHTML = html;
+  else {
+    reusableSVGContainer =
+      reusableSVGContainer || document.createElement("div");
+    reusableSVGContainer.innerHTML =
+      "<svg>" + html.valueOf().toString() + "</svg>";
+    for (html = reusableSVGContainer.firstChild; node.firstChild; )
+      node.removeChild(node.firstChild);
+    for (; html.firstChild; ) node.appendChild(html.firstChild);
+  }
+}
+var setInnerHTML = setInnerHTMLImpl;
+"undefined" !== typeof MSApp &&
+  MSApp.execUnsafeLocalFunction &&
+  (setInnerHTML = function (node, html) {
+    return MSApp.execUnsafeLocalFunction(function () {
+      return setInnerHTMLImpl(node, html);
+    });
+  });
+var setInnerHTML$1 = setInnerHTML;
 function setTextContent(node, text) {
   if (text) {
     var firstChild = node.firstChild;
@@ -1495,7 +1523,7 @@ function batchedUpdates$1(fn, a, b) {
       ((isInsideEventHandler = !1),
       null !== restoreTarget || null !== restoreQueue)
     )
-      flushSyncWork$1(), restoreStateIfNeeded();
+      flushSync$1(), restoreStateIfNeeded();
   }
 }
 function getListener(inst, registrationName) {
@@ -2043,19 +2071,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$295;
+  var JSCompiler_inline_result$jscomp$294;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_427 = "oninput" in document;
-    if (!isSupported$jscomp$inline_427) {
-      var element$jscomp$inline_428 = document.createElement("div");
-      element$jscomp$inline_428.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_427 =
-        "function" === typeof element$jscomp$inline_428.oninput;
+    var isSupported$jscomp$inline_423 = "oninput" in document;
+    if (!isSupported$jscomp$inline_423) {
+      var element$jscomp$inline_424 = document.createElement("div");
+      element$jscomp$inline_424.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_423 =
+        "function" === typeof element$jscomp$inline_424.oninput;
     }
-    JSCompiler_inline_result$jscomp$295 = isSupported$jscomp$inline_427;
-  } else JSCompiler_inline_result$jscomp$295 = !1;
+    JSCompiler_inline_result$jscomp$294 = isSupported$jscomp$inline_423;
+  } else JSCompiler_inline_result$jscomp$294 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$295 &&
+    JSCompiler_inline_result$jscomp$294 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -2352,9 +2380,6 @@ var vendorPrefixes = {
     animationend: makePrefixMap("Animation", "AnimationEnd"),
     animationiteration: makePrefixMap("Animation", "AnimationIteration"),
     animationstart: makePrefixMap("Animation", "AnimationStart"),
-    transitionrun: makePrefixMap("Transition", "TransitionRun"),
-    transitionstart: makePrefixMap("Transition", "TransitionStart"),
-    transitioncancel: makePrefixMap("Transition", "TransitionCancel"),
     transitionend: makePrefixMap("Transition", "TransitionEnd")
   },
   prefixedEventNames = {},
@@ -2380,9 +2405,6 @@ function getVendorPrefixedEventName(eventName) {
 var ANIMATION_END = getVendorPrefixedEventName("animationend"),
   ANIMATION_ITERATION = getVendorPrefixedEventName("animationiteration"),
   ANIMATION_START = getVendorPrefixedEventName("animationstart"),
-  TRANSITION_RUN = getVendorPrefixedEventName("transitionrun"),
-  TRANSITION_START = getVendorPrefixedEventName("transitionstart"),
-  TRANSITION_CANCEL = getVendorPrefixedEventName("transitioncancel"),
   TRANSITION_END = getVendorPrefixedEventName("transitionend"),
   topLevelEventsToReactNames = new Map(),
   simpleEventPluginEvents =
@@ -2488,19 +2510,19 @@ for (
             }
             console.error(error);
           },
-    i$jscomp$inline_468 = 0;
-  i$jscomp$inline_468 < simpleEventPluginEvents.length;
-  i$jscomp$inline_468++
+    i$jscomp$inline_464 = 0;
+  i$jscomp$inline_464 < simpleEventPluginEvents.length;
+  i$jscomp$inline_464++
 ) {
-  var eventName$jscomp$inline_469 =
-      simpleEventPluginEvents[i$jscomp$inline_468],
-    domEventName$jscomp$inline_470 = eventName$jscomp$inline_469.toLowerCase(),
-    capitalizedEvent$jscomp$inline_471 =
-      eventName$jscomp$inline_469[0].toUpperCase() +
-      eventName$jscomp$inline_469.slice(1);
+  var eventName$jscomp$inline_465 =
+      simpleEventPluginEvents[i$jscomp$inline_464],
+    domEventName$jscomp$inline_466 = eventName$jscomp$inline_465.toLowerCase(),
+    capitalizedEvent$jscomp$inline_467 =
+      eventName$jscomp$inline_465[0].toUpperCase() +
+      eventName$jscomp$inline_465.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_470,
-    "on" + capitalizedEvent$jscomp$inline_471
+    domEventName$jscomp$inline_466,
+    "on" + capitalizedEvent$jscomp$inline_467
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -2509,9 +2531,6 @@ registerSimpleEvent(ANIMATION_START, "onAnimationStart");
 registerSimpleEvent("dblclick", "onDoubleClick");
 registerSimpleEvent("focusin", "onFocus");
 registerSimpleEvent("focusout", "onBlur");
-registerSimpleEvent(TRANSITION_RUN, "onTransitionRun");
-registerSimpleEvent(TRANSITION_START, "onTransitionStart");
-registerSimpleEvent(TRANSITION_CANCEL, "onTransitionCancel");
 registerSimpleEvent(TRANSITION_END, "onTransitionEnd");
 registerDirectEvent("onMouseEnter", ["mouseout", "mouseover"]);
 registerDirectEvent("onMouseLeave", ["mouseout", "mouseover"]);
@@ -3459,7 +3478,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
         key = value.__html;
         if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
-          domElement.innerHTML = key;
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -3671,7 +3692,9 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
         key = value.__html;
         if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
-          domElement.innerHTML = key;
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -4249,222 +4272,987 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         (null == propKey$50 && null == propKey) ||
         setProp(domElement, tag, lastProp, propKey$50, nextProps, propKey);
 }
-var concurrentQueues = [],
-  concurrentQueuesIndex = 0,
-  concurrentlyUpdatedLanes = 0;
-function finishQueueingConcurrentUpdates() {
-  for (
-    var endIndex = concurrentQueuesIndex,
-      i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
-    i < endIndex;
-
-  ) {
-    var fiber = concurrentQueues[i];
-    concurrentQueues[i++] = null;
-    var queue = concurrentQueues[i];
-    concurrentQueues[i++] = null;
-    var update = concurrentQueues[i];
-    concurrentQueues[i++] = null;
-    var lane = concurrentQueues[i];
-    concurrentQueues[i++] = null;
-    if (null !== queue && null !== update) {
-      var pending = queue.pending;
-      null === pending
-        ? (update.next = update)
-        : ((update.next = pending.next), (pending.next = update));
-      queue.pending = update;
+var ReactDOMCurrentDispatcher$1 = Internals.ReactDOMCurrentDispatcher,
+  eventsEnabled = null,
+  selectionInformation = null;
+function getOwnerDocumentFromRootContainer(rootContainerElement) {
+  return 9 === rootContainerElement.nodeType
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
+}
+function getOwnHostContext(namespaceURI) {
+  switch (namespaceURI) {
+    case "http://www.w3.org/2000/svg":
+      return 1;
+    case "http://www.w3.org/1998/Math/MathML":
+      return 2;
+    default:
+      return 0;
+  }
+}
+function getChildHostContextProd(parentNamespace, type) {
+  if (0 === parentNamespace)
+    switch (type) {
+      case "svg":
+        return 1;
+      case "math":
+        return 2;
+      default:
+        return 0;
     }
-    0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
+  return 1 === parentNamespace && "foreignObject" === type
+    ? 0
+    : parentNamespace;
+}
+function shouldSetTextContent(type, props) {
+  return (
+    "textarea" === type ||
+    "noscript" === type ||
+    "string" === typeof props.children ||
+    "number" === typeof props.children ||
+    "bigint" === typeof props.children ||
+    ("object" === typeof props.dangerouslySetInnerHTML &&
+      null !== props.dangerouslySetInnerHTML &&
+      null != props.dangerouslySetInnerHTML.__html)
+  );
+}
+var currentPopstateTransitionEvent = null;
+function shouldAttemptEagerTransition() {
+  var event = window.event;
+  if (event && "popstate" === event.type) {
+    if (event === currentPopstateTransitionEvent) return !1;
+    currentPopstateTransitionEvent = event;
+    return !0;
+  }
+  currentPopstateTransitionEvent = null;
+  return !1;
+}
+var scheduleTimeout = "function" === typeof setTimeout ? setTimeout : void 0,
+  cancelTimeout = "function" === typeof clearTimeout ? clearTimeout : void 0,
+  localPromise = "function" === typeof Promise ? Promise : void 0,
+  localRequestAnimationFrame =
+    "function" === typeof requestAnimationFrame
+      ? requestAnimationFrame
+      : scheduleTimeout;
+function getInstanceFromScope(scopeInstance) {
+  scopeInstance = scopeInstance[internalInstanceKey] || null;
+  return scopeInstance;
+}
+var scheduleMicrotask =
+  "function" === typeof queueMicrotask
+    ? queueMicrotask
+    : "undefined" !== typeof localPromise
+    ? function (callback) {
+        return localPromise
+          .resolve(null)
+          .then(callback)
+          .catch(handleErrorInNextTick);
+      }
+    : scheduleTimeout;
+function handleErrorInNextTick(error) {
+  setTimeout(function () {
+    throw error;
+  });
+}
+function createEvent(type, bubbles) {
+  var event = document.createEvent("Event");
+  event.initEvent(type, bubbles, !1);
+  return event;
+}
+function dispatchBeforeDetachedBlur(target, internalInstanceHandle) {
+  var event = createEvent("beforeblur", !0);
+  event._detachedInterceptFiber = internalInstanceHandle;
+  target.dispatchEvent(event);
+}
+function dispatchAfterDetachedBlur(target) {
+  var event = createEvent("afterblur", !1);
+  event.relatedTarget = target;
+  document.dispatchEvent(event);
+}
+function clearSuspenseBoundary(parentInstance, suspenseInstance) {
+  var node = suspenseInstance,
+    depth = 0;
+  do {
+    var nextNode = node.nextSibling;
+    parentInstance.removeChild(node);
+    if (nextNode && 8 === nextNode.nodeType)
+      if (((node = nextNode.data), "/$" === node)) {
+        if (0 === depth) {
+          parentInstance.removeChild(nextNode);
+          retryIfBlockedOn(suspenseInstance);
+          return;
+        }
+        depth--;
+      } else ("$" !== node && "$?" !== node && "$!" !== node) || depth++;
+    node = nextNode;
+  } while (node);
+  retryIfBlockedOn(suspenseInstance);
+}
+function clearContainerSparingly(container) {
+  var nextNode = container.firstChild;
+  nextNode && 10 === nextNode.nodeType && (nextNode = nextNode.nextSibling);
+  for (; nextNode; ) {
+    var node = nextNode;
+    nextNode = nextNode.nextSibling;
+    switch (node.nodeName) {
+      case "HTML":
+      case "HEAD":
+      case "BODY":
+        clearContainerSparingly(node);
+        detachDeletedInstance(node);
+        continue;
+      case "SCRIPT":
+      case "STYLE":
+        continue;
+      case "LINK":
+        if ("stylesheet" === node.rel.toLowerCase()) continue;
+    }
+    container.removeChild(node);
   }
 }
-function enqueueUpdate$1(fiber, queue, update, lane) {
-  concurrentQueues[concurrentQueuesIndex++] = fiber;
-  concurrentQueues[concurrentQueuesIndex++] = queue;
-  concurrentQueues[concurrentQueuesIndex++] = update;
-  concurrentQueues[concurrentQueuesIndex++] = lane;
-  concurrentlyUpdatedLanes |= lane;
-  fiber.lanes |= lane;
-  fiber = fiber.alternate;
-  null !== fiber && (fiber.lanes |= lane);
-}
-function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-  enqueueUpdate$1(fiber, queue, update, lane);
-  return getRootForUpdatedFiber(fiber);
-}
-function enqueueConcurrentRenderForLane(fiber, lane) {
-  enqueueUpdate$1(fiber, null, null, lane);
-  return getRootForUpdatedFiber(fiber);
-}
-function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
-  sourceFiber.lanes |= lane;
-  var alternate = sourceFiber.alternate;
-  null !== alternate && (alternate.lanes |= lane);
-  for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
-    (parent.childLanes |= lane),
-      (alternate = parent.alternate),
-      null !== alternate && (alternate.childLanes |= lane),
-      22 === parent.tag &&
-        ((sourceFiber = parent.stateNode),
-        null === sourceFiber || sourceFiber._visibility & 1 || (isHidden = !0)),
-      (sourceFiber = parent),
-      (parent = parent.return);
-  isHidden &&
-    null !== update &&
-    3 === sourceFiber.tag &&
-    ((parent = sourceFiber.stateNode),
-    (isHidden = 31 - clz32(lane)),
-    (parent = parent.hiddenUpdates),
-    (sourceFiber = parent[isHidden]),
-    null === sourceFiber
-      ? (parent[isHidden] = [update])
-      : sourceFiber.push(update),
-    (update.lane = lane | 536870912));
-}
-function getRootForUpdatedFiber(sourceFiber) {
-  throwIfInfiniteUpdateLoopDetected();
-  for (var parent = sourceFiber.return; null !== parent; )
-    (sourceFiber = parent), (parent = sourceFiber.return);
-  return 3 === sourceFiber.tag ? sourceFiber.stateNode : null;
-}
-var emptyContextObject = {};
-function processTransitionCallbacks(pendingTransitions, endTime, callbacks) {
-  if (enableTransitionTracing && null !== pendingTransitions) {
-    var transitionStart = pendingTransitions.transitionStart,
-      onTransitionStart = callbacks.onTransitionStart;
-    null !== transitionStart &&
-      null != onTransitionStart &&
-      transitionStart.forEach(function (transition) {
-        return onTransitionStart(transition.name, transition.startTime);
-      });
-    transitionStart = pendingTransitions.markerProgress;
-    var onMarkerProgress = callbacks.onMarkerProgress;
-    null != onMarkerProgress &&
-      null !== transitionStart &&
-      transitionStart.forEach(function (markerInstance, markerName) {
-        if (null !== markerInstance.transitions) {
-          var pending =
-            null !== markerInstance.pendingBoundaries
-              ? Array.from(markerInstance.pendingBoundaries.values())
-              : [];
-          markerInstance.transitions.forEach(function (transition) {
-            onMarkerProgress(
-              transition.name,
-              markerName,
-              transition.startTime,
-              endTime,
-              pending
-            );
-          });
-        }
-      });
-    transitionStart = pendingTransitions.markerComplete;
-    var onMarkerComplete = callbacks.onMarkerComplete;
-    null !== transitionStart &&
-      null != onMarkerComplete &&
-      transitionStart.forEach(function (transitions, markerName) {
-        transitions.forEach(function (transition) {
-          onMarkerComplete(
-            transition.name,
-            markerName,
-            transition.startTime,
-            endTime
-          );
-        });
-      });
-    transitionStart = pendingTransitions.markerIncomplete;
-    var onMarkerIncomplete = callbacks.onMarkerIncomplete;
-    null != onMarkerIncomplete &&
-      null !== transitionStart &&
-      transitionStart.forEach(function (_ref, markerName) {
-        var aborts = _ref.aborts;
-        _ref.transitions.forEach(function (transition) {
-          var filteredAborts = [];
-          aborts.forEach(function (abort) {
-            switch (abort.reason) {
-              case "marker":
-                filteredAborts.push({
-                  type: "marker",
-                  name: abort.name,
-                  endTime: endTime
-                });
-                break;
-              case "suspense":
-                filteredAborts.push({
-                  type: "suspense",
-                  name: abort.name,
-                  endTime: endTime
-                });
-            }
-          });
-          0 < filteredAborts.length &&
-            onMarkerIncomplete(
-              transition.name,
-              markerName,
-              transition.startTime,
-              filteredAborts
-            );
-        });
-      });
-    transitionStart = pendingTransitions.transitionProgress;
-    var onTransitionProgress = callbacks.onTransitionProgress;
-    null != onTransitionProgress &&
-      null !== transitionStart &&
-      transitionStart.forEach(function (pending, transition) {
-        onTransitionProgress(
-          transition.name,
-          transition.startTime,
-          endTime,
-          Array.from(pending.values())
-        );
-      });
-    pendingTransitions = pendingTransitions.transitionComplete;
-    var onTransitionComplete = callbacks.onTransitionComplete;
-    null !== pendingTransitions &&
-      null != onTransitionComplete &&
-      pendingTransitions.forEach(function (transition) {
-        return onTransitionComplete(
-          transition.name,
-          transition.startTime,
-          endTime
-        );
-      });
+function canHydrateInstance(instance, type, props, inRootOrSingleton) {
+  for (; 1 === instance.nodeType; ) {
+    var anyProps = props;
+    if (instance.nodeName.toLowerCase() !== type.toLowerCase()) {
+      if (
+        !inRootOrSingleton &&
+        ("INPUT" !== instance.nodeName || "hidden" !== instance.type)
+      )
+        break;
+    } else if (!inRootOrSingleton)
+      if ("input" === type && "hidden" === instance.type) {
+        var name = null == anyProps.name ? null : "" + anyProps.name;
+        if (
+          "hidden" === anyProps.type &&
+          instance.getAttribute("name") === name
+        )
+          return instance;
+      } else return instance;
+    else if (!instance[internalHoistableMarker])
+      switch (type) {
+        case "meta":
+          if (!instance.hasAttribute("itemprop")) break;
+          return instance;
+        case "link":
+          name = instance.getAttribute("rel");
+          if ("stylesheet" === name && instance.hasAttribute("data-precedence"))
+            break;
+          else if (
+            name !== anyProps.rel ||
+            instance.getAttribute("href") !==
+              (null == anyProps.href ? null : anyProps.href) ||
+            instance.getAttribute("crossorigin") !==
+              (null == anyProps.crossOrigin ? null : anyProps.crossOrigin) ||
+            instance.getAttribute("title") !==
+              (null == anyProps.title ? null : anyProps.title)
+          )
+            break;
+          return instance;
+        case "style":
+          if (instance.hasAttribute("data-precedence")) break;
+          return instance;
+        case "script":
+          name = instance.getAttribute("src");
+          if (
+            (name !== (null == anyProps.src ? null : anyProps.src) ||
+              instance.getAttribute("type") !==
+                (null == anyProps.type ? null : anyProps.type) ||
+              instance.getAttribute("crossorigin") !==
+                (null == anyProps.crossOrigin ? null : anyProps.crossOrigin)) &&
+            name &&
+            instance.hasAttribute("async") &&
+            !instance.hasAttribute("itemprop")
+          )
+            break;
+          return instance;
+        default:
+          return instance;
+      }
+    instance = getNextHydratable(instance.nextSibling);
+    if (null === instance) break;
   }
+  return null;
 }
-var markerInstanceStack = createCursor(null);
-function pushRootMarkerInstance(workInProgress) {
-  if (enableTransitionTracing) {
-    var transitions = workInProgressTransitions,
-      root$87 = workInProgress.stateNode;
-    null !== transitions &&
-      transitions.forEach(function (transition) {
-        if (!root$87.incompleteTransitions.has(transition)) {
-          var markerInstance = {
-            tag: 0,
-            transitions: new Set([transition]),
-            pendingBoundaries: null,
-            aborts: null,
-            name: null
-          };
-          root$87.incompleteTransitions.set(transition, markerInstance);
-        }
-      });
-    var markerInstances = [];
-    root$87.incompleteTransitions.forEach(function (markerInstance) {
-      markerInstances.push(markerInstance);
+function canHydrateTextInstance(instance, text, inRootOrSingleton) {
+  if ("" === text) return null;
+  for (; 3 !== instance.nodeType; ) {
+    if (
+      (1 !== instance.nodeType ||
+        "INPUT" !== instance.nodeName ||
+        "hidden" !== instance.type) &&
+      !inRootOrSingleton
+    )
+      return null;
+    instance = getNextHydratable(instance.nextSibling);
+    if (null === instance) return null;
+  }
+  return instance;
+}
+function getNextHydratable(node) {
+  for (; null != node; node = node.nextSibling) {
+    var nodeType = node.nodeType;
+    if (1 === nodeType || 3 === nodeType) break;
+    if (8 === nodeType) {
+      nodeType = node.data;
+      if (
+        "$" === nodeType ||
+        "$!" === nodeType ||
+        "$?" === nodeType ||
+        "F!" === nodeType ||
+        "F" === nodeType
+      )
+        break;
+      if ("/$" === nodeType) return null;
+    }
+  }
+  return node;
+}
+function getParentSuspenseInstance(targetInstance) {
+  targetInstance = targetInstance.previousSibling;
+  for (var depth = 0; targetInstance; ) {
+    if (8 === targetInstance.nodeType) {
+      var data = targetInstance.data;
+      if ("$" === data || "$!" === data || "$?" === data) {
+        if (0 === depth) return targetInstance;
+        depth--;
+      } else "/$" === data && depth++;
+    }
+    targetInstance = targetInstance.previousSibling;
+  }
+  return null;
+}
+function requestPostPaintCallback(callback) {
+  localRequestAnimationFrame(function () {
+    localRequestAnimationFrame(function (time) {
+      return callback(time);
     });
-    push(markerInstanceStack, markerInstances);
+  });
+}
+function resolveSingletonInstance(type, props, rootContainerInstance) {
+  props = getOwnerDocumentFromRootContainer(rootContainerInstance);
+  switch (type) {
+    case "html":
+      type = props.documentElement;
+      if (!type) throw Error(formatProdErrorMessage(452));
+      return type;
+    case "head":
+      type = props.head;
+      if (!type) throw Error(formatProdErrorMessage(453));
+      return type;
+    case "body":
+      type = props.body;
+      if (!type) throw Error(formatProdErrorMessage(454));
+      return type;
+    default:
+      throw Error(formatProdErrorMessage(451));
   }
 }
-function pushMarkerInstance(workInProgress, markerInstance) {
-  enableTransitionTracing &&
-    (null === markerInstanceStack.current
-      ? push(markerInstanceStack, [markerInstance])
-      : push(
-          markerInstanceStack,
-          markerInstanceStack.current.concat(markerInstance)
-        ));
+var preloadPropsMap = new Map(),
+  preconnectsSet = new Set();
+function getHoistableRoot(container) {
+  return "function" === typeof container.getRootNode
+    ? container.getRootNode()
+    : container.ownerDocument;
 }
-var CapturedStacks = new WeakMap();
+var previousDispatcher = ReactDOMCurrentDispatcher$1.current;
+ReactDOMCurrentDispatcher$1.current = {
+  prefetchDNS: prefetchDNS$1,
+  preconnect: preconnect$1,
+  preload: preload$1,
+  preloadModule: preloadModule$1,
+  preinitStyle: preinitStyle,
+  preinitScript: preinitScript,
+  preinitModuleScript: preinitModuleScript
+};
+var globalDocument = "undefined" === typeof document ? null : document;
+function preconnectAs(rel, href, crossOrigin) {
+  var ownerDocument = globalDocument;
+  if (ownerDocument && "string" === typeof href && href) {
+    var limitedEscapedHref =
+      escapeSelectorAttributeValueInsideDoubleQuotes(href);
+    limitedEscapedHref =
+      'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
+    "string" === typeof crossOrigin &&
+      (limitedEscapedHref += '[crossorigin="' + crossOrigin + '"]');
+    preconnectsSet.has(limitedEscapedHref) ||
+      (preconnectsSet.add(limitedEscapedHref),
+      (rel = { rel: rel, crossOrigin: crossOrigin, href: href }),
+      null === ownerDocument.querySelector(limitedEscapedHref) &&
+        ((href = ownerDocument.createElement("link")),
+        setInitialProperties(href, "link", rel),
+        markNodeAsHoistable(href),
+        ownerDocument.head.appendChild(href)));
+  }
+}
+function prefetchDNS$1(href) {
+  previousDispatcher.prefetchDNS(href);
+  preconnectAs("dns-prefetch", href, null);
+}
+function preconnect$1(href, crossOrigin) {
+  previousDispatcher.preconnect(href, crossOrigin);
+  preconnectAs("preconnect", href, crossOrigin);
+}
+function preload$1(href, as, options) {
+  previousDispatcher.preload(href, as, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && href && as) {
+    var preloadSelector =
+      'link[rel="preload"][as="' +
+      escapeSelectorAttributeValueInsideDoubleQuotes(as) +
+      '"]';
+    "image" === as
+      ? options && options.imageSrcSet
+        ? ((preloadSelector +=
+            '[imagesrcset="' +
+            escapeSelectorAttributeValueInsideDoubleQuotes(
+              options.imageSrcSet
+            ) +
+            '"]'),
+          "string" === typeof options.imageSizes &&
+            (preloadSelector +=
+              '[imagesizes="' +
+              escapeSelectorAttributeValueInsideDoubleQuotes(
+                options.imageSizes
+              ) +
+              '"]'))
+        : (preloadSelector +=
+            '[href="' +
+            escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+            '"]')
+      : (preloadSelector +=
+          '[href="' +
+          escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+          '"]');
+    var key = preloadSelector;
+    switch (as) {
+      case "style":
+        key = getStyleKey(href);
+        break;
+      case "script":
+        key = getScriptKey(href);
+    }
+    preloadPropsMap.has(key) ||
+      ((href = assign(
+        {
+          rel: "preload",
+          href:
+            "image" === as && options && options.imageSrcSet ? void 0 : href,
+          as: as
+        },
+        options
+      )),
+      preloadPropsMap.set(key, href),
+      null !== ownerDocument.querySelector(preloadSelector) ||
+        ("style" === as &&
+          ownerDocument.querySelector(getStylesheetSelectorFromKey(key))) ||
+        ("script" === as &&
+          ownerDocument.querySelector(getScriptSelectorFromKey(key))) ||
+        ((as = ownerDocument.createElement("link")),
+        setInitialProperties(as, "link", href),
+        markNodeAsHoistable(as),
+        ownerDocument.head.appendChild(as)));
+  }
+}
+function preloadModule$1(href, options) {
+  previousDispatcher.preloadModule(href, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && href) {
+    var as = options && "string" === typeof options.as ? options.as : "script",
+      preloadSelector =
+        'link[rel="modulepreload"][as="' +
+        escapeSelectorAttributeValueInsideDoubleQuotes(as) +
+        '"][href="' +
+        escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+        '"]',
+      key = preloadSelector;
+    switch (as) {
+      case "audioworklet":
+      case "paintworklet":
+      case "serviceworker":
+      case "sharedworker":
+      case "worker":
+      case "script":
+        key = getScriptKey(href);
+    }
+    if (
+      !preloadPropsMap.has(key) &&
+      ((href = assign({ rel: "modulepreload", href: href }, options)),
+      preloadPropsMap.set(key, href),
+      null === ownerDocument.querySelector(preloadSelector))
+    ) {
+      switch (as) {
+        case "audioworklet":
+        case "paintworklet":
+        case "serviceworker":
+        case "sharedworker":
+        case "worker":
+        case "script":
+          if (ownerDocument.querySelector(getScriptSelectorFromKey(key)))
+            return;
+      }
+      as = ownerDocument.createElement("link");
+      setInitialProperties(as, "link", href);
+      markNodeAsHoistable(as);
+      ownerDocument.head.appendChild(as);
+    }
+  }
+}
+function preinitStyle(href, precedence, options) {
+  previousDispatcher.preinitStyle(href, precedence, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && href) {
+    var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
+      key = getStyleKey(href);
+    precedence = precedence || "default";
+    var resource = styles.get(key);
+    if (!resource) {
+      var state = { loading: 0, preload: null };
+      if (
+        (resource = ownerDocument.querySelector(
+          getStylesheetSelectorFromKey(key)
+        ))
+      )
+        state.loading = 5;
+      else {
+        href = assign(
+          { rel: "stylesheet", href: href, "data-precedence": precedence },
+          options
+        );
+        (options = preloadPropsMap.get(key)) &&
+          adoptPreloadPropsForStylesheet(href, options);
+        var link = (resource = ownerDocument.createElement("link"));
+        markNodeAsHoistable(link);
+        setInitialProperties(link, "link", href);
+        link._p = new Promise(function (resolve, reject) {
+          link.onload = resolve;
+          link.onerror = reject;
+        });
+        link.addEventListener("load", function () {
+          state.loading |= 1;
+        });
+        link.addEventListener("error", function () {
+          state.loading |= 2;
+        });
+        state.loading |= 4;
+        insertStylesheet(resource, precedence, ownerDocument);
+      }
+      resource = {
+        type: "stylesheet",
+        instance: resource,
+        count: 1,
+        state: state
+      };
+      styles.set(key, resource);
+    }
+  }
+}
+function preinitScript(src, options) {
+  previousDispatcher.preinitScript(src, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && src) {
+    var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
+      key = getScriptKey(src),
+      resource = scripts.get(key);
+    resource ||
+      ((resource = ownerDocument.querySelector(getScriptSelectorFromKey(key))),
+      resource ||
+        ((src = assign({ src: src, async: !0 }, options)),
+        (options = preloadPropsMap.get(key)) &&
+          adoptPreloadPropsForScript(src, options),
+        (resource = ownerDocument.createElement("script")),
+        markNodeAsHoistable(resource),
+        setInitialProperties(resource, "link", src),
+        ownerDocument.head.appendChild(resource)),
+      (resource = {
+        type: "script",
+        instance: resource,
+        count: 1,
+        state: null
+      }),
+      scripts.set(key, resource));
+  }
+}
+function preinitModuleScript(src, options) {
+  previousDispatcher.preinitModuleScript(src, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && src) {
+    var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
+      key = getScriptKey(src),
+      resource = scripts.get(key);
+    resource ||
+      ((resource = ownerDocument.querySelector(getScriptSelectorFromKey(key))),
+      resource ||
+        ((src = assign({ src: src, async: !0, type: "module" }, options)),
+        (options = preloadPropsMap.get(key)) &&
+          adoptPreloadPropsForScript(src, options),
+        (resource = ownerDocument.createElement("script")),
+        markNodeAsHoistable(resource),
+        setInitialProperties(resource, "link", src),
+        ownerDocument.head.appendChild(resource)),
+      (resource = {
+        type: "script",
+        instance: resource,
+        count: 1,
+        state: null
+      }),
+      scripts.set(key, resource));
+  }
+}
+function getResource(type, currentProps, pendingProps) {
+  currentProps = (currentProps = rootInstanceStackCursor.current)
+    ? getHoistableRoot(currentProps)
+    : null;
+  if (!currentProps) throw Error(formatProdErrorMessage(446));
+  switch (type) {
+    case "meta":
+    case "title":
+      return null;
+    case "style":
+      return "string" === typeof pendingProps.precedence &&
+        "string" === typeof pendingProps.href
+        ? ((pendingProps = getStyleKey(pendingProps.href)),
+          (currentProps = getResourcesFromRoot(currentProps).hoistableStyles),
+          (type = currentProps.get(pendingProps)),
+          type ||
+            ((type = { type: "style", instance: null, count: 0, state: null }),
+            currentProps.set(pendingProps, type)),
+          type)
+        : { type: "void", instance: null, count: 0, state: null };
+    case "link":
+      if (
+        "stylesheet" === pendingProps.rel &&
+        "string" === typeof pendingProps.href &&
+        "string" === typeof pendingProps.precedence
+      ) {
+        type = getStyleKey(pendingProps.href);
+        var styles$89 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$90 = styles$89.get(type);
+        resource$90 ||
+          ((currentProps = currentProps.ownerDocument || currentProps),
+          (resource$90 = {
+            type: "stylesheet",
+            instance: null,
+            count: 0,
+            state: { loading: 0, preload: null }
+          }),
+          styles$89.set(type, resource$90),
+          preloadPropsMap.has(type) ||
+            preloadStylesheet(
+              currentProps,
+              type,
+              {
+                rel: "preload",
+                as: "style",
+                href: pendingProps.href,
+                crossOrigin: pendingProps.crossOrigin,
+                integrity: pendingProps.integrity,
+                media: pendingProps.media,
+                hrefLang: pendingProps.hrefLang,
+                referrerPolicy: pendingProps.referrerPolicy
+              },
+              resource$90.state
+            ));
+        return resource$90;
+      }
+      return null;
+    case "script":
+      return "string" === typeof pendingProps.src && !0 === pendingProps.async
+        ? ((pendingProps = getScriptKey(pendingProps.src)),
+          (currentProps = getResourcesFromRoot(currentProps).hoistableScripts),
+          (type = currentProps.get(pendingProps)),
+          type ||
+            ((type = { type: "script", instance: null, count: 0, state: null }),
+            currentProps.set(pendingProps, type)),
+          type)
+        : { type: "void", instance: null, count: 0, state: null };
+    default:
+      throw Error(formatProdErrorMessage(444, type));
+  }
+}
+function getStyleKey(href) {
+  return 'href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
+}
+function getStylesheetSelectorFromKey(key) {
+  return 'link[rel="stylesheet"][' + key + "]";
+}
+function stylesheetPropsFromRawProps(rawProps) {
+  return assign({}, rawProps, {
+    "data-precedence": rawProps.precedence,
+    precedence: null
+  });
+}
+function preloadStylesheet(ownerDocument, key, preloadProps, state) {
+  preloadPropsMap.set(key, preloadProps);
+  ownerDocument.querySelector(getStylesheetSelectorFromKey(key)) ||
+    (ownerDocument.querySelector('link[rel="preload"][as="style"][' + key + "]")
+      ? (state.loading = 1)
+      : ((key = ownerDocument.createElement("link")),
+        (state.preload = key),
+        key.addEventListener("load", function () {
+          return (state.loading |= 1);
+        }),
+        key.addEventListener("error", function () {
+          return (state.loading |= 2);
+        }),
+        setInitialProperties(key, "link", preloadProps),
+        markNodeAsHoistable(key),
+        ownerDocument.head.appendChild(key)));
+}
+function getScriptKey(src) {
+  return '[src="' + escapeSelectorAttributeValueInsideDoubleQuotes(src) + '"]';
+}
+function getScriptSelectorFromKey(key) {
+  return "script[async]" + key;
+}
+function acquireResource(hoistableRoot, resource, props) {
+  resource.count++;
+  if (null === resource.instance)
+    switch (resource.type) {
+      case "style":
+        var instance = hoistableRoot.querySelector(
+          'style[data-href~="' +
+            escapeSelectorAttributeValueInsideDoubleQuotes(props.href) +
+            '"]'
+        );
+        if (instance)
+          return (
+            (resource.instance = instance),
+            markNodeAsHoistable(instance),
+            instance
+          );
+        var styleProps = assign({}, props, {
+          "data-href": props.href,
+          "data-precedence": props.precedence,
+          href: null,
+          precedence: null
+        });
+        instance = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
+          "style"
+        );
+        markNodeAsHoistable(instance);
+        setInitialProperties(instance, "style", styleProps);
+        insertStylesheet(instance, props.precedence, hoistableRoot);
+        return (resource.instance = instance);
+      case "stylesheet":
+        styleProps = getStyleKey(props.href);
+        var instance$94 = hoistableRoot.querySelector(
+          getStylesheetSelectorFromKey(styleProps)
+        );
+        if (instance$94)
+          return (
+            (resource.state.loading |= 4),
+            (resource.instance = instance$94),
+            markNodeAsHoistable(instance$94),
+            instance$94
+          );
+        instance = stylesheetPropsFromRawProps(props);
+        (styleProps = preloadPropsMap.get(styleProps)) &&
+          adoptPreloadPropsForStylesheet(instance, styleProps);
+        instance$94 = (
+          hoistableRoot.ownerDocument || hoistableRoot
+        ).createElement("link");
+        markNodeAsHoistable(instance$94);
+        var linkInstance = instance$94;
+        linkInstance._p = new Promise(function (resolve, reject) {
+          linkInstance.onload = resolve;
+          linkInstance.onerror = reject;
+        });
+        setInitialProperties(instance$94, "link", instance);
+        resource.state.loading |= 4;
+        insertStylesheet(instance$94, props.precedence, hoistableRoot);
+        return (resource.instance = instance$94);
+      case "script":
+        instance$94 = getScriptKey(props.src);
+        if (
+          (styleProps = hoistableRoot.querySelector(
+            getScriptSelectorFromKey(instance$94)
+          ))
+        )
+          return (
+            (resource.instance = styleProps),
+            markNodeAsHoistable(styleProps),
+            styleProps
+          );
+        instance = props;
+        if ((styleProps = preloadPropsMap.get(instance$94)))
+          (instance = assign({}, props)),
+            adoptPreloadPropsForScript(instance, styleProps);
+        hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
+        styleProps = hoistableRoot.createElement("script");
+        markNodeAsHoistable(styleProps);
+        setInitialProperties(styleProps, "link", instance);
+        hoistableRoot.head.appendChild(styleProps);
+        return (resource.instance = styleProps);
+      case "void":
+        return null;
+      default:
+        throw Error(formatProdErrorMessage(443, resource.type));
+    }
+  else
+    "stylesheet" === resource.type &&
+      0 === (resource.state.loading & 4) &&
+      ((instance = resource.instance),
+      (resource.state.loading |= 4),
+      insertStylesheet(instance, props.precedence, hoistableRoot));
+  return resource.instance;
+}
+function insertStylesheet(instance, precedence, root) {
+  for (
+    var nodes = root.querySelectorAll(
+        'link[rel="stylesheet"][data-precedence],style[data-precedence]'
+      ),
+      last = nodes.length ? nodes[nodes.length - 1] : null,
+      prior = last,
+      i = 0;
+    i < nodes.length;
+    i++
+  ) {
+    var node = nodes[i];
+    if (node.dataset.precedence === precedence) prior = node;
+    else if (prior !== last) break;
+  }
+  prior
+    ? prior.parentNode.insertBefore(instance, prior.nextSibling)
+    : ((precedence = 9 === root.nodeType ? root.head : root),
+      precedence.insertBefore(instance, precedence.firstChild));
+}
+function adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps) {
+  null == stylesheetProps.crossOrigin &&
+    (stylesheetProps.crossOrigin = preloadProps.crossOrigin);
+  null == stylesheetProps.referrerPolicy &&
+    (stylesheetProps.referrerPolicy = preloadProps.referrerPolicy);
+  null == stylesheetProps.title && (stylesheetProps.title = preloadProps.title);
+}
+function adoptPreloadPropsForScript(scriptProps, preloadProps) {
+  null == scriptProps.crossOrigin &&
+    (scriptProps.crossOrigin = preloadProps.crossOrigin);
+  null == scriptProps.referrerPolicy &&
+    (scriptProps.referrerPolicy = preloadProps.referrerPolicy);
+  null == scriptProps.integrity &&
+    (scriptProps.integrity = preloadProps.integrity);
+}
+var tagCaches = null;
+function getHydratableHoistableCache(type, keyAttribute, ownerDocument) {
+  if (null === tagCaches) {
+    var cache = new Map();
+    var caches = (tagCaches = new Map());
+    caches.set(ownerDocument, cache);
+  } else
+    (caches = tagCaches),
+      (cache = caches.get(ownerDocument)),
+      cache || ((cache = new Map()), caches.set(ownerDocument, cache));
+  if (cache.has(type)) return cache;
+  cache.set(type, null);
+  ownerDocument = ownerDocument.getElementsByTagName(type);
+  for (caches = 0; caches < ownerDocument.length; caches++) {
+    var node = ownerDocument[caches];
+    if (
+      !(
+        node[internalHoistableMarker] ||
+        node[internalInstanceKey] ||
+        ("link" === type && "stylesheet" === node.getAttribute("rel"))
+      ) &&
+      "http://www.w3.org/2000/svg" !== node.namespaceURI
+    ) {
+      var nodeKey = node.getAttribute(keyAttribute) || "";
+      nodeKey = type + nodeKey;
+      var existing = cache.get(nodeKey);
+      existing ? existing.push(node) : cache.set(nodeKey, [node]);
+    }
+  }
+  return cache;
+}
+function mountHoistable(hoistableRoot, type, instance) {
+  hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
+  hoistableRoot.head.insertBefore(
+    instance,
+    "title" === type ? hoistableRoot.querySelector("head > title") : null
+  );
+}
+function isHostHoistableType(type, props, hostContext) {
+  if (1 === hostContext || null != props.itemProp) return !1;
+  switch (type) {
+    case "meta":
+    case "title":
+      return !0;
+    case "style":
+      if (
+        "string" !== typeof props.precedence ||
+        "string" !== typeof props.href ||
+        "" === props.href
+      )
+        break;
+      return !0;
+    case "link":
+      if (
+        "string" !== typeof props.rel ||
+        "string" !== typeof props.href ||
+        "" === props.href ||
+        props.onLoad ||
+        props.onError
+      )
+        break;
+      switch (props.rel) {
+        case "stylesheet":
+          return (
+            (type = props.disabled),
+            "string" === typeof props.precedence && null == type
+          );
+        default:
+          return !0;
+      }
+    case "script":
+      if (
+        !0 === props.async &&
+        !props.onLoad &&
+        !props.onError &&
+        "string" === typeof props.src &&
+        props.src
+      )
+        return !0;
+  }
+  return !1;
+}
+var suspendedState = null;
+function noop$1() {}
+function suspendResource(hoistableRoot, resource, props) {
+  if (null === suspendedState) throw Error(formatProdErrorMessage(475));
+  var state = suspendedState;
+  if (
+    "stylesheet" === resource.type &&
+    ("string" !== typeof props.media ||
+      !1 !== matchMedia(props.media).matches) &&
+    0 === (resource.state.loading & 4)
+  ) {
+    if (null === resource.instance) {
+      var key = getStyleKey(props.href),
+        instance = hoistableRoot.querySelector(
+          getStylesheetSelectorFromKey(key)
+        );
+      if (instance) {
+        hoistableRoot = instance._p;
+        null !== hoistableRoot &&
+          "object" === typeof hoistableRoot &&
+          "function" === typeof hoistableRoot.then &&
+          (state.count++,
+          (state = onUnsuspend.bind(state)),
+          hoistableRoot.then(state, state));
+        resource.state.loading |= 4;
+        resource.instance = instance;
+        markNodeAsHoistable(instance);
+        return;
+      }
+      instance = hoistableRoot.ownerDocument || hoistableRoot;
+      props = stylesheetPropsFromRawProps(props);
+      (key = preloadPropsMap.get(key)) &&
+        adoptPreloadPropsForStylesheet(props, key);
+      instance = instance.createElement("link");
+      markNodeAsHoistable(instance);
+      var linkInstance = instance;
+      linkInstance._p = new Promise(function (resolve, reject) {
+        linkInstance.onload = resolve;
+        linkInstance.onerror = reject;
+      });
+      setInitialProperties(instance, "link", props);
+      resource.instance = instance;
+    }
+    null === state.stylesheets && (state.stylesheets = new Map());
+    state.stylesheets.set(resource, hoistableRoot);
+    (hoistableRoot = resource.state.preload) &&
+      0 === (resource.state.loading & 3) &&
+      (state.count++,
+      (resource = onUnsuspend.bind(state)),
+      hoistableRoot.addEventListener("load", resource),
+      hoistableRoot.addEventListener("error", resource));
+  }
+}
+function waitForCommitToBeReady() {
+  if (null === suspendedState) throw Error(formatProdErrorMessage(475));
+  var state = suspendedState;
+  state.stylesheets &&
+    0 === state.count &&
+    insertSuspendedStylesheets(state, state.stylesheets);
+  return 0 < state.count
+    ? function (commit) {
+        var stylesheetTimer = setTimeout(function () {
+          state.stylesheets &&
+            insertSuspendedStylesheets(state, state.stylesheets);
+          if (state.unsuspend) {
+            var unsuspend = state.unsuspend;
+            state.unsuspend = null;
+            unsuspend();
+          }
+        }, 6e4);
+        state.unsuspend = commit;
+        return function () {
+          state.unsuspend = null;
+          clearTimeout(stylesheetTimer);
+        };
+      }
+    : null;
+}
+function onUnsuspend() {
+  this.count--;
+  if (0 === this.count)
+    if (this.stylesheets) insertSuspendedStylesheets(this, this.stylesheets);
+    else if (this.unsuspend) {
+      var unsuspend = this.unsuspend;
+      this.unsuspend = null;
+      unsuspend();
+    }
+}
+var precedencesByRoot = null;
+function insertSuspendedStylesheets(state, resources) {
+  state.stylesheets = null;
+  null !== state.unsuspend &&
+    (state.count++,
+    (precedencesByRoot = new Map()),
+    resources.forEach(insertStylesheetIntoRoot, state),
+    (precedencesByRoot = null),
+    onUnsuspend.call(state));
+}
+function insertStylesheetIntoRoot(root, resource) {
+  if (!(resource.state.loading & 4)) {
+    var precedences = precedencesByRoot.get(root);
+    if (precedences) var last = precedences.get(null);
+    else {
+      precedences = new Map();
+      precedencesByRoot.set(root, precedences);
+      for (
+        var nodes = root.querySelectorAll(
+            "link[data-precedence],style[data-precedence]"
+          ),
+          i = 0;
+        i < nodes.length;
+        i++
+      ) {
+        var node = nodes[i];
+        if (
+          "link" === node.nodeName ||
+          "not all" !== node.getAttribute("media")
+        )
+          precedences.set(node.dataset.precedence, node), (last = node);
+      }
+      last && precedences.set(null, last);
+    }
+    nodes = resource.instance;
+    node = nodes.getAttribute("data-precedence");
+    i = precedences.get(node) || last;
+    i === last && precedences.set(null, nodes);
+    precedences.set(node, nodes);
+    this.count++;
+    last = onUnsuspend.bind(this);
+    nodes.addEventListener("load", last);
+    nodes.addEventListener("error", last);
+    i
+      ? i.parentNode.insertBefore(nodes, i.nextSibling)
+      : ((root = 9 === root.nodeType ? root.head : root),
+        root.insertBefore(nodes, root.firstChild));
+    resource.state.loading |= 4;
+  }
+}
+var emptyContextObject = {},
+  CapturedStacks = new WeakMap();
 function createCapturedValueAtFiber(value, source) {
   if ("object" === typeof value && null !== value) {
     var stack = CapturedStacks.get(value);
@@ -4686,6 +5474,543 @@ function queueHydrationError(error) {
     ? (hydrationErrors = [error])
     : hydrationErrors.push(error);
 }
+var concurrentQueues = [],
+  concurrentQueuesIndex = 0,
+  concurrentlyUpdatedLanes = 0;
+function finishQueueingConcurrentUpdates() {
+  for (
+    var endIndex = concurrentQueuesIndex,
+      i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
+    i < endIndex;
+
+  ) {
+    var fiber = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var queue = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var update = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var lane = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    if (null !== queue && null !== update) {
+      var pending = queue.pending;
+      null === pending
+        ? (update.next = update)
+        : ((update.next = pending.next), (pending.next = update));
+      queue.pending = update;
+    }
+    0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
+  }
+}
+function enqueueUpdate$1(fiber, queue, update, lane) {
+  concurrentQueues[concurrentQueuesIndex++] = fiber;
+  concurrentQueues[concurrentQueuesIndex++] = queue;
+  concurrentQueues[concurrentQueuesIndex++] = update;
+  concurrentQueues[concurrentQueuesIndex++] = lane;
+  concurrentlyUpdatedLanes |= lane;
+  fiber.lanes |= lane;
+  fiber = fiber.alternate;
+  null !== fiber && (fiber.lanes |= lane);
+}
+function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
+  enqueueUpdate$1(fiber, queue, update, lane);
+  return getRootForUpdatedFiber(fiber);
+}
+function enqueueConcurrentRenderForLane(fiber, lane) {
+  enqueueUpdate$1(fiber, null, null, lane);
+  return getRootForUpdatedFiber(fiber);
+}
+function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+  sourceFiber.lanes |= lane;
+  var alternate = sourceFiber.alternate;
+  null !== alternate && (alternate.lanes |= lane);
+  for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
+    (parent.childLanes |= lane),
+      (alternate = parent.alternate),
+      null !== alternate && (alternate.childLanes |= lane),
+      22 === parent.tag &&
+        ((sourceFiber = parent.stateNode),
+        null === sourceFiber || sourceFiber._visibility & 1 || (isHidden = !0)),
+      (sourceFiber = parent),
+      (parent = parent.return);
+  isHidden &&
+    null !== update &&
+    3 === sourceFiber.tag &&
+    ((parent = sourceFiber.stateNode),
+    (isHidden = 31 - clz32(lane)),
+    (parent = parent.hiddenUpdates),
+    (sourceFiber = parent[isHidden]),
+    null === sourceFiber
+      ? (parent[isHidden] = [update])
+      : sourceFiber.push(update),
+    (update.lane = lane | 536870912));
+}
+function getRootForUpdatedFiber(sourceFiber) {
+  throwIfInfiniteUpdateLoopDetected();
+  for (var parent = sourceFiber.return; null !== parent; )
+    (sourceFiber = parent), (parent = sourceFiber.return);
+  return 3 === sourceFiber.tag ? sourceFiber.stateNode : null;
+}
+var firstScheduledRoot = null,
+  lastScheduledRoot = null,
+  didScheduleMicrotask = !1,
+  mightHavePendingSyncWork = !1,
+  isFlushingWork = !1,
+  currentEventTransitionLane = 0;
+function ensureRootIsScheduled(root) {
+  root !== lastScheduledRoot &&
+    null === root.next &&
+    (null === lastScheduledRoot
+      ? (firstScheduledRoot = lastScheduledRoot = root)
+      : (lastScheduledRoot = lastScheduledRoot.next = root));
+  mightHavePendingSyncWork = !0;
+  didScheduleMicrotask ||
+    ((didScheduleMicrotask = !0),
+    scheduleImmediateTask(processRootScheduleInMicrotask));
+  enableDeferRootSchedulingToMicrotask ||
+    scheduleTaskForRootDuringMicrotask(root, now());
+}
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (!isFlushingWork && mightHavePendingSyncWork) {
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root$112 = firstScheduledRoot; null !== root$112; ) {
+        if (!onlyLegacy) {
+          var workInProgressRootRenderLanes$114 = workInProgressRootRenderLanes;
+          workInProgressRootRenderLanes$114 = getNextLanes(
+            root$112,
+            root$112 === workInProgressRoot
+              ? workInProgressRootRenderLanes$114
+              : 0
+          );
+          0 !== (workInProgressRootRenderLanes$114 & 3) &&
+            ((didPerformSomeWork = !0),
+            performSyncWorkOnRoot(root$112, workInProgressRootRenderLanes$114));
+        }
+        root$112 = root$112.next;
+      }
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+  }
+}
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next;
+    if (0 !== currentEventTransitionLane && shouldAttemptEagerTransition()) {
+      var root$jscomp$0 = root,
+        lane = currentEventTransitionLane;
+      root$jscomp$0.pendingLanes |= 2;
+      root$jscomp$0.entangledLanes |= 2;
+      root$jscomp$0.entanglements[1] |= lane;
+    }
+    root$jscomp$0 = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === root$jscomp$0
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (root$jscomp$0 & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
+  }
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
+}
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  var pendingLanes = root.pendingLanes,
+    suspendedLanes = root.suspendedLanes,
+    pingedLanes = root.pingedLanes,
+    expirationTimes = root.expirationTimes;
+  for (
+    pendingLanes = enableRetryLaneExpiration
+      ? pendingLanes
+      : pendingLanes & -62914561;
+    0 < pendingLanes;
+
+  ) {
+    var index$3 = 31 - clz32(pendingLanes),
+      lane = 1 << index$3,
+      expirationTime = expirationTimes[index$3];
+    if (-1 === expirationTime) {
+      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
+        expirationTimes[index$3] = computeExpirationTime(lane, currentTime);
+    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
+    pendingLanes &= ~lane;
+  }
+  currentTime = workInProgressRoot;
+  suspendedLanes = workInProgressRootRenderLanes;
+  suspendedLanes = getNextLanes(
+    root,
+    root === currentTime ? suspendedLanes : 0
+  );
+  pingedLanes = root.callbackNode;
+  if (
+    0 === suspendedLanes ||
+    (root === currentTime && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackNode = null),
+      (root.callbackPriority = 0)
+    );
+  if (0 !== (suspendedLanes & 3))
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackPriority = 2),
+      (root.callbackNode = null),
+      2
+    );
+  currentTime = suspendedLanes & -suspendedLanes;
+  if (currentTime === root.callbackPriority) return currentTime;
+  null !== pingedLanes && cancelCallback$1(pingedLanes);
+  switch (lanesToEventPriority(suspendedLanes)) {
+    case 2:
+      suspendedLanes = ImmediatePriority;
+      break;
+    case 8:
+      suspendedLanes = UserBlockingPriority;
+      break;
+    case 32:
+      suspendedLanes = NormalPriority$1;
+      break;
+    case 268435456:
+      suspendedLanes = IdlePriority;
+      break;
+    default:
+      suspendedLanes = NormalPriority$1;
+  }
+  pingedLanes = performConcurrentWorkOnRoot.bind(null, root);
+  suspendedLanes = scheduleCallback$3(suspendedLanes, pingedLanes);
+  root.callbackPriority = currentTime;
+  root.callbackNode = suspendedLanes;
+  return currentTime;
+}
+function scheduleImmediateTask(cb) {
+  scheduleMicrotask(function () {
+    0 !== (executionContext & 6)
+      ? scheduleCallback$3(ImmediatePriority, cb)
+      : cb();
+  });
+}
+function requestTransitionLane() {
+  0 === currentEventTransitionLane &&
+    (currentEventTransitionLane = claimNextTransitionLane());
+  return currentEventTransitionLane;
+}
+var currentEntangledListeners = null,
+  currentEntangledPendingCount = 0,
+  currentEntangledLane = 0,
+  currentEntangledActionThenable = null;
+function entangleAsyncAction(transition, thenable) {
+  if (null === currentEntangledListeners) {
+    var entangledListeners = (currentEntangledListeners = []);
+    currentEntangledPendingCount = 0;
+    currentEntangledLane = requestTransitionLane();
+    currentEntangledActionThenable = {
+      status: "pending",
+      value: void 0,
+      then: function (resolve) {
+        entangledListeners.push(resolve);
+      }
+    };
+  }
+  currentEntangledPendingCount++;
+  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
+  return thenable;
+}
+function pingEngtangledActionScope() {
+  if (
+    null !== currentEntangledListeners &&
+    0 === --currentEntangledPendingCount
+  ) {
+    null !== currentEntangledActionThenable &&
+      (currentEntangledActionThenable.status = "fulfilled");
+    var listeners = currentEntangledListeners;
+    currentEntangledListeners = null;
+    currentEntangledLane = 0;
+    currentEntangledActionThenable = null;
+    for (var i = 0; i < listeners.length; i++) (0, listeners[i])();
+  }
+}
+function chainThenableValue(thenable, result) {
+  var listeners = [],
+    thenableWithOverride = {
+      status: "pending",
+      value: null,
+      reason: null,
+      then: function (resolve) {
+        listeners.push(resolve);
+      }
+    };
+  thenable.then(
+    function () {
+      thenableWithOverride.status = "fulfilled";
+      thenableWithOverride.value = result;
+      for (var i = 0; i < listeners.length; i++) (0, listeners[i])(result);
+    },
+    function (error) {
+      thenableWithOverride.status = "rejected";
+      thenableWithOverride.reason = error;
+      for (error = 0; error < listeners.length; error++)
+        (0, listeners[error])(void 0);
+    }
+  );
+  return thenableWithOverride;
+}
+var hasForceUpdate = !1;
+function initializeUpdateQueue(fiber) {
+  fiber.updateQueue = {
+    baseState: fiber.memoizedState,
+    firstBaseUpdate: null,
+    lastBaseUpdate: null,
+    shared: { pending: null, lanes: 0, hiddenCallbacks: null },
+    callbacks: null
+  };
+}
+function cloneUpdateQueue(current, workInProgress) {
+  current = current.updateQueue;
+  workInProgress.updateQueue === current &&
+    (workInProgress.updateQueue = {
+      baseState: current.baseState,
+      firstBaseUpdate: current.firstBaseUpdate,
+      lastBaseUpdate: current.lastBaseUpdate,
+      shared: current.shared,
+      callbacks: null
+    });
+}
+function createUpdate(lane) {
+  return { lane: lane, tag: 0, payload: null, callback: null, next: null };
+}
+function enqueueUpdate(fiber, update, lane) {
+  var updateQueue = fiber.updateQueue;
+  if (null === updateQueue) return null;
+  updateQueue = updateQueue.shared;
+  if (0 !== (executionContext & 2)) {
+    var pending = updateQueue.pending;
+    null === pending
+      ? (update.next = update)
+      : ((update.next = pending.next), (pending.next = update));
+    updateQueue.pending = update;
+    update = getRootForUpdatedFiber(fiber);
+    markUpdateLaneFromFiberToRoot(fiber, null, lane);
+    return update;
+  }
+  enqueueUpdate$1(fiber, updateQueue, update, lane);
+  return getRootForUpdatedFiber(fiber);
+}
+function entangleTransitions(root, fiber, lane) {
+  fiber = fiber.updateQueue;
+  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194176))) {
+    var queueLanes = fiber.lanes;
+    queueLanes &= root.pendingLanes;
+    lane |= queueLanes;
+    fiber.lanes = lane;
+    markRootEntangled(root, lane);
+  }
+}
+function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
+  var queue = workInProgress.updateQueue,
+    current = workInProgress.alternate;
+  if (
+    null !== current &&
+    ((current = current.updateQueue), queue === current)
+  ) {
+    var newFirst = null,
+      newLast = null;
+    queue = queue.firstBaseUpdate;
+    if (null !== queue) {
+      do {
+        var clone = {
+          lane: queue.lane,
+          tag: queue.tag,
+          payload: queue.payload,
+          callback: null,
+          next: null
+        };
+        null === newLast
+          ? (newFirst = newLast = clone)
+          : (newLast = newLast.next = clone);
+        queue = queue.next;
+      } while (null !== queue);
+      null === newLast
+        ? (newFirst = newLast = capturedUpdate)
+        : (newLast = newLast.next = capturedUpdate);
+    } else newFirst = newLast = capturedUpdate;
+    queue = {
+      baseState: current.baseState,
+      firstBaseUpdate: newFirst,
+      lastBaseUpdate: newLast,
+      shared: current.shared,
+      callbacks: current.callbacks
+    };
+    workInProgress.updateQueue = queue;
+    return;
+  }
+  workInProgress = queue.lastBaseUpdate;
+  null === workInProgress
+    ? (queue.firstBaseUpdate = capturedUpdate)
+    : (workInProgress.next = capturedUpdate);
+  queue.lastBaseUpdate = capturedUpdate;
+}
+var didReadFromEntangledAsyncAction = !1;
+function suspendIfUpdateReadFromEntangledAsyncAction() {
+  if (didReadFromEntangledAsyncAction) {
+    var entangledActionThenable = currentEntangledActionThenable;
+    if (null !== entangledActionThenable) throw entangledActionThenable;
+  }
+}
+function processUpdateQueue(
+  workInProgress$jscomp$0,
+  props,
+  instance$jscomp$0,
+  renderLanes
+) {
+  didReadFromEntangledAsyncAction = !1;
+  var queue = workInProgress$jscomp$0.updateQueue;
+  hasForceUpdate = !1;
+  var firstBaseUpdate = queue.firstBaseUpdate,
+    lastBaseUpdate = queue.lastBaseUpdate,
+    pendingQueue = queue.shared.pending;
+  if (null !== pendingQueue) {
+    queue.shared.pending = null;
+    var lastPendingUpdate = pendingQueue,
+      firstPendingUpdate = lastPendingUpdate.next;
+    lastPendingUpdate.next = null;
+    null === lastBaseUpdate
+      ? (firstBaseUpdate = firstPendingUpdate)
+      : (lastBaseUpdate.next = firstPendingUpdate);
+    lastBaseUpdate = lastPendingUpdate;
+    var current = workInProgress$jscomp$0.alternate;
+    null !== current &&
+      ((current = current.updateQueue),
+      (pendingQueue = current.lastBaseUpdate),
+      pendingQueue !== lastBaseUpdate &&
+        (null === pendingQueue
+          ? (current.firstBaseUpdate = firstPendingUpdate)
+          : (pendingQueue.next = firstPendingUpdate),
+        (current.lastBaseUpdate = lastPendingUpdate)));
+  }
+  if (null !== firstBaseUpdate) {
+    var newState = queue.baseState;
+    lastBaseUpdate = 0;
+    current = firstPendingUpdate = lastPendingUpdate = null;
+    pendingQueue = firstBaseUpdate;
+    do {
+      var updateLane = pendingQueue.lane & -536870913,
+        isHiddenUpdate = updateLane !== pendingQueue.lane;
+      if (
+        isHiddenUpdate
+          ? (workInProgressRootRenderLanes & updateLane) === updateLane
+          : (renderLanes & updateLane) === updateLane
+      ) {
+        0 !== updateLane &&
+          updateLane === currentEntangledLane &&
+          (didReadFromEntangledAsyncAction = !0);
+        null !== current &&
+          (current = current.next =
+            {
+              lane: 0,
+              tag: pendingQueue.tag,
+              payload: pendingQueue.payload,
+              callback: null,
+              next: null
+            });
+        a: {
+          var workInProgress = workInProgress$jscomp$0,
+            update = pendingQueue;
+          updateLane = props;
+          var instance = instance$jscomp$0;
+          switch (update.tag) {
+            case 1:
+              workInProgress = update.payload;
+              if ("function" === typeof workInProgress) {
+                newState = workInProgress.call(instance, newState, updateLane);
+                break a;
+              }
+              newState = workInProgress;
+              break a;
+            case 3:
+              workInProgress.flags = (workInProgress.flags & -65537) | 128;
+            case 0:
+              workInProgress = update.payload;
+              updateLane =
+                "function" === typeof workInProgress
+                  ? workInProgress.call(instance, newState, updateLane)
+                  : workInProgress;
+              if (null === updateLane || void 0 === updateLane) break a;
+              newState = assign({}, newState, updateLane);
+              break a;
+            case 2:
+              hasForceUpdate = !0;
+          }
+        }
+        updateLane = pendingQueue.callback;
+        null !== updateLane &&
+          ((workInProgress$jscomp$0.flags |= 64),
+          isHiddenUpdate && (workInProgress$jscomp$0.flags |= 8192),
+          (isHiddenUpdate = queue.callbacks),
+          null === isHiddenUpdate
+            ? (queue.callbacks = [updateLane])
+            : isHiddenUpdate.push(updateLane));
+      } else
+        (isHiddenUpdate = {
+          lane: updateLane,
+          tag: pendingQueue.tag,
+          payload: pendingQueue.payload,
+          callback: pendingQueue.callback,
+          next: null
+        }),
+          null === current
+            ? ((firstPendingUpdate = current = isHiddenUpdate),
+              (lastPendingUpdate = newState))
+            : (current = current.next = isHiddenUpdate),
+          (lastBaseUpdate |= updateLane);
+      pendingQueue = pendingQueue.next;
+      if (null === pendingQueue)
+        if (((pendingQueue = queue.shared.pending), null === pendingQueue))
+          break;
+        else
+          (isHiddenUpdate = pendingQueue),
+            (pendingQueue = isHiddenUpdate.next),
+            (isHiddenUpdate.next = null),
+            (queue.lastBaseUpdate = isHiddenUpdate),
+            (queue.shared.pending = null);
+    } while (1);
+    null === current && (lastPendingUpdate = newState);
+    queue.baseState = lastPendingUpdate;
+    queue.firstBaseUpdate = firstPendingUpdate;
+    queue.lastBaseUpdate = current;
+    null === firstBaseUpdate && (queue.shared.lanes = 0);
+    workInProgressRootSkippedLanes |= lastBaseUpdate;
+    workInProgress$jscomp$0.lanes = lastBaseUpdate;
+    workInProgress$jscomp$0.memoizedState = newState;
+  }
+}
+function callCallback(callback, context) {
+  if ("function" !== typeof callback)
+    throw Error(formatProdErrorMessage(191, callback));
+  callback.call(context);
+}
+function commitCallbacks(updateQueue, context) {
+  var callbacks = updateQueue.callbacks;
+  if (null !== callbacks)
+    for (
+      updateQueue.callbacks = null, updateQueue = 0;
+      updateQueue < callbacks.length;
+      updateQueue++
+    )
+      callCallback(callbacks[updateQueue], context);
+}
 var SuspenseException = Error(formatProdErrorMessage(460)),
   SuspenseyCommitException = Error(formatProdErrorMessage(474)),
   noopSuspenseyCommitThenable = { then: function () {} };
@@ -4693,12 +6018,12 @@ function isThenableResolved(thenable) {
   thenable = thenable.status;
   return "fulfilled" === thenable || "rejected" === thenable;
 }
-function noop$1() {}
+function noop() {}
 function trackUsedThenable(thenableState, thenable, index) {
   index = thenableState[index];
   void 0 === index
     ? thenableState.push(thenable)
-    : index !== thenable && (thenable.then(noop$1, noop$1), (thenable = index));
+    : index !== thenable && (thenable.then(noop, noop), (thenable = index));
   switch (thenable.status) {
     case "fulfilled":
       return thenable.value;
@@ -4708,7 +6033,7 @@ function trackUsedThenable(thenableState, thenable, index) {
         throw Error(formatProdErrorMessage(483));
       throw thenableState;
     default:
-      if ("string" === typeof thenable.status) thenable.then(noop$1, noop$1);
+      if ("string" === typeof thenable.status) thenable.then(noop, noop);
       else {
         thenableState = workInProgressRoot;
         if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
@@ -4760,11 +6085,51 @@ function unwrapThenable(thenable) {
   null === thenableState$1 && (thenableState$1 = []);
   return trackUsedThenable(thenableState$1, thenable, index);
 }
+function convertStringRefToCallbackRef(
+  returnFiber,
+  current,
+  element,
+  mixedRef
+) {
+  function ref(value) {
+    var refs = inst.refs;
+    null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+  }
+  var stringRef = "" + mixedRef;
+  returnFiber = element._owner;
+  if (!returnFiber) throw Error(formatProdErrorMessage(290, stringRef));
+  if (1 !== returnFiber.tag) throw Error(formatProdErrorMessage(309));
+  var inst = returnFiber.stateNode;
+  if (!inst) throw Error(formatProdErrorMessage(147, stringRef));
+  if (
+    null !== current &&
+    null !== current.ref &&
+    "function" === typeof current.ref &&
+    current.ref._stringRef === stringRef
+  )
+    return current.ref;
+  ref._stringRef = stringRef;
+  return ref;
+}
 function coerceRef(returnFiber, current, workInProgress, element) {
-  enableRefAsProp
-    ? ((returnFiber = element.props.ref),
-      (returnFiber = void 0 !== returnFiber ? returnFiber : null))
-    : (returnFiber = element.ref);
+  if (enableRefAsProp) {
+    var mixedRef = element.props.ref;
+    mixedRef = void 0 !== mixedRef ? mixedRef : null;
+  } else mixedRef = element.ref;
+  "string" === typeof mixedRef ||
+  "number" === typeof mixedRef ||
+  "boolean" === typeof mixedRef
+    ? ((returnFiber = convertStringRefToCallbackRef(
+        returnFiber,
+        current,
+        element,
+        mixedRef
+      )),
+      enableRefAsProp &&
+        ((current = assign({}, workInProgress.pendingProps)),
+        (current.ref = returnFiber),
+        (workInProgress.pendingProps = current)))
+    : (returnFiber = mixedRef);
   workInProgress.ref = returnFiber;
 }
 function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -5543,311 +6908,9 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-var AbortControllerLocal =
-    "undefined" !== typeof AbortController
-      ? AbortController
-      : function () {
-          var listeners = [],
-            signal = (this.signal = {
-              aborted: !1,
-              addEventListener: function (type, listener) {
-                listeners.push(listener);
-              }
-            });
-          this.abort = function () {
-            signal.aborted = !0;
-            listeners.forEach(function (listener) {
-              return listener();
-            });
-          };
-        },
-  scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
-  NormalPriority = Scheduler.unstable_NormalPriority,
-  CacheContext = {
-    $$typeof: REACT_CONTEXT_TYPE,
-    Consumer: null,
-    Provider: null,
-    _currentValue: null,
-    _currentValue2: null,
-    _threadCount: 0
-  };
-function createCache() {
-  return {
-    controller: new AbortControllerLocal(),
-    data: new Map(),
-    refCount: 0
-  };
-}
-function releaseCache(cache) {
-  cache.refCount--;
-  0 === cache.refCount &&
-    scheduleCallback$2(NormalPriority, function () {
-      cache.controller.abort();
-    });
-}
-var firstScheduledRoot = null,
-  lastScheduledRoot = null,
-  didScheduleMicrotask = !1,
-  mightHavePendingSyncWork = !1,
-  isFlushingWork = !1,
-  currentEventTransitionLane = 0;
-function ensureRootIsScheduled(root) {
-  root !== lastScheduledRoot &&
-    null === root.next &&
-    (null === lastScheduledRoot
-      ? (firstScheduledRoot = lastScheduledRoot = root)
-      : (lastScheduledRoot = lastScheduledRoot.next = root));
-  mightHavePendingSyncWork = !0;
-  didScheduleMicrotask ||
-    ((didScheduleMicrotask = !0),
-    scheduleImmediateTask(processRootScheduleInMicrotask));
-  enableDeferRootSchedulingToMicrotask ||
-    scheduleTaskForRootDuringMicrotask(root, now());
-}
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (!isFlushingWork && mightHavePendingSyncWork) {
-    isFlushingWork = !0;
-    do {
-      var didPerformSomeWork = !1;
-      for (var root$108 = firstScheduledRoot; null !== root$108; ) {
-        if (!onlyLegacy) {
-          var workInProgressRootRenderLanes$110 = workInProgressRootRenderLanes;
-          workInProgressRootRenderLanes$110 = getNextLanes(
-            root$108,
-            root$108 === workInProgressRoot
-              ? workInProgressRootRenderLanes$110
-              : 0
-          );
-          0 !== (workInProgressRootRenderLanes$110 & 3) &&
-            ((didPerformSomeWork = !0),
-            performSyncWorkOnRoot(root$108, workInProgressRootRenderLanes$110));
-        }
-        root$108 = root$108.next;
-      }
-    } while (didPerformSomeWork);
-    isFlushingWork = !1;
-  }
-}
-function processRootScheduleInMicrotask() {
-  mightHavePendingSyncWork = didScheduleMicrotask = !1;
-  for (
-    var currentTime = now(), prev = null, root = firstScheduledRoot;
-    null !== root;
-
-  ) {
-    var next = root.next;
-    if (0 !== currentEventTransitionLane && shouldAttemptEagerTransition()) {
-      var root$jscomp$0 = root,
-        lane = currentEventTransitionLane;
-      root$jscomp$0.pendingLanes |= 2;
-      root$jscomp$0.entangledLanes |= 2;
-      root$jscomp$0.entanglements[1] |= lane;
-    }
-    root$jscomp$0 = scheduleTaskForRootDuringMicrotask(root, currentTime);
-    0 === root$jscomp$0
-      ? ((root.next = null),
-        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
-        null === next && (lastScheduledRoot = prev))
-      : ((prev = root),
-        0 !== (root$jscomp$0 & 3) && (mightHavePendingSyncWork = !0));
-    root = next;
-  }
-  currentEventTransitionLane = 0;
-  flushSyncWorkAcrossRoots_impl(!1);
-}
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  var pendingLanes = root.pendingLanes,
-    suspendedLanes = root.suspendedLanes,
-    pingedLanes = root.pingedLanes,
-    expirationTimes = root.expirationTimes;
-  for (
-    pendingLanes = enableRetryLaneExpiration
-      ? pendingLanes
-      : pendingLanes & -62914561;
-    0 < pendingLanes;
-
-  ) {
-    var index$1 = 31 - clz32(pendingLanes),
-      lane = 1 << index$1,
-      expirationTime = expirationTimes[index$1];
-    if (-1 === expirationTime) {
-      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$1] = computeExpirationTime(lane, currentTime);
-    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
-    pendingLanes &= ~lane;
-  }
-  currentTime = workInProgressRoot;
-  suspendedLanes = workInProgressRootRenderLanes;
-  suspendedLanes = getNextLanes(
-    root,
-    root === currentTime ? suspendedLanes : 0
-  );
-  pingedLanes = root.callbackNode;
-  if (
-    0 === suspendedLanes ||
-    (root === currentTime && 2 === workInProgressSuspendedReason) ||
-    null !== root.cancelPendingCommit
-  )
-    return (
-      null !== pingedLanes &&
-        null !== pingedLanes &&
-        cancelCallback$1(pingedLanes),
-      (root.callbackNode = null),
-      (root.callbackPriority = 0)
-    );
-  if (0 !== (suspendedLanes & 3))
-    return (
-      null !== pingedLanes &&
-        null !== pingedLanes &&
-        cancelCallback$1(pingedLanes),
-      (root.callbackPriority = 2),
-      (root.callbackNode = null),
-      2
-    );
-  currentTime = suspendedLanes & -suspendedLanes;
-  if (currentTime === root.callbackPriority) return currentTime;
-  null !== pingedLanes && cancelCallback$1(pingedLanes);
-  switch (lanesToEventPriority(suspendedLanes)) {
-    case 2:
-      suspendedLanes = ImmediatePriority;
-      break;
-    case 8:
-      suspendedLanes = UserBlockingPriority;
-      break;
-    case 32:
-      suspendedLanes = NormalPriority$1;
-      break;
-    case 268435456:
-      suspendedLanes = IdlePriority;
-      break;
-    default:
-      suspendedLanes = NormalPriority$1;
-  }
-  pingedLanes = performConcurrentWorkOnRoot.bind(null, root);
-  suspendedLanes = scheduleCallback$3(suspendedLanes, pingedLanes);
-  root.callbackPriority = currentTime;
-  root.callbackNode = suspendedLanes;
-  return currentTime;
-}
-function scheduleImmediateTask(cb) {
-  scheduleMicrotask(function () {
-    0 !== (executionContext & 6)
-      ? scheduleCallback$3(ImmediatePriority, cb)
-      : cb();
-  });
-}
-function requestTransitionLane() {
-  0 === currentEventTransitionLane &&
-    (currentEventTransitionLane = claimNextTransitionLane());
-  return currentEventTransitionLane;
-}
-var currentEntangledListeners = null,
-  currentEntangledPendingCount = 0,
-  currentEntangledLane = 0,
-  currentEntangledActionThenable = null;
-function entangleAsyncAction(transition, thenable) {
-  if (null === currentEntangledListeners) {
-    var entangledListeners = (currentEntangledListeners = []);
-    currentEntangledPendingCount = 0;
-    currentEntangledLane = requestTransitionLane();
-    currentEntangledActionThenable = {
-      status: "pending",
-      value: void 0,
-      then: function (resolve) {
-        entangledListeners.push(resolve);
-      }
-    };
-  }
-  currentEntangledPendingCount++;
-  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
-  return thenable;
-}
-function pingEngtangledActionScope() {
-  if (
-    null !== currentEntangledListeners &&
-    0 === --currentEntangledPendingCount
-  ) {
-    null !== currentEntangledActionThenable &&
-      (currentEntangledActionThenable.status = "fulfilled");
-    var listeners = currentEntangledListeners;
-    currentEntangledListeners = null;
-    currentEntangledLane = 0;
-    currentEntangledActionThenable = null;
-    for (var i = 0; i < listeners.length; i++) (0, listeners[i])();
-  }
-}
-function chainThenableValue(thenable, result) {
-  var listeners = [],
-    thenableWithOverride = {
-      status: "pending",
-      value: null,
-      reason: null,
-      then: function (resolve) {
-        listeners.push(resolve);
-      }
-    };
-  thenable.then(
-    function () {
-      thenableWithOverride.status = "fulfilled";
-      thenableWithOverride.value = result;
-      for (var i = 0; i < listeners.length; i++) (0, listeners[i])(result);
-    },
-    function (error) {
-      thenableWithOverride.status = "rejected";
-      thenableWithOverride.reason = error;
-      for (error = 0; error < listeners.length; error++)
-        (0, listeners[error])(void 0);
-    }
-  );
-  return thenableWithOverride;
-}
-function requestCurrentTransition() {
-  var transition = ReactSharedInternals.T;
-  null !== transition && transition._callbacks.add(handleAsyncAction);
-  return transition;
-}
-function handleAsyncAction(transition, thenable) {
-  entangleAsyncAction(transition, thenable);
-}
-function notifyTransitionCallbacks(transition, returnValue) {
-  transition._callbacks.forEach(function (callback) {
-    return callback(transition, returnValue);
-  });
-}
-var resumedCache = createCursor(null),
-  transitionStack = createCursor(null);
-function peekCacheFromPool() {
-  var cacheResumedFromPreviousRender = resumedCache.current;
-  return null !== cacheResumedFromPreviousRender
-    ? cacheResumedFromPreviousRender
-    : workInProgressRoot.pooledCache;
-}
-function pushTransition(
-  offscreenWorkInProgress,
-  prevCachePool,
-  newTransitions
-) {
-  null === prevCachePool
-    ? push(resumedCache, resumedCache.current)
-    : push(resumedCache, prevCachePool.pool);
-  enableTransitionTracing &&
-    (null === transitionStack.current
-      ? push(transitionStack, newTransitions)
-      : null === newTransitions
-      ? push(transitionStack, transitionStack.current)
-      : push(transitionStack, transitionStack.current.concat(newTransitions)));
-}
-function popTransition(workInProgress, current) {
-  null !== current &&
-    (enableTransitionTracing && pop(transitionStack), pop(resumedCache));
-}
-function getSuspendedCache() {
-  var cacheFromPool = peekCacheFromPool();
-  return null === cacheFromPool
-    ? null
-    : { parent: CacheContext._currentValue, pool: cacheFromPool };
-}
-var renderLanes = 0,
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig,
+  renderLanes = 0,
   currentlyRenderingFiber$1 = null,
   currentHook = null,
   workInProgressHook = null,
@@ -5880,7 +6943,7 @@ function renderWithHooks(
   workInProgress.memoizedState = null;
   workInProgress.updateQueue = null;
   workInProgress.lanes = 0;
-  ReactSharedInternals.H =
+  ReactCurrentDispatcher$1.current =
     null === current || null === current.memoizedState
       ? HooksDispatcherOnMount
       : HooksDispatcherOnUpdate;
@@ -5898,7 +6961,7 @@ function renderWithHooks(
   return nextRenderLanes;
 }
 function finishRenderingHooks(current) {
-  ReactSharedInternals.H = ContextOnlyDispatcher;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
   var didRenderTooFewHooks = null !== currentHook && null !== currentHook.next;
   renderLanes = 0;
   workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
@@ -5925,22 +6988,16 @@ function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
     numberOfReRenders += 1;
     workInProgressHook = currentHook = null;
     workInProgress.updateQueue = null;
-    ReactSharedInternals.H = HooksDispatcherOnRerender;
+    ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
     var children = Component(props, secondArg);
   } while (didScheduleRenderPhaseUpdateDuringThisPass);
   return children;
 }
 function TransitionAwareHostComponent() {
-  var dispatcher = ReactSharedInternals.H,
-    maybeThenable = dispatcher.useState()[0];
-  maybeThenable =
-    "function" === typeof maybeThenable.then
-      ? useThenable(maybeThenable)
-      : maybeThenable;
-  dispatcher = dispatcher.useState()[0];
-  (null !== currentHook ? currentHook.memoizedState : null) !== dispatcher &&
-    (currentlyRenderingFiber$1.flags |= 1024);
-  return maybeThenable;
+  var maybeThenable = ReactCurrentDispatcher$1.current.useState()[0];
+  return "function" === typeof maybeThenable.then
+    ? useThenable(maybeThenable)
+    : maybeThenable;
 }
 function checkDidRenderIdHook() {
   var didRenderIdHook = 0 !== localIdCounter;
@@ -6031,7 +7088,7 @@ function useThenable(thenable) {
     (null === workInProgressHook
       ? null === currentlyRenderingFiber$1.memoizedState
       : null === workInProgressHook.next) &&
-    (ReactSharedInternals.H = HooksDispatcherOnMount);
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
   return thenable;
 }
 function use(usable) {
@@ -6104,7 +7161,7 @@ function updateReducerImpl(hook, current, reducer) {
     var newBaseQueueFirst = (baseFirst = null),
       newBaseQueueLast = null,
       update = current,
-      didReadFromEntangledAsyncAction$111 = !1;
+      didReadFromEntangledAsyncAction$138 = !1;
     do {
       var updateLane = update.lane & -536870913;
       if (
@@ -6125,11 +7182,11 @@ function updateReducerImpl(hook, current, reducer) {
                 next: null
               }),
             updateLane === currentEntangledLane &&
-              (didReadFromEntangledAsyncAction$111 = !0);
+              (didReadFromEntangledAsyncAction$138 = !0);
         else if ((renderLanes & revertLane) === revertLane) {
           update = update.next;
           revertLane === currentEntangledLane &&
-            (didReadFromEntangledAsyncAction$111 = !0);
+            (didReadFromEntangledAsyncAction$138 = !0);
           continue;
         } else
           (updateLane = {
@@ -6175,7 +7232,7 @@ function updateReducerImpl(hook, current, reducer) {
     if (
       !objectIs(pendingQueue, hook.memoizedState) &&
       ((didReceiveUpdate = !0),
-      didReadFromEntangledAsyncAction$111 &&
+      didReadFromEntangledAsyncAction$138 &&
         ((reducer = currentEntangledActionThenable), null !== reducer))
     )
       throw reducer;
@@ -6335,9 +7392,9 @@ function dispatchActionState(
 function runActionStateAction(actionQueue, setPendingState, setState, payload) {
   var action = actionQueue.action,
     prevState = actionQueue.state,
-    prevTransition = ReactSharedInternals.T,
+    prevTransition = ReactCurrentBatchConfig$3.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$3.transition = currentTransition;
   setPendingState(!0);
   try {
     var returnValue = action(prevState, payload);
@@ -6370,7 +7427,7 @@ function runActionStateAction(actionQueue, setPendingState, setState, payload) {
     setState({ then: function () {}, status: "rejected", reason: error }),
       finishRunningActionStateAction(actionQueue, setPendingState, setState);
   } finally {
-    ReactSharedInternals.T = prevTransition;
+    ReactCurrentBatchConfig$3.transition = prevTransition;
   }
 }
 function finishRunningActionStateAction(
@@ -6686,18 +7743,18 @@ function startTransition(
   callback,
   options
 ) {
-  var previousPriority = Internals.p;
-  Internals.p =
+  var previousPriority = currentUpdatePriority;
+  currentUpdatePriority =
     0 !== previousPriority && 8 > previousPriority ? previousPriority : 8;
-  var prevTransition = ReactSharedInternals.T,
+  var prevTransition = ReactCurrentBatchConfig$3.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$3.transition = currentTransition;
   dispatchOptimisticSetState(fiber, !1, queue, pendingState);
   enableTransitionTracing &&
     void 0 !== options &&
     void 0 !== options.name &&
-    ((currentTransition.name = options.name),
-    (currentTransition.startTime = now()));
+    ((ReactCurrentBatchConfig$3.transition.name = options.name),
+    (ReactCurrentBatchConfig$3.transition.startTime = now()));
   try {
     var returnValue = callback();
     if (
@@ -6719,63 +7776,42 @@ function startTransition(
       reason: error
     });
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig$3.transition = prevTransition);
   }
 }
 function startHostTransition(formFiber, pendingState, callback, formData) {
   if (5 !== formFiber.tag) throw Error(formatProdErrorMessage(476));
-  var queue = ensureFormComponentIsStateful(formFiber).queue;
+  if (null === formFiber.memoizedState) {
+    var newQueue = {
+      pending: null,
+      lanes: 0,
+      dispatch: null,
+      lastRenderedReducer: basicStateReducer,
+      lastRenderedState: sharedNotPendingObject
+    };
+    var queue = newQueue;
+    newQueue = {
+      memoizedState: sharedNotPendingObject,
+      baseState: sharedNotPendingObject,
+      baseQueue: null,
+      queue: newQueue,
+      next: null
+    };
+    formFiber.memoizedState = newQueue;
+    var alternate = formFiber.alternate;
+    null !== alternate && (alternate.memoizedState = newQueue);
+  } else queue = formFiber.memoizedState.queue;
   startTransition(
     formFiber,
     queue,
     pendingState,
     sharedNotPendingObject,
     function () {
-      requestFormReset$1(formFiber);
       return callback(formData);
     }
   );
 }
-function ensureFormComponentIsStateful(formFiber) {
-  var existingStateHook = formFiber.memoizedState;
-  if (null !== existingStateHook) return existingStateHook;
-  existingStateHook = {
-    memoizedState: sharedNotPendingObject,
-    baseState: sharedNotPendingObject,
-    baseQueue: null,
-    queue: {
-      pending: null,
-      lanes: 0,
-      dispatch: null,
-      lastRenderedReducer: basicStateReducer,
-      lastRenderedState: sharedNotPendingObject
-    },
-    next: null
-  };
-  var initialResetState = {};
-  existingStateHook.next = {
-    memoizedState: initialResetState,
-    baseState: initialResetState,
-    baseQueue: null,
-    queue: {
-      pending: null,
-      lanes: 0,
-      dispatch: null,
-      lastRenderedReducer: basicStateReducer,
-      lastRenderedState: initialResetState
-    },
-    next: null
-  };
-  formFiber.memoizedState = existingStateHook;
-  formFiber = formFiber.alternate;
-  null !== formFiber && (formFiber.memoizedState = existingStateHook);
-  return existingStateHook;
-}
-function requestFormReset$1(formFiber) {
-  requestCurrentTransition();
-  var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue;
-  dispatchSetState(formFiber, resetStateQueue, {});
-}
 function useHostTransitionStatus() {
   var status = readContext(HostTransitionContext);
   return null !== status ? status : sharedNotPendingObject;
@@ -6793,14 +7829,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane();
         fiber = createUpdate(lane);
-        var root$119 = enqueueUpdate(provider, fiber, lane);
-        null !== root$119 &&
-          (scheduleUpdateOnFiber(root$119, provider, lane),
-          entangleTransitions(root$119, provider, lane));
+        var root$147 = enqueueUpdate(provider, fiber, lane);
+        null !== root$147 &&
+          (scheduleUpdateOnFiber(root$147, provider, lane),
+          entangleTransitions(root$147, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$119 &&
+          null !== root$147 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -7036,15 +8072,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$114 = workInProgressRoot;
-      if (null === root$114) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$114, workInProgressRootRenderLanes) ||
+      var root$141 = workInProgressRoot;
+      if (null === root$141) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$141, workInProgressRootRenderLanes) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$114 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$114;
-    mountEffect(subscribeToStore.bind(null, fiber, root$114, subscribe), [
+    root$141 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$141;
+    mountEffect(subscribeToStore.bind(null, fiber, root$141, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -7053,7 +8089,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$114,
+        root$141,
         getServerSnapshot,
         getSnapshot
       ),
@@ -7229,6 +8265,114 @@ HooksDispatcherOnRerender.useOptimistic = function (passthrough, reducer) {
   hook.baseState = passthrough;
   return [passthrough, hook.queue.dispatch];
 };
+function applyDerivedStateFromProps(
+  workInProgress,
+  ctor,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  ctor = workInProgress.memoizedState;
+  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
+  getDerivedStateFromProps =
+    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
+      ? ctor
+      : assign({}, ctor, getDerivedStateFromProps);
+  workInProgress.memoizedState = getDerivedStateFromProps;
+  0 === workInProgress.lanes &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
+}
+var classComponentUpdater = {
+  isMounted: function (component) {
+    return (component = component._reactInternals)
+      ? getNearestMountedFiber(component) === component
+      : !1;
+  },
+  enqueueSetState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(),
+      update = createUpdate(lane);
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+  },
+  enqueueReplaceState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(),
+      update = createUpdate(lane);
+    update.tag = 1;
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+  },
+  enqueueForceUpdate: function (inst, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(),
+      update = createUpdate(lane);
+    update.tag = 2;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    callback = enqueueUpdate(inst, update, lane);
+    null !== callback &&
+      (scheduleUpdateOnFiber(callback, inst, lane),
+      entangleTransitions(callback, inst, lane));
+  }
+};
+function checkShouldComponentUpdate(
+  workInProgress,
+  ctor,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  nextContext
+) {
+  workInProgress = workInProgress.stateNode;
+  return "function" === typeof workInProgress.shouldComponentUpdate
+    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
+    : ctor.prototype && ctor.prototype.isPureReactComponent
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
+}
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  nextContext
+) {
+  workInProgress = instance.state;
+  "function" === typeof instance.componentWillReceiveProps &&
+    instance.componentWillReceiveProps(newProps, nextContext);
+  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
+    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
+  instance.state !== workInProgress &&
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+}
+function resolveClassComponentProps(
+  Component,
+  baseProps,
+  alreadyResolvedDefaultProps
+) {
+  var newProps = baseProps;
+  if (
+    (Component = Component.defaultProps) &&
+    (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
+  ) {
+    newProps = assign({}, newProps, baseProps);
+    for (var propName in Component)
+      void 0 === newProps[propName] &&
+        (newProps[propName] = Component[propName]);
+  }
+  enableRefAsProp &&
+    "ref" in newProps &&
+    (newProps === baseProps && (newProps = assign({}, newProps)),
+    delete newProps.ref);
+  return newProps;
+}
 function resolveDefaultPropsOnNonClassComponent(Component, baseProps) {
   if (disableDefaultPropsExceptForClasses) return baseProps;
   if (Component && Component.defaultProps) {
@@ -7254,9 +8398,9 @@ function logUncaughtError(root, errorInfo) {
   try {
     var onUncaughtError = root.onUncaughtError;
     onUncaughtError(errorInfo.value, { componentStack: errorInfo.stack });
-  } catch (e$123) {
+  } catch (e$151) {
     setTimeout(function () {
-      throw e$123;
+      throw e$151;
     });
   }
 }
@@ -7267,9 +8411,9 @@ function logCaughtError(root, boundary, errorInfo) {
       componentStack: errorInfo.stack,
       errorBoundary: 1 === boundary.tag ? boundary.stateNode : null
     });
-  } catch (e$124) {
+  } catch (e$152) {
     setTimeout(function () {
-      throw e$124;
+      throw e$152;
     });
   }
 }
@@ -7466,7 +8610,145 @@ function throwException(
   } while (null !== sourceFiber);
   return !1;
 }
-var SelectiveHydrationException = Error(formatProdErrorMessage(461)),
+function processTransitionCallbacks(pendingTransitions, endTime, callbacks) {
+  if (enableTransitionTracing && null !== pendingTransitions) {
+    var transitionStart = pendingTransitions.transitionStart,
+      onTransitionStart = callbacks.onTransitionStart;
+    null !== transitionStart &&
+      null != onTransitionStart &&
+      transitionStart.forEach(function (transition) {
+        return onTransitionStart(transition.name, transition.startTime);
+      });
+    transitionStart = pendingTransitions.markerProgress;
+    var onMarkerProgress = callbacks.onMarkerProgress;
+    null != onMarkerProgress &&
+      null !== transitionStart &&
+      transitionStart.forEach(function (markerInstance, markerName) {
+        if (null !== markerInstance.transitions) {
+          var pending =
+            null !== markerInstance.pendingBoundaries
+              ? Array.from(markerInstance.pendingBoundaries.values())
+              : [];
+          markerInstance.transitions.forEach(function (transition) {
+            onMarkerProgress(
+              transition.name,
+              markerName,
+              transition.startTime,
+              endTime,
+              pending
+            );
+          });
+        }
+      });
+    transitionStart = pendingTransitions.markerComplete;
+    var onMarkerComplete = callbacks.onMarkerComplete;
+    null !== transitionStart &&
+      null != onMarkerComplete &&
+      transitionStart.forEach(function (transitions, markerName) {
+        transitions.forEach(function (transition) {
+          onMarkerComplete(
+            transition.name,
+            markerName,
+            transition.startTime,
+            endTime
+          );
+        });
+      });
+    transitionStart = pendingTransitions.markerIncomplete;
+    var onMarkerIncomplete = callbacks.onMarkerIncomplete;
+    null != onMarkerIncomplete &&
+      null !== transitionStart &&
+      transitionStart.forEach(function (_ref, markerName) {
+        var aborts = _ref.aborts;
+        _ref.transitions.forEach(function (transition) {
+          var filteredAborts = [];
+          aborts.forEach(function (abort) {
+            switch (abort.reason) {
+              case "marker":
+                filteredAborts.push({
+                  type: "marker",
+                  name: abort.name,
+                  endTime: endTime
+                });
+                break;
+              case "suspense":
+                filteredAborts.push({
+                  type: "suspense",
+                  name: abort.name,
+                  endTime: endTime
+                });
+            }
+          });
+          0 < filteredAborts.length &&
+            onMarkerIncomplete(
+              transition.name,
+              markerName,
+              transition.startTime,
+              filteredAborts
+            );
+        });
+      });
+    transitionStart = pendingTransitions.transitionProgress;
+    var onTransitionProgress = callbacks.onTransitionProgress;
+    null != onTransitionProgress &&
+      null !== transitionStart &&
+      transitionStart.forEach(function (pending, transition) {
+        onTransitionProgress(
+          transition.name,
+          transition.startTime,
+          endTime,
+          Array.from(pending.values())
+        );
+      });
+    pendingTransitions = pendingTransitions.transitionComplete;
+    var onTransitionComplete = callbacks.onTransitionComplete;
+    null !== pendingTransitions &&
+      null != onTransitionComplete &&
+      pendingTransitions.forEach(function (transition) {
+        return onTransitionComplete(
+          transition.name,
+          transition.startTime,
+          endTime
+        );
+      });
+  }
+}
+var markerInstanceStack = createCursor(null);
+function pushRootMarkerInstance(workInProgress) {
+  if (enableTransitionTracing) {
+    var transitions = workInProgressTransitions,
+      root$163 = workInProgress.stateNode;
+    null !== transitions &&
+      transitions.forEach(function (transition) {
+        if (!root$163.incompleteTransitions.has(transition)) {
+          var markerInstance = {
+            tag: 0,
+            transitions: new Set([transition]),
+            pendingBoundaries: null,
+            aborts: null,
+            name: null
+          };
+          root$163.incompleteTransitions.set(transition, markerInstance);
+        }
+      });
+    var markerInstances = [];
+    root$163.incompleteTransitions.forEach(function (markerInstance) {
+      markerInstances.push(markerInstance);
+    });
+    push(markerInstanceStack, markerInstances);
+  }
+}
+function pushMarkerInstance(workInProgress, markerInstance) {
+  enableTransitionTracing &&
+    (null === markerInstanceStack.current
+      ? push(markerInstanceStack, [markerInstance])
+      : push(
+          markerInstanceStack,
+          markerInstanceStack.current.concat(markerInstance)
+        ));
+}
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+  SelectiveHydrationException = Error(formatProdErrorMessage(461)),
   didReceiveUpdate = !1;
 function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
   workInProgress.child =
@@ -8002,7 +9284,7 @@ function updateClassComponent(
   nextProps = 0 !== (workInProgress.flags & 128);
   context || nextProps
     ? ((context = workInProgress.stateNode),
-      (ReactSharedInternals.owner = workInProgress),
+      (ReactCurrentOwner$1.current = workInProgress),
       (Component =
         nextProps && "function" !== typeof Component.getDerivedStateFromError
           ? null
@@ -9544,362 +10826,899 @@ function readContextForConsumer(consumer, context) {
     } else lastContextDependency = lastContextDependency.next = context;
   return value;
 }
-var hasForceUpdate = !1;
-function initializeUpdateQueue(fiber) {
-  fiber.updateQueue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: { pending: null, lanes: 0, hiddenCallbacks: null },
-    callbacks: null
+var AbortControllerLocal =
+    "undefined" !== typeof AbortController
+      ? AbortController
+      : function () {
+          var listeners = [],
+            signal = (this.signal = {
+              aborted: !1,
+              addEventListener: function (type, listener) {
+                listeners.push(listener);
+              }
+            });
+          this.abort = function () {
+            signal.aborted = !0;
+            listeners.forEach(function (listener) {
+              return listener();
+            });
+          };
+        },
+  scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
+  NormalPriority = Scheduler.unstable_NormalPriority,
+  CacheContext = {
+    $$typeof: REACT_CONTEXT_TYPE,
+    Consumer: null,
+    Provider: null,
+    _currentValue: null,
+    _currentValue2: null,
+    _threadCount: 0
+  };
+function createCache() {
+  return {
+    controller: new AbortControllerLocal(),
+    data: new Map(),
+    refCount: 0
   };
 }
-function cloneUpdateQueue(current, workInProgress) {
-  current = current.updateQueue;
-  workInProgress.updateQueue === current &&
-    (workInProgress.updateQueue = {
-      baseState: current.baseState,
-      firstBaseUpdate: current.firstBaseUpdate,
-      lastBaseUpdate: current.lastBaseUpdate,
-      shared: current.shared,
-      callbacks: null
+function releaseCache(cache) {
+  cache.refCount--;
+  0 === cache.refCount &&
+    scheduleCallback$1(NormalPriority, function () {
+      cache.controller.abort();
     });
 }
-function createUpdate(lane) {
-  return { lane: lane, tag: 0, payload: null, callback: null, next: null };
+var ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
+function requestCurrentTransition() {
+  var transition = ReactCurrentBatchConfig$2.transition;
+  null !== transition && transition._callbacks.add(handleAsyncAction);
+  return transition;
 }
-function enqueueUpdate(fiber, update, lane) {
-  var updateQueue = fiber.updateQueue;
-  if (null === updateQueue) return null;
-  updateQueue = updateQueue.shared;
-  if (0 !== (executionContext & 2)) {
-    var pending = updateQueue.pending;
-    null === pending
-      ? (update.next = update)
-      : ((update.next = pending.next), (pending.next = update));
-    updateQueue.pending = update;
-    update = getRootForUpdatedFiber(fiber);
-    markUpdateLaneFromFiberToRoot(fiber, null, lane);
-    return update;
-  }
-  enqueueUpdate$1(fiber, updateQueue, update, lane);
-  return getRootForUpdatedFiber(fiber);
+function handleAsyncAction(transition, thenable) {
+  entangleAsyncAction(transition, thenable);
 }
-function entangleTransitions(root, fiber, lane) {
-  fiber = fiber.updateQueue;
-  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194176))) {
-    var queueLanes = fiber.lanes;
-    queueLanes &= root.pendingLanes;
-    lane |= queueLanes;
-    fiber.lanes = lane;
-    markRootEntangled(root, lane);
-  }
+function notifyTransitionCallbacks(transition, returnValue) {
+  transition._callbacks.forEach(function (callback) {
+    return callback(transition, returnValue);
+  });
 }
-function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
-  var queue = workInProgress.updateQueue,
-    current = workInProgress.alternate;
-  if (
-    null !== current &&
-    ((current = current.updateQueue), queue === current)
-  ) {
-    var newFirst = null,
-      newLast = null;
-    queue = queue.firstBaseUpdate;
-    if (null !== queue) {
-      do {
-        var clone = {
-          lane: queue.lane,
-          tag: queue.tag,
-          payload: queue.payload,
-          callback: null,
-          next: null
-        };
-        null === newLast
-          ? (newFirst = newLast = clone)
-          : (newLast = newLast.next = clone);
-        queue = queue.next;
-      } while (null !== queue);
-      null === newLast
-        ? (newFirst = newLast = capturedUpdate)
-        : (newLast = newLast.next = capturedUpdate);
-    } else newFirst = newLast = capturedUpdate;
-    queue = {
-      baseState: current.baseState,
-      firstBaseUpdate: newFirst,
-      lastBaseUpdate: newLast,
-      shared: current.shared,
-      callbacks: current.callbacks
-    };
-    workInProgress.updateQueue = queue;
-    return;
-  }
-  workInProgress = queue.lastBaseUpdate;
-  null === workInProgress
-    ? (queue.firstBaseUpdate = capturedUpdate)
-    : (workInProgress.next = capturedUpdate);
-  queue.lastBaseUpdate = capturedUpdate;
+var resumedCache = createCursor(null),
+  transitionStack = createCursor(null);
+function peekCacheFromPool() {
+  var cacheResumedFromPreviousRender = resumedCache.current;
+  return null !== cacheResumedFromPreviousRender
+    ? cacheResumedFromPreviousRender
+    : workInProgressRoot.pooledCache;
 }
-var didReadFromEntangledAsyncAction = !1;
-function suspendIfUpdateReadFromEntangledAsyncAction() {
-  if (didReadFromEntangledAsyncAction) {
-    var entangledActionThenable = currentEntangledActionThenable;
-    if (null !== entangledActionThenable) throw entangledActionThenable;
-  }
-}
-function processUpdateQueue(
-  workInProgress$jscomp$0,
-  props,
-  instance$jscomp$0,
-  renderLanes
+function pushTransition(
+  offscreenWorkInProgress,
+  prevCachePool,
+  newTransitions
 ) {
-  didReadFromEntangledAsyncAction = !1;
-  var queue = workInProgress$jscomp$0.updateQueue;
-  hasForceUpdate = !1;
-  var firstBaseUpdate = queue.firstBaseUpdate,
-    lastBaseUpdate = queue.lastBaseUpdate,
-    pendingQueue = queue.shared.pending;
-  if (null !== pendingQueue) {
-    queue.shared.pending = null;
-    var lastPendingUpdate = pendingQueue,
-      firstPendingUpdate = lastPendingUpdate.next;
-    lastPendingUpdate.next = null;
-    null === lastBaseUpdate
-      ? (firstBaseUpdate = firstPendingUpdate)
-      : (lastBaseUpdate.next = firstPendingUpdate);
-    lastBaseUpdate = lastPendingUpdate;
-    var current = workInProgress$jscomp$0.alternate;
-    null !== current &&
-      ((current = current.updateQueue),
-      (pendingQueue = current.lastBaseUpdate),
-      pendingQueue !== lastBaseUpdate &&
-        (null === pendingQueue
-          ? (current.firstBaseUpdate = firstPendingUpdate)
-          : (pendingQueue.next = firstPendingUpdate),
-        (current.lastBaseUpdate = lastPendingUpdate)));
+  null === prevCachePool
+    ? push(resumedCache, resumedCache.current)
+    : push(resumedCache, prevCachePool.pool);
+  enableTransitionTracing &&
+    (null === transitionStack.current
+      ? push(transitionStack, newTransitions)
+      : null === newTransitions
+      ? push(transitionStack, transitionStack.current)
+      : push(transitionStack, transitionStack.current.concat(newTransitions)));
+}
+function popTransition(workInProgress, current) {
+  null !== current &&
+    (enableTransitionTracing && pop(transitionStack), pop(resumedCache));
+}
+function getSuspendedCache() {
+  var cacheFromPool = peekCacheFromPool();
+  return null === cacheFromPool
+    ? null
+    : { parent: CacheContext._currentValue, pool: cacheFromPool };
+}
+var emptyObject = {};
+function collectScopedNodesFromChildren(
+  startingChild,
+  fn$jscomp$0,
+  scopedNodes$jscomp$0
+) {
+  for (; null !== startingChild; ) {
+    var node = startingChild,
+      fn = fn$jscomp$0,
+      scopedNodes = scopedNodes$jscomp$0;
+    if (5 === node.tag) {
+      var type = node.type,
+        memoizedProps = node.memoizedProps,
+        instance = node.stateNode;
+      null !== instance &&
+        !0 === fn(type, memoizedProps || emptyObject, instance) &&
+        scopedNodes.push(instance);
+    }
+    type = node.child;
+    isFiberSuspenseAndTimedOut(node) && (type = node.child.sibling.child);
+    null !== type && collectScopedNodesFromChildren(type, fn, scopedNodes);
+    startingChild = startingChild.sibling;
   }
-  if (null !== firstBaseUpdate) {
-    var newState = queue.baseState;
-    lastBaseUpdate = 0;
-    current = firstPendingUpdate = lastPendingUpdate = null;
-    pendingQueue = firstBaseUpdate;
-    do {
-      var updateLane = pendingQueue.lane & -536870913,
-        isHiddenUpdate = updateLane !== pendingQueue.lane;
-      if (
-        isHiddenUpdate
-          ? (workInProgressRootRenderLanes & updateLane) === updateLane
-          : (renderLanes & updateLane) === updateLane
-      ) {
-        0 !== updateLane &&
-          updateLane === currentEntangledLane &&
-          (didReadFromEntangledAsyncAction = !0);
-        null !== current &&
-          (current = current.next =
-            {
-              lane: 0,
-              tag: pendingQueue.tag,
-              payload: pendingQueue.payload,
-              callback: null,
-              next: null
-            });
-        a: {
-          var workInProgress = workInProgress$jscomp$0,
-            update = pendingQueue;
-          updateLane = props;
-          var instance = instance$jscomp$0;
-          switch (update.tag) {
-            case 1:
-              workInProgress = update.payload;
-              if ("function" === typeof workInProgress) {
-                newState = workInProgress.call(instance, newState, updateLane);
-                break a;
-              }
-              newState = workInProgress;
-              break a;
-            case 3:
-              workInProgress.flags = (workInProgress.flags & -65537) | 128;
-            case 0:
-              workInProgress = update.payload;
-              updateLane =
-                "function" === typeof workInProgress
-                  ? workInProgress.call(instance, newState, updateLane)
-                  : workInProgress;
-              if (null === updateLane || void 0 === updateLane) break a;
-              newState = assign({}, newState, updateLane);
-              break a;
-            case 2:
-              hasForceUpdate = !0;
-          }
+}
+function collectFirstScopedNodeFromChildren(startingChild, fn$jscomp$0) {
+  for (; null !== startingChild; ) {
+    a: {
+      var JSCompiler_inline_result = startingChild;
+      var fn = fn$jscomp$0;
+      if (5 === JSCompiler_inline_result.tag) {
+        var type = JSCompiler_inline_result.type,
+          memoizedProps = JSCompiler_inline_result.memoizedProps,
+          instance = JSCompiler_inline_result.stateNode;
+        if (null !== instance && !0 === fn(type, memoizedProps, instance)) {
+          JSCompiler_inline_result = instance;
+          break a;
         }
-        updateLane = pendingQueue.callback;
-        null !== updateLane &&
-          ((workInProgress$jscomp$0.flags |= 64),
-          isHiddenUpdate && (workInProgress$jscomp$0.flags |= 8192),
-          (isHiddenUpdate = queue.callbacks),
-          null === isHiddenUpdate
-            ? (queue.callbacks = [updateLane])
-            : isHiddenUpdate.push(updateLane));
-      } else
-        (isHiddenUpdate = {
-          lane: updateLane,
-          tag: pendingQueue.tag,
-          payload: pendingQueue.payload,
-          callback: pendingQueue.callback,
-          next: null
-        }),
-          null === current
-            ? ((firstPendingUpdate = current = isHiddenUpdate),
-              (lastPendingUpdate = newState))
-            : (current = current.next = isHiddenUpdate),
-          (lastBaseUpdate |= updateLane);
-      pendingQueue = pendingQueue.next;
-      if (null === pendingQueue)
-        if (((pendingQueue = queue.shared.pending), null === pendingQueue))
-          break;
-        else
-          (isHiddenUpdate = pendingQueue),
-            (pendingQueue = isHiddenUpdate.next),
-            (isHiddenUpdate.next = null),
-            (queue.lastBaseUpdate = isHiddenUpdate),
-            (queue.shared.pending = null);
-    } while (1);
-    null === current && (lastPendingUpdate = newState);
-    queue.baseState = lastPendingUpdate;
-    queue.firstBaseUpdate = firstPendingUpdate;
-    queue.lastBaseUpdate = current;
-    null === firstBaseUpdate && (queue.shared.lanes = 0);
-    workInProgressRootSkippedLanes |= lastBaseUpdate;
-    workInProgress$jscomp$0.lanes = lastBaseUpdate;
-    workInProgress$jscomp$0.memoizedState = newState;
+      }
+      type = JSCompiler_inline_result.child;
+      isFiberSuspenseAndTimedOut(JSCompiler_inline_result) &&
+        (type = JSCompiler_inline_result.child.sibling.child);
+      JSCompiler_inline_result =
+        null !== type ? collectFirstScopedNodeFromChildren(type, fn) : null;
+    }
+    if (null !== JSCompiler_inline_result) return JSCompiler_inline_result;
+    startingChild = startingChild.sibling;
   }
+  return null;
 }
-function callCallback(callback, context) {
-  if ("function" !== typeof callback)
-    throw Error(formatProdErrorMessage(191, callback));
-  callback.call(context);
-}
-function commitCallbacks(updateQueue, context) {
-  var callbacks = updateQueue.callbacks;
-  if (null !== callbacks)
-    for (
-      updateQueue.callbacks = null, updateQueue = 0;
-      updateQueue < callbacks.length;
-      updateQueue++
+function collectNearestChildContextValues(
+  startingChild,
+  context$jscomp$0,
+  childContextValues$jscomp$0
+) {
+  for (; null !== startingChild; ) {
+    var node = startingChild,
+      context = context$jscomp$0,
+      childContextValues = childContextValues$jscomp$0;
+    if (
+      10 === node.tag &&
+      (enableRenderableContext ? node.type : node.type._context) === context
     )
-      callCallback(callbacks[updateQueue], context);
-}
-function applyDerivedStateFromProps(
-  workInProgress,
-  ctor,
-  getDerivedStateFromProps,
-  nextProps
-) {
-  ctor = workInProgress.memoizedState;
-  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
-  getDerivedStateFromProps =
-    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
-      ? ctor
-      : assign({}, ctor, getDerivedStateFromProps);
-  workInProgress.memoizedState = getDerivedStateFromProps;
-  0 === workInProgress.lanes &&
-    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
-}
-var classComponentUpdater = {
-  isMounted: function (component) {
-    return (component = component._reactInternals)
-      ? getNearestMountedFiber(component) === component
-      : !1;
-  },
-  enqueueSetState: function (inst, payload, callback) {
-    inst = inst._reactInternals;
-    var lane = requestUpdateLane(),
-      update = createUpdate(lane);
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane),
-      entangleTransitions(payload, inst, lane));
-  },
-  enqueueReplaceState: function (inst, payload, callback) {
-    inst = inst._reactInternals;
-    var lane = requestUpdateLane(),
-      update = createUpdate(lane);
-    update.tag = 1;
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane),
-      entangleTransitions(payload, inst, lane));
-  },
-  enqueueForceUpdate: function (inst, callback) {
-    inst = inst._reactInternals;
-    var lane = requestUpdateLane(),
-      update = createUpdate(lane);
-    update.tag = 2;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    callback = enqueueUpdate(inst, update, lane);
-    null !== callback &&
-      (scheduleUpdateOnFiber(callback, inst, lane),
-      entangleTransitions(callback, inst, lane));
+      childContextValues.push(node.memoizedProps.value);
+    else {
+      var child = node.child;
+      isFiberSuspenseAndTimedOut(node) && (child = node.child.sibling.child);
+      null !== child &&
+        collectNearestChildContextValues(child, context, childContextValues);
+    }
+    startingChild = startingChild.sibling;
   }
-};
-function checkShouldComponentUpdate(
-  workInProgress,
-  ctor,
-  oldProps,
-  newProps,
-  oldState,
-  newState,
-  nextContext
-) {
-  workInProgress = workInProgress.stateNode;
-  return "function" === typeof workInProgress.shouldComponentUpdate
-    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
-    : ctor.prototype && ctor.prototype.isPureReactComponent
-    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-    : !0;
 }
-function callComponentWillReceiveProps(
-  workInProgress,
-  instance,
-  newProps,
-  nextContext
-) {
-  workInProgress = instance.state;
-  "function" === typeof instance.componentWillReceiveProps &&
-    instance.componentWillReceiveProps(newProps, nextContext);
-  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
-    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
-  instance.state !== workInProgress &&
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+function DO_NOT_USE_queryAllNodes(fn) {
+  var currentFiber = getInstanceFromScope(this);
+  if (null === currentFiber) return null;
+  currentFiber = currentFiber.child;
+  var scopedNodes = [];
+  null !== currentFiber &&
+    collectScopedNodesFromChildren(currentFiber, fn, scopedNodes);
+  return 0 === scopedNodes.length ? null : scopedNodes;
 }
-function resolveClassComponentProps(
-  Component,
-  baseProps,
-  alreadyResolvedDefaultProps
-) {
-  var newProps = baseProps;
-  if (enableRefAsProp && "ref" in baseProps) {
-    newProps = {};
-    for (var propName in baseProps)
-      "ref" !== propName && (newProps[propName] = baseProps[propName]);
+function DO_NOT_USE_queryFirstNode(fn) {
+  var currentFiber = getInstanceFromScope(this);
+  if (null === currentFiber) return null;
+  currentFiber = currentFiber.child;
+  return null !== currentFiber
+    ? collectFirstScopedNodeFromChildren(currentFiber, fn)
+    : null;
+}
+function containsNode(node) {
+  for (node = getClosestInstanceFromNode(node) || null; null !== node; ) {
+    if (21 === node.tag && node.stateNode === this) return !0;
+    node = node.return;
   }
-  if (
-    (Component = Component.defaultProps) &&
-    (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
-  ) {
-    newProps === baseProps && (newProps = assign({}, newProps, baseProps));
-    for (var propName$174 in Component)
-      void 0 === newProps[propName$174] &&
-        (newProps[propName$174] = Component[propName$174]);
+  return !1;
+}
+function getChildContextValues(context) {
+  var currentFiber = getInstanceFromScope(this);
+  if (null === currentFiber) return [];
+  currentFiber = currentFiber.child;
+  var childContextValues = [];
+  null !== currentFiber &&
+    collectNearestChildContextValues(currentFiber, context, childContextValues);
+  return childContextValues;
+}
+function markUpdate(workInProgress) {
+  workInProgress.flags |= 4;
+}
+function preloadResourceAndSuspendIfNeeded(workInProgress, resource) {
+  if ("stylesheet" !== resource.type || 0 !== (resource.state.loading & 4))
+    workInProgress.flags &= -16777217;
+  else if (
+    ((workInProgress.flags |= 16777216),
+    0 === (workInProgressRootRenderLanes & 42) &&
+      ((resource =
+        "stylesheet" === resource.type && 0 === (resource.state.loading & 3)
+          ? !1
+          : !0),
+      !resource))
+  )
+    if (shouldRemainOnPreviousScreen()) workInProgress.flags |= 8192;
+    else
+      throw (
+        ((suspendedThenable = noopSuspenseyCommitThenable),
+        SuspenseyCommitException)
+      );
+}
+function scheduleRetryEffect(workInProgress, retryQueue) {
+  null !== retryQueue
+    ? (workInProgress.flags |= 4)
+    : workInProgress.flags & 16384 &&
+      ((retryQueue =
+        22 !== workInProgress.tag ? claimNextRetryLane() : 536870912),
+      (workInProgress.lanes |= retryQueue));
+}
+function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+  if (!isHydrating)
+    switch (renderState.tailMode) {
+      case "hidden":
+        hasRenderedATailFallback = renderState.tail;
+        for (var lastTailNode = null; null !== hasRenderedATailFallback; )
+          null !== hasRenderedATailFallback.alternate &&
+            (lastTailNode = hasRenderedATailFallback),
+            (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
+        null === lastTailNode
+          ? (renderState.tail = null)
+          : (lastTailNode.sibling = null);
+        break;
+      case "collapsed":
+        lastTailNode = renderState.tail;
+        for (var lastTailNode$199 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$199 = lastTailNode),
+            (lastTailNode = lastTailNode.sibling);
+        null === lastTailNode$199
+          ? hasRenderedATailFallback || null === renderState.tail
+            ? (renderState.tail = null)
+            : (renderState.tail.sibling = null)
+          : (lastTailNode$199.sibling = null);
+    }
+}
+function bubbleProperties(completedWork) {
+  var didBailout =
+      null !== completedWork.alternate &&
+      completedWork.alternate.child === completedWork.child,
+    newChildLanes = 0,
+    subtreeFlags = 0;
+  if (didBailout)
+    for (var child$200 = completedWork.child; null !== child$200; )
+      (newChildLanes |= child$200.lanes | child$200.childLanes),
+        (subtreeFlags |= child$200.subtreeFlags & 31457280),
+        (subtreeFlags |= child$200.flags & 31457280),
+        (child$200.return = completedWork),
+        (child$200 = child$200.sibling);
+  else
+    for (child$200 = completedWork.child; null !== child$200; )
+      (newChildLanes |= child$200.lanes | child$200.childLanes),
+        (subtreeFlags |= child$200.subtreeFlags),
+        (subtreeFlags |= child$200.flags),
+        (child$200.return = completedWork),
+        (child$200 = child$200.sibling);
+  completedWork.subtreeFlags |= subtreeFlags;
+  completedWork.childLanes = newChildLanes;
+  return didBailout;
+}
+function completeWork(current, workInProgress, renderLanes) {
+  var newProps = workInProgress.pendingProps;
+  popTreeContext(workInProgress);
+  switch (workInProgress.tag) {
+    case 16:
+    case 15:
+    case 0:
+    case 11:
+    case 7:
+    case 8:
+    case 12:
+    case 9:
+    case 14:
+      return bubbleProperties(workInProgress), null;
+    case 1:
+      return bubbleProperties(workInProgress), null;
+    case 3:
+      renderLanes = workInProgress.stateNode;
+      enableTransitionTracing &&
+        null !== workInProgressTransitions &&
+        (workInProgress.flags |= 2048);
+      newProps = null;
+      null !== current && (newProps = current.memoizedState.cache);
+      workInProgress.memoizedState.cache !== newProps &&
+        (workInProgress.flags |= 2048);
+      popProvider(CacheContext);
+      enableTransitionTracing &&
+        enableTransitionTracing &&
+        pop(markerInstanceStack);
+      enableTransitionTracing && pop(transitionStack);
+      popHostContainer();
+      renderLanes.pendingContext &&
+        ((renderLanes.context = renderLanes.pendingContext),
+        (renderLanes.pendingContext = null));
+      if (null === current || null === current.child)
+        popHydrationState(workInProgress)
+          ? markUpdate(workInProgress)
+          : null === current ||
+            (current.memoizedState.isDehydrated &&
+              0 === (workInProgress.flags & 256)) ||
+            ((workInProgress.flags |= 1024),
+            null !== hydrationErrors &&
+              (queueRecoverableErrors(hydrationErrors),
+              (hydrationErrors = null)));
+      bubbleProperties(workInProgress);
+      enableTransitionTracing &&
+        0 !== (workInProgress.subtreeFlags & 8192) &&
+        (workInProgress.flags |= 2048);
+      return null;
+    case 26:
+      renderLanes = workInProgress.memoizedState;
+      if (null === current)
+        markUpdate(workInProgress),
+          null !== renderLanes
+            ? (bubbleProperties(workInProgress),
+              preloadResourceAndSuspendIfNeeded(workInProgress, renderLanes))
+            : (bubbleProperties(workInProgress),
+              (workInProgress.flags &= -16777217));
+      else {
+        var currentResource = current.memoizedState;
+        renderLanes !== currentResource && markUpdate(workInProgress);
+        null !== renderLanes
+          ? (bubbleProperties(workInProgress),
+            renderLanes === currentResource
+              ? (workInProgress.flags &= -16777217)
+              : preloadResourceAndSuspendIfNeeded(workInProgress, renderLanes))
+          : (current.memoizedProps !== newProps && markUpdate(workInProgress),
+            bubbleProperties(workInProgress),
+            (workInProgress.flags &= -16777217));
+      }
+      return null;
+    case 27:
+      popHostContext(workInProgress);
+      renderLanes = rootInstanceStackCursor.current;
+      currentResource = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode)
+        current.memoizedProps !== newProps && markUpdate(workInProgress);
+      else {
+        if (!newProps) {
+          if (null === workInProgress.stateNode)
+            throw Error(formatProdErrorMessage(166));
+          bubbleProperties(workInProgress);
+          return null;
+        }
+        current = contextStackCursor.current;
+        popHydrationState(workInProgress)
+          ? prepareToHydrateHostInstance(workInProgress, current)
+          : ((current = resolveSingletonInstance(
+              currentResource,
+              newProps,
+              renderLanes
+            )),
+            (workInProgress.stateNode = current),
+            markUpdate(workInProgress));
+      }
+      bubbleProperties(workInProgress);
+      return null;
+    case 5:
+      popHostContext(workInProgress);
+      renderLanes = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode)
+        current.memoizedProps !== newProps && markUpdate(workInProgress);
+      else {
+        if (!newProps) {
+          if (null === workInProgress.stateNode)
+            throw Error(formatProdErrorMessage(166));
+          bubbleProperties(workInProgress);
+          return null;
+        }
+        current = contextStackCursor.current;
+        if (popHydrationState(workInProgress))
+          prepareToHydrateHostInstance(workInProgress, current);
+        else {
+          currentResource = getOwnerDocumentFromRootContainer(
+            rootInstanceStackCursor.current
+          );
+          switch (current) {
+            case 1:
+              current = currentResource.createElementNS(
+                "http://www.w3.org/2000/svg",
+                renderLanes
+              );
+              break;
+            case 2:
+              current = currentResource.createElementNS(
+                "http://www.w3.org/1998/Math/MathML",
+                renderLanes
+              );
+              break;
+            default:
+              switch (renderLanes) {
+                case "svg":
+                  current = currentResource.createElementNS(
+                    "http://www.w3.org/2000/svg",
+                    renderLanes
+                  );
+                  break;
+                case "math":
+                  current = currentResource.createElementNS(
+                    "http://www.w3.org/1998/Math/MathML",
+                    renderLanes
+                  );
+                  break;
+                case "script":
+                  current = currentResource.createElement("div");
+                  current.innerHTML = "<script>\x3c/script>";
+                  current = current.removeChild(current.firstChild);
+                  break;
+                case "select":
+                  current =
+                    "string" === typeof newProps.is
+                      ? currentResource.createElement("select", {
+                          is: newProps.is
+                        })
+                      : currentResource.createElement("select");
+                  newProps.multiple
+                    ? (current.multiple = !0)
+                    : newProps.size && (current.size = newProps.size);
+                  break;
+                default:
+                  current =
+                    "string" === typeof newProps.is
+                      ? currentResource.createElement(renderLanes, {
+                          is: newProps.is
+                        })
+                      : currentResource.createElement(renderLanes);
+              }
+          }
+          current[internalInstanceKey] = workInProgress;
+          current[internalPropsKey] = newProps;
+          a: for (
+            currentResource = workInProgress.child;
+            null !== currentResource;
+
+          ) {
+            if (5 === currentResource.tag || 6 === currentResource.tag)
+              current.appendChild(currentResource.stateNode);
+            else if (
+              4 !== currentResource.tag &&
+              27 !== currentResource.tag &&
+              null !== currentResource.child
+            ) {
+              currentResource.child.return = currentResource;
+              currentResource = currentResource.child;
+              continue;
+            }
+            if (currentResource === workInProgress) break a;
+            for (; null === currentResource.sibling; ) {
+              if (
+                null === currentResource.return ||
+                currentResource.return === workInProgress
+              )
+                break a;
+              currentResource = currentResource.return;
+            }
+            currentResource.sibling.return = currentResource.return;
+            currentResource = currentResource.sibling;
+          }
+          workInProgress.stateNode = current;
+          a: switch (
+            (setInitialProperties(current, renderLanes, newProps), renderLanes)
+          ) {
+            case "button":
+            case "input":
+            case "select":
+            case "textarea":
+              current = !!newProps.autoFocus;
+              break a;
+            case "img":
+              current = !0;
+              break a;
+            default:
+              current = !1;
+          }
+          current && markUpdate(workInProgress);
+        }
+      }
+      bubbleProperties(workInProgress);
+      workInProgress.flags &= -16777217;
+      return null;
+    case 6:
+      if (current && null != workInProgress.stateNode)
+        current.memoizedProps !== newProps && markUpdate(workInProgress);
+      else {
+        if ("string" !== typeof newProps && null === workInProgress.stateNode)
+          throw Error(formatProdErrorMessage(166));
+        current = rootInstanceStackCursor.current;
+        if (popHydrationState(workInProgress)) {
+          current = workInProgress.stateNode;
+          renderLanes = workInProgress.memoizedProps;
+          newProps = null;
+          currentResource = hydrationParentFiber;
+          if (null !== currentResource)
+            switch (currentResource.tag) {
+              case 27:
+              case 5:
+                newProps = currentResource.memoizedProps;
+            }
+          current[internalInstanceKey] = workInProgress;
+          current.nodeValue === renderLanes ||
+            (null !== newProps && !0 === newProps.suppressHydrationWarning) ||
+            checkForUnmatchedText(current.nodeValue, renderLanes) ||
+            !favorSafetyOverHydrationPerf ||
+            throwOnHydrationMismatch(workInProgress);
+        } else
+          (current =
+            getOwnerDocumentFromRootContainer(current).createTextNode(
+              newProps
+            )),
+            (current[internalInstanceKey] = workInProgress),
+            (workInProgress.stateNode = current);
+      }
+      bubbleProperties(workInProgress);
+      return null;
+    case 13:
+      newProps = workInProgress.memoizedState;
+      if (
+        null === current ||
+        (null !== current.memoizedState &&
+          null !== current.memoizedState.dehydrated)
+      ) {
+        currentResource = popHydrationState(workInProgress);
+        if (null !== newProps && null !== newProps.dehydrated) {
+          if (null === current) {
+            if (!currentResource) throw Error(formatProdErrorMessage(318));
+            currentResource = workInProgress.memoizedState;
+            currentResource =
+              null !== currentResource ? currentResource.dehydrated : null;
+            if (!currentResource) throw Error(formatProdErrorMessage(317));
+            currentResource[internalInstanceKey] = workInProgress;
+          } else
+            resetHydrationState(),
+              0 === (workInProgress.flags & 128) &&
+                (workInProgress.memoizedState = null),
+              (workInProgress.flags |= 4);
+          bubbleProperties(workInProgress);
+          currentResource = !1;
+        } else
+          null !== hydrationErrors &&
+            (queueRecoverableErrors(hydrationErrors), (hydrationErrors = null)),
+            (currentResource = !0);
+        if (!currentResource) {
+          if (workInProgress.flags & 256)
+            return popSuspenseHandler(workInProgress), workInProgress;
+          popSuspenseHandler(workInProgress);
+          return null;
+        }
+      }
+      popSuspenseHandler(workInProgress);
+      if (0 !== (workInProgress.flags & 128))
+        return (workInProgress.lanes = renderLanes), workInProgress;
+      renderLanes = null !== newProps;
+      current = null !== current && null !== current.memoizedState;
+      if (renderLanes) {
+        newProps = workInProgress.child;
+        currentResource = null;
+        null !== newProps.alternate &&
+          null !== newProps.alternate.memoizedState &&
+          null !== newProps.alternate.memoizedState.cachePool &&
+          (currentResource = newProps.alternate.memoizedState.cachePool.pool);
+        var cache$212 = null;
+        null !== newProps.memoizedState &&
+          null !== newProps.memoizedState.cachePool &&
+          (cache$212 = newProps.memoizedState.cachePool.pool);
+        cache$212 !== currentResource && (newProps.flags |= 2048);
+      }
+      renderLanes !== current &&
+        (enableTransitionTracing && (workInProgress.child.flags |= 2048),
+        renderLanes && (workInProgress.child.flags |= 8192));
+      scheduleRetryEffect(workInProgress, workInProgress.updateQueue);
+      null !== workInProgress.updateQueue &&
+        null != workInProgress.memoizedProps.suspenseCallback &&
+        (workInProgress.flags |= 4);
+      bubbleProperties(workInProgress);
+      return null;
+    case 4:
+      return (
+        popHostContainer(),
+        null === current &&
+          listenToAllSupportedEvents(workInProgress.stateNode.containerInfo),
+        bubbleProperties(workInProgress),
+        null
+      );
+    case 10:
+      return (
+        popProvider(
+          enableRenderableContext
+            ? workInProgress.type
+            : workInProgress.type._context
+        ),
+        bubbleProperties(workInProgress),
+        null
+      );
+    case 19:
+      pop(suspenseStackCursor);
+      currentResource = workInProgress.memoizedState;
+      if (null === currentResource)
+        return bubbleProperties(workInProgress), null;
+      newProps = 0 !== (workInProgress.flags & 128);
+      cache$212 = currentResource.rendering;
+      if (null === cache$212)
+        if (newProps) cutOffTailIfNeeded(currentResource, !1);
+        else {
+          if (
+            0 !== workInProgressRootExitStatus ||
+            (null !== current && 0 !== (current.flags & 128))
+          )
+            for (current = workInProgress.child; null !== current; ) {
+              cache$212 = findFirstSuspended(current);
+              if (null !== cache$212) {
+                workInProgress.flags |= 128;
+                cutOffTailIfNeeded(currentResource, !1);
+                current = cache$212.updateQueue;
+                workInProgress.updateQueue = current;
+                scheduleRetryEffect(workInProgress, current);
+                workInProgress.subtreeFlags = 0;
+                current = renderLanes;
+                for (renderLanes = workInProgress.child; null !== renderLanes; )
+                  resetWorkInProgress(renderLanes, current),
+                    (renderLanes = renderLanes.sibling);
+                push(
+                  suspenseStackCursor,
+                  (suspenseStackCursor.current & 1) | 2
+                );
+                return workInProgress.child;
+              }
+              current = current.sibling;
+            }
+          null !== currentResource.tail &&
+            now() > workInProgressRootRenderTargetTime &&
+            ((workInProgress.flags |= 128),
+            (newProps = !0),
+            cutOffTailIfNeeded(currentResource, !1),
+            (workInProgress.lanes = 4194304));
+        }
+      else {
+        if (!newProps)
+          if (((current = findFirstSuspended(cache$212)), null !== current)) {
+            if (
+              ((workInProgress.flags |= 128),
+              (newProps = !0),
+              (current = current.updateQueue),
+              (workInProgress.updateQueue = current),
+              scheduleRetryEffect(workInProgress, current),
+              cutOffTailIfNeeded(currentResource, !0),
+              null === currentResource.tail &&
+                "hidden" === currentResource.tailMode &&
+                !cache$212.alternate &&
+                !isHydrating)
+            )
+              return bubbleProperties(workInProgress), null;
+          } else
+            2 * now() - currentResource.renderingStartTime >
+              workInProgressRootRenderTargetTime &&
+              536870912 !== renderLanes &&
+              ((workInProgress.flags |= 128),
+              (newProps = !0),
+              cutOffTailIfNeeded(currentResource, !1),
+              (workInProgress.lanes = 4194304));
+        currentResource.isBackwards
+          ? ((cache$212.sibling = workInProgress.child),
+            (workInProgress.child = cache$212))
+          : ((current = currentResource.last),
+            null !== current
+              ? (current.sibling = cache$212)
+              : (workInProgress.child = cache$212),
+            (currentResource.last = cache$212));
+      }
+      if (null !== currentResource.tail)
+        return (
+          (workInProgress = currentResource.tail),
+          (currentResource.rendering = workInProgress),
+          (currentResource.tail = workInProgress.sibling),
+          (currentResource.renderingStartTime = now()),
+          (workInProgress.sibling = null),
+          (current = suspenseStackCursor.current),
+          push(suspenseStackCursor, newProps ? (current & 1) | 2 : current & 1),
+          workInProgress
+        );
+      bubbleProperties(workInProgress);
+      return null;
+    case 21:
+      return (
+        null === current &&
+          ((current = {
+            DO_NOT_USE_queryAllNodes: DO_NOT_USE_queryAllNodes,
+            DO_NOT_USE_queryFirstNode: DO_NOT_USE_queryFirstNode,
+            containsNode: containsNode,
+            getChildContextValues: getChildContextValues
+          }),
+          (workInProgress.stateNode = current),
+          (current[internalInstanceKey] = workInProgress)),
+        null !== workInProgress.ref && markUpdate(workInProgress),
+        bubbleProperties(workInProgress),
+        null
+      );
+    case 22:
+    case 23:
+      return (
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        (newProps = null !== workInProgress.memoizedState),
+        23 !== workInProgress.tag &&
+          (null !== current
+            ? (null !== current.memoizedState) !== newProps &&
+              (workInProgress.flags |= 8192)
+            : newProps && (workInProgress.flags |= 8192)),
+        newProps
+          ? 0 !== (renderLanes & 536870912) &&
+            0 === (workInProgress.flags & 128) &&
+            (bubbleProperties(workInProgress),
+            23 !== workInProgress.tag &&
+              workInProgress.subtreeFlags & 6 &&
+              (workInProgress.flags |= 8192))
+          : bubbleProperties(workInProgress),
+        (renderLanes = workInProgress.updateQueue),
+        null !== renderLanes &&
+          scheduleRetryEffect(workInProgress, renderLanes.retryQueue),
+        (renderLanes = null),
+        null !== current &&
+          null !== current.memoizedState &&
+          null !== current.memoizedState.cachePool &&
+          (renderLanes = current.memoizedState.cachePool.pool),
+        (newProps = null),
+        null !== workInProgress.memoizedState &&
+          null !== workInProgress.memoizedState.cachePool &&
+          (newProps = workInProgress.memoizedState.cachePool.pool),
+        newProps !== renderLanes && (workInProgress.flags |= 2048),
+        popTransition(workInProgress, current),
+        null
+      );
+    case 24:
+      return (
+        (renderLanes = null),
+        null !== current && (renderLanes = current.memoizedState.cache),
+        workInProgress.memoizedState.cache !== renderLanes &&
+          (workInProgress.flags |= 2048),
+        popProvider(CacheContext),
+        bubbleProperties(workInProgress),
+        null
+      );
+    case 25:
+      return (
+        enableTransitionTracing &&
+          (null !== workInProgress.stateNode &&
+            enableTransitionTracing &&
+            pop(markerInstanceStack),
+          bubbleProperties(workInProgress)),
+        null
+      );
+  }
+  throw Error(formatProdErrorMessage(156, workInProgress.tag));
+}
+function unwindWork(current, workInProgress) {
+  popTreeContext(workInProgress);
+  switch (workInProgress.tag) {
+    case 1:
+      return (
+        (current = workInProgress.flags),
+        current & 65536
+          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
+          : null
+      );
+    case 3:
+      return (
+        popProvider(CacheContext),
+        enableTransitionTracing &&
+          enableTransitionTracing &&
+          pop(markerInstanceStack),
+        enableTransitionTracing && pop(transitionStack),
+        popHostContainer(),
+        (current = workInProgress.flags),
+        0 !== (current & 65536) && 0 === (current & 128)
+          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
+          : null
+      );
+    case 26:
+    case 27:
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      popSuspenseHandler(workInProgress);
+      current = workInProgress.memoizedState;
+      if (null !== current && null !== current.dehydrated) {
+        if (null === workInProgress.alternate)
+          throw Error(formatProdErrorMessage(340));
+        resetHydrationState();
+      }
+      current = workInProgress.flags;
+      return current & 65536
+        ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
+        : null;
+    case 19:
+      return pop(suspenseStackCursor), null;
+    case 4:
+      return popHostContainer(), null;
+    case 10:
+      return (
+        popProvider(
+          enableRenderableContext
+            ? workInProgress.type
+            : workInProgress.type._context
+        ),
+        null
+      );
+    case 22:
+    case 23:
+      return (
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        popTransition(workInProgress, current),
+        (current = workInProgress.flags),
+        current & 65536
+          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
+          : null
+      );
+    case 24:
+      return popProvider(CacheContext), null;
+    case 25:
+      return (
+        enableTransitionTracing &&
+          null !== workInProgress.stateNode &&
+          enableTransitionTracing &&
+          pop(markerInstanceStack),
+        null
+      );
+    default:
+      return null;
+  }
+}
+function unwindInterruptedWork(current, interruptedWork) {
+  popTreeContext(interruptedWork);
+  switch (interruptedWork.tag) {
+    case 3:
+      popProvider(CacheContext);
+      enableTransitionTracing &&
+        enableTransitionTracing &&
+        pop(markerInstanceStack);
+      enableTransitionTracing && pop(transitionStack);
+      popHostContainer();
+      break;
+    case 26:
+    case 27:
+    case 5:
+      popHostContext(interruptedWork);
+      break;
+    case 4:
+      popHostContainer();
+      break;
+    case 13:
+      popSuspenseHandler(interruptedWork);
+      break;
+    case 19:
+      pop(suspenseStackCursor);
+      break;
+    case 10:
+      popProvider(
+        enableRenderableContext
+          ? interruptedWork.type
+          : interruptedWork.type._context
+      );
+      break;
+    case 22:
+    case 23:
+      popSuspenseHandler(interruptedWork);
+      popHiddenContext();
+      popTransition(interruptedWork, current);
+      break;
+    case 24:
+      popProvider(CacheContext);
+      break;
+    case 25:
+      enableTransitionTracing &&
+        null !== interruptedWork.stateNode &&
+        enableTransitionTracing &&
+        pop(markerInstanceStack);
   }
-  return newProps;
 }
 var offscreenSubtreeIsHidden = !1,
   offscreenSubtreeWasHidden = !1,
-  needsFormReset = !1,
   PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
   nextEffect = null;
 function callComponentWillUnmountWithTimer(current, instance) {
@@ -9951,8 +11770,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$175) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$175);
+      } catch (error$229) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$229);
       }
     else ref.current = null;
 }
@@ -10051,8 +11870,12 @@ function commitBeforeMutationEffects(root, firstChild) {
       )
         (anchorOffset = root[JSCompiler_temp]),
           doesFiberContain(anchorOffset, focusedInstanceHandle) &&
-            ((shouldFireAfterActiveInstanceBlur = !0),
-            beforeActiveInstanceBlur(anchorOffset));
+            ((_enabled = shouldFireAfterActiveInstanceBlur = !0),
+            dispatchBeforeDetachedBlur(
+              selectionInformation.focusedElem,
+              anchorOffset
+            ),
+            (_enabled = !1));
     root = firstChild.child;
     if (0 !== (firstChild.subtreeFlags & 9236) && null !== root)
       (root.return = firstChild), (nextEffect = root);
@@ -10088,7 +11911,10 @@ function commitBeforeMutationEffects(root, firstChild) {
           }
           JSCompiler_temp$jscomp$0 &&
             ((shouldFireAfterActiveInstanceBlur = !0),
-            beforeActiveInstanceBlur(firstChild));
+            (root = firstChild),
+            (_enabled = !0),
+            dispatchBeforeDetachedBlur(selectionInformation.focusedElem, root),
+            (_enabled = !1));
           switch (firstChild.tag) {
             case 0:
               if (0 !== (flags & 4)) {
@@ -10270,11 +12096,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$177) {
+          } catch (error$231) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$177
+              error$231
             );
           }
         }
@@ -10916,7 +12742,7 @@ function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) {
         captureCommitPhaseError(childToDelete, parentFiber, error);
       }
     }
-  if (parentFiber.subtreeFlags & 13878)
+  if (parentFiber.subtreeFlags & 12854)
     for (parentFiber = parentFiber.child; null !== parentFiber; )
       commitMutationEffectsOnFiber(parentFiber, root$jscomp$0),
         (parentFiber = parentFiber.sibling);
@@ -10941,8 +12767,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$190) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$190);
+        } catch (error$244) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$244);
         }
       }
       break;
@@ -10956,11 +12782,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         offscreenSubtreeIsHidden &&
         ((finishedWork = finishedWork.updateQueue),
         null !== finishedWork &&
-          ((flags = finishedWork.callbacks),
-          null !== flags &&
-            ((current = finishedWork.shared.hiddenCallbacks),
+          ((current = finishedWork.callbacks),
+          null !== current &&
+            ((flags = finishedWork.shared.hiddenCallbacks),
             (finishedWork.shared.hiddenCallbacks =
-              null === current ? flags : current.concat(flags)))));
+              null === flags ? current : flags.concat(current)))));
       break;
     case 26:
       var hoistableRoot = currentHoistableRoot;
@@ -10978,10 +12804,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           if (null === flags)
             if (null === finishedWork.stateNode) {
               a: {
-                flags = finishedWork.type;
-                current = finishedWork.memoizedProps;
+                current = finishedWork.type;
+                flags = finishedWork.memoizedProps;
                 root = hoistableRoot.ownerDocument || hoistableRoot;
-                b: switch (flags) {
+                b: switch (current) {
                   case "title":
                     hoistableRoot = root.getElementsByTagName("title")[0];
                     if (
@@ -10992,42 +12818,42 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         hoistableRoot.namespaceURI ||
                       hoistableRoot.hasAttribute("itemprop")
                     )
-                      (hoistableRoot = root.createElement(flags)),
+                      (hoistableRoot = root.createElement(current)),
                         root.head.insertBefore(
                           hoistableRoot,
                           root.querySelector("head > title")
                         );
-                    setInitialProperties(hoistableRoot, flags, current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     hoistableRoot[internalInstanceKey] = finishedWork;
                     markNodeAsHoistable(hoistableRoot);
-                    flags = hoistableRoot;
+                    current = hoistableRoot;
                     break a;
                   case "link":
                     var maybeNodes = getHydratableHoistableCache(
                       "link",
                       "href",
                       root
-                    ).get(flags + (current.href || ""));
+                    ).get(current + (flags.href || ""));
                     if (maybeNodes)
                       for (var i = 0; i < maybeNodes.length; i++)
                         if (
                           ((hoistableRoot = maybeNodes[i]),
                           hoistableRoot.getAttribute("href") ===
-                            (null == current.href ? null : current.href) &&
+                            (null == flags.href ? null : flags.href) &&
                             hoistableRoot.getAttribute("rel") ===
-                              (null == current.rel ? null : current.rel) &&
+                              (null == flags.rel ? null : flags.rel) &&
                             hoistableRoot.getAttribute("title") ===
-                              (null == current.title ? null : current.title) &&
+                              (null == flags.title ? null : flags.title) &&
                             hoistableRoot.getAttribute("crossorigin") ===
-                              (null == current.crossOrigin
+                              (null == flags.crossOrigin
                                 ? null
-                                : current.crossOrigin))
+                                : flags.crossOrigin))
                         ) {
                           maybeNodes.splice(i, 1);
                           break b;
                         }
-                    hoistableRoot = root.createElement(flags);
-                    setInitialProperties(hoistableRoot, flags, current);
+                    hoistableRoot = root.createElement(current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     root.head.appendChild(hoistableRoot);
                     break;
                   case "meta":
@@ -11036,45 +12862,43 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         "meta",
                         "content",
                         root
-                      ).get(flags + (current.content || "")))
+                      ).get(current + (flags.content || "")))
                     )
                       for (i = 0; i < maybeNodes.length; i++)
                         if (
                           ((hoistableRoot = maybeNodes[i]),
                           hoistableRoot.getAttribute("content") ===
-                            (null == current.content
+                            (null == flags.content
                               ? null
-                              : "" + current.content) &&
+                              : "" + flags.content) &&
                             hoistableRoot.getAttribute("name") ===
-                              (null == current.name ? null : current.name) &&
+                              (null == flags.name ? null : flags.name) &&
                             hoistableRoot.getAttribute("property") ===
-                              (null == current.property
+                              (null == flags.property
                                 ? null
-                                : current.property) &&
+                                : flags.property) &&
                             hoistableRoot.getAttribute("http-equiv") ===
-                              (null == current.httpEquiv
+                              (null == flags.httpEquiv
                                 ? null
-                                : current.httpEquiv) &&
+                                : flags.httpEquiv) &&
                             hoistableRoot.getAttribute("charset") ===
-                              (null == current.charSet
-                                ? null
-                                : current.charSet))
+                              (null == flags.charSet ? null : flags.charSet))
                         ) {
                           maybeNodes.splice(i, 1);
                           break b;
                         }
-                    hoistableRoot = root.createElement(flags);
-                    setInitialProperties(hoistableRoot, flags, current);
+                    hoistableRoot = root.createElement(current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     root.head.appendChild(hoistableRoot);
                     break;
                   default:
-                    throw Error(formatProdErrorMessage(468, flags));
+                    throw Error(formatProdErrorMessage(468, current));
                 }
                 hoistableRoot[internalInstanceKey] = finishedWork;
                 markNodeAsHoistable(hoistableRoot);
-                flags = hoistableRoot;
+                current = hoistableRoot;
               }
-              finishedWork.stateNode = flags;
+              finishedWork.stateNode = current;
             } else
               mountHoistable(
                 hoistableRoot,
@@ -11116,11 +12940,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               newProps
             );
             domElement[internalPropsKey] = newProps;
-          } catch (error$191) {
+          } catch (error$245) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$191
+              error$245
             );
           }
         }
@@ -11158,23 +12982,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$192) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$192);
+        } catch (error$246) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$246);
         }
       }
-      if (flags & 4 && ((root = finishedWork.stateNode), null != root)) {
-        hoistableRoot = finishedWork.memoizedProps;
-        current = null !== current ? current.memoizedProps : hoistableRoot;
-        maybeNodes = finishedWork.type;
+      if (flags & 4 && ((flags = finishedWork.stateNode), null != flags)) {
+        root = finishedWork.memoizedProps;
+        current = null !== current ? current.memoizedProps : root;
+        hoistableRoot = finishedWork.type;
         finishedWork.updateQueue = null;
         try {
-          updateProperties(root, maybeNodes, current, hoistableRoot),
-            (root[internalPropsKey] = hoistableRoot);
-        } catch (error$195) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$195);
+          updateProperties(flags, hoistableRoot, current, root),
+            (flags[internalPropsKey] = root);
+        } catch (error$249) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$249);
         }
       }
-      flags & 1024 && (needsFormReset = !0);
       break;
     case 6:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -11182,12 +13005,12 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4) {
         if (null === finishedWork.stateNode)
           throw Error(formatProdErrorMessage(162));
-        flags = finishedWork.stateNode;
-        current = finishedWork.memoizedProps;
+        current = finishedWork.stateNode;
+        flags = finishedWork.memoizedProps;
         try {
-          flags.nodeValue = current;
-        } catch (error$196) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$196);
+          current.nodeValue = flags;
+        } catch (error$250) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$250);
         }
       }
       break;
@@ -11201,20 +13024,18 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$197) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$197);
+        } catch (error$251) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$251);
         }
-      needsFormReset &&
-        ((needsFormReset = !1), recursivelyResetForms(finishedWork));
       break;
     case 4:
-      flags = currentHoistableRoot;
+      current = currentHoistableRoot;
       currentHoistableRoot = getHoistableRoot(
         finishedWork.stateNode.containerInfo
       );
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
-      currentHoistableRoot = flags;
+      currentHoistableRoot = current;
       break;
     case 13:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -11234,13 +13055,13 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$199) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$199);
+        } catch (error$253) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$253);
         }
-        flags = finishedWork.updateQueue;
-        null !== flags &&
+        current = finishedWork.updateQueue;
+        null !== current &&
           ((finishedWork.updateQueue = null),
-          attachSuspenseRetryListeners(finishedWork, flags));
+          attachSuspenseRetryListeners(finishedWork, current));
       }
       break;
     case 22:
@@ -11310,11 +13131,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$180) {
+              } catch (error$234) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$180
+                  error$234
                 );
               }
           } else if (
@@ -11338,21 +13159,21 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           root = root.sibling;
         }
       flags & 4 &&
-        ((flags = finishedWork.updateQueue),
-        null !== flags &&
-          ((current = flags.retryQueue),
-          null !== current &&
-            ((flags.retryQueue = null),
-            attachSuspenseRetryListeners(finishedWork, current))));
+        ((current = finishedWork.updateQueue),
+        null !== current &&
+          ((flags = current.retryQueue),
+          null !== flags &&
+            ((current.retryQueue = null),
+            attachSuspenseRetryListeners(finishedWork, flags))));
       break;
     case 19:
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
       flags & 4 &&
-        ((flags = finishedWork.updateQueue),
-        null !== flags &&
+        ((current = finishedWork.updateQueue),
+        null !== current &&
           ((finishedWork.updateQueue = null),
-          attachSuspenseRetryListeners(finishedWork, flags)));
+          attachSuspenseRetryListeners(finishedWork, current)));
       break;
     case 21:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -11389,21 +13210,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$181 = JSCompiler_inline_result.stateNode;
+            var parent$235 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$181, ""),
+              (setTextContent(parent$235, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$182 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$182, parent$181);
+            var before$236 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$236, parent$235);
             break;
           case 3:
           case 4:
-            var parent$183 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$184 = getHostSibling(finishedWork);
+            var parent$237 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$238 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$184,
-              parent$183
+              before$238,
+              parent$237
             );
             break;
           default:
@@ -11417,15 +13238,6 @@ function commitReconciliationEffects(finishedWork) {
   }
   flags & 4096 && (finishedWork.flags &= -4097);
 }
-function recursivelyResetForms(parentFiber) {
-  if (parentFiber.subtreeFlags & 1024)
-    for (parentFiber = parentFiber.child; null !== parentFiber; ) {
-      var fiber = parentFiber;
-      recursivelyResetForms(fiber);
-      5 === fiber.tag && fiber.flags & 1024 && fiber.stateNode.reset();
-      parentFiber = parentFiber.sibling;
-    }
-}
 function recursivelyTraverseLayoutEffects(root, parentFiber) {
   if (parentFiber.subtreeFlags & 8772)
     for (parentFiber = parentFiber.child; null !== parentFiber; )
@@ -11871,9 +13683,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$206 = finishedWork.stateNode;
+        var instance$260 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$206._visibility & 4
+          ? instance$260._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -11885,7 +13697,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-          : ((instance$206._visibility |= 4),
+          : ((instance$260._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -11898,7 +13710,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$206
+            instance$260
           );
         break;
       case 24:
@@ -12202,6 +14014,1257 @@ function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
       }
   }
 }
+var DefaultCacheDispatcher = {
+    getCacheForType: function (resourceType) {
+      var cache = readContext(CacheContext),
+        cacheForType = cache.data.get(resourceType);
+      void 0 === cacheForType &&
+        ((cacheForType = resourceType()),
+        cache.data.set(resourceType, cacheForType));
+      return cacheForType;
+    }
+  },
+  postPaintCallbackScheduled = !1,
+  callbacks = [];
+function schedulePostPaintCallback(callback) {
+  callbacks.push(callback);
+  postPaintCallbackScheduled ||
+    ((postPaintCallbackScheduled = !0),
+    requestPostPaintCallback(function (endTime) {
+      for (var i = 0; i < callbacks.length; i++) callbacks[i](endTime);
+      postPaintCallbackScheduled = !1;
+      callbacks = [];
+    }));
+}
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
+  executionContext = 0,
+  workInProgressRoot = null,
+  workInProgress = null,
+  workInProgressRootRenderLanes = 0,
+  workInProgressSuspendedReason = 0,
+  workInProgressThrownValue = null,
+  workInProgressRootDidAttachPingListener = !1,
+  entangledRenderLanes = 0,
+  workInProgressRootExitStatus = 0,
+  workInProgressRootSkippedLanes = 0,
+  workInProgressRootInterleavedUpdatedLanes = 0,
+  workInProgressRootPingedLanes = 0,
+  workInProgressDeferredLane = 0,
+  workInProgressRootConcurrentErrors = null,
+  workInProgressRootRecoverableErrors = null,
+  workInProgressRootDidIncludeRecursiveRenderUpdate = !1,
+  didIncludeCommitPhaseUpdate = !1,
+  globalMostRecentFallbackTime = 0,
+  workInProgressRootRenderTargetTime = Infinity,
+  workInProgressTransitions = null,
+  currentPendingTransitionCallbacks = null,
+  currentEndTime = null;
+function addMarkerProgressCallbackToPendingTransition(
+  markerName,
+  transitions,
+  pendingBoundaries
+) {
+  enableTransitionTracing &&
+    (null === currentPendingTransitionCallbacks &&
+      (currentPendingTransitionCallbacks = {
+        transitionStart: null,
+        transitionProgress: null,
+        transitionComplete: null,
+        markerProgress: new Map(),
+        markerIncomplete: null,
+        markerComplete: null
+      }),
+    null === currentPendingTransitionCallbacks.markerProgress &&
+      (currentPendingTransitionCallbacks.markerProgress = new Map()),
+    currentPendingTransitionCallbacks.markerProgress.set(markerName, {
+      pendingBoundaries: pendingBoundaries,
+      transitions: transitions
+    }));
+}
+function addMarkerCompleteCallbackToPendingTransition(markerName, transitions) {
+  enableTransitionTracing &&
+    (null === currentPendingTransitionCallbacks &&
+      (currentPendingTransitionCallbacks = {
+        transitionStart: null,
+        transitionProgress: null,
+        transitionComplete: null,
+        markerProgress: null,
+        markerIncomplete: null,
+        markerComplete: new Map()
+      }),
+    null === currentPendingTransitionCallbacks.markerComplete &&
+      (currentPendingTransitionCallbacks.markerComplete = new Map()),
+    currentPendingTransitionCallbacks.markerComplete.set(
+      markerName,
+      transitions
+    ));
+}
+function addTransitionProgressCallbackToPendingTransition(
+  transition,
+  boundaries
+) {
+  enableTransitionTracing &&
+    (null === currentPendingTransitionCallbacks &&
+      (currentPendingTransitionCallbacks = {
+        transitionStart: null,
+        transitionProgress: new Map(),
+        transitionComplete: null,
+        markerProgress: null,
+        markerIncomplete: null,
+        markerComplete: null
+      }),
+    null === currentPendingTransitionCallbacks.transitionProgress &&
+      (currentPendingTransitionCallbacks.transitionProgress = new Map()),
+    currentPendingTransitionCallbacks.transitionProgress.set(
+      transition,
+      boundaries
+    ));
+}
+var legacyErrorBoundariesThatAlreadyFailed = null,
+  rootDoesHavePassiveEffects = !1,
+  rootWithPendingPassiveEffects = null,
+  pendingPassiveEffectsLanes = 0,
+  pendingPassiveEffectsRemainingLanes = 0,
+  pendingPassiveTransitions = null,
+  nestedUpdateCount = 0,
+  rootWithNestedUpdates = null;
+function requestUpdateLane() {
+  if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
+    return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
+  if (null !== requestCurrentTransition()) {
+    var actionScopeLane = currentEntangledLane;
+    return 0 !== actionScopeLane ? actionScopeLane : requestTransitionLane();
+  }
+  actionScopeLane = currentUpdatePriority;
+  if (0 !== actionScopeLane) return actionScopeLane;
+  actionScopeLane = window.event;
+  actionScopeLane =
+    void 0 === actionScopeLane ? 32 : getEventPriority(actionScopeLane.type);
+  return actionScopeLane;
+}
+function requestDeferredLane() {
+  0 === workInProgressDeferredLane &&
+    (workInProgressDeferredLane =
+      0 === (workInProgressRootRenderLanes & 536870912) || isHydrating
+        ? claimNextTransitionLane()
+        : 536870912);
+  var suspenseHandler = suspenseHandlerStackCursor.current;
+  null !== suspenseHandler && (suspenseHandler.flags |= 32);
+  return workInProgressDeferredLane;
+}
+function scheduleUpdateOnFiber(root, fiber, lane) {
+  if (
+    (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    prepareFreshStack(root, 0),
+      markRootSuspended(
+        root,
+        workInProgressRootRenderLanes,
+        workInProgressDeferredLane
+      );
+  markRootUpdated(root, lane);
+  if (0 === (executionContext & 2) || root !== workInProgressRoot) {
+    if (
+      enableTransitionTracing &&
+      ((fiber = ReactCurrentBatchConfig$1.transition),
+      null !== fiber &&
+        null != fiber.name &&
+        (-1 === fiber.startTime && (fiber.startTime = now()),
+        enableTransitionTracing))
+    ) {
+      var transitionLanesMap = root.transitionLanes,
+        index$8 = 31 - clz32(lane),
+        transitions = transitionLanesMap[index$8];
+      null === transitions && (transitions = new Set());
+      transitions.add(fiber);
+      transitionLanesMap[index$8] = transitions;
+    }
+    root === workInProgressRoot &&
+      (0 === (executionContext & 2) &&
+        (workInProgressRootInterleavedUpdatedLanes |= lane),
+      4 === workInProgressRootExitStatus &&
+        markRootSuspended(
+          root,
+          workInProgressRootRenderLanes,
+          workInProgressDeferredLane
+        ));
+    ensureRootIsScheduled(root);
+  }
+}
+function performConcurrentWorkOnRoot(root, didTimeout) {
+  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
+  var originalCallbackNode = root.callbackNode;
+  if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
+    return null;
+  var lanes = getNextLanes(
+    root,
+    root === workInProgressRoot ? workInProgressRootRenderLanes : 0
+  );
+  if (0 === lanes) return null;
+  var exitStatus = (didTimeout =
+    !includesBlockingLane(root, lanes) &&
+    0 === (lanes & root.expiredLanes) &&
+    (disableSchedulerTimeoutInWorkLoop || !didTimeout))
+    ? renderRootConcurrent(root, lanes)
+    : renderRootSync(root, lanes);
+  if (0 !== exitStatus) {
+    var renderWasConcurrent = didTimeout;
+    do {
+      if (6 === exitStatus) markRootSuspended(root, lanes, 0);
+      else {
+        didTimeout = root.current.alternate;
+        if (
+          renderWasConcurrent &&
+          !isRenderConsistentWithExternalStores(didTimeout)
+        ) {
+          exitStatus = renderRootSync(root, lanes);
+          renderWasConcurrent = !1;
+          continue;
+        }
+        if (2 === exitStatus) {
+          renderWasConcurrent = lanes;
+          var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+            root,
+            renderWasConcurrent
+          );
+          0 !== errorRetryLanes &&
+            ((lanes = errorRetryLanes),
+            (exitStatus = recoverFromConcurrentError(
+              root,
+              renderWasConcurrent,
+              errorRetryLanes
+            )));
+        }
+        if (1 === exitStatus) {
+          prepareFreshStack(root, 0);
+          markRootSuspended(root, lanes, 0);
+          break;
+        }
+        root.finishedWork = didTimeout;
+        root.finishedLanes = lanes;
+        a: {
+          renderWasConcurrent = root;
+          switch (exitStatus) {
+            case 0:
+            case 1:
+              throw Error(formatProdErrorMessage(345));
+            case 4:
+              if ((lanes & 4194176) === lanes) {
+                markRootSuspended(
+                  renderWasConcurrent,
+                  lanes,
+                  workInProgressDeferredLane
+                );
+                break a;
+              }
+              break;
+            case 2:
+              workInProgressRootRecoverableErrors = null;
+              break;
+            case 3:
+            case 5:
+              break;
+            default:
+              throw Error(formatProdErrorMessage(329));
+          }
+          if (
+            (lanes & 62914560) === lanes &&
+            (alwaysThrottleRetries || 3 === exitStatus) &&
+            ((exitStatus = globalMostRecentFallbackTime + 300 - now()),
+            10 < exitStatus)
+          ) {
+            markRootSuspended(
+              renderWasConcurrent,
+              lanes,
+              workInProgressDeferredLane
+            );
+            if (0 !== getNextLanes(renderWasConcurrent, 0)) break a;
+            renderWasConcurrent.timeoutHandle = scheduleTimeout(
+              commitRootWhenReady.bind(
+                null,
+                renderWasConcurrent,
+                didTimeout,
+                workInProgressRootRecoverableErrors,
+                workInProgressTransitions,
+                workInProgressRootDidIncludeRecursiveRenderUpdate,
+                lanes,
+                workInProgressDeferredLane
+              ),
+              exitStatus
+            );
+            break a;
+          }
+          commitRootWhenReady(
+            renderWasConcurrent,
+            didTimeout,
+            workInProgressRootRecoverableErrors,
+            workInProgressTransitions,
+            workInProgressRootDidIncludeRecursiveRenderUpdate,
+            lanes,
+            workInProgressDeferredLane
+          );
+        }
+      }
+      break;
+    } while (1);
+  }
+  ensureRootIsScheduled(root);
+  scheduleTaskForRootDuringMicrotask(root, now());
+  root =
+    root.callbackNode === originalCallbackNode
+      ? performConcurrentWorkOnRoot.bind(null, root)
+      : null;
+  return root;
+}
+function recoverFromConcurrentError(
+  root,
+  originallyAttemptedLanes,
+  errorRetryLanes
+) {
+  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors,
+    wasRootDehydrated = root.current.memoizedState.isDehydrated;
+  wasRootDehydrated && (prepareFreshStack(root, errorRetryLanes).flags |= 256);
+  errorRetryLanes = renderRootSync(root, errorRetryLanes);
+  if (2 !== errorRetryLanes) {
+    if (workInProgressRootDidAttachPingListener && !wasRootDehydrated)
+      return (
+        (root.errorRecoveryDisabledLanes |= originallyAttemptedLanes),
+        (workInProgressRootInterleavedUpdatedLanes |= originallyAttemptedLanes),
+        4
+      );
+    root = workInProgressRootRecoverableErrors;
+    workInProgressRootRecoverableErrors = errorsFromFirstAttempt;
+    null !== root && queueRecoverableErrors(root);
+  }
+  return errorRetryLanes;
+}
+function queueRecoverableErrors(errors) {
+  null === workInProgressRootRecoverableErrors
+    ? (workInProgressRootRecoverableErrors = errors)
+    : workInProgressRootRecoverableErrors.push.apply(
+        workInProgressRootRecoverableErrors,
+        errors
+      );
+}
+function commitRootWhenReady(
+  root,
+  finishedWork,
+  recoverableErrors,
+  transitions,
+  didIncludeRenderPhaseUpdate,
+  lanes,
+  spawnedLane
+) {
+  if (
+    0 === (lanes & 42) &&
+    ((suspendedState = { stylesheets: null, count: 0, unsuspend: noop$1 }),
+    accumulateSuspenseyCommitOnFiber(finishedWork),
+    (finishedWork = waitForCommitToBeReady()),
+    null !== finishedWork)
+  ) {
+    root.cancelPendingCommit = finishedWork(
+      commitRoot.bind(
+        null,
+        root,
+        recoverableErrors,
+        transitions,
+        didIncludeRenderPhaseUpdate
+      )
+    );
+    markRootSuspended(root, lanes, spawnedLane);
+    return;
+  }
+  commitRoot(
+    root,
+    recoverableErrors,
+    transitions,
+    didIncludeRenderPhaseUpdate,
+    spawnedLane
+  );
+}
+function isRenderConsistentWithExternalStores(finishedWork) {
+  for (var node = finishedWork; ; ) {
+    if (node.flags & 16384) {
+      var updateQueue = node.updateQueue;
+      if (
+        null !== updateQueue &&
+        ((updateQueue = updateQueue.stores), null !== updateQueue)
+      )
+        for (var i = 0; i < updateQueue.length; i++) {
+          var check = updateQueue[i],
+            getSnapshot = check.getSnapshot;
+          check = check.value;
+          try {
+            if (!objectIs(getSnapshot(), check)) return !1;
+          } catch (error) {
+            return !1;
+          }
+        }
+    }
+    updateQueue = node.child;
+    if (node.subtreeFlags & 16384 && null !== updateQueue)
+      (updateQueue.return = node), (node = updateQueue);
+    else {
+      if (node === finishedWork) break;
+      for (; null === node.sibling; ) {
+        if (null === node.return || node.return === finishedWork) return !0;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return !0;
+}
+function markRootUpdated(root, updatedLanes) {
+  root.pendingLanes |= updatedLanes;
+  268435456 !== updatedLanes &&
+    ((root.suspendedLanes = 0), (root.pingedLanes = 0));
+  enableInfiniteRenderLoopDetection &&
+    (executionContext & 2
+      ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
+      : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0),
+    throwIfInfiniteUpdateLoopDetected());
+}
+function markRootSuspended(root, suspendedLanes, spawnedLane) {
+  suspendedLanes &= ~workInProgressRootPingedLanes;
+  suspendedLanes &= ~workInProgressRootInterleavedUpdatedLanes;
+  root.suspendedLanes |= suspendedLanes;
+  root.pingedLanes &= ~suspendedLanes;
+  for (
+    var expirationTimes = root.expirationTimes, lanes = suspendedLanes;
+    0 < lanes;
+
+  ) {
+    var index$4 = 31 - clz32(lanes),
+      lane = 1 << index$4;
+    expirationTimes[index$4] = -1;
+    lanes &= ~lane;
+  }
+  0 !== spawnedLane &&
+    markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
+}
+function performSyncWorkOnRoot(root, lanes) {
+  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
+  if (flushPassiveEffects()) return ensureRootIsScheduled(root), null;
+  var exitStatus = renderRootSync(root, lanes);
+  if (2 === exitStatus) {
+    var originallyAttemptedLanes = lanes,
+      errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+        root,
+        originallyAttemptedLanes
+      );
+    0 !== errorRetryLanes &&
+      ((lanes = errorRetryLanes),
+      (exitStatus = recoverFromConcurrentError(
+        root,
+        originallyAttemptedLanes,
+        errorRetryLanes
+      )));
+  }
+  if (1 === exitStatus)
+    return (
+      prepareFreshStack(root, 0),
+      markRootSuspended(root, lanes, 0),
+      ensureRootIsScheduled(root),
+      null
+    );
+  if (6 === exitStatus)
+    return (
+      markRootSuspended(root, lanes, workInProgressDeferredLane),
+      ensureRootIsScheduled(root),
+      null
+    );
+  root.finishedWork = root.current.alternate;
+  root.finishedLanes = lanes;
+  commitRoot(
+    root,
+    workInProgressRootRecoverableErrors,
+    workInProgressTransitions,
+    workInProgressRootDidIncludeRecursiveRenderUpdate,
+    workInProgressDeferredLane
+  );
+  ensureRootIsScheduled(root);
+  return null;
+}
+function flushSync$1(fn) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
+  var prevTransition = ReactCurrentBatchConfig$1.transition,
+    previousPriority = currentUpdatePriority;
+  try {
+    if (
+      ((ReactCurrentBatchConfig$1.transition = null),
+      (currentUpdatePriority = 2),
+      fn)
+    )
+      return fn();
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig$1.transition = prevTransition),
+      (executionContext = prevExecutionContext),
+      0 === (executionContext & 6) && flushSyncWorkAcrossRoots_impl(!1);
+  }
+}
+function resetWorkInProgressStack() {
+  if (null !== workInProgress) {
+    if (0 === workInProgressSuspendedReason)
+      var interruptedWork = workInProgress.return;
+    else
+      (interruptedWork = workInProgress),
+        resetContextDependencies(),
+        resetHooksOnUnwind(interruptedWork),
+        (thenableState$1 = null),
+        (thenableIndexCounter$1 = 0),
+        (interruptedWork = workInProgress);
+    for (; null !== interruptedWork; )
+      unwindInterruptedWork(interruptedWork.alternate, interruptedWork),
+        (interruptedWork = interruptedWork.return);
+    workInProgress = null;
+  }
+}
+function prepareFreshStack(root, lanes) {
+  root.finishedWork = null;
+  root.finishedLanes = 0;
+  var timeoutHandle = root.timeoutHandle;
+  -1 !== timeoutHandle &&
+    ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
+  timeoutHandle = root.cancelPendingCommit;
+  null !== timeoutHandle &&
+    ((root.cancelPendingCommit = null), timeoutHandle());
+  resetWorkInProgressStack();
+  workInProgressRoot = root;
+  workInProgress = timeoutHandle = createWorkInProgress(root.current, null);
+  workInProgressRootRenderLanes = lanes;
+  workInProgressSuspendedReason = 0;
+  workInProgressThrownValue = null;
+  workInProgressRootDidAttachPingListener = !1;
+  workInProgressDeferredLane =
+    workInProgressRootPingedLanes =
+    workInProgressRootInterleavedUpdatedLanes =
+    workInProgressRootSkippedLanes =
+    workInProgressRootExitStatus =
+      0;
+  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors =
+    null;
+  workInProgressRootDidIncludeRecursiveRenderUpdate = !1;
+  0 === (root.current.mode & 32) && 0 !== (lanes & 8) && (lanes |= lanes & 32);
+  var allEntangledLanes = root.entangledLanes;
+  if (0 !== allEntangledLanes)
+    for (
+      root = root.entanglements, allEntangledLanes &= lanes;
+      0 < allEntangledLanes;
+
+    ) {
+      var index$2 = 31 - clz32(allEntangledLanes),
+        lane = 1 << index$2;
+      lanes |= root[index$2];
+      allEntangledLanes &= ~lane;
+    }
+  entangledRenderLanes = lanes;
+  finishQueueingConcurrentUpdates();
+  return timeoutHandle;
+}
+function handleThrow(root, thrownValue) {
+  currentlyRenderingFiber$1 = null;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  ReactCurrentOwner.current = null;
+  thrownValue === SuspenseException
+    ? ((thrownValue = getSuspendedThenable()),
+      (workInProgressSuspendedReason =
+        shouldRemainOnPreviousScreen() &&
+        0 === (workInProgressRootSkippedLanes & 134217727) &&
+        0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)
+          ? 2
+          : 3))
+    : thrownValue === SuspenseyCommitException
+    ? ((thrownValue = getSuspendedThenable()),
+      (workInProgressSuspendedReason = 4))
+    : (workInProgressSuspendedReason =
+        thrownValue === SelectiveHydrationException
+          ? 8
+          : null !== thrownValue &&
+            "object" === typeof thrownValue &&
+            "function" === typeof thrownValue.then
+          ? 6
+          : 1);
+  workInProgressThrownValue = thrownValue;
+  null === workInProgress &&
+    ((workInProgressRootExitStatus = 1),
+    logUncaughtError(
+      root,
+      createCapturedValueAtFiber(thrownValue, root.current)
+    ));
+}
+function shouldRemainOnPreviousScreen() {
+  var handler = suspenseHandlerStackCursor.current;
+  return null === handler
+    ? !0
+    : (workInProgressRootRenderLanes & 4194176) ===
+      workInProgressRootRenderLanes
+    ? null === shellBoundary
+      ? !0
+      : !1
+    : (workInProgressRootRenderLanes & 62914560) ===
+        workInProgressRootRenderLanes ||
+      0 !== (workInProgressRootRenderLanes & 536870912)
+    ? handler === shellBoundary
+    : !1;
+}
+function pushDispatcher() {
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
+}
+function pushCacheDispatcher() {
+  var prevCacheDispatcher = ReactCurrentCache.current;
+  ReactCurrentCache.current = DefaultCacheDispatcher;
+  return prevCacheDispatcher;
+}
+function renderDidSuspendDelayIfPossible() {
+  workInProgressRootExitStatus = 4;
+  (0 === (workInProgressRootSkippedLanes & 134217727) &&
+    0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)) ||
+    null === workInProgressRoot ||
+    markRootSuspended(
+      workInProgressRoot,
+      workInProgressRootRenderLanes,
+      workInProgressDeferredLane
+    );
+}
+function renderRootSync(root, lanes) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 2;
+  var prevDispatcher = pushDispatcher(),
+    prevCacheDispatcher = pushCacheDispatcher();
+  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
+    (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
+      prepareFreshStack(root, lanes);
+  lanes = !1;
+  a: do
+    try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
+        var unitOfWork = workInProgress,
+          thrownValue = workInProgressThrownValue;
+        switch (workInProgressSuspendedReason) {
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
+          default:
+            (workInProgressSuspendedReason = 0),
+              (workInProgressThrownValue = null),
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+        }
+      }
+      workLoopSync();
+      break;
+    } catch (thrownValue$268) {
+      handleThrow(root, thrownValue$268);
+    }
+  while (1);
+  lanes && root.shellSuspendCounter++;
+  resetContextDependencies();
+  executionContext = prevExecutionContext;
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
+  if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
+  workInProgressRoot = null;
+  workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
+  return workInProgressRootExitStatus;
+}
+function workLoopSync() {
+  for (; null !== workInProgress; ) performUnitOfWork(workInProgress);
+}
+function renderRootConcurrent(root, lanes) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 2;
+  var prevDispatcher = pushDispatcher(),
+    prevCacheDispatcher = pushCacheDispatcher();
+  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
+    (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
+      (workInProgressRootRenderTargetTime = now() + 500),
+      prepareFreshStack(root, lanes);
+  a: do
+    try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
+        lanes = workInProgress;
+        var thrownValue = workInProgressThrownValue;
+        b: switch (workInProgressSuspendedReason) {
+          case 1:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, thrownValue);
+            break;
+          case 2:
+            if (isThenableResolved(thrownValue)) {
+              workInProgressSuspendedReason = 0;
+              workInProgressThrownValue = null;
+              replaySuspendedUnitOfWork(lanes);
+              break;
+            }
+            lanes = function () {
+              2 === workInProgressSuspendedReason &&
+                workInProgressRoot === root &&
+                (workInProgressSuspendedReason = 7);
+              ensureRootIsScheduled(root);
+            };
+            thrownValue.then(lanes, lanes);
+            break a;
+          case 3:
+            workInProgressSuspendedReason = 7;
+            break a;
+          case 4:
+            workInProgressSuspendedReason = 5;
+            break a;
+          case 7:
+            isThenableResolved(thrownValue)
+              ? ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                replaySuspendedUnitOfWork(lanes))
+              : ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                throwAndUnwindWorkLoop(root, lanes, thrownValue));
+            break;
+          case 5:
+            switch (workInProgress.tag) {
+              case 5:
+              case 26:
+              case 27:
+                lanes = workInProgress;
+                workInProgressSuspendedReason = 0;
+                workInProgressThrownValue = null;
+                var sibling = lanes.sibling;
+                if (null !== sibling) workInProgress = sibling;
+                else {
+                  var returnFiber = lanes.return;
+                  null !== returnFiber
+                    ? ((workInProgress = returnFiber),
+                      completeUnitOfWork(returnFiber))
+                    : (workInProgress = null);
+                }
+                break b;
+            }
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, thrownValue);
+            break;
+          case 6:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, thrownValue);
+            break;
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          default:
+            throw Error(formatProdErrorMessage(462));
+        }
+      }
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue$270) {
+      handleThrow(root, thrownValue$270);
+    }
+  while (1);
+  resetContextDependencies();
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
+  executionContext = prevExecutionContext;
+  if (null !== workInProgress) return 0;
+  workInProgressRoot = null;
+  workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
+  return workInProgressRootExitStatus;
+}
+function workLoopConcurrent() {
+  for (; null !== workInProgress && !shouldYield(); )
+    performUnitOfWork(workInProgress);
+}
+function performUnitOfWork(unitOfWork) {
+  var next = beginWork(unitOfWork.alternate, unitOfWork, entangledRenderLanes);
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === next ? completeUnitOfWork(unitOfWork) : (workInProgress = next);
+  ReactCurrentOwner.current = null;
+}
+function replaySuspendedUnitOfWork(unitOfWork) {
+  var current = unitOfWork.alternate;
+  switch (unitOfWork.tag) {
+    case 15:
+    case 0:
+      var Component = unitOfWork.type,
+        unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        disableDefaultPropsExceptForClasses ||
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        void 0,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 11:
+      Component = unitOfWork.type.render;
+      unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        disableDefaultPropsExceptForClasses ||
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        unitOfWork.ref,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 5:
+      resetHooksOnUnwind(unitOfWork);
+    default:
+      unwindInterruptedWork(current, unitOfWork),
+        (unitOfWork = workInProgress =
+          resetWorkInProgress(unitOfWork, entangledRenderLanes)),
+        (current = beginWork(current, unitOfWork, entangledRenderLanes));
+  }
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === current
+    ? completeUnitOfWork(unitOfWork)
+    : (workInProgress = current);
+  ReactCurrentOwner.current = null;
+}
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
+  resetContextDependencies();
+  resetHooksOnUnwind(unitOfWork);
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
+  var returnFiber = unitOfWork.return;
+  try {
+    if (
+      throwException(
+        root,
+        returnFiber,
+        unitOfWork,
+        thrownValue,
+        workInProgressRootRenderLanes
+      )
+    ) {
+      workInProgressRootExitStatus = 1;
+      logUncaughtError(
+        root,
+        createCapturedValueAtFiber(thrownValue, root.current)
+      );
+      workInProgress = null;
+      return;
+    }
+  } catch (error) {
+    if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
+    workInProgressRootExitStatus = 1;
+    logUncaughtError(
+      root,
+      createCapturedValueAtFiber(thrownValue, root.current)
+    );
+    workInProgress = null;
+    return;
+  }
+  if (unitOfWork.flags & 32768)
+    a: {
+      root = unitOfWork;
+      do {
+        unitOfWork = unwindWork(root.alternate, root);
+        if (null !== unitOfWork) {
+          unitOfWork.flags &= 32767;
+          workInProgress = unitOfWork;
+          break a;
+        }
+        root = root.return;
+        null !== root &&
+          ((root.flags |= 32768),
+          (root.subtreeFlags = 0),
+          (root.deletions = null));
+        workInProgress = root;
+      } while (null !== root);
+      workInProgressRootExitStatus = 6;
+      workInProgress = null;
+    }
+  else completeUnitOfWork(unitOfWork);
+}
+function completeUnitOfWork(unitOfWork) {
+  var completedWork = unitOfWork;
+  do {
+    unitOfWork = completedWork.return;
+    var next = completeWork(
+      completedWork.alternate,
+      completedWork,
+      entangledRenderLanes
+    );
+    if (null !== next) {
+      workInProgress = next;
+      return;
+    }
+    completedWork = completedWork.sibling;
+    if (null !== completedWork) {
+      workInProgress = completedWork;
+      return;
+    }
+    workInProgress = completedWork = unitOfWork;
+  } while (null !== completedWork);
+  0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
+}
+function commitRoot(
+  root,
+  recoverableErrors,
+  transitions,
+  didIncludeRenderPhaseUpdate,
+  spawnedLane
+) {
+  var previousUpdateLanePriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig$1.transition;
+  try {
+    (ReactCurrentBatchConfig$1.transition = null),
+      (currentUpdatePriority = 2),
+      commitRootImpl(
+        root,
+        recoverableErrors,
+        transitions,
+        didIncludeRenderPhaseUpdate,
+        previousUpdateLanePriority,
+        spawnedLane
+      );
+  } finally {
+    (ReactCurrentBatchConfig$1.transition = prevTransition),
+      (currentUpdatePriority = previousUpdateLanePriority);
+  }
+  return null;
+}
+function commitRootImpl(
+  root,
+  recoverableErrors,
+  transitions,
+  didIncludeRenderPhaseUpdate,
+  renderPriorityLevel,
+  spawnedLane
+) {
+  do flushPassiveEffects();
+  while (null !== rootWithPendingPassiveEffects);
+  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
+  var finishedWork = root.finishedWork,
+    lanes = root.finishedLanes;
+  if (null === finishedWork) return null;
+  root.finishedWork = null;
+  root.finishedLanes = 0;
+  if (finishedWork === root.current) throw Error(formatProdErrorMessage(177));
+  root.callbackNode = null;
+  root.callbackPriority = 0;
+  root.cancelPendingCommit = null;
+  var remainingLanes = finishedWork.lanes | finishedWork.childLanes;
+  remainingLanes |= concurrentlyUpdatedLanes;
+  markRootFinished(root, remainingLanes, spawnedLane);
+  didIncludeCommitPhaseUpdate = !1;
+  root === workInProgressRoot &&
+    ((workInProgress = workInProgressRoot = null),
+    (workInProgressRootRenderLanes = 0));
+  (0 === (finishedWork.subtreeFlags & 10256) &&
+    0 === (finishedWork.flags & 10256)) ||
+    rootDoesHavePassiveEffects ||
+    ((rootDoesHavePassiveEffects = !0),
+    (pendingPassiveEffectsRemainingLanes = remainingLanes),
+    (pendingPassiveTransitions = transitions),
+    scheduleCallback(NormalPriority$1, function () {
+      flushPassiveEffects();
+      return null;
+    }));
+  transitions = 0 !== (finishedWork.flags & 15990);
+  if (0 !== (finishedWork.subtreeFlags & 15990) || transitions) {
+    transitions = ReactCurrentBatchConfig$1.transition;
+    ReactCurrentBatchConfig$1.transition = null;
+    spawnedLane = currentUpdatePriority;
+    currentUpdatePriority = 2;
+    var prevExecutionContext = executionContext;
+    executionContext |= 4;
+    ReactCurrentOwner.current = null;
+    var shouldFireAfterActiveInstanceBlur$274 = commitBeforeMutationEffects(
+      root,
+      finishedWork
+    );
+    commitMutationEffectsOnFiber(finishedWork, root);
+    shouldFireAfterActiveInstanceBlur$274 &&
+      ((_enabled = !0),
+      dispatchAfterDetachedBlur(selectionInformation.focusedElem),
+      (_enabled = !1));
+    restoreSelection(selectionInformation);
+    _enabled = !!eventsEnabled;
+    selectionInformation = eventsEnabled = null;
+    root.current = finishedWork;
+    commitLayoutEffectOnFiber(root, finishedWork.alternate, finishedWork);
+    requestPaint();
+    executionContext = prevExecutionContext;
+    currentUpdatePriority = spawnedLane;
+    ReactCurrentBatchConfig$1.transition = transitions;
+  } else root.current = finishedWork;
+  rootDoesHavePassiveEffects
+    ? ((rootDoesHavePassiveEffects = !1),
+      (rootWithPendingPassiveEffects = root),
+      (pendingPassiveEffectsLanes = lanes))
+    : releaseRootPooledCache(root, remainingLanes);
+  remainingLanes = root.pendingLanes;
+  0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null);
+  onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
+  ensureRootIsScheduled(root);
+  if (null !== recoverableErrors)
+    for (
+      renderPriorityLevel = root.onRecoverableError, finishedWork = 0;
+      finishedWork < recoverableErrors.length;
+      finishedWork++
+    )
+      (remainingLanes = recoverableErrors[finishedWork]),
+        renderPriorityLevel(remainingLanes.value, {
+          componentStack: remainingLanes.stack
+        });
+  0 !== (pendingPassiveEffectsLanes & 3) && flushPassiveEffects();
+  remainingLanes = root.pendingLanes;
+  (enableInfiniteRenderLoopDetection &&
+    (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate)) ||
+  (0 !== (lanes & 4194218) && 0 !== (remainingLanes & SyncUpdateLanes))
+    ? root === rootWithNestedUpdates
+      ? nestedUpdateCount++
+      : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
+    : (nestedUpdateCount = 0);
+  flushSyncWorkAcrossRoots_impl(!1);
+  if (enableTransitionTracing) {
+    var prevRootTransitionCallbacks = root.transitionCallbacks;
+    null !== prevRootTransitionCallbacks &&
+      schedulePostPaintCallback(function (endTime) {
+        var prevPendingTransitionCallbacks = currentPendingTransitionCallbacks;
+        null !== prevPendingTransitionCallbacks
+          ? ((currentPendingTransitionCallbacks = null),
+            scheduleCallback(IdlePriority, function () {
+              processTransitionCallbacks(
+                prevPendingTransitionCallbacks,
+                endTime,
+                prevRootTransitionCallbacks
+              );
+            }))
+          : (currentEndTime = endTime);
+      });
+  }
+  return null;
+}
+function releaseRootPooledCache(root, remainingLanes) {
+  0 === (root.pooledCacheLanes &= remainingLanes) &&
+    ((remainingLanes = root.pooledCache),
+    null != remainingLanes &&
+      ((root.pooledCache = null), releaseCache(remainingLanes)));
+}
+function flushPassiveEffects() {
+  if (null !== rootWithPendingPassiveEffects) {
+    var root$275 = rootWithPendingPassiveEffects,
+      remainingLanes = pendingPassiveEffectsRemainingLanes;
+    pendingPassiveEffectsRemainingLanes = 0;
+    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
+    renderPriority = 32 > renderPriority ? 32 : renderPriority;
+    var prevTransition = ReactCurrentBatchConfig$1.transition,
+      previousPriority = currentUpdatePriority;
+    try {
+      return (
+        (ReactCurrentBatchConfig$1.transition = null),
+        (currentUpdatePriority = renderPriority),
+        flushPassiveEffectsImpl()
+      );
+    } finally {
+      (currentUpdatePriority = previousPriority),
+        (ReactCurrentBatchConfig$1.transition = prevTransition),
+        releaseRootPooledCache(root$275, remainingLanes);
+    }
+  }
+  return !1;
+}
+function flushPassiveEffectsImpl() {
+  if (null === rootWithPendingPassiveEffects) return !1;
+  var transitions = pendingPassiveTransitions;
+  pendingPassiveTransitions = null;
+  var root = rootWithPendingPassiveEffects,
+    lanes = pendingPassiveEffectsLanes;
+  rootWithPendingPassiveEffects = null;
+  pendingPassiveEffectsLanes = 0;
+  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331));
+  var prevExecutionContext = executionContext;
+  executionContext |= 4;
+  commitPassiveUnmountOnFiber(root.current);
+  commitPassiveMountOnFiber(root, root.current, lanes, transitions);
+  executionContext = prevExecutionContext;
+  flushSyncWorkAcrossRoots_impl(!1);
+  if (enableTransitionTracing) {
+    var prevPendingTransitionCallbacks = currentPendingTransitionCallbacks,
+      prevRootTransitionCallbacks = root.transitionCallbacks,
+      prevEndTime = currentEndTime;
+    null !== prevPendingTransitionCallbacks &&
+      null !== prevRootTransitionCallbacks &&
+      null !== prevEndTime &&
+      ((currentEndTime = currentPendingTransitionCallbacks = null),
+      scheduleCallback(IdlePriority, function () {
+        processTransitionCallbacks(
+          prevPendingTransitionCallbacks,
+          prevEndTime,
+          prevRootTransitionCallbacks
+        );
+      }));
+  }
+  if (injectedHook && "function" === typeof injectedHook.onPostCommitFiberRoot)
+    try {
+      injectedHook.onPostCommitFiberRoot(rendererID, root);
+    } catch (err) {}
+  return !0;
+}
+function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+  sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
+  sourceFiber = createRootErrorUpdate(rootFiber.stateNode, sourceFiber, 2);
+  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
+  null !== rootFiber &&
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
+}
+function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
+  if (3 === sourceFiber.tag)
+    captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
+  else
+    for (; null !== nearestMountedAncestor; ) {
+      if (3 === nearestMountedAncestor.tag) {
+        captureCommitPhaseErrorOnRoot(
+          nearestMountedAncestor,
+          sourceFiber,
+          error
+        );
+        break;
+      } else if (1 === nearestMountedAncestor.tag) {
+        var instance = nearestMountedAncestor.stateNode;
+        if (
+          "function" ===
+            typeof nearestMountedAncestor.type.getDerivedStateFromError ||
+          ("function" === typeof instance.componentDidCatch &&
+            (null === legacyErrorBoundariesThatAlreadyFailed ||
+              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+        ) {
+          sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
+          error = createClassErrorUpdate(2);
+          instance = enqueueUpdate(nearestMountedAncestor, error, 2);
+          null !== instance &&
+            (initializeClassErrorUpdate(
+              error,
+              instance,
+              nearestMountedAncestor,
+              sourceFiber
+            ),
+            markRootUpdated(instance, 2),
+            ensureRootIsScheduled(instance));
+          break;
+        }
+      }
+      nearestMountedAncestor = nearestMountedAncestor.return;
+    }
+}
+function attachPingListener(root, wakeable, lanes) {
+  var pingCache = root.pingCache;
+  if (null === pingCache) {
+    pingCache = root.pingCache = new PossiblyWeakMap();
+    var threadIDs = new Set();
+    pingCache.set(wakeable, threadIDs);
+  } else
+    (threadIDs = pingCache.get(wakeable)),
+      void 0 === threadIDs &&
+        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
+  threadIDs.has(lanes) ||
+    ((workInProgressRootDidAttachPingListener = !0),
+    threadIDs.add(lanes),
+    (root = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
+    wakeable.then(root, root));
+}
+function pingSuspendedRoot(root, wakeable, pingedLanes) {
+  var pingCache = root.pingCache;
+  null !== pingCache && pingCache.delete(wakeable);
+  root.pingedLanes |= root.suspendedLanes & pingedLanes;
+  enableInfiniteRenderLoopDetection &&
+    (executionContext & 2
+      ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
+      : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0),
+    throwIfInfiniteUpdateLoopDetected());
+  workInProgressRoot === root &&
+    (workInProgressRootRenderLanes & pingedLanes) === pingedLanes &&
+    (4 === workInProgressRootExitStatus ||
+    (3 === workInProgressRootExitStatus &&
+      (workInProgressRootRenderLanes & 62914560) ===
+        workInProgressRootRenderLanes &&
+      300 > now() - globalMostRecentFallbackTime)
+      ? 0 === (executionContext & 2) && prepareFreshStack(root, 0)
+      : (workInProgressRootPingedLanes |= pingedLanes));
+  ensureRootIsScheduled(root);
+}
+function retryTimedOutBoundary(boundaryFiber, retryLane) {
+  0 === retryLane && (retryLane = claimNextRetryLane());
+  boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
+  null !== boundaryFiber &&
+    (markRootUpdated(boundaryFiber, retryLane),
+    ensureRootIsScheduled(boundaryFiber));
+}
+function retryDehydratedSuspenseBoundary(boundaryFiber) {
+  var suspenseState = boundaryFiber.memoizedState,
+    retryLane = 0;
+  null !== suspenseState && (retryLane = suspenseState.retryLane);
+  retryTimedOutBoundary(boundaryFiber, retryLane);
+}
+function resolveRetryWakeable(boundaryFiber, wakeable) {
+  var retryLane = 0;
+  switch (boundaryFiber.tag) {
+    case 13:
+      var retryCache = boundaryFiber.stateNode;
+      var suspenseState = boundaryFiber.memoizedState;
+      null !== suspenseState && (retryLane = suspenseState.retryLane);
+      break;
+    case 19:
+      retryCache = boundaryFiber.stateNode;
+      break;
+    case 22:
+      retryCache = boundaryFiber.stateNode._retryCache;
+      break;
+    default:
+      throw Error(formatProdErrorMessage(314));
+  }
+  null !== retryCache && retryCache.delete(wakeable);
+  retryTimedOutBoundary(boundaryFiber, retryLane);
+}
+function throwIfInfiniteUpdateLoopDetected() {
+  if (50 < nestedUpdateCount)
+    throw (
+      ((nestedUpdateCount = 0),
+      (rootWithNestedUpdates = null),
+      enableInfiniteRenderLoopDetection &&
+        executionContext & 2 &&
+        null !== workInProgressRoot &&
+        (workInProgressRoot.errorRecoveryDisabledLanes |=
+          workInProgressRootRenderLanes),
+      Error(formatProdErrorMessage(185)))
+    );
+}
+function scheduleCallback(priorityLevel, callback) {
+  return scheduleCallback$3(priorityLevel, callback);
+}
 function FiberNode(tag, pendingProps, key, mode) {
   this.tag = tag;
   this.key = key;
@@ -12492,3053 +15555,6 @@ function createFiberFromPortal(portal, mode, lanes) {
   };
   return mode;
 }
-var emptyObject = {};
-function collectScopedNodesFromChildren(
-  startingChild,
-  fn$jscomp$0,
-  scopedNodes$jscomp$0
-) {
-  for (; null !== startingChild; ) {
-    var node = startingChild,
-      fn = fn$jscomp$0,
-      scopedNodes = scopedNodes$jscomp$0;
-    if (5 === node.tag) {
-      var type = node.type,
-        memoizedProps = node.memoizedProps,
-        instance = node.stateNode;
-      null !== instance &&
-        !0 === fn(type, memoizedProps || emptyObject, instance) &&
-        scopedNodes.push(instance);
-    }
-    type = node.child;
-    isFiberSuspenseAndTimedOut(node) && (type = node.child.sibling.child);
-    null !== type && collectScopedNodesFromChildren(type, fn, scopedNodes);
-    startingChild = startingChild.sibling;
-  }
-}
-function collectFirstScopedNodeFromChildren(startingChild, fn$jscomp$0) {
-  for (; null !== startingChild; ) {
-    a: {
-      var JSCompiler_inline_result = startingChild;
-      var fn = fn$jscomp$0;
-      if (5 === JSCompiler_inline_result.tag) {
-        var type = JSCompiler_inline_result.type,
-          memoizedProps = JSCompiler_inline_result.memoizedProps,
-          instance = JSCompiler_inline_result.stateNode;
-        if (null !== instance && !0 === fn(type, memoizedProps, instance)) {
-          JSCompiler_inline_result = instance;
-          break a;
-        }
-      }
-      type = JSCompiler_inline_result.child;
-      isFiberSuspenseAndTimedOut(JSCompiler_inline_result) &&
-        (type = JSCompiler_inline_result.child.sibling.child);
-      JSCompiler_inline_result =
-        null !== type ? collectFirstScopedNodeFromChildren(type, fn) : null;
-    }
-    if (null !== JSCompiler_inline_result) return JSCompiler_inline_result;
-    startingChild = startingChild.sibling;
-  }
-  return null;
-}
-function collectNearestChildContextValues(
-  startingChild,
-  context$jscomp$0,
-  childContextValues$jscomp$0
-) {
-  for (; null !== startingChild; ) {
-    var node = startingChild,
-      context = context$jscomp$0,
-      childContextValues = childContextValues$jscomp$0;
-    if (
-      10 === node.tag &&
-      (enableRenderableContext ? node.type : node.type._context) === context
-    )
-      childContextValues.push(node.memoizedProps.value);
-    else {
-      var child = node.child;
-      isFiberSuspenseAndTimedOut(node) && (child = node.child.sibling.child);
-      null !== child &&
-        collectNearestChildContextValues(child, context, childContextValues);
-    }
-    startingChild = startingChild.sibling;
-  }
-}
-function DO_NOT_USE_queryAllNodes(fn) {
-  var currentFiber = getInstanceFromScope(this);
-  if (null === currentFiber) return null;
-  currentFiber = currentFiber.child;
-  var scopedNodes = [];
-  null !== currentFiber &&
-    collectScopedNodesFromChildren(currentFiber, fn, scopedNodes);
-  return 0 === scopedNodes.length ? null : scopedNodes;
-}
-function DO_NOT_USE_queryFirstNode(fn) {
-  var currentFiber = getInstanceFromScope(this);
-  if (null === currentFiber) return null;
-  currentFiber = currentFiber.child;
-  return null !== currentFiber
-    ? collectFirstScopedNodeFromChildren(currentFiber, fn)
-    : null;
-}
-function containsNode(node) {
-  for (node = getClosestInstanceFromNode(node) || null; null !== node; ) {
-    if (21 === node.tag && node.stateNode === this) return !0;
-    node = node.return;
-  }
-  return !1;
-}
-function getChildContextValues(context) {
-  var currentFiber = getInstanceFromScope(this);
-  if (null === currentFiber) return [];
-  currentFiber = currentFiber.child;
-  var childContextValues = [];
-  null !== currentFiber &&
-    collectNearestChildContextValues(currentFiber, context, childContextValues);
-  return childContextValues;
-}
-function markUpdate(workInProgress) {
-  workInProgress.flags |= 4;
-}
-function preloadResourceAndSuspendIfNeeded(workInProgress, resource) {
-  if ("stylesheet" !== resource.type || 0 !== (resource.state.loading & 4))
-    workInProgress.flags &= -16777217;
-  else if (
-    ((workInProgress.flags |= 16777216),
-    0 === (workInProgressRootRenderLanes & 42) &&
-      ((resource =
-        "stylesheet" === resource.type && 0 === (resource.state.loading & 3)
-          ? !1
-          : !0),
-      !resource))
-  )
-    if (shouldRemainOnPreviousScreen()) workInProgress.flags |= 8192;
-    else
-      throw (
-        ((suspendedThenable = noopSuspenseyCommitThenable),
-        SuspenseyCommitException)
-      );
-}
-function scheduleRetryEffect(workInProgress, retryQueue) {
-  null !== retryQueue
-    ? (workInProgress.flags |= 4)
-    : workInProgress.flags & 16384 &&
-      ((retryQueue =
-        22 !== workInProgress.tag ? claimNextRetryLane() : 536870912),
-      (workInProgress.lanes |= retryQueue));
-}
-function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
-  if (!isHydrating)
-    switch (renderState.tailMode) {
-      case "hidden":
-        hasRenderedATailFallback = renderState.tail;
-        for (var lastTailNode = null; null !== hasRenderedATailFallback; )
-          null !== hasRenderedATailFallback.alternate &&
-            (lastTailNode = hasRenderedATailFallback),
-            (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
-        null === lastTailNode
-          ? (renderState.tail = null)
-          : (lastTailNode.sibling = null);
-        break;
-      case "collapsed":
-        lastTailNode = renderState.tail;
-        for (var lastTailNode$215 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$215 = lastTailNode),
-            (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$215
-          ? hasRenderedATailFallback || null === renderState.tail
-            ? (renderState.tail = null)
-            : (renderState.tail.sibling = null)
-          : (lastTailNode$215.sibling = null);
-    }
-}
-function bubbleProperties(completedWork) {
-  var didBailout =
-      null !== completedWork.alternate &&
-      completedWork.alternate.child === completedWork.child,
-    newChildLanes = 0,
-    subtreeFlags = 0;
-  if (didBailout)
-    for (var child$216 = completedWork.child; null !== child$216; )
-      (newChildLanes |= child$216.lanes | child$216.childLanes),
-        (subtreeFlags |= child$216.subtreeFlags & 31457280),
-        (subtreeFlags |= child$216.flags & 31457280),
-        (child$216.return = completedWork),
-        (child$216 = child$216.sibling);
-  else
-    for (child$216 = completedWork.child; null !== child$216; )
-      (newChildLanes |= child$216.lanes | child$216.childLanes),
-        (subtreeFlags |= child$216.subtreeFlags),
-        (subtreeFlags |= child$216.flags),
-        (child$216.return = completedWork),
-        (child$216 = child$216.sibling);
-  completedWork.subtreeFlags |= subtreeFlags;
-  completedWork.childLanes = newChildLanes;
-  return didBailout;
-}
-function completeWork(current, workInProgress, renderLanes) {
-  var newProps = workInProgress.pendingProps;
-  popTreeContext(workInProgress);
-  switch (workInProgress.tag) {
-    case 16:
-    case 15:
-    case 0:
-    case 11:
-    case 7:
-    case 8:
-    case 12:
-    case 9:
-    case 14:
-      return bubbleProperties(workInProgress), null;
-    case 1:
-      return bubbleProperties(workInProgress), null;
-    case 3:
-      renderLanes = workInProgress.stateNode;
-      enableTransitionTracing &&
-        null !== workInProgressTransitions &&
-        (workInProgress.flags |= 2048);
-      newProps = null;
-      null !== current && (newProps = current.memoizedState.cache);
-      workInProgress.memoizedState.cache !== newProps &&
-        (workInProgress.flags |= 2048);
-      popProvider(CacheContext);
-      enableTransitionTracing &&
-        enableTransitionTracing &&
-        pop(markerInstanceStack);
-      enableTransitionTracing && pop(transitionStack);
-      popHostContainer();
-      renderLanes.pendingContext &&
-        ((renderLanes.context = renderLanes.pendingContext),
-        (renderLanes.pendingContext = null));
-      if (null === current || null === current.child)
-        popHydrationState(workInProgress)
-          ? markUpdate(workInProgress)
-          : null === current ||
-            (current.memoizedState.isDehydrated &&
-              0 === (workInProgress.flags & 256)) ||
-            ((workInProgress.flags |= 1024),
-            null !== hydrationErrors &&
-              (queueRecoverableErrors(hydrationErrors),
-              (hydrationErrors = null)));
-      bubbleProperties(workInProgress);
-      enableTransitionTracing &&
-        0 !== (workInProgress.subtreeFlags & 8192) &&
-        (workInProgress.flags |= 2048);
-      return null;
-    case 26:
-      renderLanes = workInProgress.memoizedState;
-      if (null === current)
-        markUpdate(workInProgress),
-          null !== renderLanes
-            ? (bubbleProperties(workInProgress),
-              preloadResourceAndSuspendIfNeeded(workInProgress, renderLanes))
-            : (bubbleProperties(workInProgress),
-              (workInProgress.flags &= -16777217));
-      else {
-        var currentResource = current.memoizedState;
-        renderLanes !== currentResource && markUpdate(workInProgress);
-        null !== renderLanes
-          ? (bubbleProperties(workInProgress),
-            renderLanes === currentResource
-              ? (workInProgress.flags &= -16777217)
-              : preloadResourceAndSuspendIfNeeded(workInProgress, renderLanes))
-          : (current.memoizedProps !== newProps && markUpdate(workInProgress),
-            bubbleProperties(workInProgress),
-            (workInProgress.flags &= -16777217));
-      }
-      return null;
-    case 27:
-      popHostContext(workInProgress);
-      renderLanes = rootInstanceStackCursor.current;
-      currentResource = workInProgress.type;
-      if (null !== current && null != workInProgress.stateNode)
-        current.memoizedProps !== newProps && markUpdate(workInProgress);
-      else {
-        if (!newProps) {
-          if (null === workInProgress.stateNode)
-            throw Error(formatProdErrorMessage(166));
-          bubbleProperties(workInProgress);
-          return null;
-        }
-        current = contextStackCursor.current;
-        popHydrationState(workInProgress)
-          ? prepareToHydrateHostInstance(workInProgress, current)
-          : ((current = resolveSingletonInstance(
-              currentResource,
-              newProps,
-              renderLanes
-            )),
-            (workInProgress.stateNode = current),
-            markUpdate(workInProgress));
-      }
-      bubbleProperties(workInProgress);
-      return null;
-    case 5:
-      popHostContext(workInProgress);
-      renderLanes = workInProgress.type;
-      if (null !== current && null != workInProgress.stateNode)
-        current.memoizedProps !== newProps && markUpdate(workInProgress);
-      else {
-        if (!newProps) {
-          if (null === workInProgress.stateNode)
-            throw Error(formatProdErrorMessage(166));
-          bubbleProperties(workInProgress);
-          return null;
-        }
-        current = contextStackCursor.current;
-        if (popHydrationState(workInProgress))
-          prepareToHydrateHostInstance(workInProgress, current);
-        else {
-          currentResource = getOwnerDocumentFromRootContainer(
-            rootInstanceStackCursor.current
-          );
-          switch (current) {
-            case 1:
-              current = currentResource.createElementNS(
-                "http://www.w3.org/2000/svg",
-                renderLanes
-              );
-              break;
-            case 2:
-              current = currentResource.createElementNS(
-                "http://www.w3.org/1998/Math/MathML",
-                renderLanes
-              );
-              break;
-            default:
-              switch (renderLanes) {
-                case "svg":
-                  current = currentResource.createElementNS(
-                    "http://www.w3.org/2000/svg",
-                    renderLanes
-                  );
-                  break;
-                case "math":
-                  current = currentResource.createElementNS(
-                    "http://www.w3.org/1998/Math/MathML",
-                    renderLanes
-                  );
-                  break;
-                case "script":
-                  current = currentResource.createElement("div");
-                  current.innerHTML = "<script>\x3c/script>";
-                  current = current.removeChild(current.firstChild);
-                  break;
-                case "select":
-                  current =
-                    "string" === typeof newProps.is
-                      ? currentResource.createElement("select", {
-                          is: newProps.is
-                        })
-                      : currentResource.createElement("select");
-                  newProps.multiple
-                    ? (current.multiple = !0)
-                    : newProps.size && (current.size = newProps.size);
-                  break;
-                default:
-                  current =
-                    "string" === typeof newProps.is
-                      ? currentResource.createElement(renderLanes, {
-                          is: newProps.is
-                        })
-                      : currentResource.createElement(renderLanes);
-              }
-          }
-          current[internalInstanceKey] = workInProgress;
-          current[internalPropsKey] = newProps;
-          a: for (
-            currentResource = workInProgress.child;
-            null !== currentResource;
-
-          ) {
-            if (5 === currentResource.tag || 6 === currentResource.tag)
-              current.appendChild(currentResource.stateNode);
-            else if (
-              4 !== currentResource.tag &&
-              27 !== currentResource.tag &&
-              null !== currentResource.child
-            ) {
-              currentResource.child.return = currentResource;
-              currentResource = currentResource.child;
-              continue;
-            }
-            if (currentResource === workInProgress) break a;
-            for (; null === currentResource.sibling; ) {
-              if (
-                null === currentResource.return ||
-                currentResource.return === workInProgress
-              )
-                break a;
-              currentResource = currentResource.return;
-            }
-            currentResource.sibling.return = currentResource.return;
-            currentResource = currentResource.sibling;
-          }
-          workInProgress.stateNode = current;
-          a: switch (
-            (setInitialProperties(current, renderLanes, newProps), renderLanes)
-          ) {
-            case "button":
-            case "input":
-            case "select":
-            case "textarea":
-              current = !!newProps.autoFocus;
-              break a;
-            case "img":
-              current = !0;
-              break a;
-            default:
-              current = !1;
-          }
-          current && markUpdate(workInProgress);
-        }
-      }
-      bubbleProperties(workInProgress);
-      workInProgress.flags &= -16777217;
-      return null;
-    case 6:
-      if (current && null != workInProgress.stateNode)
-        current.memoizedProps !== newProps && markUpdate(workInProgress);
-      else {
-        if ("string" !== typeof newProps && null === workInProgress.stateNode)
-          throw Error(formatProdErrorMessage(166));
-        current = rootInstanceStackCursor.current;
-        if (popHydrationState(workInProgress)) {
-          current = workInProgress.stateNode;
-          renderLanes = workInProgress.memoizedProps;
-          newProps = null;
-          currentResource = hydrationParentFiber;
-          if (null !== currentResource)
-            switch (currentResource.tag) {
-              case 27:
-              case 5:
-                newProps = currentResource.memoizedProps;
-            }
-          current[internalInstanceKey] = workInProgress;
-          current =
-            current.nodeValue === renderLanes ||
-            (null !== newProps && !0 === newProps.suppressHydrationWarning) ||
-            checkForUnmatchedText(current.nodeValue, renderLanes)
-              ? !0
-              : !1;
-          !current &&
-            favorSafetyOverHydrationPerf &&
-            throwOnHydrationMismatch(workInProgress);
-        } else
-          (current =
-            getOwnerDocumentFromRootContainer(current).createTextNode(
-              newProps
-            )),
-            (current[internalInstanceKey] = workInProgress),
-            (workInProgress.stateNode = current);
-      }
-      bubbleProperties(workInProgress);
-      return null;
-    case 13:
-      newProps = workInProgress.memoizedState;
-      if (
-        null === current ||
-        (null !== current.memoizedState &&
-          null !== current.memoizedState.dehydrated)
-      ) {
-        currentResource = popHydrationState(workInProgress);
-        if (null !== newProps && null !== newProps.dehydrated) {
-          if (null === current) {
-            if (!currentResource) throw Error(formatProdErrorMessage(318));
-            currentResource = workInProgress.memoizedState;
-            currentResource =
-              null !== currentResource ? currentResource.dehydrated : null;
-            if (!currentResource) throw Error(formatProdErrorMessage(317));
-            currentResource[internalInstanceKey] = workInProgress;
-          } else
-            resetHydrationState(),
-              0 === (workInProgress.flags & 128) &&
-                (workInProgress.memoizedState = null),
-              (workInProgress.flags |= 4);
-          bubbleProperties(workInProgress);
-          currentResource = !1;
-        } else
-          null !== hydrationErrors &&
-            (queueRecoverableErrors(hydrationErrors), (hydrationErrors = null)),
-            (currentResource = !0);
-        if (!currentResource) {
-          if (workInProgress.flags & 256)
-            return popSuspenseHandler(workInProgress), workInProgress;
-          popSuspenseHandler(workInProgress);
-          return null;
-        }
-      }
-      popSuspenseHandler(workInProgress);
-      if (0 !== (workInProgress.flags & 128))
-        return (workInProgress.lanes = renderLanes), workInProgress;
-      renderLanes = null !== newProps;
-      current = null !== current && null !== current.memoizedState;
-      if (renderLanes) {
-        newProps = workInProgress.child;
-        currentResource = null;
-        null !== newProps.alternate &&
-          null !== newProps.alternate.memoizedState &&
-          null !== newProps.alternate.memoizedState.cachePool &&
-          (currentResource = newProps.alternate.memoizedState.cachePool.pool);
-        var cache$228 = null;
-        null !== newProps.memoizedState &&
-          null !== newProps.memoizedState.cachePool &&
-          (cache$228 = newProps.memoizedState.cachePool.pool);
-        cache$228 !== currentResource && (newProps.flags |= 2048);
-      }
-      renderLanes !== current &&
-        (enableTransitionTracing && (workInProgress.child.flags |= 2048),
-        renderLanes && (workInProgress.child.flags |= 8192));
-      scheduleRetryEffect(workInProgress, workInProgress.updateQueue);
-      null !== workInProgress.updateQueue &&
-        null != workInProgress.memoizedProps.suspenseCallback &&
-        (workInProgress.flags |= 4);
-      bubbleProperties(workInProgress);
-      return null;
-    case 4:
-      return (
-        popHostContainer(),
-        null === current &&
-          listenToAllSupportedEvents(workInProgress.stateNode.containerInfo),
-        bubbleProperties(workInProgress),
-        null
-      );
-    case 10:
-      return (
-        popProvider(
-          enableRenderableContext
-            ? workInProgress.type
-            : workInProgress.type._context
-        ),
-        bubbleProperties(workInProgress),
-        null
-      );
-    case 19:
-      pop(suspenseStackCursor);
-      currentResource = workInProgress.memoizedState;
-      if (null === currentResource)
-        return bubbleProperties(workInProgress), null;
-      newProps = 0 !== (workInProgress.flags & 128);
-      cache$228 = currentResource.rendering;
-      if (null === cache$228)
-        if (newProps) cutOffTailIfNeeded(currentResource, !1);
-        else {
-          if (
-            0 !== workInProgressRootExitStatus ||
-            (null !== current && 0 !== (current.flags & 128))
-          )
-            for (current = workInProgress.child; null !== current; ) {
-              cache$228 = findFirstSuspended(current);
-              if (null !== cache$228) {
-                workInProgress.flags |= 128;
-                cutOffTailIfNeeded(currentResource, !1);
-                current = cache$228.updateQueue;
-                workInProgress.updateQueue = current;
-                scheduleRetryEffect(workInProgress, current);
-                workInProgress.subtreeFlags = 0;
-                current = renderLanes;
-                for (renderLanes = workInProgress.child; null !== renderLanes; )
-                  resetWorkInProgress(renderLanes, current),
-                    (renderLanes = renderLanes.sibling);
-                push(
-                  suspenseStackCursor,
-                  (suspenseStackCursor.current & 1) | 2
-                );
-                return workInProgress.child;
-              }
-              current = current.sibling;
-            }
-          null !== currentResource.tail &&
-            now() > workInProgressRootRenderTargetTime &&
-            ((workInProgress.flags |= 128),
-            (newProps = !0),
-            cutOffTailIfNeeded(currentResource, !1),
-            (workInProgress.lanes = 4194304));
-        }
-      else {
-        if (!newProps)
-          if (((current = findFirstSuspended(cache$228)), null !== current)) {
-            if (
-              ((workInProgress.flags |= 128),
-              (newProps = !0),
-              (current = current.updateQueue),
-              (workInProgress.updateQueue = current),
-              scheduleRetryEffect(workInProgress, current),
-              cutOffTailIfNeeded(currentResource, !0),
-              null === currentResource.tail &&
-                "hidden" === currentResource.tailMode &&
-                !cache$228.alternate &&
-                !isHydrating)
-            )
-              return bubbleProperties(workInProgress), null;
-          } else
-            2 * now() - currentResource.renderingStartTime >
-              workInProgressRootRenderTargetTime &&
-              536870912 !== renderLanes &&
-              ((workInProgress.flags |= 128),
-              (newProps = !0),
-              cutOffTailIfNeeded(currentResource, !1),
-              (workInProgress.lanes = 4194304));
-        currentResource.isBackwards
-          ? ((cache$228.sibling = workInProgress.child),
-            (workInProgress.child = cache$228))
-          : ((current = currentResource.last),
-            null !== current
-              ? (current.sibling = cache$228)
-              : (workInProgress.child = cache$228),
-            (currentResource.last = cache$228));
-      }
-      if (null !== currentResource.tail)
-        return (
-          (workInProgress = currentResource.tail),
-          (currentResource.rendering = workInProgress),
-          (currentResource.tail = workInProgress.sibling),
-          (currentResource.renderingStartTime = now()),
-          (workInProgress.sibling = null),
-          (current = suspenseStackCursor.current),
-          push(suspenseStackCursor, newProps ? (current & 1) | 2 : current & 1),
-          workInProgress
-        );
-      bubbleProperties(workInProgress);
-      return null;
-    case 21:
-      return (
-        null === current &&
-          ((current = {
-            DO_NOT_USE_queryAllNodes: DO_NOT_USE_queryAllNodes,
-            DO_NOT_USE_queryFirstNode: DO_NOT_USE_queryFirstNode,
-            containsNode: containsNode,
-            getChildContextValues: getChildContextValues
-          }),
-          (workInProgress.stateNode = current),
-          (current[internalInstanceKey] = workInProgress)),
-        null !== workInProgress.ref && markUpdate(workInProgress),
-        bubbleProperties(workInProgress),
-        null
-      );
-    case 22:
-    case 23:
-      return (
-        popSuspenseHandler(workInProgress),
-        popHiddenContext(),
-        (newProps = null !== workInProgress.memoizedState),
-        23 !== workInProgress.tag &&
-          (null !== current
-            ? (null !== current.memoizedState) !== newProps &&
-              (workInProgress.flags |= 8192)
-            : newProps && (workInProgress.flags |= 8192)),
-        newProps
-          ? 0 !== (renderLanes & 536870912) &&
-            0 === (workInProgress.flags & 128) &&
-            (bubbleProperties(workInProgress),
-            23 !== workInProgress.tag &&
-              workInProgress.subtreeFlags & 6 &&
-              (workInProgress.flags |= 8192))
-          : bubbleProperties(workInProgress),
-        (renderLanes = workInProgress.updateQueue),
-        null !== renderLanes &&
-          scheduleRetryEffect(workInProgress, renderLanes.retryQueue),
-        (renderLanes = null),
-        null !== current &&
-          null !== current.memoizedState &&
-          null !== current.memoizedState.cachePool &&
-          (renderLanes = current.memoizedState.cachePool.pool),
-        (newProps = null),
-        null !== workInProgress.memoizedState &&
-          null !== workInProgress.memoizedState.cachePool &&
-          (newProps = workInProgress.memoizedState.cachePool.pool),
-        newProps !== renderLanes && (workInProgress.flags |= 2048),
-        popTransition(workInProgress, current),
-        null
-      );
-    case 24:
-      return (
-        (renderLanes = null),
-        null !== current && (renderLanes = current.memoizedState.cache),
-        workInProgress.memoizedState.cache !== renderLanes &&
-          (workInProgress.flags |= 2048),
-        popProvider(CacheContext),
-        bubbleProperties(workInProgress),
-        null
-      );
-    case 25:
-      return (
-        enableTransitionTracing &&
-          (null !== workInProgress.stateNode &&
-            enableTransitionTracing &&
-            pop(markerInstanceStack),
-          bubbleProperties(workInProgress)),
-        null
-      );
-  }
-  throw Error(formatProdErrorMessage(156, workInProgress.tag));
-}
-function unwindWork(current, workInProgress) {
-  popTreeContext(workInProgress);
-  switch (workInProgress.tag) {
-    case 1:
-      return (
-        (current = workInProgress.flags),
-        current & 65536
-          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
-          : null
-      );
-    case 3:
-      return (
-        popProvider(CacheContext),
-        enableTransitionTracing &&
-          enableTransitionTracing &&
-          pop(markerInstanceStack),
-        enableTransitionTracing && pop(transitionStack),
-        popHostContainer(),
-        (current = workInProgress.flags),
-        0 !== (current & 65536) && 0 === (current & 128)
-          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
-          : null
-      );
-    case 26:
-    case 27:
-    case 5:
-      return popHostContext(workInProgress), null;
-    case 13:
-      popSuspenseHandler(workInProgress);
-      current = workInProgress.memoizedState;
-      if (null !== current && null !== current.dehydrated) {
-        if (null === workInProgress.alternate)
-          throw Error(formatProdErrorMessage(340));
-        resetHydrationState();
-      }
-      current = workInProgress.flags;
-      return current & 65536
-        ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
-        : null;
-    case 19:
-      return pop(suspenseStackCursor), null;
-    case 4:
-      return popHostContainer(), null;
-    case 10:
-      return (
-        popProvider(
-          enableRenderableContext
-            ? workInProgress.type
-            : workInProgress.type._context
-        ),
-        null
-      );
-    case 22:
-    case 23:
-      return (
-        popSuspenseHandler(workInProgress),
-        popHiddenContext(),
-        popTransition(workInProgress, current),
-        (current = workInProgress.flags),
-        current & 65536
-          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
-          : null
-      );
-    case 24:
-      return popProvider(CacheContext), null;
-    case 25:
-      return (
-        enableTransitionTracing &&
-          null !== workInProgress.stateNode &&
-          enableTransitionTracing &&
-          pop(markerInstanceStack),
-        null
-      );
-    default:
-      return null;
-  }
-}
-function unwindInterruptedWork(current, interruptedWork) {
-  popTreeContext(interruptedWork);
-  switch (interruptedWork.tag) {
-    case 3:
-      popProvider(CacheContext);
-      enableTransitionTracing &&
-        enableTransitionTracing &&
-        pop(markerInstanceStack);
-      enableTransitionTracing && pop(transitionStack);
-      popHostContainer();
-      break;
-    case 26:
-    case 27:
-    case 5:
-      popHostContext(interruptedWork);
-      break;
-    case 4:
-      popHostContainer();
-      break;
-    case 13:
-      popSuspenseHandler(interruptedWork);
-      break;
-    case 19:
-      pop(suspenseStackCursor);
-      break;
-    case 10:
-      popProvider(
-        enableRenderableContext
-          ? interruptedWork.type
-          : interruptedWork.type._context
-      );
-      break;
-    case 22:
-    case 23:
-      popSuspenseHandler(interruptedWork);
-      popHiddenContext();
-      popTransition(interruptedWork, current);
-      break;
-    case 24:
-      popProvider(CacheContext);
-      break;
-    case 25:
-      enableTransitionTracing &&
-        null !== interruptedWork.stateNode &&
-        enableTransitionTracing &&
-        pop(markerInstanceStack);
-  }
-}
-var DefaultCacheDispatcher = {
-    getCacheForType: function (resourceType) {
-      var cache = readContext(CacheContext),
-        cacheForType = cache.data.get(resourceType);
-      void 0 === cacheForType &&
-        ((cacheForType = resourceType()),
-        cache.data.set(resourceType, cacheForType));
-      return cacheForType;
-    }
-  },
-  postPaintCallbackScheduled = !1,
-  callbacks = [];
-function schedulePostPaintCallback(callback) {
-  callbacks.push(callback);
-  postPaintCallbackScheduled ||
-    ((postPaintCallbackScheduled = !0),
-    requestPostPaintCallback(function (endTime) {
-      for (var i = 0; i < callbacks.length; i++) callbacks[i](endTime);
-      postPaintCallbackScheduled = !1;
-      callbacks = [];
-    }));
-}
-var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
-  executionContext = 0,
-  workInProgressRoot = null,
-  workInProgress = null,
-  workInProgressRootRenderLanes = 0,
-  workInProgressSuspendedReason = 0,
-  workInProgressThrownValue = null,
-  workInProgressRootDidAttachPingListener = !1,
-  entangledRenderLanes = 0,
-  workInProgressRootExitStatus = 0,
-  workInProgressRootSkippedLanes = 0,
-  workInProgressRootInterleavedUpdatedLanes = 0,
-  workInProgressRootPingedLanes = 0,
-  workInProgressDeferredLane = 0,
-  workInProgressRootConcurrentErrors = null,
-  workInProgressRootRecoverableErrors = null,
-  workInProgressRootDidIncludeRecursiveRenderUpdate = !1,
-  didIncludeCommitPhaseUpdate = !1,
-  globalMostRecentFallbackTime = 0,
-  workInProgressRootRenderTargetTime = Infinity,
-  workInProgressTransitions = null,
-  currentPendingTransitionCallbacks = null,
-  currentEndTime = null;
-function addMarkerProgressCallbackToPendingTransition(
-  markerName,
-  transitions,
-  pendingBoundaries
-) {
-  enableTransitionTracing &&
-    (null === currentPendingTransitionCallbacks &&
-      (currentPendingTransitionCallbacks = {
-        transitionStart: null,
-        transitionProgress: null,
-        transitionComplete: null,
-        markerProgress: new Map(),
-        markerIncomplete: null,
-        markerComplete: null
-      }),
-    null === currentPendingTransitionCallbacks.markerProgress &&
-      (currentPendingTransitionCallbacks.markerProgress = new Map()),
-    currentPendingTransitionCallbacks.markerProgress.set(markerName, {
-      pendingBoundaries: pendingBoundaries,
-      transitions: transitions
-    }));
-}
-function addMarkerCompleteCallbackToPendingTransition(markerName, transitions) {
-  enableTransitionTracing &&
-    (null === currentPendingTransitionCallbacks &&
-      (currentPendingTransitionCallbacks = {
-        transitionStart: null,
-        transitionProgress: null,
-        transitionComplete: null,
-        markerProgress: null,
-        markerIncomplete: null,
-        markerComplete: new Map()
-      }),
-    null === currentPendingTransitionCallbacks.markerComplete &&
-      (currentPendingTransitionCallbacks.markerComplete = new Map()),
-    currentPendingTransitionCallbacks.markerComplete.set(
-      markerName,
-      transitions
-    ));
-}
-function addTransitionProgressCallbackToPendingTransition(
-  transition,
-  boundaries
-) {
-  enableTransitionTracing &&
-    (null === currentPendingTransitionCallbacks &&
-      (currentPendingTransitionCallbacks = {
-        transitionStart: null,
-        transitionProgress: new Map(),
-        transitionComplete: null,
-        markerProgress: null,
-        markerIncomplete: null,
-        markerComplete: null
-      }),
-    null === currentPendingTransitionCallbacks.transitionProgress &&
-      (currentPendingTransitionCallbacks.transitionProgress = new Map()),
-    currentPendingTransitionCallbacks.transitionProgress.set(
-      transition,
-      boundaries
-    ));
-}
-var legacyErrorBoundariesThatAlreadyFailed = null,
-  rootDoesHavePassiveEffects = !1,
-  rootWithPendingPassiveEffects = null,
-  pendingPassiveEffectsLanes = 0,
-  pendingPassiveEffectsRemainingLanes = 0,
-  pendingPassiveTransitions = null,
-  nestedUpdateCount = 0,
-  rootWithNestedUpdates = null;
-function requestUpdateLane() {
-  if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
-    return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
-  if (null !== requestCurrentTransition()) {
-    var actionScopeLane = currentEntangledLane;
-    return 0 !== actionScopeLane ? actionScopeLane : requestTransitionLane();
-  }
-  return resolveUpdatePriority();
-}
-function requestDeferredLane() {
-  0 === workInProgressDeferredLane &&
-    (workInProgressDeferredLane =
-      0 === (workInProgressRootRenderLanes & 536870912) || isHydrating
-        ? claimNextTransitionLane()
-        : 536870912);
-  var suspenseHandler = suspenseHandlerStackCursor.current;
-  null !== suspenseHandler && (suspenseHandler.flags |= 32);
-  return workInProgressDeferredLane;
-}
-function scheduleUpdateOnFiber(root, fiber, lane) {
-  if (
-    (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
-    null !== root.cancelPendingCommit
-  )
-    prepareFreshStack(root, 0),
-      markRootSuspended(
-        root,
-        workInProgressRootRenderLanes,
-        workInProgressDeferredLane
-      );
-  markRootUpdated(root, lane);
-  if (0 === (executionContext & 2) || root !== workInProgressRoot) {
-    if (
-      enableTransitionTracing &&
-      ((fiber = ReactSharedInternals.T),
-      null !== fiber &&
-        null != fiber.name &&
-        (-1 === fiber.startTime && (fiber.startTime = now()),
-        enableTransitionTracing))
-    ) {
-      var transitionLanesMap = root.transitionLanes,
-        index$6 = 31 - clz32(lane),
-        transitions = transitionLanesMap[index$6];
-      null === transitions && (transitions = new Set());
-      transitions.add(fiber);
-      transitionLanesMap[index$6] = transitions;
-    }
-    root === workInProgressRoot &&
-      (0 === (executionContext & 2) &&
-        (workInProgressRootInterleavedUpdatedLanes |= lane),
-      4 === workInProgressRootExitStatus &&
-        markRootSuspended(
-          root,
-          workInProgressRootRenderLanes,
-          workInProgressDeferredLane
-        ));
-    ensureRootIsScheduled(root);
-  }
-}
-function performConcurrentWorkOnRoot(root, didTimeout) {
-  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
-  var originalCallbackNode = root.callbackNode;
-  if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
-    return null;
-  var lanes = getNextLanes(
-    root,
-    root === workInProgressRoot ? workInProgressRootRenderLanes : 0
-  );
-  if (0 === lanes) return null;
-  var exitStatus = (didTimeout =
-    !includesBlockingLane(root, lanes) &&
-    0 === (lanes & root.expiredLanes) &&
-    (disableSchedulerTimeoutInWorkLoop || !didTimeout))
-    ? renderRootConcurrent(root, lanes)
-    : renderRootSync(root, lanes);
-  if (0 !== exitStatus) {
-    var renderWasConcurrent = didTimeout;
-    do {
-      if (6 === exitStatus) markRootSuspended(root, lanes, 0);
-      else {
-        didTimeout = root.current.alternate;
-        if (
-          renderWasConcurrent &&
-          !isRenderConsistentWithExternalStores(didTimeout)
-        ) {
-          exitStatus = renderRootSync(root, lanes);
-          renderWasConcurrent = !1;
-          continue;
-        }
-        if (2 === exitStatus) {
-          renderWasConcurrent = lanes;
-          var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-            root,
-            renderWasConcurrent
-          );
-          if (
-            0 !== errorRetryLanes &&
-            ((lanes = errorRetryLanes),
-            (exitStatus = recoverFromConcurrentError(
-              root,
-              renderWasConcurrent,
-              errorRetryLanes
-            )),
-            (renderWasConcurrent = !1),
-            2 !== exitStatus)
-          )
-            continue;
-        }
-        if (1 === exitStatus) {
-          prepareFreshStack(root, 0);
-          markRootSuspended(root, lanes, 0);
-          break;
-        }
-        root.finishedWork = didTimeout;
-        root.finishedLanes = lanes;
-        a: {
-          renderWasConcurrent = root;
-          switch (exitStatus) {
-            case 0:
-            case 1:
-              throw Error(formatProdErrorMessage(345));
-            case 4:
-              if ((lanes & 4194176) === lanes) {
-                markRootSuspended(
-                  renderWasConcurrent,
-                  lanes,
-                  workInProgressDeferredLane
-                );
-                break a;
-              }
-              break;
-            case 2:
-              workInProgressRootRecoverableErrors = null;
-              break;
-            case 3:
-            case 5:
-              break;
-            default:
-              throw Error(formatProdErrorMessage(329));
-          }
-          if (
-            (lanes & 62914560) === lanes &&
-            (alwaysThrottleRetries || 3 === exitStatus) &&
-            ((exitStatus = globalMostRecentFallbackTime + 300 - now()),
-            10 < exitStatus)
-          ) {
-            markRootSuspended(
-              renderWasConcurrent,
-              lanes,
-              workInProgressDeferredLane
-            );
-            if (0 !== getNextLanes(renderWasConcurrent, 0)) break a;
-            renderWasConcurrent.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                renderWasConcurrent,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                workInProgressRootDidIncludeRecursiveRenderUpdate,
-                lanes,
-                workInProgressDeferredLane
-              ),
-              exitStatus
-            );
-            break a;
-          }
-          commitRootWhenReady(
-            renderWasConcurrent,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            workInProgressRootDidIncludeRecursiveRenderUpdate,
-            lanes,
-            workInProgressDeferredLane
-          );
-        }
-      }
-      break;
-    } while (1);
-  }
-  ensureRootIsScheduled(root);
-  scheduleTaskForRootDuringMicrotask(root, now());
-  root =
-    root.callbackNode === originalCallbackNode
-      ? performConcurrentWorkOnRoot.bind(null, root)
-      : null;
-  return root;
-}
-function recoverFromConcurrentError(
-  root,
-  originallyAttemptedLanes,
-  errorRetryLanes
-) {
-  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors,
-    wasRootDehydrated = root.current.memoizedState.isDehydrated;
-  wasRootDehydrated && (prepareFreshStack(root, errorRetryLanes).flags |= 256);
-  errorRetryLanes = renderRootSync(root, errorRetryLanes);
-  if (2 !== errorRetryLanes) {
-    if (workInProgressRootDidAttachPingListener && !wasRootDehydrated)
-      return (
-        (root.errorRecoveryDisabledLanes |= originallyAttemptedLanes),
-        (workInProgressRootInterleavedUpdatedLanes |= originallyAttemptedLanes),
-        4
-      );
-    root = workInProgressRootRecoverableErrors;
-    workInProgressRootRecoverableErrors = errorsFromFirstAttempt;
-    null !== root && queueRecoverableErrors(root);
-  }
-  return errorRetryLanes;
-}
-function queueRecoverableErrors(errors) {
-  null === workInProgressRootRecoverableErrors
-    ? (workInProgressRootRecoverableErrors = errors)
-    : workInProgressRootRecoverableErrors.push.apply(
-        workInProgressRootRecoverableErrors,
-        errors
-      );
-}
-function commitRootWhenReady(
-  root,
-  finishedWork,
-  recoverableErrors,
-  transitions,
-  didIncludeRenderPhaseUpdate,
-  lanes,
-  spawnedLane
-) {
-  if (
-    0 === (lanes & 42) &&
-    ((suspendedState = { stylesheets: null, count: 0, unsuspend: noop }),
-    accumulateSuspenseyCommitOnFiber(finishedWork),
-    (finishedWork = waitForCommitToBeReady()),
-    null !== finishedWork)
-  ) {
-    root.cancelPendingCommit = finishedWork(
-      commitRoot.bind(
-        null,
-        root,
-        recoverableErrors,
-        transitions,
-        didIncludeRenderPhaseUpdate
-      )
-    );
-    markRootSuspended(root, lanes, spawnedLane);
-    return;
-  }
-  commitRoot(
-    root,
-    recoverableErrors,
-    transitions,
-    didIncludeRenderPhaseUpdate,
-    spawnedLane
-  );
-}
-function isRenderConsistentWithExternalStores(finishedWork) {
-  for (var node = finishedWork; ; ) {
-    if (node.flags & 16384) {
-      var updateQueue = node.updateQueue;
-      if (
-        null !== updateQueue &&
-        ((updateQueue = updateQueue.stores), null !== updateQueue)
-      )
-        for (var i = 0; i < updateQueue.length; i++) {
-          var check = updateQueue[i],
-            getSnapshot = check.getSnapshot;
-          check = check.value;
-          try {
-            if (!objectIs(getSnapshot(), check)) return !1;
-          } catch (error) {
-            return !1;
-          }
-        }
-    }
-    updateQueue = node.child;
-    if (node.subtreeFlags & 16384 && null !== updateQueue)
-      (updateQueue.return = node), (node = updateQueue);
-    else {
-      if (node === finishedWork) break;
-      for (; null === node.sibling; ) {
-        if (null === node.return || node.return === finishedWork) return !0;
-        node = node.return;
-      }
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-  }
-  return !0;
-}
-function markRootUpdated(root, updatedLanes) {
-  root.pendingLanes |= updatedLanes;
-  268435456 !== updatedLanes &&
-    ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  enableInfiniteRenderLoopDetection &&
-    (executionContext & 2
-      ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
-      : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0),
-    throwIfInfiniteUpdateLoopDetected());
-}
-function markRootSuspended(root, suspendedLanes, spawnedLane) {
-  suspendedLanes &= ~workInProgressRootPingedLanes;
-  suspendedLanes &= ~workInProgressRootInterleavedUpdatedLanes;
-  root.suspendedLanes |= suspendedLanes;
-  root.pingedLanes &= ~suspendedLanes;
-  for (
-    var expirationTimes = root.expirationTimes, lanes = suspendedLanes;
-    0 < lanes;
-
-  ) {
-    var index$2 = 31 - clz32(lanes),
-      lane = 1 << index$2;
-    expirationTimes[index$2] = -1;
-    lanes &= ~lane;
-  }
-  0 !== spawnedLane &&
-    markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
-}
-function performSyncWorkOnRoot(root, lanes) {
-  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
-  if (flushPassiveEffects()) return ensureRootIsScheduled(root), null;
-  var exitStatus = renderRootSync(root, lanes);
-  if (2 === exitStatus) {
-    var originallyAttemptedLanes = lanes,
-      errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-        root,
-        originallyAttemptedLanes
-      );
-    0 !== errorRetryLanes &&
-      ((lanes = errorRetryLanes),
-      (exitStatus = recoverFromConcurrentError(
-        root,
-        originallyAttemptedLanes,
-        errorRetryLanes
-      )));
-  }
-  if (1 === exitStatus)
-    return (
-      prepareFreshStack(root, 0),
-      markRootSuspended(root, lanes, 0),
-      ensureRootIsScheduled(root),
-      null
-    );
-  if (6 === exitStatus)
-    return (
-      markRootSuspended(root, lanes, workInProgressDeferredLane),
-      ensureRootIsScheduled(root),
-      null
-    );
-  root.finishedWork = root.current.alternate;
-  root.finishedLanes = lanes;
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions,
-    workInProgressRootDidIncludeRecursiveRenderUpdate,
-    workInProgressDeferredLane
-  );
-  ensureRootIsScheduled(root);
-  return null;
-}
-function flushSyncWork$1() {
-  return 0 === (executionContext & 6)
-    ? (flushSyncWorkAcrossRoots_impl(!1), !1)
-    : !0;
-}
-function resetWorkInProgressStack() {
-  if (null !== workInProgress) {
-    if (0 === workInProgressSuspendedReason)
-      var interruptedWork = workInProgress.return;
-    else
-      (interruptedWork = workInProgress),
-        resetContextDependencies(),
-        resetHooksOnUnwind(interruptedWork),
-        (thenableState$1 = null),
-        (thenableIndexCounter$1 = 0),
-        (interruptedWork = workInProgress);
-    for (; null !== interruptedWork; )
-      unwindInterruptedWork(interruptedWork.alternate, interruptedWork),
-        (interruptedWork = interruptedWork.return);
-    workInProgress = null;
-  }
-}
-function prepareFreshStack(root, lanes) {
-  root.finishedWork = null;
-  root.finishedLanes = 0;
-  var timeoutHandle = root.timeoutHandle;
-  -1 !== timeoutHandle &&
-    ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
-  timeoutHandle = root.cancelPendingCommit;
-  null !== timeoutHandle &&
-    ((root.cancelPendingCommit = null), timeoutHandle());
-  resetWorkInProgressStack();
-  workInProgressRoot = root;
-  workInProgress = timeoutHandle = createWorkInProgress(root.current, null);
-  workInProgressRootRenderLanes = lanes;
-  workInProgressSuspendedReason = 0;
-  workInProgressThrownValue = null;
-  workInProgressRootDidAttachPingListener = !1;
-  workInProgressDeferredLane =
-    workInProgressRootPingedLanes =
-    workInProgressRootInterleavedUpdatedLanes =
-    workInProgressRootSkippedLanes =
-    workInProgressRootExitStatus =
-      0;
-  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors =
-    null;
-  workInProgressRootDidIncludeRecursiveRenderUpdate = !1;
-  0 === (root.current.mode & 32) && 0 !== (lanes & 8) && (lanes |= lanes & 32);
-  var allEntangledLanes = root.entangledLanes;
-  if (0 !== allEntangledLanes)
-    for (
-      root = root.entanglements, allEntangledLanes &= lanes;
-      0 < allEntangledLanes;
-
-    ) {
-      var index$0 = 31 - clz32(allEntangledLanes),
-        lane = 1 << index$0;
-      lanes |= root[index$0];
-      allEntangledLanes &= ~lane;
-    }
-  entangledRenderLanes = lanes;
-  finishQueueingConcurrentUpdates();
-  return timeoutHandle;
-}
-function handleThrow(root, thrownValue) {
-  currentlyRenderingFiber$1 = null;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
-  ReactSharedInternals.owner = null;
-  thrownValue === SuspenseException
-    ? ((thrownValue = getSuspendedThenable()),
-      (workInProgressSuspendedReason =
-        shouldRemainOnPreviousScreen() &&
-        0 === (workInProgressRootSkippedLanes & 134217727) &&
-        0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)
-          ? 2
-          : 3))
-    : thrownValue === SuspenseyCommitException
-    ? ((thrownValue = getSuspendedThenable()),
-      (workInProgressSuspendedReason = 4))
-    : (workInProgressSuspendedReason =
-        thrownValue === SelectiveHydrationException
-          ? 8
-          : null !== thrownValue &&
-            "object" === typeof thrownValue &&
-            "function" === typeof thrownValue.then
-          ? 6
-          : 1);
-  workInProgressThrownValue = thrownValue;
-  null === workInProgress &&
-    ((workInProgressRootExitStatus = 1),
-    logUncaughtError(
-      root,
-      createCapturedValueAtFiber(thrownValue, root.current)
-    ));
-}
-function shouldRemainOnPreviousScreen() {
-  var handler = suspenseHandlerStackCursor.current;
-  return null === handler
-    ? !0
-    : (workInProgressRootRenderLanes & 4194176) ===
-      workInProgressRootRenderLanes
-    ? null === shellBoundary
-      ? !0
-      : !1
-    : (workInProgressRootRenderLanes & 62914560) ===
-        workInProgressRootRenderLanes ||
-      0 !== (workInProgressRootRenderLanes & 536870912)
-    ? handler === shellBoundary
-    : !1;
-}
-function pushDispatcher() {
-  var prevDispatcher = ReactSharedInternals.H;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
-  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
-}
-function pushCacheDispatcher() {
-  var prevCacheDispatcher = ReactSharedInternals.C;
-  ReactSharedInternals.C = DefaultCacheDispatcher;
-  return prevCacheDispatcher;
-}
-function renderDidSuspendDelayIfPossible() {
-  workInProgressRootExitStatus = 4;
-  (0 === (workInProgressRootSkippedLanes & 134217727) &&
-    0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)) ||
-    null === workInProgressRoot ||
-    markRootSuspended(
-      workInProgressRoot,
-      workInProgressRootRenderLanes,
-      workInProgressDeferredLane
-    );
-}
-function renderRootSync(root, lanes) {
-  var prevExecutionContext = executionContext;
-  executionContext |= 2;
-  var prevDispatcher = pushDispatcher(),
-    prevCacheDispatcher = pushCacheDispatcher();
-  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
-    (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
-      prepareFreshStack(root, lanes);
-  lanes = !1;
-  a: do
-    try {
-      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
-        var unitOfWork = workInProgress,
-          thrownValue = workInProgressThrownValue;
-        switch (workInProgressSuspendedReason) {
-          case 8:
-            resetWorkInProgressStack();
-            workInProgressRootExitStatus = 6;
-            break a;
-          case 3:
-          case 2:
-            lanes ||
-              null !== suspenseHandlerStackCursor.current ||
-              (lanes = !0);
-          default:
-            (workInProgressSuspendedReason = 0),
-              (workInProgressThrownValue = null),
-              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
-        }
-      }
-      workLoopSync();
-      break;
-    } catch (thrownValue$245) {
-      handleThrow(root, thrownValue$245);
-    }
-  while (1);
-  lanes && root.shellSuspendCounter++;
-  resetContextDependencies();
-  executionContext = prevExecutionContext;
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
-  if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
-  workInProgressRoot = null;
-  workInProgressRootRenderLanes = 0;
-  finishQueueingConcurrentUpdates();
-  return workInProgressRootExitStatus;
-}
-function workLoopSync() {
-  for (; null !== workInProgress; ) performUnitOfWork(workInProgress);
-}
-function renderRootConcurrent(root, lanes) {
-  var prevExecutionContext = executionContext;
-  executionContext |= 2;
-  var prevDispatcher = pushDispatcher(),
-    prevCacheDispatcher = pushCacheDispatcher();
-  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
-    (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
-      (workInProgressRootRenderTargetTime = now() + 500),
-      prepareFreshStack(root, lanes);
-  a: do
-    try {
-      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
-        lanes = workInProgress;
-        var thrownValue = workInProgressThrownValue;
-        b: switch (workInProgressSuspendedReason) {
-          case 1:
-            workInProgressSuspendedReason = 0;
-            workInProgressThrownValue = null;
-            throwAndUnwindWorkLoop(root, lanes, thrownValue);
-            break;
-          case 2:
-            if (isThenableResolved(thrownValue)) {
-              workInProgressSuspendedReason = 0;
-              workInProgressThrownValue = null;
-              replaySuspendedUnitOfWork(lanes);
-              break;
-            }
-            lanes = function () {
-              2 === workInProgressSuspendedReason &&
-                workInProgressRoot === root &&
-                (workInProgressSuspendedReason = 7);
-              ensureRootIsScheduled(root);
-            };
-            thrownValue.then(lanes, lanes);
-            break a;
-          case 3:
-            workInProgressSuspendedReason = 7;
-            break a;
-          case 4:
-            workInProgressSuspendedReason = 5;
-            break a;
-          case 7:
-            isThenableResolved(thrownValue)
-              ? ((workInProgressSuspendedReason = 0),
-                (workInProgressThrownValue = null),
-                replaySuspendedUnitOfWork(lanes))
-              : ((workInProgressSuspendedReason = 0),
-                (workInProgressThrownValue = null),
-                throwAndUnwindWorkLoop(root, lanes, thrownValue));
-            break;
-          case 5:
-            switch (workInProgress.tag) {
-              case 5:
-              case 26:
-              case 27:
-                lanes = workInProgress;
-                workInProgressSuspendedReason = 0;
-                workInProgressThrownValue = null;
-                var sibling = lanes.sibling;
-                if (null !== sibling) workInProgress = sibling;
-                else {
-                  var returnFiber = lanes.return;
-                  null !== returnFiber
-                    ? ((workInProgress = returnFiber),
-                      completeUnitOfWork(returnFiber))
-                    : (workInProgress = null);
-                }
-                break b;
-            }
-            workInProgressSuspendedReason = 0;
-            workInProgressThrownValue = null;
-            throwAndUnwindWorkLoop(root, lanes, thrownValue);
-            break;
-          case 6:
-            workInProgressSuspendedReason = 0;
-            workInProgressThrownValue = null;
-            throwAndUnwindWorkLoop(root, lanes, thrownValue);
-            break;
-          case 8:
-            resetWorkInProgressStack();
-            workInProgressRootExitStatus = 6;
-            break a;
-          default:
-            throw Error(formatProdErrorMessage(462));
-        }
-      }
-      workLoopConcurrent();
-      break;
-    } catch (thrownValue$247) {
-      handleThrow(root, thrownValue$247);
-    }
-  while (1);
-  resetContextDependencies();
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
-  executionContext = prevExecutionContext;
-  if (null !== workInProgress) return 0;
-  workInProgressRoot = null;
-  workInProgressRootRenderLanes = 0;
-  finishQueueingConcurrentUpdates();
-  return workInProgressRootExitStatus;
-}
-function workLoopConcurrent() {
-  for (; null !== workInProgress && !shouldYield(); )
-    performUnitOfWork(workInProgress);
-}
-function performUnitOfWork(unitOfWork) {
-  var next = beginWork(unitOfWork.alternate, unitOfWork, entangledRenderLanes);
-  unitOfWork.memoizedProps = unitOfWork.pendingProps;
-  null === next ? completeUnitOfWork(unitOfWork) : (workInProgress = next);
-  ReactSharedInternals.owner = null;
-}
-function replaySuspendedUnitOfWork(unitOfWork) {
-  var current = unitOfWork.alternate;
-  switch (unitOfWork.tag) {
-    case 15:
-    case 0:
-      var Component = unitOfWork.type,
-        unresolvedProps = unitOfWork.pendingProps;
-      unresolvedProps =
-        disableDefaultPropsExceptForClasses ||
-        unitOfWork.elementType === Component
-          ? unresolvedProps
-          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
-      current = replayFunctionComponent(
-        current,
-        unitOfWork,
-        unresolvedProps,
-        Component,
-        void 0,
-        workInProgressRootRenderLanes
-      );
-      break;
-    case 11:
-      Component = unitOfWork.type.render;
-      unresolvedProps = unitOfWork.pendingProps;
-      unresolvedProps =
-        disableDefaultPropsExceptForClasses ||
-        unitOfWork.elementType === Component
-          ? unresolvedProps
-          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
-      current = replayFunctionComponent(
-        current,
-        unitOfWork,
-        unresolvedProps,
-        Component,
-        unitOfWork.ref,
-        workInProgressRootRenderLanes
-      );
-      break;
-    case 5:
-      resetHooksOnUnwind(unitOfWork);
-    default:
-      unwindInterruptedWork(current, unitOfWork),
-        (unitOfWork = workInProgress =
-          resetWorkInProgress(unitOfWork, entangledRenderLanes)),
-        (current = beginWork(current, unitOfWork, entangledRenderLanes));
-  }
-  unitOfWork.memoizedProps = unitOfWork.pendingProps;
-  null === current
-    ? completeUnitOfWork(unitOfWork)
-    : (workInProgress = current);
-  ReactSharedInternals.owner = null;
-}
-function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
-  resetContextDependencies();
-  resetHooksOnUnwind(unitOfWork);
-  thenableState$1 = null;
-  thenableIndexCounter$1 = 0;
-  var returnFiber = unitOfWork.return;
-  try {
-    if (
-      throwException(
-        root,
-        returnFiber,
-        unitOfWork,
-        thrownValue,
-        workInProgressRootRenderLanes
-      )
-    ) {
-      workInProgressRootExitStatus = 1;
-      logUncaughtError(
-        root,
-        createCapturedValueAtFiber(thrownValue, root.current)
-      );
-      workInProgress = null;
-      return;
-    }
-  } catch (error) {
-    if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
-    workInProgressRootExitStatus = 1;
-    logUncaughtError(
-      root,
-      createCapturedValueAtFiber(thrownValue, root.current)
-    );
-    workInProgress = null;
-    return;
-  }
-  if (unitOfWork.flags & 32768)
-    a: {
-      root = unitOfWork;
-      do {
-        unitOfWork = unwindWork(root.alternate, root);
-        if (null !== unitOfWork) {
-          unitOfWork.flags &= 32767;
-          workInProgress = unitOfWork;
-          break a;
-        }
-        root = root.return;
-        null !== root &&
-          ((root.flags |= 32768),
-          (root.subtreeFlags = 0),
-          (root.deletions = null));
-        workInProgress = root;
-      } while (null !== root);
-      workInProgressRootExitStatus = 6;
-      workInProgress = null;
-    }
-  else completeUnitOfWork(unitOfWork);
-}
-function completeUnitOfWork(unitOfWork) {
-  var completedWork = unitOfWork;
-  do {
-    unitOfWork = completedWork.return;
-    var next = completeWork(
-      completedWork.alternate,
-      completedWork,
-      entangledRenderLanes
-    );
-    if (null !== next) {
-      workInProgress = next;
-      return;
-    }
-    completedWork = completedWork.sibling;
-    if (null !== completedWork) {
-      workInProgress = completedWork;
-      return;
-    }
-    workInProgress = completedWork = unitOfWork;
-  } while (null !== completedWork);
-  0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
-}
-function commitRoot(
-  root,
-  recoverableErrors,
-  transitions,
-  didIncludeRenderPhaseUpdate,
-  spawnedLane
-) {
-  var prevTransition = ReactSharedInternals.T,
-    previousUpdateLanePriority = Internals.p;
-  try {
-    (Internals.p = 2),
-      (ReactSharedInternals.T = null),
-      commitRootImpl(
-        root,
-        recoverableErrors,
-        transitions,
-        didIncludeRenderPhaseUpdate,
-        previousUpdateLanePriority,
-        spawnedLane
-      );
-  } finally {
-    (ReactSharedInternals.T = prevTransition),
-      (Internals.p = previousUpdateLanePriority);
-  }
-  return null;
-}
-function commitRootImpl(
-  root,
-  recoverableErrors,
-  transitions,
-  didIncludeRenderPhaseUpdate,
-  renderPriorityLevel,
-  spawnedLane
-) {
-  do flushPassiveEffects();
-  while (null !== rootWithPendingPassiveEffects);
-  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
-  var finishedWork = root.finishedWork,
-    lanes = root.finishedLanes;
-  if (null === finishedWork) return null;
-  root.finishedWork = null;
-  root.finishedLanes = 0;
-  if (finishedWork === root.current) throw Error(formatProdErrorMessage(177));
-  root.callbackNode = null;
-  root.callbackPriority = 0;
-  root.cancelPendingCommit = null;
-  var remainingLanes = finishedWork.lanes | finishedWork.childLanes;
-  remainingLanes |= concurrentlyUpdatedLanes;
-  markRootFinished(root, remainingLanes, spawnedLane);
-  didIncludeCommitPhaseUpdate = !1;
-  root === workInProgressRoot &&
-    ((workInProgress = workInProgressRoot = null),
-    (workInProgressRootRenderLanes = 0));
-  (0 === (finishedWork.subtreeFlags & 10256) &&
-    0 === (finishedWork.flags & 10256)) ||
-    rootDoesHavePassiveEffects ||
-    ((rootDoesHavePassiveEffects = !0),
-    (pendingPassiveEffectsRemainingLanes = remainingLanes),
-    (pendingPassiveTransitions = transitions),
-    scheduleCallback(NormalPriority$1, function () {
-      flushPassiveEffects();
-      return null;
-    }));
-  transitions = 0 !== (finishedWork.flags & 15990);
-  if (0 !== (finishedWork.subtreeFlags & 15990) || transitions) {
-    transitions = ReactSharedInternals.T;
-    ReactSharedInternals.T = null;
-    spawnedLane = Internals.p;
-    Internals.p = 2;
-    var prevExecutionContext = executionContext;
-    executionContext |= 4;
-    ReactSharedInternals.owner = null;
-    var shouldFireAfterActiveInstanceBlur$251 = commitBeforeMutationEffects(
-      root,
-      finishedWork
-    );
-    commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$251 &&
-      ((_enabled = !0),
-      dispatchAfterDetachedBlur(selectionInformation.focusedElem),
-      (_enabled = !1));
-    restoreSelection(selectionInformation);
-    _enabled = !!eventsEnabled;
-    selectionInformation = eventsEnabled = null;
-    root.current = finishedWork;
-    commitLayoutEffectOnFiber(root, finishedWork.alternate, finishedWork);
-    requestPaint();
-    executionContext = prevExecutionContext;
-    Internals.p = spawnedLane;
-    ReactSharedInternals.T = transitions;
-  } else root.current = finishedWork;
-  rootDoesHavePassiveEffects
-    ? ((rootDoesHavePassiveEffects = !1),
-      (rootWithPendingPassiveEffects = root),
-      (pendingPassiveEffectsLanes = lanes))
-    : releaseRootPooledCache(root, remainingLanes);
-  remainingLanes = root.pendingLanes;
-  0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null);
-  onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
-  ensureRootIsScheduled(root);
-  if (null !== recoverableErrors)
-    for (
-      renderPriorityLevel = root.onRecoverableError, finishedWork = 0;
-      finishedWork < recoverableErrors.length;
-      finishedWork++
-    )
-      (remainingLanes = recoverableErrors[finishedWork]),
-        renderPriorityLevel(remainingLanes.value, {
-          componentStack: remainingLanes.stack
-        });
-  0 !== (pendingPassiveEffectsLanes & 3) && flushPassiveEffects();
-  remainingLanes = root.pendingLanes;
-  (enableInfiniteRenderLoopDetection &&
-    (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate)) ||
-  (0 !== (lanes & 4194218) && 0 !== (remainingLanes & SyncUpdateLanes))
-    ? root === rootWithNestedUpdates
-      ? nestedUpdateCount++
-      : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
-    : (nestedUpdateCount = 0);
-  flushSyncWorkAcrossRoots_impl(!1);
-  if (enableTransitionTracing) {
-    var prevRootTransitionCallbacks = root.transitionCallbacks;
-    null !== prevRootTransitionCallbacks &&
-      schedulePostPaintCallback(function (endTime) {
-        var prevPendingTransitionCallbacks = currentPendingTransitionCallbacks;
-        null !== prevPendingTransitionCallbacks
-          ? ((currentPendingTransitionCallbacks = null),
-            scheduleCallback(IdlePriority, function () {
-              processTransitionCallbacks(
-                prevPendingTransitionCallbacks,
-                endTime,
-                prevRootTransitionCallbacks
-              );
-            }))
-          : (currentEndTime = endTime);
-      });
-  }
-  return null;
-}
-function releaseRootPooledCache(root, remainingLanes) {
-  0 === (root.pooledCacheLanes &= remainingLanes) &&
-    ((remainingLanes = root.pooledCache),
-    null != remainingLanes &&
-      ((root.pooledCache = null), releaseCache(remainingLanes)));
-}
-function flushPassiveEffects() {
-  if (null !== rootWithPendingPassiveEffects) {
-    var root$252 = rootWithPendingPassiveEffects,
-      remainingLanes = pendingPassiveEffectsRemainingLanes;
-    pendingPassiveEffectsRemainingLanes = 0;
-    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
-      prevTransition = ReactSharedInternals.T,
-      previousPriority = Internals.p;
-    try {
-      return (
-        (Internals.p = 32 > renderPriority ? 32 : renderPriority),
-        (ReactSharedInternals.T = null),
-        flushPassiveEffectsImpl()
-      );
-    } finally {
-      (Internals.p = previousPriority),
-        (ReactSharedInternals.T = prevTransition),
-        releaseRootPooledCache(root$252, remainingLanes);
-    }
-  }
-  return !1;
-}
-function flushPassiveEffectsImpl() {
-  if (null === rootWithPendingPassiveEffects) return !1;
-  var transitions = pendingPassiveTransitions;
-  pendingPassiveTransitions = null;
-  var root = rootWithPendingPassiveEffects,
-    lanes = pendingPassiveEffectsLanes;
-  rootWithPendingPassiveEffects = null;
-  pendingPassiveEffectsLanes = 0;
-  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331));
-  var prevExecutionContext = executionContext;
-  executionContext |= 4;
-  commitPassiveUnmountOnFiber(root.current);
-  commitPassiveMountOnFiber(root, root.current, lanes, transitions);
-  executionContext = prevExecutionContext;
-  flushSyncWorkAcrossRoots_impl(!1);
-  if (enableTransitionTracing) {
-    var prevPendingTransitionCallbacks = currentPendingTransitionCallbacks,
-      prevRootTransitionCallbacks = root.transitionCallbacks,
-      prevEndTime = currentEndTime;
-    null !== prevPendingTransitionCallbacks &&
-      null !== prevRootTransitionCallbacks &&
-      null !== prevEndTime &&
-      ((currentEndTime = currentPendingTransitionCallbacks = null),
-      scheduleCallback(IdlePriority, function () {
-        processTransitionCallbacks(
-          prevPendingTransitionCallbacks,
-          prevEndTime,
-          prevRootTransitionCallbacks
-        );
-      }));
-  }
-  if (injectedHook && "function" === typeof injectedHook.onPostCommitFiberRoot)
-    try {
-      injectedHook.onPostCommitFiberRoot(rendererID, root);
-    } catch (err) {}
-  return !0;
-}
-function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
-  sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
-  sourceFiber = createRootErrorUpdate(rootFiber.stateNode, sourceFiber, 2);
-  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
-  null !== rootFiber &&
-    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
-}
-function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
-  if (3 === sourceFiber.tag)
-    captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
-  else
-    for (; null !== nearestMountedAncestor; ) {
-      if (3 === nearestMountedAncestor.tag) {
-        captureCommitPhaseErrorOnRoot(
-          nearestMountedAncestor,
-          sourceFiber,
-          error
-        );
-        break;
-      } else if (1 === nearestMountedAncestor.tag) {
-        var instance = nearestMountedAncestor.stateNode;
-        if (
-          "function" ===
-            typeof nearestMountedAncestor.type.getDerivedStateFromError ||
-          ("function" === typeof instance.componentDidCatch &&
-            (null === legacyErrorBoundariesThatAlreadyFailed ||
-              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
-        ) {
-          sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
-          error = createClassErrorUpdate(2);
-          instance = enqueueUpdate(nearestMountedAncestor, error, 2);
-          null !== instance &&
-            (initializeClassErrorUpdate(
-              error,
-              instance,
-              nearestMountedAncestor,
-              sourceFiber
-            ),
-            markRootUpdated(instance, 2),
-            ensureRootIsScheduled(instance));
-          break;
-        }
-      }
-      nearestMountedAncestor = nearestMountedAncestor.return;
-    }
-}
-function attachPingListener(root, wakeable, lanes) {
-  var pingCache = root.pingCache;
-  if (null === pingCache) {
-    pingCache = root.pingCache = new PossiblyWeakMap();
-    var threadIDs = new Set();
-    pingCache.set(wakeable, threadIDs);
-  } else
-    (threadIDs = pingCache.get(wakeable)),
-      void 0 === threadIDs &&
-        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
-  threadIDs.has(lanes) ||
-    ((workInProgressRootDidAttachPingListener = !0),
-    threadIDs.add(lanes),
-    (root = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
-    wakeable.then(root, root));
-}
-function pingSuspendedRoot(root, wakeable, pingedLanes) {
-  var pingCache = root.pingCache;
-  null !== pingCache && pingCache.delete(wakeable);
-  root.pingedLanes |= root.suspendedLanes & pingedLanes;
-  enableInfiniteRenderLoopDetection &&
-    (executionContext & 2
-      ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
-      : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0),
-    throwIfInfiniteUpdateLoopDetected());
-  workInProgressRoot === root &&
-    (workInProgressRootRenderLanes & pingedLanes) === pingedLanes &&
-    (4 === workInProgressRootExitStatus ||
-    (3 === workInProgressRootExitStatus &&
-      (workInProgressRootRenderLanes & 62914560) ===
-        workInProgressRootRenderLanes &&
-      300 > now() - globalMostRecentFallbackTime)
-      ? 0 === (executionContext & 2) && prepareFreshStack(root, 0)
-      : (workInProgressRootPingedLanes |= pingedLanes));
-  ensureRootIsScheduled(root);
-}
-function retryTimedOutBoundary(boundaryFiber, retryLane) {
-  0 === retryLane && (retryLane = claimNextRetryLane());
-  boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
-  null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane),
-    ensureRootIsScheduled(boundaryFiber));
-}
-function retryDehydratedSuspenseBoundary(boundaryFiber) {
-  var suspenseState = boundaryFiber.memoizedState,
-    retryLane = 0;
-  null !== suspenseState && (retryLane = suspenseState.retryLane);
-  retryTimedOutBoundary(boundaryFiber, retryLane);
-}
-function resolveRetryWakeable(boundaryFiber, wakeable) {
-  var retryLane = 0;
-  switch (boundaryFiber.tag) {
-    case 13:
-      var retryCache = boundaryFiber.stateNode;
-      var suspenseState = boundaryFiber.memoizedState;
-      null !== suspenseState && (retryLane = suspenseState.retryLane);
-      break;
-    case 19:
-      retryCache = boundaryFiber.stateNode;
-      break;
-    case 22:
-      retryCache = boundaryFiber.stateNode._retryCache;
-      break;
-    default:
-      throw Error(formatProdErrorMessage(314));
-  }
-  null !== retryCache && retryCache.delete(wakeable);
-  retryTimedOutBoundary(boundaryFiber, retryLane);
-}
-function throwIfInfiniteUpdateLoopDetected() {
-  if (50 < nestedUpdateCount)
-    throw (
-      ((nestedUpdateCount = 0),
-      (rootWithNestedUpdates = null),
-      enableInfiniteRenderLoopDetection &&
-        executionContext & 2 &&
-        null !== workInProgressRoot &&
-        (workInProgressRoot.errorRecoveryDisabledLanes |=
-          workInProgressRootRenderLanes),
-      Error(formatProdErrorMessage(185)))
-    );
-}
-function scheduleCallback(priorityLevel, callback) {
-  return scheduleCallback$3(priorityLevel, callback);
-}
-var eventsEnabled = null,
-  selectionInformation = null;
-function getOwnerDocumentFromRootContainer(rootContainerElement) {
-  return 9 === rootContainerElement.nodeType
-    ? rootContainerElement
-    : rootContainerElement.ownerDocument;
-}
-function getOwnHostContext(namespaceURI) {
-  switch (namespaceURI) {
-    case "http://www.w3.org/2000/svg":
-      return 1;
-    case "http://www.w3.org/1998/Math/MathML":
-      return 2;
-    default:
-      return 0;
-  }
-}
-function getChildHostContextProd(parentNamespace, type) {
-  if (0 === parentNamespace)
-    switch (type) {
-      case "svg":
-        return 1;
-      case "math":
-        return 2;
-      default:
-        return 0;
-    }
-  return 1 === parentNamespace && "foreignObject" === type
-    ? 0
-    : parentNamespace;
-}
-function beforeActiveInstanceBlur(internalInstanceHandle) {
-  _enabled = !0;
-  var target = selectionInformation.focusedElem,
-    event = createEvent("beforeblur", !0);
-  event._detachedInterceptFiber = internalInstanceHandle;
-  target.dispatchEvent(event);
-  _enabled = !1;
-}
-function shouldSetTextContent(type, props) {
-  return (
-    "textarea" === type ||
-    "noscript" === type ||
-    "string" === typeof props.children ||
-    "number" === typeof props.children ||
-    "bigint" === typeof props.children ||
-    ("object" === typeof props.dangerouslySetInnerHTML &&
-      null !== props.dangerouslySetInnerHTML &&
-      null != props.dangerouslySetInnerHTML.__html)
-  );
-}
-var currentPopstateTransitionEvent = null;
-function shouldAttemptEagerTransition() {
-  var event = window.event;
-  if (event && "popstate" === event.type) {
-    if (event === currentPopstateTransitionEvent) return !1;
-    currentPopstateTransitionEvent = event;
-    return !0;
-  }
-  currentPopstateTransitionEvent = null;
-  return !1;
-}
-var scheduleTimeout = "function" === typeof setTimeout ? setTimeout : void 0,
-  cancelTimeout = "function" === typeof clearTimeout ? clearTimeout : void 0,
-  localPromise = "function" === typeof Promise ? Promise : void 0,
-  localRequestAnimationFrame =
-    "function" === typeof requestAnimationFrame
-      ? requestAnimationFrame
-      : scheduleTimeout;
-function getInstanceFromScope(scopeInstance) {
-  scopeInstance = scopeInstance[internalInstanceKey] || null;
-  return scopeInstance;
-}
-var scheduleMicrotask =
-  "function" === typeof queueMicrotask
-    ? queueMicrotask
-    : "undefined" !== typeof localPromise
-    ? function (callback) {
-        return localPromise
-          .resolve(null)
-          .then(callback)
-          .catch(handleErrorInNextTick);
-      }
-    : scheduleTimeout;
-function handleErrorInNextTick(error) {
-  setTimeout(function () {
-    throw error;
-  });
-}
-function createEvent(type, bubbles) {
-  var event = document.createEvent("Event");
-  event.initEvent(type, bubbles, !1);
-  return event;
-}
-function dispatchAfterDetachedBlur(target) {
-  var event = createEvent("afterblur", !1);
-  event.relatedTarget = target;
-  document.dispatchEvent(event);
-}
-function clearSuspenseBoundary(parentInstance, suspenseInstance) {
-  var node = suspenseInstance,
-    depth = 0;
-  do {
-    var nextNode = node.nextSibling;
-    parentInstance.removeChild(node);
-    if (nextNode && 8 === nextNode.nodeType)
-      if (((node = nextNode.data), "/$" === node)) {
-        if (0 === depth) {
-          parentInstance.removeChild(nextNode);
-          retryIfBlockedOn(suspenseInstance);
-          return;
-        }
-        depth--;
-      } else ("$" !== node && "$?" !== node && "$!" !== node) || depth++;
-    node = nextNode;
-  } while (node);
-  retryIfBlockedOn(suspenseInstance);
-}
-function clearContainerSparingly(container) {
-  var nextNode = container.firstChild;
-  nextNode && 10 === nextNode.nodeType && (nextNode = nextNode.nextSibling);
-  for (; nextNode; ) {
-    var node = nextNode;
-    nextNode = nextNode.nextSibling;
-    switch (node.nodeName) {
-      case "HTML":
-      case "HEAD":
-      case "BODY":
-        clearContainerSparingly(node);
-        detachDeletedInstance(node);
-        continue;
-      case "SCRIPT":
-      case "STYLE":
-        continue;
-      case "LINK":
-        if ("stylesheet" === node.rel.toLowerCase()) continue;
-    }
-    container.removeChild(node);
-  }
-}
-function canHydrateInstance(instance, type, props, inRootOrSingleton) {
-  for (; 1 === instance.nodeType; ) {
-    var anyProps = props;
-    if (instance.nodeName.toLowerCase() !== type.toLowerCase()) {
-      if (
-        !inRootOrSingleton &&
-        ("INPUT" !== instance.nodeName || "hidden" !== instance.type)
-      )
-        break;
-    } else if (!inRootOrSingleton)
-      if ("input" === type && "hidden" === instance.type) {
-        var name = null == anyProps.name ? null : "" + anyProps.name;
-        if (
-          "hidden" === anyProps.type &&
-          instance.getAttribute("name") === name
-        )
-          return instance;
-      } else return instance;
-    else if (!instance[internalHoistableMarker])
-      switch (type) {
-        case "meta":
-          if (!instance.hasAttribute("itemprop")) break;
-          return instance;
-        case "link":
-          name = instance.getAttribute("rel");
-          if ("stylesheet" === name && instance.hasAttribute("data-precedence"))
-            break;
-          else if (
-            name !== anyProps.rel ||
-            instance.getAttribute("href") !==
-              (null == anyProps.href ? null : anyProps.href) ||
-            instance.getAttribute("crossorigin") !==
-              (null == anyProps.crossOrigin ? null : anyProps.crossOrigin) ||
-            instance.getAttribute("title") !==
-              (null == anyProps.title ? null : anyProps.title)
-          )
-            break;
-          return instance;
-        case "style":
-          if (instance.hasAttribute("data-precedence")) break;
-          return instance;
-        case "script":
-          name = instance.getAttribute("src");
-          if (
-            (name !== (null == anyProps.src ? null : anyProps.src) ||
-              instance.getAttribute("type") !==
-                (null == anyProps.type ? null : anyProps.type) ||
-              instance.getAttribute("crossorigin") !==
-                (null == anyProps.crossOrigin ? null : anyProps.crossOrigin)) &&
-            name &&
-            instance.hasAttribute("async") &&
-            !instance.hasAttribute("itemprop")
-          )
-            break;
-          return instance;
-        default:
-          return instance;
-      }
-    instance = getNextHydratable(instance.nextSibling);
-    if (null === instance) break;
-  }
-  return null;
-}
-function canHydrateTextInstance(instance, text, inRootOrSingleton) {
-  if ("" === text) return null;
-  for (; 3 !== instance.nodeType; ) {
-    if (
-      (1 !== instance.nodeType ||
-        "INPUT" !== instance.nodeName ||
-        "hidden" !== instance.type) &&
-      !inRootOrSingleton
-    )
-      return null;
-    instance = getNextHydratable(instance.nextSibling);
-    if (null === instance) return null;
-  }
-  return instance;
-}
-function getNextHydratable(node) {
-  for (; null != node; node = node.nextSibling) {
-    var nodeType = node.nodeType;
-    if (1 === nodeType || 3 === nodeType) break;
-    if (8 === nodeType) {
-      nodeType = node.data;
-      if (
-        "$" === nodeType ||
-        "$!" === nodeType ||
-        "$?" === nodeType ||
-        "F!" === nodeType ||
-        "F" === nodeType
-      )
-        break;
-      if ("/$" === nodeType) return null;
-    }
-  }
-  return node;
-}
-function getParentSuspenseInstance(targetInstance) {
-  targetInstance = targetInstance.previousSibling;
-  for (var depth = 0; targetInstance; ) {
-    if (8 === targetInstance.nodeType) {
-      var data = targetInstance.data;
-      if ("$" === data || "$!" === data || "$?" === data) {
-        if (0 === depth) return targetInstance;
-        depth--;
-      } else "/$" === data && depth++;
-    }
-    targetInstance = targetInstance.previousSibling;
-  }
-  return null;
-}
-function requestPostPaintCallback(callback) {
-  localRequestAnimationFrame(function () {
-    localRequestAnimationFrame(function (time) {
-      return callback(time);
-    });
-  });
-}
-function resolveSingletonInstance(type, props, rootContainerInstance) {
-  props = getOwnerDocumentFromRootContainer(rootContainerInstance);
-  switch (type) {
-    case "html":
-      type = props.documentElement;
-      if (!type) throw Error(formatProdErrorMessage(452));
-      return type;
-    case "head":
-      type = props.head;
-      if (!type) throw Error(formatProdErrorMessage(453));
-      return type;
-    case "body":
-      type = props.body;
-      if (!type) throw Error(formatProdErrorMessage(454));
-      return type;
-    default:
-      throw Error(formatProdErrorMessage(451));
-  }
-}
-var preloadPropsMap = new Map(),
-  preconnectsSet = new Set();
-function getHoistableRoot(container) {
-  return "function" === typeof container.getRootNode
-    ? container.getRootNode()
-    : container.ownerDocument;
-}
-var previousDispatcher = Internals.d;
-Internals.d = {
-  f: flushSyncWork,
-  r: requestFormReset,
-  D: prefetchDNS$1,
-  C: preconnect$1,
-  L: preload$1,
-  m: preloadModule$1,
-  X: preinitScript,
-  S: preinitStyle,
-  M: preinitModuleScript
-};
-function flushSyncWork() {
-  var previousWasRendering = previousDispatcher.f(),
-    wasRendering = flushSyncWork$1();
-  return previousWasRendering || wasRendering;
-}
-function requestFormReset(form) {
-  var formInst = getInstanceFromNode$1(form);
-  null !== formInst && 5 === formInst.tag && "form" === formInst.type
-    ? requestFormReset$1(formInst)
-    : previousDispatcher.r(form);
-}
-var globalDocument = "undefined" === typeof document ? null : document;
-function preconnectAs(rel, href, crossOrigin) {
-  var ownerDocument = globalDocument;
-  if (ownerDocument && "string" === typeof href && href) {
-    var limitedEscapedHref =
-      escapeSelectorAttributeValueInsideDoubleQuotes(href);
-    limitedEscapedHref =
-      'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
-    "string" === typeof crossOrigin &&
-      (limitedEscapedHref += '[crossorigin="' + crossOrigin + '"]');
-    preconnectsSet.has(limitedEscapedHref) ||
-      (preconnectsSet.add(limitedEscapedHref),
-      (rel = { rel: rel, crossOrigin: crossOrigin, href: href }),
-      null === ownerDocument.querySelector(limitedEscapedHref) &&
-        ((href = ownerDocument.createElement("link")),
-        setInitialProperties(href, "link", rel),
-        markNodeAsHoistable(href),
-        ownerDocument.head.appendChild(href)));
-  }
-}
-function prefetchDNS$1(href) {
-  previousDispatcher.D(href);
-  preconnectAs("dns-prefetch", href, null);
-}
-function preconnect$1(href, crossOrigin) {
-  previousDispatcher.C(href, crossOrigin);
-  preconnectAs("preconnect", href, crossOrigin);
-}
-function preload$1(href, as, options) {
-  previousDispatcher.L(href, as, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && href && as) {
-    var preloadSelector =
-      'link[rel="preload"][as="' +
-      escapeSelectorAttributeValueInsideDoubleQuotes(as) +
-      '"]';
-    "image" === as
-      ? options && options.imageSrcSet
-        ? ((preloadSelector +=
-            '[imagesrcset="' +
-            escapeSelectorAttributeValueInsideDoubleQuotes(
-              options.imageSrcSet
-            ) +
-            '"]'),
-          "string" === typeof options.imageSizes &&
-            (preloadSelector +=
-              '[imagesizes="' +
-              escapeSelectorAttributeValueInsideDoubleQuotes(
-                options.imageSizes
-              ) +
-              '"]'))
-        : (preloadSelector +=
-            '[href="' +
-            escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-            '"]')
-      : (preloadSelector +=
-          '[href="' +
-          escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-          '"]');
-    var key = preloadSelector;
-    switch (as) {
-      case "style":
-        key = getStyleKey(href);
-        break;
-      case "script":
-        key = getScriptKey(href);
-    }
-    preloadPropsMap.has(key) ||
-      ((href = assign(
-        {
-          rel: "preload",
-          href:
-            "image" === as && options && options.imageSrcSet ? void 0 : href,
-          as: as
-        },
-        options
-      )),
-      preloadPropsMap.set(key, href),
-      null !== ownerDocument.querySelector(preloadSelector) ||
-        ("style" === as &&
-          ownerDocument.querySelector(getStylesheetSelectorFromKey(key))) ||
-        ("script" === as &&
-          ownerDocument.querySelector(getScriptSelectorFromKey(key))) ||
-        ((as = ownerDocument.createElement("link")),
-        setInitialProperties(as, "link", href),
-        markNodeAsHoistable(as),
-        ownerDocument.head.appendChild(as)));
-  }
-}
-function preloadModule$1(href, options) {
-  previousDispatcher.m(href, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && href) {
-    var as = options && "string" === typeof options.as ? options.as : "script",
-      preloadSelector =
-        'link[rel="modulepreload"][as="' +
-        escapeSelectorAttributeValueInsideDoubleQuotes(as) +
-        '"][href="' +
-        escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-        '"]',
-      key = preloadSelector;
-    switch (as) {
-      case "audioworklet":
-      case "paintworklet":
-      case "serviceworker":
-      case "sharedworker":
-      case "worker":
-      case "script":
-        key = getScriptKey(href);
-    }
-    if (
-      !preloadPropsMap.has(key) &&
-      ((href = assign({ rel: "modulepreload", href: href }, options)),
-      preloadPropsMap.set(key, href),
-      null === ownerDocument.querySelector(preloadSelector))
-    ) {
-      switch (as) {
-        case "audioworklet":
-        case "paintworklet":
-        case "serviceworker":
-        case "sharedworker":
-        case "worker":
-        case "script":
-          if (ownerDocument.querySelector(getScriptSelectorFromKey(key)))
-            return;
-      }
-      as = ownerDocument.createElement("link");
-      setInitialProperties(as, "link", href);
-      markNodeAsHoistable(as);
-      ownerDocument.head.appendChild(as);
-    }
-  }
-}
-function preinitStyle(href, precedence, options) {
-  previousDispatcher.S(href, precedence, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && href) {
-    var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
-      key = getStyleKey(href);
-    precedence = precedence || "default";
-    var resource = styles.get(key);
-    if (!resource) {
-      var state = { loading: 0, preload: null };
-      if (
-        (resource = ownerDocument.querySelector(
-          getStylesheetSelectorFromKey(key)
-        ))
-      )
-        state.loading = 5;
-      else {
-        href = assign(
-          { rel: "stylesheet", href: href, "data-precedence": precedence },
-          options
-        );
-        (options = preloadPropsMap.get(key)) &&
-          adoptPreloadPropsForStylesheet(href, options);
-        var link = (resource = ownerDocument.createElement("link"));
-        markNodeAsHoistable(link);
-        setInitialProperties(link, "link", href);
-        link._p = new Promise(function (resolve, reject) {
-          link.onload = resolve;
-          link.onerror = reject;
-        });
-        link.addEventListener("load", function () {
-          state.loading |= 1;
-        });
-        link.addEventListener("error", function () {
-          state.loading |= 2;
-        });
-        state.loading |= 4;
-        insertStylesheet(resource, precedence, ownerDocument);
-      }
-      resource = {
-        type: "stylesheet",
-        instance: resource,
-        count: 1,
-        state: state
-      };
-      styles.set(key, resource);
-    }
-  }
-}
-function preinitScript(src, options) {
-  previousDispatcher.X(src, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && src) {
-    var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
-      key = getScriptKey(src),
-      resource = scripts.get(key);
-    resource ||
-      ((resource = ownerDocument.querySelector(getScriptSelectorFromKey(key))),
-      resource ||
-        ((src = assign({ src: src, async: !0 }, options)),
-        (options = preloadPropsMap.get(key)) &&
-          adoptPreloadPropsForScript(src, options),
-        (resource = ownerDocument.createElement("script")),
-        markNodeAsHoistable(resource),
-        setInitialProperties(resource, "link", src),
-        ownerDocument.head.appendChild(resource)),
-      (resource = {
-        type: "script",
-        instance: resource,
-        count: 1,
-        state: null
-      }),
-      scripts.set(key, resource));
-  }
-}
-function preinitModuleScript(src, options) {
-  previousDispatcher.M(src, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && src) {
-    var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
-      key = getScriptKey(src),
-      resource = scripts.get(key);
-    resource ||
-      ((resource = ownerDocument.querySelector(getScriptSelectorFromKey(key))),
-      resource ||
-        ((src = assign({ src: src, async: !0, type: "module" }, options)),
-        (options = preloadPropsMap.get(key)) &&
-          adoptPreloadPropsForScript(src, options),
-        (resource = ownerDocument.createElement("script")),
-        markNodeAsHoistable(resource),
-        setInitialProperties(resource, "link", src),
-        ownerDocument.head.appendChild(resource)),
-      (resource = {
-        type: "script",
-        instance: resource,
-        count: 1,
-        state: null
-      }),
-      scripts.set(key, resource));
-  }
-}
-function getResource(type, currentProps, pendingProps) {
-  currentProps = (currentProps = rootInstanceStackCursor.current)
-    ? getHoistableRoot(currentProps)
-    : null;
-  if (!currentProps) throw Error(formatProdErrorMessage(446));
-  switch (type) {
-    case "meta":
-    case "title":
-      return null;
-    case "style":
-      return "string" === typeof pendingProps.precedence &&
-        "string" === typeof pendingProps.href
-        ? ((pendingProps = getStyleKey(pendingProps.href)),
-          (currentProps = getResourcesFromRoot(currentProps).hoistableStyles),
-          (type = currentProps.get(pendingProps)),
-          type ||
-            ((type = { type: "style", instance: null, count: 0, state: null }),
-            currentProps.set(pendingProps, type)),
-          type)
-        : { type: "void", instance: null, count: 0, state: null };
-    case "link":
-      if (
-        "stylesheet" === pendingProps.rel &&
-        "string" === typeof pendingProps.href &&
-        "string" === typeof pendingProps.precedence
-      ) {
-        type = getStyleKey(pendingProps.href);
-        var styles$257 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$258 = styles$257.get(type);
-        resource$258 ||
-          ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$258 = {
-            type: "stylesheet",
-            instance: null,
-            count: 0,
-            state: { loading: 0, preload: null }
-          }),
-          styles$257.set(type, resource$258),
-          preloadPropsMap.has(type) ||
-            preloadStylesheet(
-              currentProps,
-              type,
-              {
-                rel: "preload",
-                as: "style",
-                href: pendingProps.href,
-                crossOrigin: pendingProps.crossOrigin,
-                integrity: pendingProps.integrity,
-                media: pendingProps.media,
-                hrefLang: pendingProps.hrefLang,
-                referrerPolicy: pendingProps.referrerPolicy
-              },
-              resource$258.state
-            ));
-        return resource$258;
-      }
-      return null;
-    case "script":
-      return (
-        (type = pendingProps.async),
-        (pendingProps = pendingProps.src),
-        "string" === typeof pendingProps &&
-        type &&
-        "function" !== typeof type &&
-        "symbol" !== typeof type
-          ? ((pendingProps = getScriptKey(pendingProps)),
-            (currentProps =
-              getResourcesFromRoot(currentProps).hoistableScripts),
-            (type = currentProps.get(pendingProps)),
-            type ||
-              ((type = {
-                type: "script",
-                instance: null,
-                count: 0,
-                state: null
-              }),
-              currentProps.set(pendingProps, type)),
-            type)
-          : { type: "void", instance: null, count: 0, state: null }
-      );
-    default:
-      throw Error(formatProdErrorMessage(444, type));
-  }
-}
-function getStyleKey(href) {
-  return 'href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
-}
-function getStylesheetSelectorFromKey(key) {
-  return 'link[rel="stylesheet"][' + key + "]";
-}
-function stylesheetPropsFromRawProps(rawProps) {
-  return assign({}, rawProps, {
-    "data-precedence": rawProps.precedence,
-    precedence: null
-  });
-}
-function preloadStylesheet(ownerDocument, key, preloadProps, state) {
-  preloadPropsMap.set(key, preloadProps);
-  ownerDocument.querySelector(getStylesheetSelectorFromKey(key)) ||
-    (ownerDocument.querySelector('link[rel="preload"][as="style"][' + key + "]")
-      ? (state.loading = 1)
-      : ((key = ownerDocument.createElement("link")),
-        (state.preload = key),
-        key.addEventListener("load", function () {
-          return (state.loading |= 1);
-        }),
-        key.addEventListener("error", function () {
-          return (state.loading |= 2);
-        }),
-        setInitialProperties(key, "link", preloadProps),
-        markNodeAsHoistable(key),
-        ownerDocument.head.appendChild(key)));
-}
-function getScriptKey(src) {
-  return '[src="' + escapeSelectorAttributeValueInsideDoubleQuotes(src) + '"]';
-}
-function getScriptSelectorFromKey(key) {
-  return "script[async]" + key;
-}
-function acquireResource(hoistableRoot, resource, props) {
-  resource.count++;
-  if (null === resource.instance)
-    switch (resource.type) {
-      case "style":
-        var instance = hoistableRoot.querySelector(
-          'style[data-href~="' +
-            escapeSelectorAttributeValueInsideDoubleQuotes(props.href) +
-            '"]'
-        );
-        if (instance)
-          return (
-            (resource.instance = instance),
-            markNodeAsHoistable(instance),
-            instance
-          );
-        var styleProps = assign({}, props, {
-          "data-href": props.href,
-          "data-precedence": props.precedence,
-          href: null,
-          precedence: null
-        });
-        instance = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
-          "style"
-        );
-        markNodeAsHoistable(instance);
-        setInitialProperties(instance, "style", styleProps);
-        insertStylesheet(instance, props.precedence, hoistableRoot);
-        return (resource.instance = instance);
-      case "stylesheet":
-        styleProps = getStyleKey(props.href);
-        var instance$262 = hoistableRoot.querySelector(
-          getStylesheetSelectorFromKey(styleProps)
-        );
-        if (instance$262)
-          return (
-            (resource.state.loading |= 4),
-            (resource.instance = instance$262),
-            markNodeAsHoistable(instance$262),
-            instance$262
-          );
-        instance = stylesheetPropsFromRawProps(props);
-        (styleProps = preloadPropsMap.get(styleProps)) &&
-          adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$262 = (
-          hoistableRoot.ownerDocument || hoistableRoot
-        ).createElement("link");
-        markNodeAsHoistable(instance$262);
-        var linkInstance = instance$262;
-        linkInstance._p = new Promise(function (resolve, reject) {
-          linkInstance.onload = resolve;
-          linkInstance.onerror = reject;
-        });
-        setInitialProperties(instance$262, "link", instance);
-        resource.state.loading |= 4;
-        insertStylesheet(instance$262, props.precedence, hoistableRoot);
-        return (resource.instance = instance$262);
-      case "script":
-        instance$262 = getScriptKey(props.src);
-        if (
-          (styleProps = hoistableRoot.querySelector(
-            getScriptSelectorFromKey(instance$262)
-          ))
-        )
-          return (
-            (resource.instance = styleProps),
-            markNodeAsHoistable(styleProps),
-            styleProps
-          );
-        instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$262)))
-          (instance = assign({}, props)),
-            adoptPreloadPropsForScript(instance, styleProps);
-        hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
-        styleProps = hoistableRoot.createElement("script");
-        markNodeAsHoistable(styleProps);
-        setInitialProperties(styleProps, "link", instance);
-        hoistableRoot.head.appendChild(styleProps);
-        return (resource.instance = styleProps);
-      case "void":
-        return null;
-      default:
-        throw Error(formatProdErrorMessage(443, resource.type));
-    }
-  else
-    "stylesheet" === resource.type &&
-      0 === (resource.state.loading & 4) &&
-      ((instance = resource.instance),
-      (resource.state.loading |= 4),
-      insertStylesheet(instance, props.precedence, hoistableRoot));
-  return resource.instance;
-}
-function insertStylesheet(instance, precedence, root) {
-  for (
-    var nodes = root.querySelectorAll(
-        'link[rel="stylesheet"][data-precedence],style[data-precedence]'
-      ),
-      last = nodes.length ? nodes[nodes.length - 1] : null,
-      prior = last,
-      i = 0;
-    i < nodes.length;
-    i++
-  ) {
-    var node = nodes[i];
-    if (node.dataset.precedence === precedence) prior = node;
-    else if (prior !== last) break;
-  }
-  prior
-    ? prior.parentNode.insertBefore(instance, prior.nextSibling)
-    : ((precedence = 9 === root.nodeType ? root.head : root),
-      precedence.insertBefore(instance, precedence.firstChild));
-}
-function adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps) {
-  null == stylesheetProps.crossOrigin &&
-    (stylesheetProps.crossOrigin = preloadProps.crossOrigin);
-  null == stylesheetProps.referrerPolicy &&
-    (stylesheetProps.referrerPolicy = preloadProps.referrerPolicy);
-  null == stylesheetProps.title && (stylesheetProps.title = preloadProps.title);
-}
-function adoptPreloadPropsForScript(scriptProps, preloadProps) {
-  null == scriptProps.crossOrigin &&
-    (scriptProps.crossOrigin = preloadProps.crossOrigin);
-  null == scriptProps.referrerPolicy &&
-    (scriptProps.referrerPolicy = preloadProps.referrerPolicy);
-  null == scriptProps.integrity &&
-    (scriptProps.integrity = preloadProps.integrity);
-}
-var tagCaches = null;
-function getHydratableHoistableCache(type, keyAttribute, ownerDocument) {
-  if (null === tagCaches) {
-    var cache = new Map();
-    var caches = (tagCaches = new Map());
-    caches.set(ownerDocument, cache);
-  } else
-    (caches = tagCaches),
-      (cache = caches.get(ownerDocument)),
-      cache || ((cache = new Map()), caches.set(ownerDocument, cache));
-  if (cache.has(type)) return cache;
-  cache.set(type, null);
-  ownerDocument = ownerDocument.getElementsByTagName(type);
-  for (caches = 0; caches < ownerDocument.length; caches++) {
-    var node = ownerDocument[caches];
-    if (
-      !(
-        node[internalHoistableMarker] ||
-        node[internalInstanceKey] ||
-        ("link" === type && "stylesheet" === node.getAttribute("rel"))
-      ) &&
-      "http://www.w3.org/2000/svg" !== node.namespaceURI
-    ) {
-      var nodeKey = node.getAttribute(keyAttribute) || "";
-      nodeKey = type + nodeKey;
-      var existing = cache.get(nodeKey);
-      existing ? existing.push(node) : cache.set(nodeKey, [node]);
-    }
-  }
-  return cache;
-}
-function mountHoistable(hoistableRoot, type, instance) {
-  hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
-  hoistableRoot.head.insertBefore(
-    instance,
-    "title" === type ? hoistableRoot.querySelector("head > title") : null
-  );
-}
-function isHostHoistableType(type, props, hostContext) {
-  if (1 === hostContext || null != props.itemProp) return !1;
-  switch (type) {
-    case "meta":
-    case "title":
-      return !0;
-    case "style":
-      if (
-        "string" !== typeof props.precedence ||
-        "string" !== typeof props.href ||
-        "" === props.href
-      )
-        break;
-      return !0;
-    case "link":
-      if (
-        "string" !== typeof props.rel ||
-        "string" !== typeof props.href ||
-        "" === props.href ||
-        props.onLoad ||
-        props.onError
-      )
-        break;
-      switch (props.rel) {
-        case "stylesheet":
-          return (
-            (type = props.disabled),
-            "string" === typeof props.precedence && null == type
-          );
-        default:
-          return !0;
-      }
-    case "script":
-      if (
-        props.async &&
-        "function" !== typeof props.async &&
-        "symbol" !== typeof props.async &&
-        !props.onLoad &&
-        !props.onError &&
-        props.src &&
-        "string" === typeof props.src
-      )
-        return !0;
-  }
-  return !1;
-}
-var suspendedState = null;
-function noop() {}
-function suspendResource(hoistableRoot, resource, props) {
-  if (null === suspendedState) throw Error(formatProdErrorMessage(475));
-  var state = suspendedState;
-  if (
-    "stylesheet" === resource.type &&
-    ("string" !== typeof props.media ||
-      !1 !== matchMedia(props.media).matches) &&
-    0 === (resource.state.loading & 4)
-  ) {
-    if (null === resource.instance) {
-      var key = getStyleKey(props.href),
-        instance = hoistableRoot.querySelector(
-          getStylesheetSelectorFromKey(key)
-        );
-      if (instance) {
-        hoistableRoot = instance._p;
-        null !== hoistableRoot &&
-          "object" === typeof hoistableRoot &&
-          "function" === typeof hoistableRoot.then &&
-          (state.count++,
-          (state = onUnsuspend.bind(state)),
-          hoistableRoot.then(state, state));
-        resource.state.loading |= 4;
-        resource.instance = instance;
-        markNodeAsHoistable(instance);
-        return;
-      }
-      instance = hoistableRoot.ownerDocument || hoistableRoot;
-      props = stylesheetPropsFromRawProps(props);
-      (key = preloadPropsMap.get(key)) &&
-        adoptPreloadPropsForStylesheet(props, key);
-      instance = instance.createElement("link");
-      markNodeAsHoistable(instance);
-      var linkInstance = instance;
-      linkInstance._p = new Promise(function (resolve, reject) {
-        linkInstance.onload = resolve;
-        linkInstance.onerror = reject;
-      });
-      setInitialProperties(instance, "link", props);
-      resource.instance = instance;
-    }
-    null === state.stylesheets && (state.stylesheets = new Map());
-    state.stylesheets.set(resource, hoistableRoot);
-    (hoistableRoot = resource.state.preload) &&
-      0 === (resource.state.loading & 3) &&
-      (state.count++,
-      (resource = onUnsuspend.bind(state)),
-      hoistableRoot.addEventListener("load", resource),
-      hoistableRoot.addEventListener("error", resource));
-  }
-}
-function waitForCommitToBeReady() {
-  if (null === suspendedState) throw Error(formatProdErrorMessage(475));
-  var state = suspendedState;
-  state.stylesheets &&
-    0 === state.count &&
-    insertSuspendedStylesheets(state, state.stylesheets);
-  return 0 < state.count
-    ? function (commit) {
-        var stylesheetTimer = setTimeout(function () {
-          state.stylesheets &&
-            insertSuspendedStylesheets(state, state.stylesheets);
-          if (state.unsuspend) {
-            var unsuspend = state.unsuspend;
-            state.unsuspend = null;
-            unsuspend();
-          }
-        }, 6e4);
-        state.unsuspend = commit;
-        return function () {
-          state.unsuspend = null;
-          clearTimeout(stylesheetTimer);
-        };
-      }
-    : null;
-}
-function onUnsuspend() {
-  this.count--;
-  if (0 === this.count)
-    if (this.stylesheets) insertSuspendedStylesheets(this, this.stylesheets);
-    else if (this.unsuspend) {
-      var unsuspend = this.unsuspend;
-      this.unsuspend = null;
-      unsuspend();
-    }
-}
-var precedencesByRoot = null;
-function insertSuspendedStylesheets(state, resources) {
-  state.stylesheets = null;
-  null !== state.unsuspend &&
-    (state.count++,
-    (precedencesByRoot = new Map()),
-    resources.forEach(insertStylesheetIntoRoot, state),
-    (precedencesByRoot = null),
-    onUnsuspend.call(state));
-}
-function insertStylesheetIntoRoot(root, resource) {
-  if (!(resource.state.loading & 4)) {
-    var precedences = precedencesByRoot.get(root);
-    if (precedences) var last = precedences.get(null);
-    else {
-      precedences = new Map();
-      precedencesByRoot.set(root, precedences);
-      for (
-        var nodes = root.querySelectorAll(
-            "link[data-precedence],style[data-precedence]"
-          ),
-          i = 0;
-        i < nodes.length;
-        i++
-      ) {
-        var node = nodes[i];
-        if (
-          "link" === node.nodeName ||
-          "not all" !== node.getAttribute("media")
-        )
-          precedences.set(node.dataset.precedence, node), (last = node);
-      }
-      last && precedences.set(null, last);
-    }
-    nodes = resource.instance;
-    node = nodes.getAttribute("data-precedence");
-    i = precedences.get(node) || last;
-    i === last && precedences.set(null, nodes);
-    precedences.set(node, nodes);
-    this.count++;
-    last = onUnsuspend.bind(this);
-    nodes.addEventListener("load", last);
-    nodes.addEventListener("error", last);
-    i
-      ? i.parentNode.insertBefore(nodes, i.nextSibling)
-      : ((root = 9 === root.nodeType ? root.head : root),
-        root.insertBefore(nodes, root.firstChild));
-    resource.state.loading |= 4;
-  }
-}
 function FiberRootNode(
   containerInfo,
   tag,
@@ -15657,14 +15673,9 @@ function getContextForSubtree(parentComponent) {
   parentComponent = emptyContextObject;
   return parentComponent;
 }
-function updateContainerImpl(
-  rootFiber,
-  lane,
-  element,
-  container,
-  parentComponent,
-  callback
-) {
+function updateContainer(element, container, parentComponent, callback) {
+  var current = container.current,
+    lane = requestUpdateLane();
   parentComponent = getContextForSubtree(parentComponent);
   null === container.context
     ? (container.context = parentComponent)
@@ -15673,10 +15684,33 @@ function updateContainerImpl(
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  element = enqueueUpdate(rootFiber, container, lane);
+  element = enqueueUpdate(current, container, lane);
   null !== element &&
-    (scheduleUpdateOnFiber(element, rootFiber, lane),
-    entangleTransitions(element, rootFiber, lane));
+    (scheduleUpdateOnFiber(element, current, lane),
+    entangleTransitions(element, current, lane));
+  return lane;
+}
+function attemptSynchronousHydration(fiber) {
+  switch (fiber.tag) {
+    case 3:
+      var root$277 = fiber.stateNode;
+      if (root$277.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$277.pendingLanes);
+        0 !== lanes &&
+          (upgradePendingLanesToSync(root$277, lanes),
+          ensureRootIsScheduled(root$277),
+          0 === (executionContext & 6) &&
+            ((workInProgressRootRenderTargetTime = now() + 500),
+            flushSyncWorkAcrossRoots_impl(!1)));
+      }
+      break;
+    case 13:
+      flushSync$1(function () {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root && scheduleUpdateOnFiber(root, fiber, 2);
+      }),
+        markRetryLaneIfNotHydrated(fiber, 2);
+  }
 }
 function markRetryLaneImpl(fiber, retryLane) {
   fiber = fiber.memoizedState;
@@ -15699,7 +15733,8 @@ function attemptContinuousHydration(fiber) {
 function emptyFindFiberByHostInstance() {
   return null;
 }
-var _enabled = !0;
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  _enabled = !0;
 function createEventListenerWrapperWithPriority(
   targetContainer,
   domEventName,
@@ -15728,14 +15763,15 @@ function dispatchDiscreteEvent(
   container,
   nativeEvent
 ) {
-  var prevTransition = ReactSharedInternals.T;
-  ReactSharedInternals.T = null;
-  var previousPriority = Internals.p;
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
   try {
-    (Internals.p = 2),
+    (currentUpdatePriority = 2),
       dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
   }
 }
 function dispatchContinuousEvent(
@@ -15744,14 +15780,15 @@ function dispatchContinuousEvent(
   container,
   nativeEvent
 ) {
-  var prevTransition = ReactSharedInternals.T;
-  ReactSharedInternals.T = null;
-  var previousPriority = Internals.p;
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
   try {
-    (Internals.p = 8),
+    (currentUpdatePriority = 8),
       dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
   }
 }
 function dispatchEvent(
@@ -15788,33 +15825,7 @@ function dispatchEvent(
     ) {
       for (; null !== blockedOn; ) {
         var fiber = getInstanceFromNode$1(blockedOn);
-        if (null !== fiber)
-          switch (fiber.tag) {
-            case 3:
-              fiber = fiber.stateNode;
-              if (fiber.current.memoizedState.isDehydrated) {
-                var lanes = getHighestPriorityLanes(fiber.pendingLanes);
-                if (0 !== lanes) {
-                  var root = fiber;
-                  root.pendingLanes |= 2;
-                  for (root.entangledLanes |= 2; lanes; ) {
-                    var lane = 1 << (31 - clz32(lanes));
-                    root.entanglements[1] |= lane;
-                    lanes &= ~lane;
-                  }
-                  ensureRootIsScheduled(fiber);
-                  0 === (executionContext & 6) &&
-                    ((workInProgressRootRenderTargetTime = now() + 500),
-                    flushSyncWorkAcrossRoots_impl(!1));
-                }
-              }
-              break;
-            case 13:
-              (root = enqueueConcurrentRenderForLane(fiber, 2)),
-                null !== root && scheduleUpdateOnFiber(root, fiber, 2),
-                flushSyncWork$1(),
-                markRetryLaneIfNotHydrated(fiber, 2);
-          }
+        null !== fiber && attemptSynchronousHydration(fiber);
         fiber = findInstanceBlockingEvent(nativeEvent);
         null === fiber &&
           dispatchEventForPluginEventSystem(
@@ -16284,9 +16295,7 @@ ReactDOMHydrationRoot.prototype.render = ReactDOMRoot.prototype.render =
   function (children) {
     var root = this._internalRoot;
     if (null === root) throw Error(formatProdErrorMessage(409));
-    var current = root.current,
-      lane = requestUpdateLane();
-    updateContainerImpl(current, lane, children, root, null, null);
+    updateContainer(children, root, null, null);
   };
 ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
   function () {
@@ -16294,9 +16303,9 @@ ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
     if (null !== root) {
       this._internalRoot = null;
       var container = root.containerInfo;
-      0 === root.tag && flushPassiveEffects();
-      updateContainerImpl(root.current, 2, null, root, null, null);
-      flushSyncWork$1();
+      flushSync$1(function () {
+        updateContainer(null, root, null, null);
+      });
       container[internalContainerInstanceKey] = null;
     }
   };
@@ -16305,7 +16314,7 @@ function ReactDOMHydrationRoot(internalRoot) {
 }
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
   if (target) {
-    var updatePriority = resolveUpdatePriority();
+    var updatePriority = currentUpdatePriority;
     target = { blockedOn: null, target: target, priority: updatePriority };
     for (
       var i = 0;
@@ -16354,6 +16363,7 @@ function getCrossOriginStringAs(as, input) {
   if ("string" === typeof input)
     return "use-credentials" === input ? input : "";
 }
+var ReactDOMCurrentDispatcher = Internals.ReactDOMCurrentDispatcher;
 Internals.findDOMNode = function (componentOrElement) {
   var fiber = componentOrElement._reactInternals;
   if (void 0 === fiber) {
@@ -16378,17 +16388,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   unstable_batchedUpdates
 ];
-var devToolsConfig$jscomp$inline_1722 = {
+var devToolsConfig$jscomp$inline_1687 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "19.0.0-www-modern-35d2c5f0",
+  version: "19.0.0-www-modern-182c8cda",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2162 = {
-  bundleType: devToolsConfig$jscomp$inline_1722.bundleType,
-  version: devToolsConfig$jscomp$inline_1722.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1722.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1722.rendererConfig,
+var internals$jscomp$inline_2114 = {
+  bundleType: devToolsConfig$jscomp$inline_1687.bundleType,
+  version: devToolsConfig$jscomp$inline_1687.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1687.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1687.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16398,32 +16408,32 @@ var internals$jscomp$inline_2162 = {
   setErrorHandler: null,
   setSuspenseHandler: null,
   scheduleUpdate: null,
-  currentDispatcherRef: ReactSharedInternals,
+  currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
   findHostInstanceByFiber: function (fiber) {
     fiber = findCurrentHostFiber(fiber);
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1722.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1687.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "19.0.0-www-modern-35d2c5f0"
+  reconcilerVersion: "19.0.0-www-modern-182c8cda"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2163 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2115 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2163.isDisabled &&
-    hook$jscomp$inline_2163.supportsFiber
+    !hook$jscomp$inline_2115.isDisabled &&
+    hook$jscomp$inline_2115.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2163.inject(
-        internals$jscomp$inline_2162
+      (rendererID = hook$jscomp$inline_2115.inject(
+        internals$jscomp$inline_2114
       )),
-        (injectedHook = hook$jscomp$inline_2163);
+        (injectedHook = hook$jscomp$inline_2115);
     } catch (err) {}
 }
 var ReactFiberErrorDialogWWW = require("ReactFiberErrorDialog");
@@ -16447,8 +16457,7 @@ function wwwOnCaughtError(error, errorInfo) {
         null != errorInfo.componentStack ? errorInfo.componentStack : ""
     }) && defaultOnCaughtError(error);
 }
-exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
-  Internals;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createPortal = function (children, container) {
   var key =
     2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null;
@@ -16504,15 +16513,7 @@ exports.createRoot = function (container, options) {
   return new ReactDOMRoot(options);
 };
 exports.flushSync = function (fn) {
-  var previousTransition = ReactSharedInternals.T,
-    previousUpdatePriority = Internals.p;
-  try {
-    if (((ReactSharedInternals.T = null), (Internals.p = 2), fn)) return fn();
-  } finally {
-    (ReactSharedInternals.T = previousTransition),
-      (Internals.p = previousUpdatePriority),
-      Internals.d.f();
-  }
+  return flushSync$1(fn);
 };
 exports.hydrateRoot = function (container, initialChildren, options) {
   options = assign(
@@ -16582,10 +16583,11 @@ exports.preconnect = function (href, options) {
               : ""
             : void 0))
       : (options = null),
-    Internals.d.C(href, options));
+    ReactDOMCurrentDispatcher.current.preconnect(href, options));
 };
 exports.prefetchDNS = function (href) {
-  "string" === typeof href && Internals.d.D(href);
+  "string" === typeof href &&
+    ReactDOMCurrentDispatcher.current.prefetchDNS(href);
 };
 exports.preinit = function (href, options) {
   if ("string" === typeof href && options && "string" === typeof options.as) {
@@ -16598,7 +16600,7 @@ exports.preinit = function (href, options) {
           ? options.fetchPriority
           : void 0;
     "style" === as
-      ? Internals.d.S(
+      ? ReactDOMCurrentDispatcher.current.preinitStyle(
           href,
           "string" === typeof options.precedence ? options.precedence : void 0,
           {
@@ -16608,7 +16610,7 @@ exports.preinit = function (href, options) {
           }
         )
       : "script" === as &&
-        Internals.d.X(href, {
+        ReactDOMCurrentDispatcher.current.preinitScript(href, {
           crossOrigin: crossOrigin,
           integrity: integrity,
           fetchPriority: fetchPriority,
@@ -16624,14 +16626,16 @@ exports.preinitModule = function (href, options) {
           options.as,
           options.crossOrigin
         );
-        Internals.d.M(href, {
+        ReactDOMCurrentDispatcher.current.preinitModuleScript(href, {
           crossOrigin: crossOrigin,
           integrity:
             "string" === typeof options.integrity ? options.integrity : void 0,
           nonce: "string" === typeof options.nonce ? options.nonce : void 0
         });
       }
-    } else null == options && Internals.d.M(href);
+    } else
+      null == options &&
+        ReactDOMCurrentDispatcher.current.preinitModuleScript(href);
 };
 exports.preload = function (href, options) {
   if (
@@ -16642,7 +16646,7 @@ exports.preload = function (href, options) {
   ) {
     var as = options.as,
       crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
-    Internals.d.L(href, as, {
+    ReactDOMCurrentDispatcher.current.preload(href, as, {
       crossOrigin: crossOrigin,
       integrity:
         "string" === typeof options.integrity ? options.integrity : void 0,
@@ -16668,7 +16672,7 @@ exports.preloadModule = function (href, options) {
   if ("string" === typeof href)
     if (options) {
       var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
-      Internals.d.m(href, {
+      ReactDOMCurrentDispatcher.current.preloadModule(href, {
         as:
           "string" === typeof options.as && "script" !== options.as
             ? options.as
@@ -16677,10 +16681,7 @@ exports.preloadModule = function (href, options) {
         integrity:
           "string" === typeof options.integrity ? options.integrity : void 0
       });
-    } else Internals.d.m(href);
-};
-exports.requestFormReset = function (form) {
-  Internals.d.r(form);
+    } else ReactDOMCurrentDispatcher.current.preloadModule(href);
 };
 exports.unstable_batchedUpdates = unstable_batchedUpdates;
 exports.unstable_createEventHandle = function (type, options) {
@@ -16714,9 +16715,13 @@ exports.unstable_createEventHandle = function (type, options) {
 };
 exports.unstable_runWithPriority = runWithPriority;
 exports.useFormState = function (action, initialState, permalink) {
-  return ReactSharedInternals.H.useFormState(action, initialState, permalink);
+  return ReactCurrentDispatcher$2.current.useFormState(
+    action,
+    initialState,
+    permalink
+  );
 };
 exports.useFormStatus = function () {
-  return ReactSharedInternals.H.useHostTransitionStatus();
+  return ReactCurrentDispatcher$2.current.useHostTransitionStatus();
 };
-exports.version = "19.0.0-www-modern-35d2c5f0";
+exports.version = "19.0.0-www-modern-182c8cda";
diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js
index e1a79d6259..26b40e0491 100644
--- a/compiled/facebook-www/ReactDOM-profiling.classic.js
+++ b/compiled/facebook-www/ReactDOM-profiling.classic.js
@@ -37,8 +37,9 @@ function formatProdErrorMessage(code) {
   );
 }
 var ReactSharedInternals =
-    React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
+  disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
@@ -351,7 +352,97 @@ function doesFiberContain(parentFiber, childFiber) {
   return !1;
 }
 var currentReplayingEvent = null,
-  scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
+  ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher,
+  sharedNotPendingObject = {
+    pending: !1,
+    data: null,
+    method: null,
+    action: null
+  },
+  valueStack = [],
+  index = -1;
+function createCursor(defaultValue) {
+  return { current: defaultValue };
+}
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var contextStackCursor$1 = createCursor(null),
+  contextFiberStackCursor = createCursor(null),
+  rootInstanceStackCursor = createCursor(null),
+  hostTransitionProviderCursor = createCursor(null),
+  HostTransitionContext = {
+    $$typeof: REACT_CONTEXT_TYPE,
+    Provider: null,
+    Consumer: null,
+    _currentValue: null,
+    _currentValue2: null,
+    _threadCount: 0
+  };
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor$1, null);
+  fiber = nextRootInstance.nodeType;
+  switch (fiber) {
+    case 9:
+    case 11:
+      nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
+        ? (nextRootInstance = nextRootInstance.namespaceURI)
+          ? getOwnHostContext(nextRootInstance)
+          : 0
+        : 0;
+      break;
+    default:
+      if (
+        ((fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
+        (nextRootInstance = fiber.tagName),
+        (fiber = fiber.namespaceURI))
+      )
+        (fiber = getOwnHostContext(fiber)),
+          (nextRootInstance = getChildHostContextProd(fiber, nextRootInstance));
+      else
+        switch (nextRootInstance) {
+          case "svg":
+            nextRootInstance = 1;
+            break;
+          case "math":
+            nextRootInstance = 2;
+            break;
+          default:
+            nextRootInstance = 0;
+        }
+  }
+  pop(contextStackCursor$1);
+  push(contextStackCursor$1, nextRootInstance);
+}
+function popHostContainer() {
+  pop(contextStackCursor$1);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
+}
+function pushHostContext(fiber) {
+  null !== fiber.memoizedState && push(hostTransitionProviderCursor, fiber);
+  var context = contextStackCursor$1.current;
+  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
+  context !== JSCompiler_inline_result &&
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor$1, JSCompiler_inline_result));
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
+  hostTransitionProviderCursor.current === fiber &&
+    (pop(hostTransitionProviderCursor),
+    (HostTransitionContext._currentValue = null));
+}
+var scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
   cancelCallback$1 = Scheduler.unstable_cancelCallback,
   shouldYield = Scheduler.unstable_shouldYield,
   requestPaint = Scheduler.unstable_requestPaint,
@@ -700,6 +791,14 @@ function markRootEntangled(root, entangledLanes) {
     rootEntangledLanes &= ~lane;
   }
 }
+function upgradePendingLanesToSync(root, lanesToUpgrade) {
+  root.pendingLanes |= 2;
+  for (root.entangledLanes |= 2; lanesToUpgrade; ) {
+    var lane = 1 << (31 - clz32(lanesToUpgrade));
+    root.entanglements[1] |= lane;
+    lanesToUpgrade &= ~lane;
+  }
+}
 function addFiberToLanesMap(root, fiber, lanes) {
   if (isDevToolsPresent)
     for (root = root.pendingUpdatersLaneMap; 0 < lanes; ) {
@@ -754,6 +853,15 @@ function clearTransitionsForLanes(root, lanes) {
       lanes &= ~lane;
     }
 }
+var currentUpdatePriority = 0;
+function runWithPriority(priority, fn) {
+  var previousPriority = currentUpdatePriority;
+  try {
+    return (currentUpdatePriority = priority), fn();
+  } finally {
+    currentUpdatePriority = previousPriority;
+  }
+}
 function lanesToEventPriority(lanes) {
   lanes &= -lanes;
   return 2 < lanes
@@ -764,128 +872,8 @@ function lanesToEventPriority(lanes) {
       : 8
     : 2;
 }
-function noop$3() {}
-var Internals = {
-    Events: null,
-    d: {
-      f: noop$3,
-      r: noop$3,
-      D: noop$3,
-      C: noop$3,
-      L: noop$3,
-      m: noop$3,
-      X: noop$3,
-      S: noop$3,
-      M: noop$3
-    },
-    p: 0,
-    findDOMNode: null
-  },
-  sharedNotPendingObject = {
-    pending: !1,
-    data: null,
-    method: null,
-    action: null
-  },
-  valueStack = [],
-  index = -1;
-function createCursor(defaultValue) {
-  return { current: defaultValue };
-}
-function pop(cursor) {
-  0 > index ||
-    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
-}
-function push(cursor, value) {
-  index++;
-  valueStack[index] = cursor.current;
-  cursor.current = value;
-}
-var contextStackCursor$1 = createCursor(null),
-  contextFiberStackCursor = createCursor(null),
-  rootInstanceStackCursor = createCursor(null),
-  hostTransitionProviderCursor = createCursor(null),
-  HostTransitionContext = {
-    $$typeof: REACT_CONTEXT_TYPE,
-    Provider: null,
-    Consumer: null,
-    _currentValue: null,
-    _currentValue2: null,
-    _threadCount: 0
-  };
-function pushHostContainer(fiber, nextRootInstance) {
-  push(rootInstanceStackCursor, nextRootInstance);
-  push(contextFiberStackCursor, fiber);
-  push(contextStackCursor$1, null);
-  fiber = nextRootInstance.nodeType;
-  switch (fiber) {
-    case 9:
-    case 11:
-      nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
-        ? (nextRootInstance = nextRootInstance.namespaceURI)
-          ? getOwnHostContext(nextRootInstance)
-          : 0
-        : 0;
-      break;
-    default:
-      if (
-        ((fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
-        (nextRootInstance = fiber.tagName),
-        (fiber = fiber.namespaceURI))
-      )
-        (fiber = getOwnHostContext(fiber)),
-          (nextRootInstance = getChildHostContextProd(fiber, nextRootInstance));
-      else
-        switch (nextRootInstance) {
-          case "svg":
-            nextRootInstance = 1;
-            break;
-          case "math":
-            nextRootInstance = 2;
-            break;
-          default:
-            nextRootInstance = 0;
-        }
-  }
-  pop(contextStackCursor$1);
-  push(contextStackCursor$1, nextRootInstance);
-}
-function popHostContainer() {
-  pop(contextStackCursor$1);
-  pop(contextFiberStackCursor);
-  pop(rootInstanceStackCursor);
-}
-function pushHostContext(fiber) {
-  null !== fiber.memoizedState && push(hostTransitionProviderCursor, fiber);
-  var context = contextStackCursor$1.current;
-  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
-  context !== JSCompiler_inline_result &&
-    (push(contextFiberStackCursor, fiber),
-    push(contextStackCursor$1, JSCompiler_inline_result));
-}
-function popHostContext(fiber) {
-  contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
-  hostTransitionProviderCursor.current === fiber &&
-    (pop(hostTransitionProviderCursor),
-    (HostTransitionContext._currentValue = null));
-}
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-function resolveUpdatePriority() {
-  var updatePriority = Internals.p;
-  if (0 !== updatePriority) return updatePriority;
-  updatePriority = window.event;
-  return void 0 === updatePriority ? 32 : getEventPriority(updatePriority.type);
-}
-function runWithPriority(priority, fn) {
-  var previousPriority = Internals.p;
-  try {
-    return (Internals.p = priority), fn();
-  } finally {
-    Internals.p = previousPriority;
-  }
-}
-var allNativeEvents = new Set();
+var hasOwnProperty = Object.prototype.hasOwnProperty,
+  allNativeEvents = new Set();
 allNativeEvents.add("beforeblur");
 allNativeEvents.add("afterblur");
 var registrationNameDependencies = {};
@@ -1404,6 +1392,29 @@ function initTextarea(element, value, defaultValue, children) {
     null !== children &&
     (element.value = children);
 }
+var reusableSVGContainer;
+function setInnerHTMLImpl(node, html) {
+  if ("http://www.w3.org/2000/svg" !== node.namespaceURI || "innerHTML" in node)
+    node.innerHTML = html;
+  else {
+    reusableSVGContainer =
+      reusableSVGContainer || document.createElement("div");
+    reusableSVGContainer.innerHTML =
+      "<svg>" + html.valueOf().toString() + "</svg>";
+    for (html = reusableSVGContainer.firstChild; node.firstChild; )
+      node.removeChild(node.firstChild);
+    for (; html.firstChild; ) node.appendChild(html.firstChild);
+  }
+}
+var setInnerHTML = setInnerHTMLImpl;
+"undefined" !== typeof MSApp &&
+  MSApp.execUnsafeLocalFunction &&
+  (setInnerHTML = function (node, html) {
+    return MSApp.execUnsafeLocalFunction(function () {
+      return setInnerHTMLImpl(node, html);
+    });
+  });
+var setInnerHTML$1 = setInnerHTML;
 function setTextContent(node, text) {
   if (text) {
     var firstChild = node.firstChild;
@@ -1888,7 +1899,7 @@ function prepareToHydrateHostInstance(fiber) {
     ? (null != props.onScroll && listenToNonDelegatedEvent("scroll", instance),
       null != props.onScrollEnd &&
         listenToNonDelegatedEvent("scrollend", instance),
-      null != props.onClick && (instance.onclick = noop$1),
+      null != props.onClick && (instance.onclick = noop$2),
       (instance = !0))
     : (instance = !1);
   !instance && favorSafetyOverHydrationPerf && throwOnHydrationMismatch(fiber);
@@ -2528,12 +2539,12 @@ function isThenableResolved(thenable) {
   thenable = thenable.status;
   return "fulfilled" === thenable || "rejected" === thenable;
 }
-function noop$2() {}
+function noop$3() {}
 function trackUsedThenable(thenableState, thenable, index) {
   index = thenableState[index];
   void 0 === index
     ? thenableState.push(thenable)
-    : index !== thenable && (thenable.then(noop$2, noop$2), (thenable = index));
+    : index !== thenable && (thenable.then(noop$3, noop$3), (thenable = index));
   switch (thenable.status) {
     case "fulfilled":
       return thenable.value;
@@ -2543,7 +2554,7 @@ function trackUsedThenable(thenableState, thenable, index) {
         throw Error(formatProdErrorMessage(483));
       throw thenableState;
     default:
-      if ("string" === typeof thenable.status) thenable.then(noop$2, noop$2);
+      if ("string" === typeof thenable.status) thenable.then(noop$3, noop$3);
       else {
         thenableState = workInProgressRoot;
         if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
@@ -2595,11 +2606,51 @@ function unwrapThenable(thenable) {
   null === thenableState$1 && (thenableState$1 = []);
   return trackUsedThenable(thenableState$1, thenable, index);
 }
+function convertStringRefToCallbackRef(
+  returnFiber,
+  current,
+  element,
+  mixedRef
+) {
+  function ref(value) {
+    var refs = inst.refs;
+    null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+  }
+  var stringRef = "" + mixedRef;
+  returnFiber = element._owner;
+  if (!returnFiber) throw Error(formatProdErrorMessage(290, stringRef));
+  if (1 !== returnFiber.tag) throw Error(formatProdErrorMessage(309));
+  var inst = returnFiber.stateNode;
+  if (!inst) throw Error(formatProdErrorMessage(147, stringRef));
+  if (
+    null !== current &&
+    null !== current.ref &&
+    "function" === typeof current.ref &&
+    current.ref._stringRef === stringRef
+  )
+    return current.ref;
+  ref._stringRef = stringRef;
+  return ref;
+}
 function coerceRef(returnFiber, current, workInProgress, element) {
-  enableRefAsProp
-    ? ((returnFiber = element.props.ref),
-      (returnFiber = void 0 !== returnFiber ? returnFiber : null))
-    : (returnFiber = element.ref);
+  if (enableRefAsProp) {
+    var mixedRef = element.props.ref;
+    mixedRef = void 0 !== mixedRef ? mixedRef : null;
+  } else mixedRef = element.ref;
+  "string" === typeof mixedRef ||
+  "number" === typeof mixedRef ||
+  "boolean" === typeof mixedRef
+    ? ((returnFiber = convertStringRefToCallbackRef(
+        returnFiber,
+        current,
+        element,
+        mixedRef
+      )),
+      enableRefAsProp &&
+        ((current = assign({}, workInProgress.pendingProps)),
+        (current.ref = returnFiber),
+        (workInProgress.pendingProps = current)))
+    : (returnFiber = mixedRef);
   workInProgress.ref = returnFiber;
 }
 function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -3378,7 +3429,9 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-var renderLanes = 0,
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig,
+  renderLanes = 0,
   currentlyRenderingFiber$1 = null,
   currentHook = null,
   workInProgressHook = null,
@@ -3411,7 +3464,7 @@ function renderWithHooks(
   workInProgress.memoizedState = null;
   workInProgress.updateQueue = null;
   workInProgress.lanes = 0;
-  ReactSharedInternals.H =
+  ReactCurrentDispatcher$1.current =
     null === current || null === current.memoizedState
       ? HooksDispatcherOnMount
       : HooksDispatcherOnUpdate;
@@ -3429,7 +3482,7 @@ function renderWithHooks(
   return nextRenderLanes;
 }
 function finishRenderingHooks(current) {
-  ReactSharedInternals.H = ContextOnlyDispatcher;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
   var didRenderTooFewHooks = null !== currentHook && null !== currentHook.next;
   renderLanes = 0;
   workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
@@ -3456,22 +3509,16 @@ function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
     numberOfReRenders += 1;
     workInProgressHook = currentHook = null;
     workInProgress.updateQueue = null;
-    ReactSharedInternals.H = HooksDispatcherOnRerender;
+    ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
     var children = Component(props, secondArg);
   } while (didScheduleRenderPhaseUpdateDuringThisPass);
   return children;
 }
 function TransitionAwareHostComponent() {
-  var dispatcher = ReactSharedInternals.H,
-    maybeThenable = dispatcher.useState()[0];
-  maybeThenable =
-    "function" === typeof maybeThenable.then
-      ? useThenable(maybeThenable)
-      : maybeThenable;
-  dispatcher = dispatcher.useState()[0];
-  (null !== currentHook ? currentHook.memoizedState : null) !== dispatcher &&
-    (currentlyRenderingFiber$1.flags |= 1024);
-  return maybeThenable;
+  var maybeThenable = ReactCurrentDispatcher$1.current.useState()[0];
+  return "function" === typeof maybeThenable.then
+    ? useThenable(maybeThenable)
+    : maybeThenable;
 }
 function checkDidRenderIdHook() {
   var didRenderIdHook = 0 !== localIdCounter;
@@ -3562,7 +3609,7 @@ function useThenable(thenable) {
     (null === workInProgressHook
       ? null === currentlyRenderingFiber$1.memoizedState
       : null === workInProgressHook.next) &&
-    (ReactSharedInternals.H = HooksDispatcherOnMount);
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
   return thenable;
 }
 function use(usable) {
@@ -3866,9 +3913,9 @@ function dispatchActionState(
 function runActionStateAction(actionQueue, setPendingState, setState, payload) {
   var action = actionQueue.action,
     prevState = actionQueue.state,
-    prevTransition = ReactSharedInternals.T,
+    prevTransition = ReactCurrentBatchConfig$3.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$3.transition = currentTransition;
   setPendingState(!0);
   try {
     var returnValue = action(prevState, payload);
@@ -3901,7 +3948,7 @@ function runActionStateAction(actionQueue, setPendingState, setState, payload) {
     setState({ then: function () {}, status: "rejected", reason: error }),
       finishRunningActionStateAction(actionQueue, setPendingState, setState);
   } finally {
-    ReactSharedInternals.T = prevTransition;
+    ReactCurrentBatchConfig$3.transition = prevTransition;
   }
 }
 function finishRunningActionStateAction(
@@ -4217,18 +4264,18 @@ function startTransition(
   callback,
   options
 ) {
-  var previousPriority = Internals.p;
-  Internals.p =
+  var previousPriority = currentUpdatePriority;
+  currentUpdatePriority =
     0 !== previousPriority && 8 > previousPriority ? previousPriority : 8;
-  var prevTransition = ReactSharedInternals.T,
+  var prevTransition = ReactCurrentBatchConfig$3.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$3.transition = currentTransition;
   dispatchOptimisticSetState(fiber, !1, queue, pendingState);
   enableTransitionTracing &&
     void 0 !== options &&
     void 0 !== options.name &&
-    ((currentTransition.name = options.name),
-    (currentTransition.startTime = now$1()));
+    ((ReactCurrentBatchConfig$3.transition.name = options.name),
+    (ReactCurrentBatchConfig$3.transition.startTime = now$1()));
   try {
     var returnValue = callback();
     if (
@@ -4250,63 +4297,42 @@ function startTransition(
       reason: error
     });
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig$3.transition = prevTransition);
   }
 }
 function startHostTransition(formFiber, pendingState, callback, formData) {
   if (5 !== formFiber.tag) throw Error(formatProdErrorMessage(476));
-  var queue = ensureFormComponentIsStateful(formFiber).queue;
+  if (null === formFiber.memoizedState) {
+    var newQueue = {
+      pending: null,
+      lanes: 0,
+      dispatch: null,
+      lastRenderedReducer: basicStateReducer,
+      lastRenderedState: sharedNotPendingObject
+    };
+    var queue = newQueue;
+    newQueue = {
+      memoizedState: sharedNotPendingObject,
+      baseState: sharedNotPendingObject,
+      baseQueue: null,
+      queue: newQueue,
+      next: null
+    };
+    formFiber.memoizedState = newQueue;
+    var alternate = formFiber.alternate;
+    null !== alternate && (alternate.memoizedState = newQueue);
+  } else queue = formFiber.memoizedState.queue;
   startTransition(
     formFiber,
     queue,
     pendingState,
     sharedNotPendingObject,
     function () {
-      requestFormReset$1(formFiber);
       return callback(formData);
     }
   );
 }
-function ensureFormComponentIsStateful(formFiber) {
-  var existingStateHook = formFiber.memoizedState;
-  if (null !== existingStateHook) return existingStateHook;
-  existingStateHook = {
-    memoizedState: sharedNotPendingObject,
-    baseState: sharedNotPendingObject,
-    baseQueue: null,
-    queue: {
-      pending: null,
-      lanes: 0,
-      dispatch: null,
-      lastRenderedReducer: basicStateReducer,
-      lastRenderedState: sharedNotPendingObject
-    },
-    next: null
-  };
-  var initialResetState = {};
-  existingStateHook.next = {
-    memoizedState: initialResetState,
-    baseState: initialResetState,
-    baseQueue: null,
-    queue: {
-      pending: null,
-      lanes: 0,
-      dispatch: null,
-      lastRenderedReducer: basicStateReducer,
-      lastRenderedState: initialResetState
-    },
-    next: null
-  };
-  formFiber.memoizedState = existingStateHook;
-  formFiber = formFiber.alternate;
-  null !== formFiber && (formFiber.memoizedState = existingStateHook);
-  return existingStateHook;
-}
-function requestFormReset$1(formFiber) {
-  requestCurrentTransition();
-  var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue;
-  dispatchSetState(formFiber, resetStateQueue, {});
-}
 function useHostTransitionStatus() {
   var status = readContext(HostTransitionContext);
   return null !== status ? status : sharedNotPendingObject;
@@ -4324,14 +4350,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$62 = enqueueUpdate(provider, fiber, lane);
-        null !== root$62 &&
-          (scheduleUpdateOnFiber(root$62, provider, lane),
-          entangleTransitions(root$62, provider, lane));
+        var root$63 = enqueueUpdate(provider, fiber, lane);
+        null !== root$63 &&
+          (scheduleUpdateOnFiber(root$63, provider, lane),
+          entangleTransitions(root$63, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$62 &&
+          null !== root$63 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4987,20 +5013,19 @@ function resolveClassComponentProps(
   alreadyResolvedDefaultProps
 ) {
   var newProps = baseProps;
-  if (enableRefAsProp && "ref" in baseProps) {
-    newProps = {};
-    for (var propName in baseProps)
-      "ref" !== propName && (newProps[propName] = baseProps[propName]);
-  }
   if (
     (Component = Component.defaultProps) &&
     (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
   ) {
-    newProps === baseProps && (newProps = assign({}, newProps, baseProps));
-    for (var propName$68 in Component)
-      void 0 === newProps[propName$68] &&
-        (newProps[propName$68] = Component[propName$68]);
+    newProps = assign({}, newProps, baseProps);
+    for (var propName in Component)
+      void 0 === newProps[propName] &&
+        (newProps[propName] = Component[propName]);
   }
+  enableRefAsProp &&
+    "ref" in newProps &&
+    (newProps === baseProps && (newProps = assign({}, newProps)),
+    delete newProps.ref);
   return newProps;
 }
 function resolveDefaultPropsOnNonClassComponent(Component, baseProps) {
@@ -5475,7 +5500,8 @@ function pushMarkerInstance(workInProgress, markerInstance) {
           markerInstanceStack.current.concat(markerInstance)
         ));
 }
-var SelectiveHydrationException = Error(formatProdErrorMessage(461)),
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+  SelectiveHydrationException = Error(formatProdErrorMessage(461)),
   didReceiveUpdate = !1;
 function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
   workInProgress.child =
@@ -6014,7 +6040,7 @@ function finishClassComponent(
       bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
     );
   shouldUpdate = workInProgress.stateNode;
-  ReactSharedInternals.owner = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   if (
     didCaptureError &&
     "function" !== typeof Component.getDerivedStateFromError
@@ -7746,8 +7772,9 @@ function releaseCache(cache) {
       cache.controller.abort();
     });
 }
+var ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
 function requestCurrentTransition() {
-  var transition = ReactSharedInternals.T;
+  var transition = ReactCurrentBatchConfig$2.transition;
   null !== transition && transition._callbacks.add(handleAsyncAction);
   return transition;
 }
@@ -8690,7 +8717,6 @@ function unwindInterruptedWork(current, interruptedWork) {
 }
 var offscreenSubtreeIsHidden = !1,
   offscreenSubtreeWasHidden = !1,
-  needsFormReset = !1,
   PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
   nextEffect = null,
   inProgressLanes = null,
@@ -8809,7 +8835,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$221) {
+          } catch (e$220) {
             JSCompiler_temp = null;
             break a;
           }
@@ -9566,7 +9592,7 @@ function insertOrAppendPlacementNodeIntoContainer(node, before, parent) {
           (parent = parent._reactRootContainer),
           (null !== parent && void 0 !== parent) ||
             null !== before.onclick ||
-            (before.onclick = noop$1));
+            (before.onclick = noop$2));
   else if (4 !== tag && 27 !== tag && ((node = node.child), null !== node))
     for (
       insertOrAppendPlacementNodeIntoContainer(node, before, parent),
@@ -9918,7 +9944,7 @@ function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) {
         captureCommitPhaseError(childToDelete, parentFiber, error);
       }
     }
-  if (parentFiber.subtreeFlags & 13878)
+  if (parentFiber.subtreeFlags & 12854)
     for (parentFiber = parentFiber.child; null !== parentFiber; )
       commitMutationEffectsOnFiber(parentFiber, root$jscomp$0),
         (parentFiber = parentFiber.sibling);
@@ -9975,11 +10001,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         offscreenSubtreeIsHidden &&
         ((finishedWork = finishedWork.updateQueue),
         null !== finishedWork &&
-          ((flags = finishedWork.callbacks),
-          null !== flags &&
-            ((current = finishedWork.shared.hiddenCallbacks),
+          ((current = finishedWork.callbacks),
+          null !== current &&
+            ((flags = finishedWork.shared.hiddenCallbacks),
             (finishedWork.shared.hiddenCallbacks =
-              null === current ? flags : current.concat(flags)))));
+              null === flags ? current : flags.concat(current)))));
       break;
     case 26:
       var hoistableRoot = currentHoistableRoot;
@@ -9997,10 +10023,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           if (null === flags)
             if (null === finishedWork.stateNode) {
               a: {
-                flags = finishedWork.type;
-                current = finishedWork.memoizedProps;
+                current = finishedWork.type;
+                flags = finishedWork.memoizedProps;
                 root = hoistableRoot.ownerDocument || hoistableRoot;
-                b: switch (flags) {
+                b: switch (current) {
                   case "title":
                     hoistableRoot = root.getElementsByTagName("title")[0];
                     if (
@@ -10011,42 +10037,42 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         hoistableRoot.namespaceURI ||
                       hoistableRoot.hasAttribute("itemprop")
                     )
-                      (hoistableRoot = root.createElement(flags)),
+                      (hoistableRoot = root.createElement(current)),
                         root.head.insertBefore(
                           hoistableRoot,
                           root.querySelector("head > title")
                         );
-                    setInitialProperties(hoistableRoot, flags, current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     hoistableRoot[internalInstanceKey] = finishedWork;
                     markNodeAsHoistable(hoistableRoot);
-                    flags = hoistableRoot;
+                    current = hoistableRoot;
                     break a;
                   case "link":
                     var maybeNodes = getHydratableHoistableCache(
                       "link",
                       "href",
                       root
-                    ).get(flags + (current.href || ""));
+                    ).get(current + (flags.href || ""));
                     if (maybeNodes)
                       for (var i = 0; i < maybeNodes.length; i++)
                         if (
                           ((hoistableRoot = maybeNodes[i]),
                           hoistableRoot.getAttribute("href") ===
-                            (null == current.href ? null : current.href) &&
+                            (null == flags.href ? null : flags.href) &&
                             hoistableRoot.getAttribute("rel") ===
-                              (null == current.rel ? null : current.rel) &&
+                              (null == flags.rel ? null : flags.rel) &&
                             hoistableRoot.getAttribute("title") ===
-                              (null == current.title ? null : current.title) &&
+                              (null == flags.title ? null : flags.title) &&
                             hoistableRoot.getAttribute("crossorigin") ===
-                              (null == current.crossOrigin
+                              (null == flags.crossOrigin
                                 ? null
-                                : current.crossOrigin))
+                                : flags.crossOrigin))
                         ) {
                           maybeNodes.splice(i, 1);
                           break b;
                         }
-                    hoistableRoot = root.createElement(flags);
-                    setInitialProperties(hoistableRoot, flags, current);
+                    hoistableRoot = root.createElement(current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     root.head.appendChild(hoistableRoot);
                     break;
                   case "meta":
@@ -10055,45 +10081,43 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         "meta",
                         "content",
                         root
-                      ).get(flags + (current.content || "")))
+                      ).get(current + (flags.content || "")))
                     )
                       for (i = 0; i < maybeNodes.length; i++)
                         if (
                           ((hoistableRoot = maybeNodes[i]),
                           hoistableRoot.getAttribute("content") ===
-                            (null == current.content
+                            (null == flags.content
                               ? null
-                              : "" + current.content) &&
+                              : "" + flags.content) &&
                             hoistableRoot.getAttribute("name") ===
-                              (null == current.name ? null : current.name) &&
+                              (null == flags.name ? null : flags.name) &&
                             hoistableRoot.getAttribute("property") ===
-                              (null == current.property
+                              (null == flags.property
                                 ? null
-                                : current.property) &&
+                                : flags.property) &&
                             hoistableRoot.getAttribute("http-equiv") ===
-                              (null == current.httpEquiv
+                              (null == flags.httpEquiv
                                 ? null
-                                : current.httpEquiv) &&
+                                : flags.httpEquiv) &&
                             hoistableRoot.getAttribute("charset") ===
-                              (null == current.charSet
-                                ? null
-                                : current.charSet))
+                              (null == flags.charSet ? null : flags.charSet))
                         ) {
                           maybeNodes.splice(i, 1);
                           break b;
                         }
-                    hoistableRoot = root.createElement(flags);
-                    setInitialProperties(hoistableRoot, flags, current);
+                    hoistableRoot = root.createElement(current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     root.head.appendChild(hoistableRoot);
                     break;
                   default:
-                    throw Error(formatProdErrorMessage(468, flags));
+                    throw Error(formatProdErrorMessage(468, current));
                 }
                 hoistableRoot[internalInstanceKey] = finishedWork;
                 markNodeAsHoistable(hoistableRoot);
-                flags = hoistableRoot;
+                current = hoistableRoot;
               }
-              finishedWork.stateNode = flags;
+              finishedWork.stateNode = current;
             } else
               mountHoistable(
                 hoistableRoot,
@@ -10181,19 +10205,18 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$185);
         }
       }
-      if (flags & 4 && ((root = finishedWork.stateNode), null != root)) {
-        hoistableRoot = finishedWork.memoizedProps;
-        current = null !== current ? current.memoizedProps : hoistableRoot;
-        maybeNodes = finishedWork.type;
+      if (flags & 4 && ((flags = finishedWork.stateNode), null != flags)) {
+        root = finishedWork.memoizedProps;
+        current = null !== current ? current.memoizedProps : root;
+        hoistableRoot = finishedWork.type;
         finishedWork.updateQueue = null;
         try {
-          updateProperties(root, maybeNodes, current, hoistableRoot),
-            (root[internalPropsKey] = hoistableRoot);
+          updateProperties(flags, hoistableRoot, current, root),
+            (flags[internalPropsKey] = root);
         } catch (error$188) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$188);
         }
       }
-      flags & 1024 && (needsFormReset = !0);
       break;
     case 6:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -10201,10 +10224,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4) {
         if (null === finishedWork.stateNode)
           throw Error(formatProdErrorMessage(162));
-        flags = finishedWork.stateNode;
-        current = finishedWork.memoizedProps;
+        current = finishedWork.stateNode;
+        flags = finishedWork.memoizedProps;
         try {
-          flags.nodeValue = current;
+          current.nodeValue = flags;
         } catch (error$189) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$189);
         }
@@ -10223,17 +10246,15 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         } catch (error$190) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$190);
         }
-      needsFormReset &&
-        ((needsFormReset = !1), recursivelyResetForms(finishedWork));
       break;
     case 4:
-      flags = currentHoistableRoot;
+      current = currentHoistableRoot;
       currentHoistableRoot = getHoistableRoot(
         finishedWork.stateNode.containerInfo
       );
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
-      currentHoistableRoot = flags;
+      currentHoistableRoot = current;
       break;
     case 13:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -10256,10 +10277,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         } catch (error$192) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$192);
         }
-        flags = finishedWork.updateQueue;
-        null !== flags &&
+        current = finishedWork.updateQueue;
+        null !== current &&
           ((finishedWork.updateQueue = null),
-          attachSuspenseRetryListeners(finishedWork, flags));
+          attachSuspenseRetryListeners(finishedWork, current));
       }
       break;
     case 22:
@@ -10360,21 +10381,21 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           root = root.sibling;
         }
       flags & 4 &&
-        ((flags = finishedWork.updateQueue),
-        null !== flags &&
-          ((current = flags.retryQueue),
-          null !== current &&
-            ((flags.retryQueue = null),
-            attachSuspenseRetryListeners(finishedWork, current))));
+        ((current = finishedWork.updateQueue),
+        null !== current &&
+          ((flags = current.retryQueue),
+          null !== flags &&
+            ((current.retryQueue = null),
+            attachSuspenseRetryListeners(finishedWork, flags))));
       break;
     case 19:
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
       flags & 4 &&
-        ((flags = finishedWork.updateQueue),
-        null !== flags &&
+        ((current = finishedWork.updateQueue),
+        null !== current &&
           ((finishedWork.updateQueue = null),
-          attachSuspenseRetryListeners(finishedWork, flags)));
+          attachSuspenseRetryListeners(finishedWork, current)));
       break;
     case 21:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -10439,15 +10460,6 @@ function commitReconciliationEffects(finishedWork) {
   }
   flags & 4096 && (finishedWork.flags &= -4097);
 }
-function recursivelyResetForms(parentFiber) {
-  if (parentFiber.subtreeFlags & 1024)
-    for (parentFiber = parentFiber.child; null !== parentFiber; ) {
-      var fiber = parentFiber;
-      recursivelyResetForms(fiber);
-      5 === fiber.tag && fiber.flags & 1024 && fiber.stateNode.reset();
-      parentFiber = parentFiber.sibling;
-    }
-}
 function commitLayoutEffects(finishedWork, root, committedLanes) {
   inProgressLanes = committedLanes;
   inProgressRoot = root;
@@ -11308,6 +11320,10 @@ function schedulePostPaintCallback(callback) {
     }));
 }
 var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
   executionContext = 0,
   workInProgressRoot = null,
   workInProgress = null,
@@ -11401,14 +11417,19 @@ var legacyErrorBoundariesThatAlreadyFailed = null,
   nestedUpdateCount = 0,
   rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
-  return 0 === (fiber.mode & 1)
-    ? 2
-    : 0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes
-    ? workInProgressRootRenderLanes & -workInProgressRootRenderLanes
-    : null !== requestCurrentTransition()
-    ? ((fiber = currentEntangledLane),
-      0 !== fiber ? fiber : requestTransitionLane())
-    : resolveUpdatePriority();
+  if (0 === (fiber.mode & 1)) return 2;
+  if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
+    return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
+  if (null !== requestCurrentTransition())
+    return (
+      (fiber = currentEntangledLane),
+      0 !== fiber ? fiber : requestTransitionLane()
+    );
+  fiber = currentUpdatePriority;
+  if (0 !== fiber) return fiber;
+  fiber = window.event;
+  fiber = void 0 === fiber ? 32 : getEventPriority(fiber.type);
+  return fiber;
 }
 function requestDeferredLane() {
   0 === workInProgressDeferredLane &&
@@ -11435,7 +11456,7 @@ function scheduleUpdateOnFiber(root, fiber, lane) {
   if (0 === (executionContext & 2) || root !== workInProgressRoot) {
     isDevToolsPresent && addFiberToLanesMap(root, fiber, lane);
     if (enableTransitionTracing) {
-      var transition = ReactSharedInternals.T;
+      var transition = ReactCurrentBatchConfig$1.transition;
       if (
         null !== transition &&
         null != transition.name &&
@@ -11504,18 +11525,13 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
             root,
             renderWasConcurrent
           );
-          if (
-            0 !== errorRetryLanes &&
+          0 !== errorRetryLanes &&
             ((lanes = errorRetryLanes),
             (exitStatus = recoverFromConcurrentError(
               root,
               renderWasConcurrent,
               errorRetryLanes
-            )),
-            (renderWasConcurrent = !1),
-            2 !== exitStatus)
-          )
-            continue;
+            )));
         }
         if (1 === exitStatus) {
           prepareFreshStack(root, 0);
@@ -11783,10 +11799,28 @@ function batchedUpdates$1(fn, a) {
         flushSyncWorkAcrossRoots_impl(!0));
   }
 }
-function flushSyncWork() {
-  return 0 === (executionContext & 6)
-    ? (flushSyncWorkAcrossRoots_impl(!1), !1)
-    : !0;
+function flushSync$1(fn) {
+  null !== rootWithPendingPassiveEffects &&
+    0 === rootWithPendingPassiveEffects.tag &&
+    0 === (executionContext & 6) &&
+    flushPassiveEffects();
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
+  var prevTransition = ReactCurrentBatchConfig$1.transition,
+    previousPriority = currentUpdatePriority;
+  try {
+    if (
+      ((ReactCurrentBatchConfig$1.transition = null),
+      (currentUpdatePriority = 2),
+      fn)
+    )
+      return fn();
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig$1.transition = prevTransition),
+      (executionContext = prevExecutionContext),
+      0 === (executionContext & 6) && flushSyncWorkAcrossRoots_impl(!1);
+  }
 }
 function resetWorkInProgressStack() {
   if (null !== workInProgress) {
@@ -11849,8 +11883,8 @@ function prepareFreshStack(root, lanes) {
 }
 function handleThrow(root, thrownValue) {
   currentlyRenderingFiber$1 = null;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
-  ReactSharedInternals.owner = null;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  ReactCurrentOwner.current = null;
   thrownValue === SuspenseException
     ? ((thrownValue = getSuspendedThenable()),
       (workInProgressSuspendedReason =
@@ -11924,13 +11958,13 @@ function shouldRemainOnPreviousScreen() {
     : !1;
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactSharedInternals.H;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
   return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushCacheDispatcher() {
-  var prevCacheDispatcher = ReactSharedInternals.C;
-  ReactSharedInternals.C = DefaultCacheDispatcher;
+  var prevCacheDispatcher = ReactCurrentCache.current;
+  ReactCurrentCache.current = DefaultCacheDispatcher;
   return prevCacheDispatcher;
 }
 function renderDidSuspendDelayIfPossible() {
@@ -11992,8 +12026,8 @@ function renderRootSync(root, lanes) {
   lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
   if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
   enableSchedulingProfiler && markRenderStopped();
   workInProgressRoot = null;
@@ -12107,8 +12141,8 @@ function renderRootConcurrent(root, lanes) {
     }
   while (1);
   resetContextDependencies();
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
   executionContext = prevExecutionContext;
   if (null !== workInProgress)
     return (
@@ -12140,7 +12174,7 @@ function performUnitOfWork(unitOfWork) {
   null === current
     ? completeUnitOfWork(unitOfWork)
     : (workInProgress = current);
-  ReactSharedInternals.owner = null;
+  ReactCurrentOwner.current = null;
 }
 function replaySuspendedUnitOfWork(unitOfWork) {
   var current = unitOfWork.alternate,
@@ -12199,7 +12233,7 @@ function replaySuspendedUnitOfWork(unitOfWork) {
   null === current
     ? completeUnitOfWork(unitOfWork)
     : (workInProgress = current);
-  ReactSharedInternals.owner = null;
+  ReactCurrentOwner.current = null;
 }
 function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
   resetContextDependencies();
@@ -12295,11 +12329,11 @@ function commitRoot(
   didIncludeRenderPhaseUpdate,
   spawnedLane
 ) {
-  var prevTransition = ReactSharedInternals.T,
-    previousUpdateLanePriority = Internals.p;
+  var previousUpdateLanePriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig$1.transition;
   try {
-    (Internals.p = 2),
-      (ReactSharedInternals.T = null),
+    (ReactCurrentBatchConfig$1.transition = null),
+      (currentUpdatePriority = 2),
       commitRootImpl(
         root,
         recoverableErrors,
@@ -12309,8 +12343,8 @@ function commitRoot(
         spawnedLane
       );
   } finally {
-    (ReactSharedInternals.T = prevTransition),
-      (Internals.p = previousUpdateLanePriority);
+    (ReactCurrentBatchConfig$1.transition = prevTransition),
+      (currentUpdatePriority = previousUpdateLanePriority);
   }
   return null;
 }
@@ -12359,13 +12393,13 @@ function commitRootImpl(
     }));
   transitions = 0 !== (finishedWork.flags & 15990);
   if (0 !== (finishedWork.subtreeFlags & 15990) || transitions) {
-    transitions = ReactSharedInternals.T;
-    ReactSharedInternals.T = null;
-    spawnedLane = Internals.p;
-    Internals.p = 2;
+    transitions = ReactCurrentBatchConfig$1.transition;
+    ReactCurrentBatchConfig$1.transition = null;
+    spawnedLane = currentUpdatePriority;
+    currentUpdatePriority = 2;
     var prevExecutionContext = executionContext;
     executionContext |= 4;
-    ReactSharedInternals.owner = null;
+    ReactCurrentOwner.current = null;
     var shouldFireAfterActiveInstanceBlur$214 = commitBeforeMutationEffects(
       root,
       finishedWork
@@ -12393,8 +12427,8 @@ function commitRootImpl(
       injectedProfilingHooks.markLayoutEffectsStopped();
     requestPaint();
     executionContext = prevExecutionContext;
-    Internals.p = spawnedLane;
-    ReactSharedInternals.T = transitions;
+    currentUpdatePriority = spawnedLane;
+    ReactCurrentBatchConfig$1.transition = transitions;
   } else (root.current = finishedWork), (commitTime = now());
   rootDoesHavePassiveEffects
     ? ((rootDoesHavePassiveEffects = !1),
@@ -12460,18 +12494,19 @@ function flushPassiveEffects() {
     var root$215 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
-    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
-      prevTransition = ReactSharedInternals.T,
-      previousPriority = Internals.p;
+    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
+    renderPriority = 32 > renderPriority ? 32 : renderPriority;
+    var prevTransition = ReactCurrentBatchConfig$1.transition,
+      previousPriority = currentUpdatePriority;
     try {
       return (
-        (Internals.p = 32 > renderPriority ? 32 : renderPriority),
-        (ReactSharedInternals.T = null),
+        (ReactCurrentBatchConfig$1.transition = null),
+        (currentUpdatePriority = renderPriority),
         flushPassiveEffectsImpl()
       );
     } finally {
-      (Internals.p = previousPriority),
-        (ReactSharedInternals.T = prevTransition),
+      (currentUpdatePriority = previousPriority),
+        (ReactCurrentBatchConfig$1.transition = prevTransition),
         releaseRootPooledCache(root$215, remainingLanes);
     }
   }
@@ -13197,36 +13232,6 @@ function createHydrationContainer(
 function updateContainer(element, container, parentComponent, callback) {
   var current = container.current,
     lane = requestUpdateLane(current);
-  updateContainerImpl(
-    current,
-    lane,
-    element,
-    container,
-    parentComponent,
-    callback
-  );
-  return lane;
-}
-function updateContainerSync(element, container, parentComponent, callback) {
-  0 === container.tag && flushPassiveEffects();
-  updateContainerImpl(
-    container.current,
-    2,
-    element,
-    container,
-    parentComponent,
-    callback
-  );
-  return 2;
-}
-function updateContainerImpl(
-  rootFiber,
-  lane,
-  element,
-  container,
-  parentComponent,
-  callback
-) {
   enableSchedulingProfiler &&
     enableSchedulingProfiler &&
     null !== injectedProfilingHooks &&
@@ -13240,10 +13245,11 @@ function updateContainerImpl(
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  element = enqueueUpdate(rootFiber, container, lane);
+  element = enqueueUpdate(current, container, lane);
   null !== element &&
-    (scheduleUpdateOnFiber(element, rootFiber, lane),
-    entangleTransitions(element, rootFiber, lane));
+    (scheduleUpdateOnFiber(element, current, lane),
+    entangleTransitions(element, current, lane));
+  return lane;
 }
 function getPublicRootInstance(container) {
   container = container.current;
@@ -13256,6 +13262,28 @@ function getPublicRootInstance(container) {
       return container.child.stateNode;
   }
 }
+function attemptSynchronousHydration(fiber) {
+  switch (fiber.tag) {
+    case 3:
+      var root$218 = fiber.stateNode;
+      if (root$218.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$218.pendingLanes);
+        0 !== lanes &&
+          (upgradePendingLanesToSync(root$218, lanes),
+          ensureRootIsScheduled(root$218),
+          0 === (executionContext & 6) &&
+            ((workInProgressRootRenderTargetTime = now$1() + 500),
+            flushSyncWorkAcrossRoots_impl(!1)));
+      }
+      break;
+    case 13:
+      flushSync$1(function () {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root && scheduleUpdateOnFiber(root, fiber, 2);
+      }),
+        markRetryLaneIfNotHydrated(fiber, 2);
+  }
+}
 function markRetryLaneImpl(fiber, retryLane) {
   fiber = fiber.memoizedState;
   if (null !== fiber && null !== fiber.dehydrated) {
@@ -13288,7 +13316,7 @@ function batchedUpdates(fn, a, b) {
       ((isInsideEventHandler = !1),
       null !== restoreTarget || null !== restoreQueue)
     )
-      flushSyncWork(), restoreStateIfNeeded();
+      flushSync$1(), restoreStateIfNeeded();
   }
 }
 function getListener(inst, registrationName) {
@@ -13808,19 +13836,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$372;
+  var JSCompiler_inline_result$jscomp$369;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1583 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1583) {
-      var element$jscomp$inline_1584 = document.createElement("div");
-      element$jscomp$inline_1584.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1583 =
-        "function" === typeof element$jscomp$inline_1584.oninput;
+    var isSupported$jscomp$inline_1573 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1573) {
+      var element$jscomp$inline_1574 = document.createElement("div");
+      element$jscomp$inline_1574.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1573 =
+        "function" === typeof element$jscomp$inline_1574.oninput;
     }
-    JSCompiler_inline_result$jscomp$372 = isSupported$jscomp$inline_1583;
-  } else JSCompiler_inline_result$jscomp$372 = !1;
+    JSCompiler_inline_result$jscomp$369 = isSupported$jscomp$inline_1573;
+  } else JSCompiler_inline_result$jscomp$369 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$372 &&
+    JSCompiler_inline_result$jscomp$369 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -14091,9 +14119,6 @@ var vendorPrefixes = {
     animationend: makePrefixMap("Animation", "AnimationEnd"),
     animationiteration: makePrefixMap("Animation", "AnimationIteration"),
     animationstart: makePrefixMap("Animation", "AnimationStart"),
-    transitionrun: makePrefixMap("Transition", "TransitionRun"),
-    transitionstart: makePrefixMap("Transition", "TransitionStart"),
-    transitioncancel: makePrefixMap("Transition", "TransitionCancel"),
     transitionend: makePrefixMap("Transition", "TransitionEnd")
   },
   prefixedEventNames = {},
@@ -14119,9 +14144,6 @@ function getVendorPrefixedEventName(eventName) {
 var ANIMATION_END = getVendorPrefixedEventName("animationend"),
   ANIMATION_ITERATION = getVendorPrefixedEventName("animationiteration"),
   ANIMATION_START = getVendorPrefixedEventName("animationstart"),
-  TRANSITION_RUN = getVendorPrefixedEventName("transitionrun"),
-  TRANSITION_START = getVendorPrefixedEventName("transitionstart"),
-  TRANSITION_CANCEL = getVendorPrefixedEventName("transitioncancel"),
   TRANSITION_END = getVendorPrefixedEventName("transitionend"),
   topLevelEventsToReactNames = new Map(),
   simpleEventPluginEvents =
@@ -14198,20 +14220,20 @@ function extractEvents$1(
   }
 }
 for (
-  var i$jscomp$inline_1624 = 0;
-  i$jscomp$inline_1624 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1624++
+  var i$jscomp$inline_1614 = 0;
+  i$jscomp$inline_1614 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1614++
 ) {
-  var eventName$jscomp$inline_1625 =
-      simpleEventPluginEvents[i$jscomp$inline_1624],
-    domEventName$jscomp$inline_1626 =
-      eventName$jscomp$inline_1625.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1627 =
-      eventName$jscomp$inline_1625[0].toUpperCase() +
-      eventName$jscomp$inline_1625.slice(1);
+  var eventName$jscomp$inline_1615 =
+      simpleEventPluginEvents[i$jscomp$inline_1614],
+    domEventName$jscomp$inline_1616 =
+      eventName$jscomp$inline_1615.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1617 =
+      eventName$jscomp$inline_1615[0].toUpperCase() +
+      eventName$jscomp$inline_1615.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1626,
-    "on" + capitalizedEvent$jscomp$inline_1627
+    domEventName$jscomp$inline_1616,
+    "on" + capitalizedEvent$jscomp$inline_1617
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14220,9 +14242,6 @@ registerSimpleEvent(ANIMATION_START, "onAnimationStart");
 registerSimpleEvent("dblclick", "onDoubleClick");
 registerSimpleEvent("focusin", "onFocus");
 registerSimpleEvent("focusout", "onBlur");
-registerSimpleEvent(TRANSITION_RUN, "onTransitionRun");
-registerSimpleEvent(TRANSITION_START, "onTransitionStart");
-registerSimpleEvent(TRANSITION_CANCEL, "onTransitionCancel");
 registerSimpleEvent(TRANSITION_END, "onTransitionEnd");
 registerDirectEvent("onMouseEnter", ["mouseout", "mouseover"]);
 registerDirectEvent("onMouseLeave", ["mouseout", "mouseover"]);
@@ -15057,7 +15076,7 @@ function checkForUnmatchedText(serverText, clientText) {
   clientText = normalizeMarkupForTextOrAttribute(clientText);
   return normalizeMarkupForTextOrAttribute(serverText) === clientText ? !0 : !1;
 }
-function noop$1() {}
+function noop$2() {}
 function setProp(domElement, tag, key, value, props, prevValue) {
   switch (key) {
     case "children":
@@ -15155,7 +15174,7 @@ function setProp(domElement, tag, key, value, props, prevValue) {
       domElement.setAttribute(key, value);
       break;
     case "onClick":
-      null != value && (domElement.onclick = noop$1);
+      null != value && (domElement.onclick = noop$2);
       break;
     case "onScroll":
       null != value && listenToNonDelegatedEvent("scroll", domElement);
@@ -15170,7 +15189,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
         key = value.__html;
         if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
-          domElement.innerHTML = key;
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -15382,7 +15403,9 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
         key = value.__html;
         if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
-          domElement.innerHTML = key;
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -15399,7 +15422,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
       null != value && listenToNonDelegatedEvent("scrollend", domElement);
       break;
     case "onClick":
-      null != value && (domElement.onclick = noop$1);
+      null != value && (domElement.onclick = noop$2);
       break;
     case "suppressContentEditableWarning":
     case "suppressHydrationWarning":
@@ -15680,14 +15703,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$248 in nextProps) {
-        var propKey = nextProps[propKey$248];
-        lastProp = lastProps[propKey$248];
+      for (var propKey$247 in nextProps) {
+        var propKey = nextProps[propKey$247];
+        lastProp = lastProps[propKey$247];
         if (
-          nextProps.hasOwnProperty(propKey$248) &&
+          nextProps.hasOwnProperty(propKey$247) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$248) {
+          switch (propKey$247) {
             case "type":
               type = propKey;
               break;
@@ -15716,7 +15739,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$248,
+                  propKey$247,
                   propKey,
                   nextProps,
                   lastProp
@@ -15735,7 +15758,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      propKey = value = defaultValue = propKey$248 = null;
+      propKey = value = defaultValue = propKey$247 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -15766,7 +15789,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$248 = type;
+              propKey$247 = type;
               break;
             case "defaultValue":
               defaultValue = type;
@@ -15787,15 +15810,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       tag = defaultValue;
       lastProps = value;
       nextProps = propKey;
-      null != propKey$248
-        ? updateOptions(domElement, !!lastProps, propKey$248, !1)
+      null != propKey$247
+        ? updateOptions(domElement, !!lastProps, propKey$247, !1)
         : !!nextProps !== !!lastProps &&
           (null != tag
             ? updateOptions(domElement, !!lastProps, tag, !0)
             : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
       return;
     case "textarea":
-      propKey = propKey$248 = null;
+      propKey = propKey$247 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -15819,7 +15842,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$248 = name;
+              propKey$247 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -15833,17 +15856,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$248, propKey);
+      updateTextarea(domElement, propKey$247, propKey);
       return;
     case "option":
-      for (var propKey$264 in lastProps)
+      for (var propKey$263 in lastProps)
         if (
-          ((propKey$248 = lastProps[propKey$264]),
-          lastProps.hasOwnProperty(propKey$264) &&
-            null != propKey$248 &&
-            !nextProps.hasOwnProperty(propKey$264))
+          ((propKey$247 = lastProps[propKey$263]),
+          lastProps.hasOwnProperty(propKey$263) &&
+            null != propKey$247 &&
+            !nextProps.hasOwnProperty(propKey$263))
         )
-          switch (propKey$264) {
+          switch (propKey$263) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -15851,33 +15874,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$264,
+                propKey$263,
                 null,
                 nextProps,
-                propKey$248
+                propKey$247
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$248 = nextProps[lastDefaultValue]),
+          ((propKey$247 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$248 !== propKey &&
-            (null != propKey$248 || null != propKey))
+            propKey$247 !== propKey &&
+            (null != propKey$247 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$248 &&
-                "function" !== typeof propKey$248 &&
-                "symbol" !== typeof propKey$248;
+                propKey$247 &&
+                "function" !== typeof propKey$247 &&
+                "symbol" !== typeof propKey$247;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$248,
+                propKey$247,
                 nextProps,
                 propKey
               );
@@ -15898,24 +15921,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$269 in lastProps)
-        (propKey$248 = lastProps[propKey$269]),
-          lastProps.hasOwnProperty(propKey$269) &&
-            null != propKey$248 &&
-            !nextProps.hasOwnProperty(propKey$269) &&
-            setProp(domElement, tag, propKey$269, null, nextProps, propKey$248);
+      for (var propKey$268 in lastProps)
+        (propKey$247 = lastProps[propKey$268]),
+          lastProps.hasOwnProperty(propKey$268) &&
+            null != propKey$247 &&
+            !nextProps.hasOwnProperty(propKey$268) &&
+            setProp(domElement, tag, propKey$268, null, nextProps, propKey$247);
       for (checked in nextProps)
         if (
-          ((propKey$248 = nextProps[checked]),
+          ((propKey$247 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$248 !== propKey &&
-            (null != propKey$248 || null != propKey))
+            propKey$247 !== propKey &&
+            (null != propKey$247 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$248)
+              if (null != propKey$247)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -15923,7 +15946,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$248,
+                propKey$247,
                 nextProps,
                 propKey
               );
@@ -15931,51 +15954,69 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$274 in lastProps)
-          (propKey$248 = lastProps[propKey$274]),
-            lastProps.hasOwnProperty(propKey$274) &&
-              void 0 !== propKey$248 &&
-              !nextProps.hasOwnProperty(propKey$274) &&
+        for (var propKey$273 in lastProps)
+          (propKey$247 = lastProps[propKey$273]),
+            lastProps.hasOwnProperty(propKey$273) &&
+              void 0 !== propKey$247 &&
+              !nextProps.hasOwnProperty(propKey$273) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$274,
+                propKey$273,
                 void 0,
                 nextProps,
-                propKey$248
+                propKey$247
               );
         for (defaultChecked in nextProps)
-          (propKey$248 = nextProps[defaultChecked]),
+          (propKey$247 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$248 === propKey ||
-              (void 0 === propKey$248 && void 0 === propKey) ||
+              propKey$247 === propKey ||
+              (void 0 === propKey$247 && void 0 === propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$248,
+                propKey$247,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$279 in lastProps)
-    (propKey$248 = lastProps[propKey$279]),
-      lastProps.hasOwnProperty(propKey$279) &&
-        null != propKey$248 &&
-        !nextProps.hasOwnProperty(propKey$279) &&
-        setProp(domElement, tag, propKey$279, null, nextProps, propKey$248);
+  for (var propKey$278 in lastProps)
+    (propKey$247 = lastProps[propKey$278]),
+      lastProps.hasOwnProperty(propKey$278) &&
+        null != propKey$247 &&
+        !nextProps.hasOwnProperty(propKey$278) &&
+        setProp(domElement, tag, propKey$278, null, nextProps, propKey$247);
   for (lastProp in nextProps)
-    (propKey$248 = nextProps[lastProp]),
+    (propKey$247 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$248 === propKey ||
-        (null == propKey$248 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$248, nextProps, propKey);
+        propKey$247 === propKey ||
+        (null == propKey$247 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$247, nextProps, propKey);
 }
-var eventsEnabled = null,
+function noop$1() {}
+var Internals = {
+    usingClientEntryPoint: !1,
+    Events: null,
+    ReactDOMCurrentDispatcher: {
+      current: {
+        prefetchDNS: noop$1,
+        preconnect: noop$1,
+        preload: noop$1,
+        preloadModule: noop$1,
+        preinitScript: noop$1,
+        preinitStyle: noop$1,
+        preinitModuleScript: noop$1
+      }
+    },
+    findDOMNode: null
+  },
+  ReactDOMCurrentDispatcher$1 = Internals.ReactDOMCurrentDispatcher,
+  eventsEnabled = null,
   selectionInformation = null;
 function getOwnerDocumentFromRootContainer(rootContainerElement) {
   return 9 === rootContainerElement.nodeType
@@ -16273,24 +16314,16 @@ function getHoistableRoot(container) {
     ? container.getRootNode()
     : container.ownerDocument;
 }
-var previousDispatcher = Internals.d;
-Internals.d = {
-  f: previousDispatcher.f,
-  r: requestFormReset,
-  D: prefetchDNS$1,
-  C: preconnect$1,
-  L: preload$1,
-  m: preloadModule$1,
-  X: preinitScript,
-  S: preinitStyle,
-  M: preinitModuleScript
+var previousDispatcher = ReactDOMCurrentDispatcher$1.current;
+ReactDOMCurrentDispatcher$1.current = {
+  prefetchDNS: prefetchDNS$1,
+  preconnect: preconnect$1,
+  preload: preload$1,
+  preloadModule: preloadModule$1,
+  preinitStyle: preinitStyle,
+  preinitScript: preinitScript,
+  preinitModuleScript: preinitModuleScript
 };
-function requestFormReset(form) {
-  var formInst = getInstanceFromNode(form);
-  null !== formInst && 5 === formInst.tag && "form" === formInst.type
-    ? requestFormReset$1(formInst)
-    : previousDispatcher.r(form);
-}
 var globalDocument = "undefined" === typeof document ? null : document;
 function preconnectAs(rel, href, crossOrigin) {
   var ownerDocument = globalDocument;
@@ -16312,15 +16345,15 @@ function preconnectAs(rel, href, crossOrigin) {
   }
 }
 function prefetchDNS$1(href) {
-  previousDispatcher.D(href);
+  previousDispatcher.prefetchDNS(href);
   preconnectAs("dns-prefetch", href, null);
 }
 function preconnect$1(href, crossOrigin) {
-  previousDispatcher.C(href, crossOrigin);
+  previousDispatcher.preconnect(href, crossOrigin);
   preconnectAs("preconnect", href, crossOrigin);
 }
 function preload$1(href, as, options) {
-  previousDispatcher.L(href, as, options);
+  previousDispatcher.preload(href, as, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && href && as) {
     var preloadSelector =
@@ -16381,7 +16414,7 @@ function preload$1(href, as, options) {
   }
 }
 function preloadModule$1(href, options) {
-  previousDispatcher.m(href, options);
+  previousDispatcher.preloadModule(href, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && href) {
     var as = options && "string" === typeof options.as ? options.as : "script",
@@ -16425,7 +16458,7 @@ function preloadModule$1(href, options) {
   }
 }
 function preinitStyle(href, precedence, options) {
-  previousDispatcher.S(href, precedence, options);
+  previousDispatcher.preinitStyle(href, precedence, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && href) {
     var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
@@ -16474,7 +16507,7 @@ function preinitStyle(href, precedence, options) {
   }
 }
 function preinitScript(src, options) {
-  previousDispatcher.X(src, options);
+  previousDispatcher.preinitScript(src, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && src) {
     var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
@@ -16500,7 +16533,7 @@ function preinitScript(src, options) {
   }
 }
 function preinitModuleScript(src, options) {
-  previousDispatcher.M(src, options);
+  previousDispatcher.preinitModuleScript(src, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && src) {
     var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
@@ -16552,17 +16585,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$287 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$288 = styles$287.get(type);
-        resource$288 ||
+        var styles$286 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$287 = styles$286.get(type);
+        resource$287 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$288 = {
+          (resource$287 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$287.set(type, resource$288),
+          styles$286.set(type, resource$287),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -16577,34 +16610,21 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$288.state
+              resource$287.state
             ));
-        return resource$288;
+        return resource$287;
       }
       return null;
     case "script":
-      return (
-        (type = pendingProps.async),
-        (pendingProps = pendingProps.src),
-        "string" === typeof pendingProps &&
-        type &&
-        "function" !== typeof type &&
-        "symbol" !== typeof type
-          ? ((pendingProps = getScriptKey(pendingProps)),
-            (currentProps =
-              getResourcesFromRoot(currentProps).hoistableScripts),
-            (type = currentProps.get(pendingProps)),
-            type ||
-              ((type = {
-                type: "script",
-                instance: null,
-                count: 0,
-                state: null
-              }),
-              currentProps.set(pendingProps, type)),
-            type)
-          : { type: "void", instance: null, count: 0, state: null }
-      );
+      return "string" === typeof pendingProps.src && !0 === pendingProps.async
+        ? ((pendingProps = getScriptKey(pendingProps.src)),
+          (currentProps = getResourcesFromRoot(currentProps).hoistableScripts),
+          (type = currentProps.get(pendingProps)),
+          type ||
+            ((type = { type: "script", instance: null, count: 0, state: null }),
+            currentProps.set(pendingProps, type)),
+          type)
+        : { type: "void", instance: null, count: 0, state: null };
     default:
       throw Error(formatProdErrorMessage(444, type));
   }
@@ -16675,37 +16695,37 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$292 = hoistableRoot.querySelector(
+        var instance$291 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$292)
+        if (instance$291)
           return (
             (resource.state.loading |= 4),
-            (resource.instance = instance$292),
-            markNodeAsHoistable(instance$292),
-            instance$292
+            (resource.instance = instance$291),
+            markNodeAsHoistable(instance$291),
+            instance$291
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$292 = (
+        instance$291 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$292);
-        var linkInstance = instance$292;
+        markNodeAsHoistable(instance$291);
+        var linkInstance = instance$291;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$292, "link", instance);
+        setInitialProperties(instance$291, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$292, props.precedence, hoistableRoot);
-        return (resource.instance = instance$292);
+        insertStylesheet(instance$291, props.precedence, hoistableRoot);
+        return (resource.instance = instance$291);
       case "script":
-        instance$292 = getScriptKey(props.src);
+        instance$291 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            getScriptSelectorFromKey(instance$292)
+            getScriptSelectorFromKey(instance$291)
           ))
         )
           return (
@@ -16714,7 +16734,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$292)))
+        if ((styleProps = preloadPropsMap.get(instance$291)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -16843,13 +16863,11 @@ function isHostHoistableType(type, props, hostContext) {
       }
     case "script":
       if (
-        props.async &&
-        "function" !== typeof props.async &&
-        "symbol" !== typeof props.async &&
+        !0 === props.async &&
         !props.onLoad &&
         !props.onError &&
-        props.src &&
-        "string" === typeof props.src
+        "string" === typeof props.src &&
+        props.src
       )
         return !0;
   }
@@ -17407,7 +17425,8 @@ function retryIfBlockedOn(unblocked) {
       }
     }
 }
-var _enabled = !0;
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  _enabled = !0;
 function createEventListenerWrapperWithPriority(
   targetContainer,
   domEventName,
@@ -17436,14 +17455,15 @@ function dispatchDiscreteEvent(
   container,
   nativeEvent
 ) {
-  var prevTransition = ReactSharedInternals.T;
-  ReactSharedInternals.T = null;
-  var previousPriority = Internals.p;
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
   try {
-    (Internals.p = 2),
+    (currentUpdatePriority = 2),
       dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
   }
 }
 function dispatchContinuousEvent(
@@ -17452,14 +17472,15 @@ function dispatchContinuousEvent(
   container,
   nativeEvent
 ) {
-  var prevTransition = ReactSharedInternals.T;
-  ReactSharedInternals.T = null;
-  var previousPriority = Internals.p;
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
   try {
-    (Internals.p = 8),
+    (currentUpdatePriority = 8),
       dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
   }
 }
 function dispatchEvent(
@@ -17496,33 +17517,7 @@ function dispatchEvent(
     ) {
       for (; null !== blockedOn; ) {
         var fiber = getInstanceFromNode(blockedOn);
-        if (null !== fiber)
-          switch (fiber.tag) {
-            case 3:
-              fiber = fiber.stateNode;
-              if (fiber.current.memoizedState.isDehydrated) {
-                var lanes = getHighestPriorityLanes(fiber.pendingLanes);
-                if (0 !== lanes) {
-                  var root = fiber;
-                  root.pendingLanes |= 2;
-                  for (root.entangledLanes |= 2; lanes; ) {
-                    var lane = 1 << (31 - clz32(lanes));
-                    root.entanglements[1] |= lane;
-                    lanes &= ~lane;
-                  }
-                  ensureRootIsScheduled(fiber);
-                  0 === (executionContext & 6) &&
-                    ((workInProgressRootRenderTargetTime = now$1() + 500),
-                    flushSyncWorkAcrossRoots_impl(!1));
-                }
-              }
-              break;
-            case 13:
-              (root = enqueueConcurrentRenderForLane(fiber, 2)),
-                null !== root && scheduleUpdateOnFiber(root, fiber, 2),
-                flushSyncWork(),
-                markRetryLaneIfNotHydrated(fiber, 2);
-          }
+        null !== fiber && attemptSynchronousHydration(fiber);
         fiber = findInstanceBlockingEvent(nativeEvent);
         null === fiber &&
           dispatchEventForPluginEventSystem(
@@ -17682,8 +17677,9 @@ ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
     if (null !== root) {
       this._internalRoot = null;
       var container = root.containerInfo;
-      updateContainerSync(null, root, null, null);
-      flushSyncWork();
+      flushSync$1(function () {
+        updateContainer(null, root, null, null);
+      });
       container[internalContainerInstanceKey] = null;
     }
   };
@@ -17692,7 +17688,7 @@ function ReactDOMHydrationRoot(internalRoot) {
 }
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
   if (target) {
-    var updatePriority = resolveUpdatePriority();
+    var updatePriority = currentUpdatePriority;
     target = { blockedOn: null, target: target, priority: updatePriority };
     for (
       var i = 0;
@@ -17751,6 +17747,7 @@ function getCrossOriginStringAs(as, input) {
   if ("string" === typeof input)
     return "use-credentials" === input ? input : "";
 }
+var ReactDOMCurrentDispatcher = Internals.ReactDOMCurrentDispatcher;
 Internals.findDOMNode = function (componentOrElement) {
   return findHostInstance(componentOrElement);
 };
@@ -17764,10 +17761,10 @@ Internals.Events = [
     return fn(a);
   }
 ];
-var devToolsConfig$jscomp$inline_1815 = {
+var devToolsConfig$jscomp$inline_1790 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "19.0.0-www-classic-3d57a178",
+  version: "19.0.0-www-classic-1006227c",
   rendererPackageName: "react-dom"
 };
 (function (internals) {
@@ -17785,10 +17782,10 @@ var devToolsConfig$jscomp$inline_1815 = {
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1815.bundleType,
-  version: devToolsConfig$jscomp$inline_1815.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1815.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1815.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1790.bundleType,
+  version: devToolsConfig$jscomp$inline_1790.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1790.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1790.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -17798,20 +17795,20 @@ var devToolsConfig$jscomp$inline_1815 = {
   setErrorHandler: null,
   setSuspenseHandler: null,
   scheduleUpdate: null,
-  currentDispatcherRef: ReactSharedInternals,
+  currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
   findHostInstanceByFiber: function (fiber) {
     fiber = findCurrentHostFiber(fiber);
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1815.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1790.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "19.0.0-www-classic-3d57a178"
+  reconcilerVersion: "19.0.0-www-classic-1006227c"
 });
 var ReactFiberErrorDialogWWW = require("ReactFiberErrorDialog");
 if ("function" !== typeof ReactFiberErrorDialogWWW.showErrorDialog)
@@ -17846,11 +17843,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function () {
-        var instance = getPublicRootInstance(root$313);
+        var instance = getPublicRootInstance(root$312);
         originalCallback.call(instance);
       };
     }
-    var root$313 = createHydrationContainer(
+    var root$312 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -17865,23 +17862,23 @@ function legacyCreateRootFromDOMContainer(
       null,
       null
     );
-    container._reactRootContainer = root$313;
-    container[internalContainerInstanceKey] = root$313.current;
+    container._reactRootContainer = root$312;
+    container[internalContainerInstanceKey] = root$312.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
-    flushSyncWork();
-    return root$313;
+    flushSync$1();
+    return root$312;
   }
   clearContainer(container);
   if ("function" === typeof callback) {
-    var originalCallback$314 = callback;
+    var originalCallback$313 = callback;
     callback = function () {
-      var instance = getPublicRootInstance(root$315);
-      originalCallback$314.call(instance);
+      var instance = getPublicRootInstance(root$314);
+      originalCallback$313.call(instance);
     };
   }
-  var root$315 = createFiberRoot(
+  var root$314 = createFiberRoot(
     container,
     0,
     !1,
@@ -17896,14 +17893,15 @@ function legacyCreateRootFromDOMContainer(
     null,
     null
   );
-  container._reactRootContainer = root$315;
-  container[internalContainerInstanceKey] = root$315.current;
+  container._reactRootContainer = root$314;
+  container[internalContainerInstanceKey] = root$314.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
-  updateContainerSync(initialChildren, root$315, parentComponent, callback);
-  flushSyncWork();
-  return root$315;
+  flushSync$1(function () {
+    updateContainer(initialChildren, root$314, parentComponent, callback);
+  });
+  return root$314;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -17940,8 +17938,7 @@ assign(Internals, {
     }
   }
 });
-exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
-  Internals;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createPortal = function (children, container) {
   var key =
     2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null;
@@ -18004,29 +18001,7 @@ exports.findDOMNode = function (componentOrElement) {
     : findHostInstance(componentOrElement);
 };
 exports.flushSync = function (fn) {
-  a: {
-    null !== rootWithPendingPassiveEffects &&
-      0 === rootWithPendingPassiveEffects.tag &&
-      0 === (executionContext & 6) &&
-      flushPassiveEffects();
-    var prevExecutionContext = executionContext;
-    executionContext |= 1;
-    var prevTransition = ReactSharedInternals.T,
-      previousPriority = Internals.p;
-    try {
-      Internals.p = 2;
-      ReactSharedInternals.T = null;
-      var JSCompiler_inline_result = fn ? fn() : void 0;
-      break a;
-    } finally {
-      (Internals.p = previousPriority),
-        (ReactSharedInternals.T = prevTransition),
-        (executionContext = prevExecutionContext),
-        0 === (executionContext & 6) && flushSyncWorkAcrossRoots_impl(!1);
-    }
-    JSCompiler_inline_result = void 0;
-  }
-  return JSCompiler_inline_result;
+  return flushSync$1(fn);
 };
 exports.hydrateRoot = function (container, initialChildren, options) {
   options = assign(
@@ -18087,10 +18062,11 @@ exports.preconnect = function (href, options) {
               : ""
             : void 0))
       : (options = null),
-    Internals.d.C(href, options));
+    ReactDOMCurrentDispatcher.current.preconnect(href, options));
 };
 exports.prefetchDNS = function (href) {
-  "string" === typeof href && Internals.d.D(href);
+  "string" === typeof href &&
+    ReactDOMCurrentDispatcher.current.prefetchDNS(href);
 };
 exports.preinit = function (href, options) {
   if ("string" === typeof href && options && "string" === typeof options.as) {
@@ -18103,7 +18079,7 @@ exports.preinit = function (href, options) {
           ? options.fetchPriority
           : void 0;
     "style" === as
-      ? Internals.d.S(
+      ? ReactDOMCurrentDispatcher.current.preinitStyle(
           href,
           "string" === typeof options.precedence ? options.precedence : void 0,
           {
@@ -18113,7 +18089,7 @@ exports.preinit = function (href, options) {
           }
         )
       : "script" === as &&
-        Internals.d.X(href, {
+        ReactDOMCurrentDispatcher.current.preinitScript(href, {
           crossOrigin: crossOrigin,
           integrity: integrity,
           fetchPriority: fetchPriority,
@@ -18129,14 +18105,16 @@ exports.preinitModule = function (href, options) {
           options.as,
           options.crossOrigin
         );
-        Internals.d.M(href, {
+        ReactDOMCurrentDispatcher.current.preinitModuleScript(href, {
           crossOrigin: crossOrigin,
           integrity:
             "string" === typeof options.integrity ? options.integrity : void 0,
           nonce: "string" === typeof options.nonce ? options.nonce : void 0
         });
       }
-    } else null == options && Internals.d.M(href);
+    } else
+      null == options &&
+        ReactDOMCurrentDispatcher.current.preinitModuleScript(href);
 };
 exports.preload = function (href, options) {
   if (
@@ -18147,7 +18125,7 @@ exports.preload = function (href, options) {
   ) {
     var as = options.as,
       crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
-    Internals.d.L(href, as, {
+    ReactDOMCurrentDispatcher.current.preload(href, as, {
       crossOrigin: crossOrigin,
       integrity:
         "string" === typeof options.integrity ? options.integrity : void 0,
@@ -18173,7 +18151,7 @@ exports.preloadModule = function (href, options) {
   if ("string" === typeof href)
     if (options) {
       var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
-      Internals.d.m(href, {
+      ReactDOMCurrentDispatcher.current.preloadModule(href, {
         as:
           "string" === typeof options.as && "script" !== options.as
             ? options.as
@@ -18182,7 +18160,7 @@ exports.preloadModule = function (href, options) {
         integrity:
           "string" === typeof options.integrity ? options.integrity : void 0
       });
-    } else Internals.d.m(href);
+    } else ReactDOMCurrentDispatcher.current.preloadModule(href);
 };
 exports.render = function (element, container, callback) {
   if (!isValidContainerLegacy(container))
@@ -18195,17 +18173,22 @@ exports.render = function (element, container, callback) {
     callback
   );
 };
-exports.requestFormReset = function (form) {
-  Internals.d.r(form);
-};
 exports.unmountComponentAtNode = function (container) {
   if (!isValidContainerLegacy(container))
     throw Error(formatProdErrorMessage(299));
   return container._reactRootContainer
-    ? (updateContainerSync(null, container._reactRootContainer, null, null),
-      flushSyncWork(),
-      (container._reactRootContainer = null),
-      (container[internalContainerInstanceKey] = null),
+    ? (flushSync$1(function () {
+        legacyRenderSubtreeIntoContainer(
+          null,
+          null,
+          container,
+          !1,
+          function () {
+            container._reactRootContainer = null;
+            container[internalContainerInstanceKey] = null;
+          }
+        );
+      }),
       !0)
     : !1;
 };
@@ -18259,12 +18242,16 @@ exports.unstable_renderSubtreeIntoContainer = function (
 };
 exports.unstable_runWithPriority = runWithPriority;
 exports.useFormState = function (action, initialState, permalink) {
-  return ReactSharedInternals.H.useFormState(action, initialState, permalink);
+  return ReactCurrentDispatcher$2.current.useFormState(
+    action,
+    initialState,
+    permalink
+  );
 };
 exports.useFormStatus = function () {
-  return ReactSharedInternals.H.useHostTransitionStatus();
+  return ReactCurrentDispatcher$2.current.useHostTransitionStatus();
 };
-exports.version = "19.0.0-www-classic-3d57a178";
+exports.version = "19.0.0-www-classic-1006227c";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/compiled/facebook-www/ReactDOM-profiling.modern.js b/compiled/facebook-www/ReactDOM-profiling.modern.js
index 450b2a32dc..b5b56a7a11 100644
--- a/compiled/facebook-www/ReactDOM-profiling.modern.js
+++ b/compiled/facebook-www/ReactDOM-profiling.modern.js
@@ -19,8 +19,43 @@
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
   __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
 var Scheduler = require("scheduler"),
-  React = require("react"),
+  React = require("react");
+function noop$3() {}
+var Internals = {
+  usingClientEntryPoint: !1,
+  Events: null,
+  ReactDOMCurrentDispatcher: {
+    current: {
+      prefetchDNS: noop$3,
+      preconnect: noop$3,
+      preload: noop$3,
+      preloadModule: noop$3,
+      preinitScript: noop$3,
+      preinitStyle: noop$3,
+      preinitModuleScript: noop$3
+    }
+  },
+  findDOMNode: null
+};
+function formatProdErrorMessage(code) {
+  var url = "https://react.dev/errors/" + code;
+  if (1 < arguments.length) {
+    url += "?args[]=" + encodeURIComponent(arguments[1]);
+    for (var 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 ReactSharedInternals =
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
+  disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
@@ -50,8 +85,257 @@ var Scheduler = require("scheduler"),
   disableDefaultPropsExceptForClasses =
     dynamicFeatureFlags.disableDefaultPropsExceptForClasses,
   enableSchedulingProfiler = dynamicFeatureFlags.enableSchedulingProfiler,
-  assign = Object.assign,
-  scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
+  REACT_ELEMENT_TYPE = Symbol.for("react.element"),
+  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
+  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
+  REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
+  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
+  REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
+  REACT_CONTEXT_TYPE = Symbol.for("react.context"),
+  REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
+  REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
+  REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
+  REACT_MEMO_TYPE = Symbol.for("react.memo"),
+  REACT_LAZY_TYPE = Symbol.for("react.lazy"),
+  REACT_SCOPE_TYPE = Symbol.for("react.scope"),
+  REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"),
+  REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
+  REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"),
+  REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker"),
+  REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
+  MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+function getIteratorFn(maybeIterable) {
+  if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
+  maybeIterable =
+    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+    maybeIterable["@@iterator"];
+  return "function" === typeof maybeIterable ? maybeIterable : null;
+}
+Symbol.for("react.client.reference");
+function getNearestMountedFiber(fiber) {
+  var node = fiber,
+    nearestMounted = fiber;
+  if (fiber.alternate) for (; node.return; ) node = node.return;
+  else {
+    fiber = node;
+    do
+      (node = fiber),
+        0 !== (node.flags & 4098) && (nearestMounted = node.return),
+        (fiber = node.return);
+    while (fiber);
+  }
+  return 3 === node.tag ? nearestMounted : null;
+}
+function getSuspenseInstanceFromFiber(fiber) {
+  if (13 === fiber.tag) {
+    var suspenseState = fiber.memoizedState;
+    null === suspenseState &&
+      ((fiber = fiber.alternate),
+      null !== fiber && (suspenseState = fiber.memoizedState));
+    if (null !== suspenseState) return suspenseState.dehydrated;
+  }
+  return null;
+}
+function assertIsMounted(fiber) {
+  if (getNearestMountedFiber(fiber) !== fiber)
+    throw Error(formatProdErrorMessage(188));
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate) {
+    alternate = getNearestMountedFiber(fiber);
+    if (null === alternate) throw Error(formatProdErrorMessage(188));
+    return alternate !== fiber ? null : fiber;
+  }
+  for (var a = fiber, b = alternate; ; ) {
+    var parentA = a.return;
+    if (null === parentA) break;
+    var parentB = parentA.alternate;
+    if (null === parentB) {
+      b = parentA.return;
+      if (null !== b) {
+        a = b;
+        continue;
+      }
+      break;
+    }
+    if (parentA.child === parentB.child) {
+      for (parentB = parentA.child; parentB; ) {
+        if (parentB === a) return assertIsMounted(parentA), fiber;
+        if (parentB === b) return assertIsMounted(parentA), alternate;
+        parentB = parentB.sibling;
+      }
+      throw Error(formatProdErrorMessage(188));
+    }
+    if (a.return !== b.return) (a = parentA), (b = parentB);
+    else {
+      for (var didFindChild = !1, child$1 = parentA.child; child$1; ) {
+        if (child$1 === a) {
+          didFindChild = !0;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (child$1 === b) {
+          didFindChild = !0;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        child$1 = child$1.sibling;
+      }
+      if (!didFindChild) {
+        for (child$1 = parentB.child; child$1; ) {
+          if (child$1 === a) {
+            didFindChild = !0;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (child$1 === b) {
+            didFindChild = !0;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          child$1 = child$1.sibling;
+        }
+        if (!didFindChild) throw Error(formatProdErrorMessage(189));
+      }
+    }
+    if (a.alternate !== b) throw Error(formatProdErrorMessage(190));
+  }
+  if (3 !== a.tag) throw Error(formatProdErrorMessage(188));
+  return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  return null !== parent ? findCurrentHostFiberImpl(parent) : null;
+}
+function findCurrentHostFiberImpl(node) {
+  var tag = node.tag;
+  if (5 === tag || 26 === tag || 27 === tag || 6 === tag) return node;
+  for (node = node.child; null !== node; ) {
+    tag = findCurrentHostFiberImpl(node);
+    if (null !== tag) return tag;
+    node = node.sibling;
+  }
+  return null;
+}
+function isFiberSuspenseAndTimedOut(fiber) {
+  var memoizedState = fiber.memoizedState;
+  return (
+    13 === fiber.tag &&
+    null !== memoizedState &&
+    null === memoizedState.dehydrated
+  );
+}
+function doesFiberContain(parentFiber, childFiber) {
+  for (
+    var parentFiberAlternate = parentFiber.alternate;
+    null !== childFiber;
+
+  ) {
+    if (childFiber === parentFiber || childFiber === parentFiberAlternate)
+      return !0;
+    childFiber = childFiber.return;
+  }
+  return !1;
+}
+var assign = Object.assign,
+  isArrayImpl = Array.isArray,
+  ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher,
+  sharedNotPendingObject = {
+    pending: !1,
+    data: null,
+    method: null,
+    action: null
+  },
+  valueStack = [],
+  index = -1;
+function createCursor(defaultValue) {
+  return { current: defaultValue };
+}
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var contextStackCursor = createCursor(null),
+  contextFiberStackCursor = createCursor(null),
+  rootInstanceStackCursor = createCursor(null),
+  hostTransitionProviderCursor = createCursor(null),
+  HostTransitionContext = {
+    $$typeof: REACT_CONTEXT_TYPE,
+    Provider: null,
+    Consumer: null,
+    _currentValue: null,
+    _currentValue2: null,
+    _threadCount: 0
+  };
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor, null);
+  fiber = nextRootInstance.nodeType;
+  switch (fiber) {
+    case 9:
+    case 11:
+      nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
+        ? (nextRootInstance = nextRootInstance.namespaceURI)
+          ? getOwnHostContext(nextRootInstance)
+          : 0
+        : 0;
+      break;
+    default:
+      if (
+        ((fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
+        (nextRootInstance = fiber.tagName),
+        (fiber = fiber.namespaceURI))
+      )
+        (fiber = getOwnHostContext(fiber)),
+          (nextRootInstance = getChildHostContextProd(fiber, nextRootInstance));
+      else
+        switch (nextRootInstance) {
+          case "svg":
+            nextRootInstance = 1;
+            break;
+          case "math":
+            nextRootInstance = 2;
+            break;
+          default:
+            nextRootInstance = 0;
+        }
+  }
+  pop(contextStackCursor);
+  push(contextStackCursor, nextRootInstance);
+}
+function popHostContainer() {
+  pop(contextStackCursor);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
+}
+function pushHostContext(fiber) {
+  null !== fiber.memoizedState && push(hostTransitionProviderCursor, fiber);
+  var context = contextStackCursor.current;
+  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
+  context !== JSCompiler_inline_result &&
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor, JSCompiler_inline_result));
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor), pop(contextFiberStackCursor));
+  hostTransitionProviderCursor.current === fiber &&
+    (pop(hostTransitionProviderCursor),
+    (HostTransitionContext._currentValue = null));
+}
+var scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
   cancelCallback$1 = Scheduler.unstable_cancelCallback,
   shouldYield = Scheduler.unstable_shouldYield,
   requestPaint = Scheduler.unstable_requestPaint,
@@ -64,8 +348,6 @@ var Scheduler = require("scheduler"),
   IdlePriority = Scheduler.unstable_IdlePriority,
   log$1 = Scheduler.log,
   unstable_setDisableYieldValue = Scheduler.unstable_setDisableYieldValue,
-  ReactSharedInternals =
-    React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
   rendererID = null,
   injectedHook = null,
   injectedProfilingHooks = null,
@@ -110,7 +392,7 @@ function injectProfilingHooks(profilingHooks) {
 }
 function getLaneLabelMap() {
   if (enableSchedulingProfiler) {
-    for (var map = new Map(), lane = 1, index$0 = 0; 31 > index$0; index$0++) {
+    for (var map = new Map(), lane = 1, index$2 = 0; 31 > index$2; index$2++) {
       var label = getLabelForLane(lane);
       map.set(lane, label);
       lane *= 2;
@@ -364,18 +646,18 @@ function markRootFinished(root, remainingLanes, spawnedLane) {
     0 < noLongerPendingLanes;
 
   ) {
-    var index$4 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$4;
-    remainingLanes[index$4] = 0;
-    expirationTimes[index$4] = -1;
-    var hiddenUpdatesForLane = hiddenUpdates[index$4];
+    var index$6 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$6;
+    remainingLanes[index$6] = 0;
+    expirationTimes[index$6] = -1;
+    var hiddenUpdatesForLane = hiddenUpdates[index$6];
     if (null !== hiddenUpdatesForLane)
       for (
-        hiddenUpdates[index$4] = null, index$4 = 0;
-        index$4 < hiddenUpdatesForLane.length;
-        index$4++
+        hiddenUpdates[index$6] = null, index$6 = 0;
+        index$6 < hiddenUpdatesForLane.length;
+        index$6++
       ) {
-        var update = hiddenUpdatesForLane[index$4];
+        var update = hiddenUpdatesForLane[index$6];
         null !== update && (update.lane &= -536870913);
       }
     noLongerPendingLanes &= ~lane;
@@ -395,19 +677,27 @@ function markSpawnedDeferredLane(root, spawnedLane, entangledLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$5 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$5;
-    (lane & entangledLanes) | (root[index$5] & entangledLanes) &&
-      (root[index$5] |= entangledLanes);
+    var index$7 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$7;
+    (lane & entangledLanes) | (root[index$7] & entangledLanes) &&
+      (root[index$7] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
+function upgradePendingLanesToSync(root, lanesToUpgrade) {
+  root.pendingLanes |= 2;
+  for (root.entangledLanes |= 2; lanesToUpgrade; ) {
+    var lane = 1 << (31 - clz32(lanesToUpgrade));
+    root.entanglements[1] |= lane;
+    lanesToUpgrade &= ~lane;
+  }
+}
 function addFiberToLanesMap(root, fiber, lanes) {
   if (isDevToolsPresent)
     for (root = root.pendingUpdatersLaneMap; 0 < lanes; ) {
-      var index$7 = 31 - clz32(lanes),
-        lane = 1 << index$7;
-      root[index$7].add(fiber);
+      var index$9 = 31 - clz32(lanes),
+        lane = 1 << index$9;
+      root[index$9].add(fiber);
       lanes &= ~lane;
     }
 }
@@ -419,27 +709,27 @@ function movePendingFibersToMemoized(root, lanes) {
       0 < lanes;
 
     ) {
-      var index$8 = 31 - clz32(lanes);
-      root = 1 << index$8;
-      index$8 = pendingUpdatersLaneMap[index$8];
-      0 < index$8.size &&
-        (index$8.forEach(function (fiber) {
+      var index$10 = 31 - clz32(lanes);
+      root = 1 << index$10;
+      index$10 = pendingUpdatersLaneMap[index$10];
+      0 < index$10.size &&
+        (index$10.forEach(function (fiber) {
           var alternate = fiber.alternate;
           (null !== alternate && memoizedUpdaters.has(alternate)) ||
             memoizedUpdaters.add(fiber);
         }),
-        index$8.clear());
+        index$10.clear());
       lanes &= ~root;
     }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$10 = 31 - clz32(lanes),
-      lane = 1 << index$10;
-    index$10 = root.transitionLanes[index$10];
-    null !== index$10 &&
-      index$10.forEach(function (transition) {
+    var index$12 = 31 - clz32(lanes),
+      lane = 1 << index$12;
+    index$12 = root.transitionLanes[index$12];
+    null !== index$12 &&
+      index$12.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -449,13 +739,22 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$11 = 31 - clz32(lanes),
-        lane = 1 << index$11;
-      null !== root.transitionLanes[index$11] &&
-        (root.transitionLanes[index$11] = null);
+      var index$13 = 31 - clz32(lanes),
+        lane = 1 << index$13;
+      null !== root.transitionLanes[index$13] &&
+        (root.transitionLanes[index$13] = null);
       lanes &= ~lane;
     }
 }
+var currentUpdatePriority = 0;
+function runWithPriority(priority, fn) {
+  var previousPriority = currentUpdatePriority;
+  try {
+    return (currentUpdatePriority = priority), fn();
+  } finally {
+    currentUpdatePriority = previousPriority;
+  }
+}
 function lanesToEventPriority(lanes) {
   lanes &= -lanes;
   return 2 < lanes
@@ -466,302 +765,8 @@ function lanesToEventPriority(lanes) {
       : 8
     : 2;
 }
-function noop$3() {}
-var Internals = {
-  Events: null,
-  d: {
-    f: noop$3,
-    r: noop$3,
-    D: noop$3,
-    C: noop$3,
-    L: noop$3,
-    m: noop$3,
-    X: noop$3,
-    S: noop$3,
-    M: noop$3
-  },
-  p: 0,
-  findDOMNode: null
-};
-function formatProdErrorMessage(code) {
-  var url = "https://react.dev/errors/" + code;
-  if (1 < arguments.length) {
-    url += "?args[]=" + encodeURIComponent(arguments[1]);
-    for (var 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 REACT_ELEMENT_TYPE = Symbol.for("react.element"),
-  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
-  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
-  REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
-  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
-  REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
-  REACT_CONTEXT_TYPE = Symbol.for("react.context"),
-  REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
-  REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
-  REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
-  REACT_MEMO_TYPE = Symbol.for("react.memo"),
-  REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-  REACT_SCOPE_TYPE = Symbol.for("react.scope"),
-  REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"),
-  REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
-  REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"),
-  REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker"),
-  REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
-  MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-function getIteratorFn(maybeIterable) {
-  if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
-  maybeIterable =
-    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
-    maybeIterable["@@iterator"];
-  return "function" === typeof maybeIterable ? maybeIterable : null;
-}
-Symbol.for("react.client.reference");
-function getNearestMountedFiber(fiber) {
-  var node = fiber,
-    nearestMounted = fiber;
-  if (fiber.alternate) for (; node.return; ) node = node.return;
-  else {
-    fiber = node;
-    do
-      (node = fiber),
-        0 !== (node.flags & 4098) && (nearestMounted = node.return),
-        (fiber = node.return);
-    while (fiber);
-  }
-  return 3 === node.tag ? nearestMounted : null;
-}
-function getSuspenseInstanceFromFiber(fiber) {
-  if (13 === fiber.tag) {
-    var suspenseState = fiber.memoizedState;
-    null === suspenseState &&
-      ((fiber = fiber.alternate),
-      null !== fiber && (suspenseState = fiber.memoizedState));
-    if (null !== suspenseState) return suspenseState.dehydrated;
-  }
-  return null;
-}
-function assertIsMounted(fiber) {
-  if (getNearestMountedFiber(fiber) !== fiber)
-    throw Error(formatProdErrorMessage(188));
-}
-function findCurrentFiberUsingSlowPath(fiber) {
-  var alternate = fiber.alternate;
-  if (!alternate) {
-    alternate = getNearestMountedFiber(fiber);
-    if (null === alternate) throw Error(formatProdErrorMessage(188));
-    return alternate !== fiber ? null : fiber;
-  }
-  for (var a = fiber, b = alternate; ; ) {
-    var parentA = a.return;
-    if (null === parentA) break;
-    var parentB = parentA.alternate;
-    if (null === parentB) {
-      b = parentA.return;
-      if (null !== b) {
-        a = b;
-        continue;
-      }
-      break;
-    }
-    if (parentA.child === parentB.child) {
-      for (parentB = parentA.child; parentB; ) {
-        if (parentB === a) return assertIsMounted(parentA), fiber;
-        if (parentB === b) return assertIsMounted(parentA), alternate;
-        parentB = parentB.sibling;
-      }
-      throw Error(formatProdErrorMessage(188));
-    }
-    if (a.return !== b.return) (a = parentA), (b = parentB);
-    else {
-      for (var didFindChild = !1, child$13 = parentA.child; child$13; ) {
-        if (child$13 === a) {
-          didFindChild = !0;
-          a = parentA;
-          b = parentB;
-          break;
-        }
-        if (child$13 === b) {
-          didFindChild = !0;
-          b = parentA;
-          a = parentB;
-          break;
-        }
-        child$13 = child$13.sibling;
-      }
-      if (!didFindChild) {
-        for (child$13 = parentB.child; child$13; ) {
-          if (child$13 === a) {
-            didFindChild = !0;
-            a = parentB;
-            b = parentA;
-            break;
-          }
-          if (child$13 === b) {
-            didFindChild = !0;
-            b = parentB;
-            a = parentA;
-            break;
-          }
-          child$13 = child$13.sibling;
-        }
-        if (!didFindChild) throw Error(formatProdErrorMessage(189));
-      }
-    }
-    if (a.alternate !== b) throw Error(formatProdErrorMessage(190));
-  }
-  if (3 !== a.tag) throw Error(formatProdErrorMessage(188));
-  return a.stateNode.current === a ? fiber : alternate;
-}
-function findCurrentHostFiber(parent) {
-  parent = findCurrentFiberUsingSlowPath(parent);
-  return null !== parent ? findCurrentHostFiberImpl(parent) : null;
-}
-function findCurrentHostFiberImpl(node) {
-  var tag = node.tag;
-  if (5 === tag || 26 === tag || 27 === tag || 6 === tag) return node;
-  for (node = node.child; null !== node; ) {
-    tag = findCurrentHostFiberImpl(node);
-    if (null !== tag) return tag;
-    node = node.sibling;
-  }
-  return null;
-}
-function isFiberSuspenseAndTimedOut(fiber) {
-  var memoizedState = fiber.memoizedState;
-  return (
-    13 === fiber.tag &&
-    null !== memoizedState &&
-    null === memoizedState.dehydrated
-  );
-}
-function doesFiberContain(parentFiber, childFiber) {
-  for (
-    var parentFiberAlternate = parentFiber.alternate;
-    null !== childFiber;
-
-  ) {
-    if (childFiber === parentFiber || childFiber === parentFiberAlternate)
-      return !0;
-    childFiber = childFiber.return;
-  }
-  return !1;
-}
-var isArrayImpl = Array.isArray,
-  sharedNotPendingObject = {
-    pending: !1,
-    data: null,
-    method: null,
-    action: null
-  },
-  valueStack = [],
-  index = -1;
-function createCursor(defaultValue) {
-  return { current: defaultValue };
-}
-function pop(cursor) {
-  0 > index ||
-    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
-}
-function push(cursor, value) {
-  index++;
-  valueStack[index] = cursor.current;
-  cursor.current = value;
-}
-var contextStackCursor = createCursor(null),
-  contextFiberStackCursor = createCursor(null),
-  rootInstanceStackCursor = createCursor(null),
-  hostTransitionProviderCursor = createCursor(null),
-  HostTransitionContext = {
-    $$typeof: REACT_CONTEXT_TYPE,
-    Provider: null,
-    Consumer: null,
-    _currentValue: null,
-    _currentValue2: null,
-    _threadCount: 0
-  };
-function pushHostContainer(fiber, nextRootInstance) {
-  push(rootInstanceStackCursor, nextRootInstance);
-  push(contextFiberStackCursor, fiber);
-  push(contextStackCursor, null);
-  fiber = nextRootInstance.nodeType;
-  switch (fiber) {
-    case 9:
-    case 11:
-      nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
-        ? (nextRootInstance = nextRootInstance.namespaceURI)
-          ? getOwnHostContext(nextRootInstance)
-          : 0
-        : 0;
-      break;
-    default:
-      if (
-        ((fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
-        (nextRootInstance = fiber.tagName),
-        (fiber = fiber.namespaceURI))
-      )
-        (fiber = getOwnHostContext(fiber)),
-          (nextRootInstance = getChildHostContextProd(fiber, nextRootInstance));
-      else
-        switch (nextRootInstance) {
-          case "svg":
-            nextRootInstance = 1;
-            break;
-          case "math":
-            nextRootInstance = 2;
-            break;
-          default:
-            nextRootInstance = 0;
-        }
-  }
-  pop(contextStackCursor);
-  push(contextStackCursor, nextRootInstance);
-}
-function popHostContainer() {
-  pop(contextStackCursor);
-  pop(contextFiberStackCursor);
-  pop(rootInstanceStackCursor);
-}
-function pushHostContext(fiber) {
-  null !== fiber.memoizedState && push(hostTransitionProviderCursor, fiber);
-  var context = contextStackCursor.current;
-  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
-  context !== JSCompiler_inline_result &&
-    (push(contextFiberStackCursor, fiber),
-    push(contextStackCursor, JSCompiler_inline_result));
-}
-function popHostContext(fiber) {
-  contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor), pop(contextFiberStackCursor));
-  hostTransitionProviderCursor.current === fiber &&
-    (pop(hostTransitionProviderCursor),
-    (HostTransitionContext._currentValue = null));
-}
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-function resolveUpdatePriority() {
-  var updatePriority = Internals.p;
-  if (0 !== updatePriority) return updatePriority;
-  updatePriority = window.event;
-  return void 0 === updatePriority ? 32 : getEventPriority(updatePriority.type);
-}
-function runWithPriority(priority, fn) {
-  var previousPriority = Internals.p;
-  try {
-    return (Internals.p = priority), fn();
-  } finally {
-    Internals.p = previousPriority;
-  }
-}
-var randomKey = Math.random().toString(36).slice(2),
+var hasOwnProperty = Object.prototype.hasOwnProperty,
+  randomKey = Math.random().toString(36).slice(2),
   internalInstanceKey = "__reactFiber$" + randomKey,
   internalPropsKey = "__reactProps$" + randomKey,
   internalContainerInstanceKey = "__reactContainer$" + randomKey,
@@ -1365,6 +1370,29 @@ function initTextarea(element, value, defaultValue) {
     null !== value &&
     (element.value = value);
 }
+var reusableSVGContainer;
+function setInnerHTMLImpl(node, html) {
+  if ("http://www.w3.org/2000/svg" !== node.namespaceURI || "innerHTML" in node)
+    node.innerHTML = html;
+  else {
+    reusableSVGContainer =
+      reusableSVGContainer || document.createElement("div");
+    reusableSVGContainer.innerHTML =
+      "<svg>" + html.valueOf().toString() + "</svg>";
+    for (html = reusableSVGContainer.firstChild; node.firstChild; )
+      node.removeChild(node.firstChild);
+    for (; html.firstChild; ) node.appendChild(html.firstChild);
+  }
+}
+var setInnerHTML = setInnerHTMLImpl;
+"undefined" !== typeof MSApp &&
+  MSApp.execUnsafeLocalFunction &&
+  (setInnerHTML = function (node, html) {
+    return MSApp.execUnsafeLocalFunction(function () {
+      return setInnerHTMLImpl(node, html);
+    });
+  });
+var setInnerHTML$1 = setInnerHTML;
 function setTextContent(node, text) {
   if (text) {
     var firstChild = node.firstChild;
@@ -1631,7 +1659,7 @@ function batchedUpdates$1(fn, a, b) {
       ((isInsideEventHandler = !1),
       null !== restoreTarget || null !== restoreQueue)
     )
-      flushSyncWork$1(), restoreStateIfNeeded();
+      flushSync$1(), restoreStateIfNeeded();
   }
 }
 function getListener(inst, registrationName) {
@@ -2179,19 +2207,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$316;
+  var JSCompiler_inline_result$jscomp$315;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_448 = "oninput" in document;
-    if (!isSupported$jscomp$inline_448) {
-      var element$jscomp$inline_449 = document.createElement("div");
-      element$jscomp$inline_449.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_448 =
-        "function" === typeof element$jscomp$inline_449.oninput;
+    var isSupported$jscomp$inline_444 = "oninput" in document;
+    if (!isSupported$jscomp$inline_444) {
+      var element$jscomp$inline_445 = document.createElement("div");
+      element$jscomp$inline_445.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_444 =
+        "function" === typeof element$jscomp$inline_445.oninput;
     }
-    JSCompiler_inline_result$jscomp$316 = isSupported$jscomp$inline_448;
-  } else JSCompiler_inline_result$jscomp$316 = !1;
+    JSCompiler_inline_result$jscomp$315 = isSupported$jscomp$inline_444;
+  } else JSCompiler_inline_result$jscomp$315 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$316 &&
+    JSCompiler_inline_result$jscomp$315 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -2488,9 +2516,6 @@ var vendorPrefixes = {
     animationend: makePrefixMap("Animation", "AnimationEnd"),
     animationiteration: makePrefixMap("Animation", "AnimationIteration"),
     animationstart: makePrefixMap("Animation", "AnimationStart"),
-    transitionrun: makePrefixMap("Transition", "TransitionRun"),
-    transitionstart: makePrefixMap("Transition", "TransitionStart"),
-    transitioncancel: makePrefixMap("Transition", "TransitionCancel"),
     transitionend: makePrefixMap("Transition", "TransitionEnd")
   },
   prefixedEventNames = {},
@@ -2516,9 +2541,6 @@ function getVendorPrefixedEventName(eventName) {
 var ANIMATION_END = getVendorPrefixedEventName("animationend"),
   ANIMATION_ITERATION = getVendorPrefixedEventName("animationiteration"),
   ANIMATION_START = getVendorPrefixedEventName("animationstart"),
-  TRANSITION_RUN = getVendorPrefixedEventName("transitionrun"),
-  TRANSITION_START = getVendorPrefixedEventName("transitionstart"),
-  TRANSITION_CANCEL = getVendorPrefixedEventName("transitioncancel"),
   TRANSITION_END = getVendorPrefixedEventName("transitionend"),
   topLevelEventsToReactNames = new Map(),
   simpleEventPluginEvents =
@@ -2624,19 +2646,19 @@ for (
             }
             console.error(error);
           },
-    i$jscomp$inline_489 = 0;
-  i$jscomp$inline_489 < simpleEventPluginEvents.length;
-  i$jscomp$inline_489++
+    i$jscomp$inline_485 = 0;
+  i$jscomp$inline_485 < simpleEventPluginEvents.length;
+  i$jscomp$inline_485++
 ) {
-  var eventName$jscomp$inline_490 =
-      simpleEventPluginEvents[i$jscomp$inline_489],
-    domEventName$jscomp$inline_491 = eventName$jscomp$inline_490.toLowerCase(),
-    capitalizedEvent$jscomp$inline_492 =
-      eventName$jscomp$inline_490[0].toUpperCase() +
-      eventName$jscomp$inline_490.slice(1);
+  var eventName$jscomp$inline_486 =
+      simpleEventPluginEvents[i$jscomp$inline_485],
+    domEventName$jscomp$inline_487 = eventName$jscomp$inline_486.toLowerCase(),
+    capitalizedEvent$jscomp$inline_488 =
+      eventName$jscomp$inline_486[0].toUpperCase() +
+      eventName$jscomp$inline_486.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_491,
-    "on" + capitalizedEvent$jscomp$inline_492
+    domEventName$jscomp$inline_487,
+    "on" + capitalizedEvent$jscomp$inline_488
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -2645,9 +2667,6 @@ registerSimpleEvent(ANIMATION_START, "onAnimationStart");
 registerSimpleEvent("dblclick", "onDoubleClick");
 registerSimpleEvent("focusin", "onFocus");
 registerSimpleEvent("focusout", "onBlur");
-registerSimpleEvent(TRANSITION_RUN, "onTransitionRun");
-registerSimpleEvent(TRANSITION_START, "onTransitionStart");
-registerSimpleEvent(TRANSITION_CANCEL, "onTransitionCancel");
 registerSimpleEvent(TRANSITION_END, "onTransitionEnd");
 registerDirectEvent("onMouseEnter", ["mouseout", "mouseover"]);
 registerDirectEvent("onMouseLeave", ["mouseout", "mouseover"]);
@@ -3595,7 +3614,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
         key = value.__html;
         if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
-          domElement.innerHTML = key;
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -3807,7 +3828,9 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
         key = value.__html;
         if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
-          domElement.innerHTML = key;
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -4385,222 +4408,987 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         (null == propKey$53 && null == propKey) ||
         setProp(domElement, tag, lastProp, propKey$53, nextProps, propKey);
 }
-var concurrentQueues = [],
-  concurrentQueuesIndex = 0,
-  concurrentlyUpdatedLanes = 0;
-function finishQueueingConcurrentUpdates() {
-  for (
-    var endIndex = concurrentQueuesIndex,
-      i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
-    i < endIndex;
-
-  ) {
-    var fiber = concurrentQueues[i];
-    concurrentQueues[i++] = null;
-    var queue = concurrentQueues[i];
-    concurrentQueues[i++] = null;
-    var update = concurrentQueues[i];
-    concurrentQueues[i++] = null;
-    var lane = concurrentQueues[i];
-    concurrentQueues[i++] = null;
-    if (null !== queue && null !== update) {
-      var pending = queue.pending;
-      null === pending
-        ? (update.next = update)
-        : ((update.next = pending.next), (pending.next = update));
-      queue.pending = update;
+var ReactDOMCurrentDispatcher$1 = Internals.ReactDOMCurrentDispatcher,
+  eventsEnabled = null,
+  selectionInformation = null;
+function getOwnerDocumentFromRootContainer(rootContainerElement) {
+  return 9 === rootContainerElement.nodeType
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
+}
+function getOwnHostContext(namespaceURI) {
+  switch (namespaceURI) {
+    case "http://www.w3.org/2000/svg":
+      return 1;
+    case "http://www.w3.org/1998/Math/MathML":
+      return 2;
+    default:
+      return 0;
+  }
+}
+function getChildHostContextProd(parentNamespace, type) {
+  if (0 === parentNamespace)
+    switch (type) {
+      case "svg":
+        return 1;
+      case "math":
+        return 2;
+      default:
+        return 0;
     }
-    0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
+  return 1 === parentNamespace && "foreignObject" === type
+    ? 0
+    : parentNamespace;
+}
+function shouldSetTextContent(type, props) {
+  return (
+    "textarea" === type ||
+    "noscript" === type ||
+    "string" === typeof props.children ||
+    "number" === typeof props.children ||
+    "bigint" === typeof props.children ||
+    ("object" === typeof props.dangerouslySetInnerHTML &&
+      null !== props.dangerouslySetInnerHTML &&
+      null != props.dangerouslySetInnerHTML.__html)
+  );
+}
+var currentPopstateTransitionEvent = null;
+function shouldAttemptEagerTransition() {
+  var event = window.event;
+  if (event && "popstate" === event.type) {
+    if (event === currentPopstateTransitionEvent) return !1;
+    currentPopstateTransitionEvent = event;
+    return !0;
+  }
+  currentPopstateTransitionEvent = null;
+  return !1;
+}
+var scheduleTimeout = "function" === typeof setTimeout ? setTimeout : void 0,
+  cancelTimeout = "function" === typeof clearTimeout ? clearTimeout : void 0,
+  localPromise = "function" === typeof Promise ? Promise : void 0,
+  localRequestAnimationFrame =
+    "function" === typeof requestAnimationFrame
+      ? requestAnimationFrame
+      : scheduleTimeout;
+function getInstanceFromScope(scopeInstance) {
+  scopeInstance = scopeInstance[internalInstanceKey] || null;
+  return scopeInstance;
+}
+var scheduleMicrotask =
+  "function" === typeof queueMicrotask
+    ? queueMicrotask
+    : "undefined" !== typeof localPromise
+    ? function (callback) {
+        return localPromise
+          .resolve(null)
+          .then(callback)
+          .catch(handleErrorInNextTick);
+      }
+    : scheduleTimeout;
+function handleErrorInNextTick(error) {
+  setTimeout(function () {
+    throw error;
+  });
+}
+function createEvent(type, bubbles) {
+  var event = document.createEvent("Event");
+  event.initEvent(type, bubbles, !1);
+  return event;
+}
+function dispatchBeforeDetachedBlur(target, internalInstanceHandle) {
+  var event = createEvent("beforeblur", !0);
+  event._detachedInterceptFiber = internalInstanceHandle;
+  target.dispatchEvent(event);
+}
+function dispatchAfterDetachedBlur(target) {
+  var event = createEvent("afterblur", !1);
+  event.relatedTarget = target;
+  document.dispatchEvent(event);
+}
+function clearSuspenseBoundary(parentInstance, suspenseInstance) {
+  var node = suspenseInstance,
+    depth = 0;
+  do {
+    var nextNode = node.nextSibling;
+    parentInstance.removeChild(node);
+    if (nextNode && 8 === nextNode.nodeType)
+      if (((node = nextNode.data), "/$" === node)) {
+        if (0 === depth) {
+          parentInstance.removeChild(nextNode);
+          retryIfBlockedOn(suspenseInstance);
+          return;
+        }
+        depth--;
+      } else ("$" !== node && "$?" !== node && "$!" !== node) || depth++;
+    node = nextNode;
+  } while (node);
+  retryIfBlockedOn(suspenseInstance);
+}
+function clearContainerSparingly(container) {
+  var nextNode = container.firstChild;
+  nextNode && 10 === nextNode.nodeType && (nextNode = nextNode.nextSibling);
+  for (; nextNode; ) {
+    var node = nextNode;
+    nextNode = nextNode.nextSibling;
+    switch (node.nodeName) {
+      case "HTML":
+      case "HEAD":
+      case "BODY":
+        clearContainerSparingly(node);
+        detachDeletedInstance(node);
+        continue;
+      case "SCRIPT":
+      case "STYLE":
+        continue;
+      case "LINK":
+        if ("stylesheet" === node.rel.toLowerCase()) continue;
+    }
+    container.removeChild(node);
   }
 }
-function enqueueUpdate$1(fiber, queue, update, lane) {
-  concurrentQueues[concurrentQueuesIndex++] = fiber;
-  concurrentQueues[concurrentQueuesIndex++] = queue;
-  concurrentQueues[concurrentQueuesIndex++] = update;
-  concurrentQueues[concurrentQueuesIndex++] = lane;
-  concurrentlyUpdatedLanes |= lane;
-  fiber.lanes |= lane;
-  fiber = fiber.alternate;
-  null !== fiber && (fiber.lanes |= lane);
-}
-function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-  enqueueUpdate$1(fiber, queue, update, lane);
-  return getRootForUpdatedFiber(fiber);
-}
-function enqueueConcurrentRenderForLane(fiber, lane) {
-  enqueueUpdate$1(fiber, null, null, lane);
-  return getRootForUpdatedFiber(fiber);
-}
-function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
-  sourceFiber.lanes |= lane;
-  var alternate = sourceFiber.alternate;
-  null !== alternate && (alternate.lanes |= lane);
-  for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
-    (parent.childLanes |= lane),
-      (alternate = parent.alternate),
-      null !== alternate && (alternate.childLanes |= lane),
-      22 === parent.tag &&
-        ((sourceFiber = parent.stateNode),
-        null === sourceFiber || sourceFiber._visibility & 1 || (isHidden = !0)),
-      (sourceFiber = parent),
-      (parent = parent.return);
-  isHidden &&
-    null !== update &&
-    3 === sourceFiber.tag &&
-    ((parent = sourceFiber.stateNode),
-    (isHidden = 31 - clz32(lane)),
-    (parent = parent.hiddenUpdates),
-    (sourceFiber = parent[isHidden]),
-    null === sourceFiber
-      ? (parent[isHidden] = [update])
-      : sourceFiber.push(update),
-    (update.lane = lane | 536870912));
-}
-function getRootForUpdatedFiber(sourceFiber) {
-  throwIfInfiniteUpdateLoopDetected();
-  for (var parent = sourceFiber.return; null !== parent; )
-    (sourceFiber = parent), (parent = sourceFiber.return);
-  return 3 === sourceFiber.tag ? sourceFiber.stateNode : null;
-}
-var emptyContextObject = {};
-function processTransitionCallbacks(pendingTransitions, endTime, callbacks) {
-  if (enableTransitionTracing && null !== pendingTransitions) {
-    var transitionStart = pendingTransitions.transitionStart,
-      onTransitionStart = callbacks.onTransitionStart;
-    null !== transitionStart &&
-      null != onTransitionStart &&
-      transitionStart.forEach(function (transition) {
-        return onTransitionStart(transition.name, transition.startTime);
-      });
-    transitionStart = pendingTransitions.markerProgress;
-    var onMarkerProgress = callbacks.onMarkerProgress;
-    null != onMarkerProgress &&
-      null !== transitionStart &&
-      transitionStart.forEach(function (markerInstance, markerName) {
-        if (null !== markerInstance.transitions) {
-          var pending =
-            null !== markerInstance.pendingBoundaries
-              ? Array.from(markerInstance.pendingBoundaries.values())
-              : [];
-          markerInstance.transitions.forEach(function (transition) {
-            onMarkerProgress(
-              transition.name,
-              markerName,
-              transition.startTime,
-              endTime,
-              pending
-            );
-          });
-        }
-      });
-    transitionStart = pendingTransitions.markerComplete;
-    var onMarkerComplete = callbacks.onMarkerComplete;
-    null !== transitionStart &&
-      null != onMarkerComplete &&
-      transitionStart.forEach(function (transitions, markerName) {
-        transitions.forEach(function (transition) {
-          onMarkerComplete(
-            transition.name,
-            markerName,
-            transition.startTime,
-            endTime
-          );
-        });
-      });
-    transitionStart = pendingTransitions.markerIncomplete;
-    var onMarkerIncomplete = callbacks.onMarkerIncomplete;
-    null != onMarkerIncomplete &&
-      null !== transitionStart &&
-      transitionStart.forEach(function (_ref, markerName) {
-        var aborts = _ref.aborts;
-        _ref.transitions.forEach(function (transition) {
-          var filteredAborts = [];
-          aborts.forEach(function (abort) {
-            switch (abort.reason) {
-              case "marker":
-                filteredAborts.push({
-                  type: "marker",
-                  name: abort.name,
-                  endTime: endTime
-                });
-                break;
-              case "suspense":
-                filteredAborts.push({
-                  type: "suspense",
-                  name: abort.name,
-                  endTime: endTime
-                });
-            }
-          });
-          0 < filteredAborts.length &&
-            onMarkerIncomplete(
-              transition.name,
-              markerName,
-              transition.startTime,
-              filteredAborts
-            );
-        });
-      });
-    transitionStart = pendingTransitions.transitionProgress;
-    var onTransitionProgress = callbacks.onTransitionProgress;
-    null != onTransitionProgress &&
-      null !== transitionStart &&
-      transitionStart.forEach(function (pending, transition) {
-        onTransitionProgress(
-          transition.name,
-          transition.startTime,
-          endTime,
-          Array.from(pending.values())
-        );
-      });
-    pendingTransitions = pendingTransitions.transitionComplete;
-    var onTransitionComplete = callbacks.onTransitionComplete;
-    null !== pendingTransitions &&
-      null != onTransitionComplete &&
-      pendingTransitions.forEach(function (transition) {
-        return onTransitionComplete(
-          transition.name,
-          transition.startTime,
-          endTime
-        );
-      });
+function canHydrateInstance(instance, type, props, inRootOrSingleton) {
+  for (; 1 === instance.nodeType; ) {
+    var anyProps = props;
+    if (instance.nodeName.toLowerCase() !== type.toLowerCase()) {
+      if (
+        !inRootOrSingleton &&
+        ("INPUT" !== instance.nodeName || "hidden" !== instance.type)
+      )
+        break;
+    } else if (!inRootOrSingleton)
+      if ("input" === type && "hidden" === instance.type) {
+        var name = null == anyProps.name ? null : "" + anyProps.name;
+        if (
+          "hidden" === anyProps.type &&
+          instance.getAttribute("name") === name
+        )
+          return instance;
+      } else return instance;
+    else if (!instance[internalHoistableMarker])
+      switch (type) {
+        case "meta":
+          if (!instance.hasAttribute("itemprop")) break;
+          return instance;
+        case "link":
+          name = instance.getAttribute("rel");
+          if ("stylesheet" === name && instance.hasAttribute("data-precedence"))
+            break;
+          else if (
+            name !== anyProps.rel ||
+            instance.getAttribute("href") !==
+              (null == anyProps.href ? null : anyProps.href) ||
+            instance.getAttribute("crossorigin") !==
+              (null == anyProps.crossOrigin ? null : anyProps.crossOrigin) ||
+            instance.getAttribute("title") !==
+              (null == anyProps.title ? null : anyProps.title)
+          )
+            break;
+          return instance;
+        case "style":
+          if (instance.hasAttribute("data-precedence")) break;
+          return instance;
+        case "script":
+          name = instance.getAttribute("src");
+          if (
+            (name !== (null == anyProps.src ? null : anyProps.src) ||
+              instance.getAttribute("type") !==
+                (null == anyProps.type ? null : anyProps.type) ||
+              instance.getAttribute("crossorigin") !==
+                (null == anyProps.crossOrigin ? null : anyProps.crossOrigin)) &&
+            name &&
+            instance.hasAttribute("async") &&
+            !instance.hasAttribute("itemprop")
+          )
+            break;
+          return instance;
+        default:
+          return instance;
+      }
+    instance = getNextHydratable(instance.nextSibling);
+    if (null === instance) break;
   }
+  return null;
 }
-var markerInstanceStack = createCursor(null);
-function pushRootMarkerInstance(workInProgress) {
-  if (enableTransitionTracing) {
-    var transitions = workInProgressTransitions,
-      root$90 = workInProgress.stateNode;
-    null !== transitions &&
-      transitions.forEach(function (transition) {
-        if (!root$90.incompleteTransitions.has(transition)) {
-          var markerInstance = {
-            tag: 0,
-            transitions: new Set([transition]),
-            pendingBoundaries: null,
-            aborts: null,
-            name: null
-          };
-          root$90.incompleteTransitions.set(transition, markerInstance);
-        }
-      });
-    var markerInstances = [];
-    root$90.incompleteTransitions.forEach(function (markerInstance) {
-      markerInstances.push(markerInstance);
+function canHydrateTextInstance(instance, text, inRootOrSingleton) {
+  if ("" === text) return null;
+  for (; 3 !== instance.nodeType; ) {
+    if (
+      (1 !== instance.nodeType ||
+        "INPUT" !== instance.nodeName ||
+        "hidden" !== instance.type) &&
+      !inRootOrSingleton
+    )
+      return null;
+    instance = getNextHydratable(instance.nextSibling);
+    if (null === instance) return null;
+  }
+  return instance;
+}
+function getNextHydratable(node) {
+  for (; null != node; node = node.nextSibling) {
+    var nodeType = node.nodeType;
+    if (1 === nodeType || 3 === nodeType) break;
+    if (8 === nodeType) {
+      nodeType = node.data;
+      if (
+        "$" === nodeType ||
+        "$!" === nodeType ||
+        "$?" === nodeType ||
+        "F!" === nodeType ||
+        "F" === nodeType
+      )
+        break;
+      if ("/$" === nodeType) return null;
+    }
+  }
+  return node;
+}
+function getParentSuspenseInstance(targetInstance) {
+  targetInstance = targetInstance.previousSibling;
+  for (var depth = 0; targetInstance; ) {
+    if (8 === targetInstance.nodeType) {
+      var data = targetInstance.data;
+      if ("$" === data || "$!" === data || "$?" === data) {
+        if (0 === depth) return targetInstance;
+        depth--;
+      } else "/$" === data && depth++;
+    }
+    targetInstance = targetInstance.previousSibling;
+  }
+  return null;
+}
+function requestPostPaintCallback(callback) {
+  localRequestAnimationFrame(function () {
+    localRequestAnimationFrame(function (time) {
+      return callback(time);
     });
-    push(markerInstanceStack, markerInstances);
+  });
+}
+function resolveSingletonInstance(type, props, rootContainerInstance) {
+  props = getOwnerDocumentFromRootContainer(rootContainerInstance);
+  switch (type) {
+    case "html":
+      type = props.documentElement;
+      if (!type) throw Error(formatProdErrorMessage(452));
+      return type;
+    case "head":
+      type = props.head;
+      if (!type) throw Error(formatProdErrorMessage(453));
+      return type;
+    case "body":
+      type = props.body;
+      if (!type) throw Error(formatProdErrorMessage(454));
+      return type;
+    default:
+      throw Error(formatProdErrorMessage(451));
   }
 }
-function pushMarkerInstance(workInProgress, markerInstance) {
-  enableTransitionTracing &&
-    (null === markerInstanceStack.current
-      ? push(markerInstanceStack, [markerInstance])
-      : push(
-          markerInstanceStack,
-          markerInstanceStack.current.concat(markerInstance)
-        ));
+var preloadPropsMap = new Map(),
+  preconnectsSet = new Set();
+function getHoistableRoot(container) {
+  return "function" === typeof container.getRootNode
+    ? container.getRootNode()
+    : container.ownerDocument;
 }
-var CapturedStacks = new WeakMap();
+var previousDispatcher = ReactDOMCurrentDispatcher$1.current;
+ReactDOMCurrentDispatcher$1.current = {
+  prefetchDNS: prefetchDNS$1,
+  preconnect: preconnect$1,
+  preload: preload$1,
+  preloadModule: preloadModule$1,
+  preinitStyle: preinitStyle,
+  preinitScript: preinitScript,
+  preinitModuleScript: preinitModuleScript
+};
+var globalDocument = "undefined" === typeof document ? null : document;
+function preconnectAs(rel, href, crossOrigin) {
+  var ownerDocument = globalDocument;
+  if (ownerDocument && "string" === typeof href && href) {
+    var limitedEscapedHref =
+      escapeSelectorAttributeValueInsideDoubleQuotes(href);
+    limitedEscapedHref =
+      'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
+    "string" === typeof crossOrigin &&
+      (limitedEscapedHref += '[crossorigin="' + crossOrigin + '"]');
+    preconnectsSet.has(limitedEscapedHref) ||
+      (preconnectsSet.add(limitedEscapedHref),
+      (rel = { rel: rel, crossOrigin: crossOrigin, href: href }),
+      null === ownerDocument.querySelector(limitedEscapedHref) &&
+        ((href = ownerDocument.createElement("link")),
+        setInitialProperties(href, "link", rel),
+        markNodeAsHoistable(href),
+        ownerDocument.head.appendChild(href)));
+  }
+}
+function prefetchDNS$1(href) {
+  previousDispatcher.prefetchDNS(href);
+  preconnectAs("dns-prefetch", href, null);
+}
+function preconnect$1(href, crossOrigin) {
+  previousDispatcher.preconnect(href, crossOrigin);
+  preconnectAs("preconnect", href, crossOrigin);
+}
+function preload$1(href, as, options) {
+  previousDispatcher.preload(href, as, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && href && as) {
+    var preloadSelector =
+      'link[rel="preload"][as="' +
+      escapeSelectorAttributeValueInsideDoubleQuotes(as) +
+      '"]';
+    "image" === as
+      ? options && options.imageSrcSet
+        ? ((preloadSelector +=
+            '[imagesrcset="' +
+            escapeSelectorAttributeValueInsideDoubleQuotes(
+              options.imageSrcSet
+            ) +
+            '"]'),
+          "string" === typeof options.imageSizes &&
+            (preloadSelector +=
+              '[imagesizes="' +
+              escapeSelectorAttributeValueInsideDoubleQuotes(
+                options.imageSizes
+              ) +
+              '"]'))
+        : (preloadSelector +=
+            '[href="' +
+            escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+            '"]')
+      : (preloadSelector +=
+          '[href="' +
+          escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+          '"]');
+    var key = preloadSelector;
+    switch (as) {
+      case "style":
+        key = getStyleKey(href);
+        break;
+      case "script":
+        key = getScriptKey(href);
+    }
+    preloadPropsMap.has(key) ||
+      ((href = assign(
+        {
+          rel: "preload",
+          href:
+            "image" === as && options && options.imageSrcSet ? void 0 : href,
+          as: as
+        },
+        options
+      )),
+      preloadPropsMap.set(key, href),
+      null !== ownerDocument.querySelector(preloadSelector) ||
+        ("style" === as &&
+          ownerDocument.querySelector(getStylesheetSelectorFromKey(key))) ||
+        ("script" === as &&
+          ownerDocument.querySelector(getScriptSelectorFromKey(key))) ||
+        ((as = ownerDocument.createElement("link")),
+        setInitialProperties(as, "link", href),
+        markNodeAsHoistable(as),
+        ownerDocument.head.appendChild(as)));
+  }
+}
+function preloadModule$1(href, options) {
+  previousDispatcher.preloadModule(href, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && href) {
+    var as = options && "string" === typeof options.as ? options.as : "script",
+      preloadSelector =
+        'link[rel="modulepreload"][as="' +
+        escapeSelectorAttributeValueInsideDoubleQuotes(as) +
+        '"][href="' +
+        escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+        '"]',
+      key = preloadSelector;
+    switch (as) {
+      case "audioworklet":
+      case "paintworklet":
+      case "serviceworker":
+      case "sharedworker":
+      case "worker":
+      case "script":
+        key = getScriptKey(href);
+    }
+    if (
+      !preloadPropsMap.has(key) &&
+      ((href = assign({ rel: "modulepreload", href: href }, options)),
+      preloadPropsMap.set(key, href),
+      null === ownerDocument.querySelector(preloadSelector))
+    ) {
+      switch (as) {
+        case "audioworklet":
+        case "paintworklet":
+        case "serviceworker":
+        case "sharedworker":
+        case "worker":
+        case "script":
+          if (ownerDocument.querySelector(getScriptSelectorFromKey(key)))
+            return;
+      }
+      as = ownerDocument.createElement("link");
+      setInitialProperties(as, "link", href);
+      markNodeAsHoistable(as);
+      ownerDocument.head.appendChild(as);
+    }
+  }
+}
+function preinitStyle(href, precedence, options) {
+  previousDispatcher.preinitStyle(href, precedence, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && href) {
+    var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
+      key = getStyleKey(href);
+    precedence = precedence || "default";
+    var resource = styles.get(key);
+    if (!resource) {
+      var state = { loading: 0, preload: null };
+      if (
+        (resource = ownerDocument.querySelector(
+          getStylesheetSelectorFromKey(key)
+        ))
+      )
+        state.loading = 5;
+      else {
+        href = assign(
+          { rel: "stylesheet", href: href, "data-precedence": precedence },
+          options
+        );
+        (options = preloadPropsMap.get(key)) &&
+          adoptPreloadPropsForStylesheet(href, options);
+        var link = (resource = ownerDocument.createElement("link"));
+        markNodeAsHoistable(link);
+        setInitialProperties(link, "link", href);
+        link._p = new Promise(function (resolve, reject) {
+          link.onload = resolve;
+          link.onerror = reject;
+        });
+        link.addEventListener("load", function () {
+          state.loading |= 1;
+        });
+        link.addEventListener("error", function () {
+          state.loading |= 2;
+        });
+        state.loading |= 4;
+        insertStylesheet(resource, precedence, ownerDocument);
+      }
+      resource = {
+        type: "stylesheet",
+        instance: resource,
+        count: 1,
+        state: state
+      };
+      styles.set(key, resource);
+    }
+  }
+}
+function preinitScript(src, options) {
+  previousDispatcher.preinitScript(src, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && src) {
+    var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
+      key = getScriptKey(src),
+      resource = scripts.get(key);
+    resource ||
+      ((resource = ownerDocument.querySelector(getScriptSelectorFromKey(key))),
+      resource ||
+        ((src = assign({ src: src, async: !0 }, options)),
+        (options = preloadPropsMap.get(key)) &&
+          adoptPreloadPropsForScript(src, options),
+        (resource = ownerDocument.createElement("script")),
+        markNodeAsHoistable(resource),
+        setInitialProperties(resource, "link", src),
+        ownerDocument.head.appendChild(resource)),
+      (resource = {
+        type: "script",
+        instance: resource,
+        count: 1,
+        state: null
+      }),
+      scripts.set(key, resource));
+  }
+}
+function preinitModuleScript(src, options) {
+  previousDispatcher.preinitModuleScript(src, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && src) {
+    var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
+      key = getScriptKey(src),
+      resource = scripts.get(key);
+    resource ||
+      ((resource = ownerDocument.querySelector(getScriptSelectorFromKey(key))),
+      resource ||
+        ((src = assign({ src: src, async: !0, type: "module" }, options)),
+        (options = preloadPropsMap.get(key)) &&
+          adoptPreloadPropsForScript(src, options),
+        (resource = ownerDocument.createElement("script")),
+        markNodeAsHoistable(resource),
+        setInitialProperties(resource, "link", src),
+        ownerDocument.head.appendChild(resource)),
+      (resource = {
+        type: "script",
+        instance: resource,
+        count: 1,
+        state: null
+      }),
+      scripts.set(key, resource));
+  }
+}
+function getResource(type, currentProps, pendingProps) {
+  currentProps = (currentProps = rootInstanceStackCursor.current)
+    ? getHoistableRoot(currentProps)
+    : null;
+  if (!currentProps) throw Error(formatProdErrorMessage(446));
+  switch (type) {
+    case "meta":
+    case "title":
+      return null;
+    case "style":
+      return "string" === typeof pendingProps.precedence &&
+        "string" === typeof pendingProps.href
+        ? ((pendingProps = getStyleKey(pendingProps.href)),
+          (currentProps = getResourcesFromRoot(currentProps).hoistableStyles),
+          (type = currentProps.get(pendingProps)),
+          type ||
+            ((type = { type: "style", instance: null, count: 0, state: null }),
+            currentProps.set(pendingProps, type)),
+          type)
+        : { type: "void", instance: null, count: 0, state: null };
+    case "link":
+      if (
+        "stylesheet" === pendingProps.rel &&
+        "string" === typeof pendingProps.href &&
+        "string" === typeof pendingProps.precedence
+      ) {
+        type = getStyleKey(pendingProps.href);
+        var styles$92 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$93 = styles$92.get(type);
+        resource$93 ||
+          ((currentProps = currentProps.ownerDocument || currentProps),
+          (resource$93 = {
+            type: "stylesheet",
+            instance: null,
+            count: 0,
+            state: { loading: 0, preload: null }
+          }),
+          styles$92.set(type, resource$93),
+          preloadPropsMap.has(type) ||
+            preloadStylesheet(
+              currentProps,
+              type,
+              {
+                rel: "preload",
+                as: "style",
+                href: pendingProps.href,
+                crossOrigin: pendingProps.crossOrigin,
+                integrity: pendingProps.integrity,
+                media: pendingProps.media,
+                hrefLang: pendingProps.hrefLang,
+                referrerPolicy: pendingProps.referrerPolicy
+              },
+              resource$93.state
+            ));
+        return resource$93;
+      }
+      return null;
+    case "script":
+      return "string" === typeof pendingProps.src && !0 === pendingProps.async
+        ? ((pendingProps = getScriptKey(pendingProps.src)),
+          (currentProps = getResourcesFromRoot(currentProps).hoistableScripts),
+          (type = currentProps.get(pendingProps)),
+          type ||
+            ((type = { type: "script", instance: null, count: 0, state: null }),
+            currentProps.set(pendingProps, type)),
+          type)
+        : { type: "void", instance: null, count: 0, state: null };
+    default:
+      throw Error(formatProdErrorMessage(444, type));
+  }
+}
+function getStyleKey(href) {
+  return 'href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
+}
+function getStylesheetSelectorFromKey(key) {
+  return 'link[rel="stylesheet"][' + key + "]";
+}
+function stylesheetPropsFromRawProps(rawProps) {
+  return assign({}, rawProps, {
+    "data-precedence": rawProps.precedence,
+    precedence: null
+  });
+}
+function preloadStylesheet(ownerDocument, key, preloadProps, state) {
+  preloadPropsMap.set(key, preloadProps);
+  ownerDocument.querySelector(getStylesheetSelectorFromKey(key)) ||
+    (ownerDocument.querySelector('link[rel="preload"][as="style"][' + key + "]")
+      ? (state.loading = 1)
+      : ((key = ownerDocument.createElement("link")),
+        (state.preload = key),
+        key.addEventListener("load", function () {
+          return (state.loading |= 1);
+        }),
+        key.addEventListener("error", function () {
+          return (state.loading |= 2);
+        }),
+        setInitialProperties(key, "link", preloadProps),
+        markNodeAsHoistable(key),
+        ownerDocument.head.appendChild(key)));
+}
+function getScriptKey(src) {
+  return '[src="' + escapeSelectorAttributeValueInsideDoubleQuotes(src) + '"]';
+}
+function getScriptSelectorFromKey(key) {
+  return "script[async]" + key;
+}
+function acquireResource(hoistableRoot, resource, props) {
+  resource.count++;
+  if (null === resource.instance)
+    switch (resource.type) {
+      case "style":
+        var instance = hoistableRoot.querySelector(
+          'style[data-href~="' +
+            escapeSelectorAttributeValueInsideDoubleQuotes(props.href) +
+            '"]'
+        );
+        if (instance)
+          return (
+            (resource.instance = instance),
+            markNodeAsHoistable(instance),
+            instance
+          );
+        var styleProps = assign({}, props, {
+          "data-href": props.href,
+          "data-precedence": props.precedence,
+          href: null,
+          precedence: null
+        });
+        instance = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
+          "style"
+        );
+        markNodeAsHoistable(instance);
+        setInitialProperties(instance, "style", styleProps);
+        insertStylesheet(instance, props.precedence, hoistableRoot);
+        return (resource.instance = instance);
+      case "stylesheet":
+        styleProps = getStyleKey(props.href);
+        var instance$97 = hoistableRoot.querySelector(
+          getStylesheetSelectorFromKey(styleProps)
+        );
+        if (instance$97)
+          return (
+            (resource.state.loading |= 4),
+            (resource.instance = instance$97),
+            markNodeAsHoistable(instance$97),
+            instance$97
+          );
+        instance = stylesheetPropsFromRawProps(props);
+        (styleProps = preloadPropsMap.get(styleProps)) &&
+          adoptPreloadPropsForStylesheet(instance, styleProps);
+        instance$97 = (
+          hoistableRoot.ownerDocument || hoistableRoot
+        ).createElement("link");
+        markNodeAsHoistable(instance$97);
+        var linkInstance = instance$97;
+        linkInstance._p = new Promise(function (resolve, reject) {
+          linkInstance.onload = resolve;
+          linkInstance.onerror = reject;
+        });
+        setInitialProperties(instance$97, "link", instance);
+        resource.state.loading |= 4;
+        insertStylesheet(instance$97, props.precedence, hoistableRoot);
+        return (resource.instance = instance$97);
+      case "script":
+        instance$97 = getScriptKey(props.src);
+        if (
+          (styleProps = hoistableRoot.querySelector(
+            getScriptSelectorFromKey(instance$97)
+          ))
+        )
+          return (
+            (resource.instance = styleProps),
+            markNodeAsHoistable(styleProps),
+            styleProps
+          );
+        instance = props;
+        if ((styleProps = preloadPropsMap.get(instance$97)))
+          (instance = assign({}, props)),
+            adoptPreloadPropsForScript(instance, styleProps);
+        hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
+        styleProps = hoistableRoot.createElement("script");
+        markNodeAsHoistable(styleProps);
+        setInitialProperties(styleProps, "link", instance);
+        hoistableRoot.head.appendChild(styleProps);
+        return (resource.instance = styleProps);
+      case "void":
+        return null;
+      default:
+        throw Error(formatProdErrorMessage(443, resource.type));
+    }
+  else
+    "stylesheet" === resource.type &&
+      0 === (resource.state.loading & 4) &&
+      ((instance = resource.instance),
+      (resource.state.loading |= 4),
+      insertStylesheet(instance, props.precedence, hoistableRoot));
+  return resource.instance;
+}
+function insertStylesheet(instance, precedence, root) {
+  for (
+    var nodes = root.querySelectorAll(
+        'link[rel="stylesheet"][data-precedence],style[data-precedence]'
+      ),
+      last = nodes.length ? nodes[nodes.length - 1] : null,
+      prior = last,
+      i = 0;
+    i < nodes.length;
+    i++
+  ) {
+    var node = nodes[i];
+    if (node.dataset.precedence === precedence) prior = node;
+    else if (prior !== last) break;
+  }
+  prior
+    ? prior.parentNode.insertBefore(instance, prior.nextSibling)
+    : ((precedence = 9 === root.nodeType ? root.head : root),
+      precedence.insertBefore(instance, precedence.firstChild));
+}
+function adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps) {
+  null == stylesheetProps.crossOrigin &&
+    (stylesheetProps.crossOrigin = preloadProps.crossOrigin);
+  null == stylesheetProps.referrerPolicy &&
+    (stylesheetProps.referrerPolicy = preloadProps.referrerPolicy);
+  null == stylesheetProps.title && (stylesheetProps.title = preloadProps.title);
+}
+function adoptPreloadPropsForScript(scriptProps, preloadProps) {
+  null == scriptProps.crossOrigin &&
+    (scriptProps.crossOrigin = preloadProps.crossOrigin);
+  null == scriptProps.referrerPolicy &&
+    (scriptProps.referrerPolicy = preloadProps.referrerPolicy);
+  null == scriptProps.integrity &&
+    (scriptProps.integrity = preloadProps.integrity);
+}
+var tagCaches = null;
+function getHydratableHoistableCache(type, keyAttribute, ownerDocument) {
+  if (null === tagCaches) {
+    var cache = new Map();
+    var caches = (tagCaches = new Map());
+    caches.set(ownerDocument, cache);
+  } else
+    (caches = tagCaches),
+      (cache = caches.get(ownerDocument)),
+      cache || ((cache = new Map()), caches.set(ownerDocument, cache));
+  if (cache.has(type)) return cache;
+  cache.set(type, null);
+  ownerDocument = ownerDocument.getElementsByTagName(type);
+  for (caches = 0; caches < ownerDocument.length; caches++) {
+    var node = ownerDocument[caches];
+    if (
+      !(
+        node[internalHoistableMarker] ||
+        node[internalInstanceKey] ||
+        ("link" === type && "stylesheet" === node.getAttribute("rel"))
+      ) &&
+      "http://www.w3.org/2000/svg" !== node.namespaceURI
+    ) {
+      var nodeKey = node.getAttribute(keyAttribute) || "";
+      nodeKey = type + nodeKey;
+      var existing = cache.get(nodeKey);
+      existing ? existing.push(node) : cache.set(nodeKey, [node]);
+    }
+  }
+  return cache;
+}
+function mountHoistable(hoistableRoot, type, instance) {
+  hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
+  hoistableRoot.head.insertBefore(
+    instance,
+    "title" === type ? hoistableRoot.querySelector("head > title") : null
+  );
+}
+function isHostHoistableType(type, props, hostContext) {
+  if (1 === hostContext || null != props.itemProp) return !1;
+  switch (type) {
+    case "meta":
+    case "title":
+      return !0;
+    case "style":
+      if (
+        "string" !== typeof props.precedence ||
+        "string" !== typeof props.href ||
+        "" === props.href
+      )
+        break;
+      return !0;
+    case "link":
+      if (
+        "string" !== typeof props.rel ||
+        "string" !== typeof props.href ||
+        "" === props.href ||
+        props.onLoad ||
+        props.onError
+      )
+        break;
+      switch (props.rel) {
+        case "stylesheet":
+          return (
+            (type = props.disabled),
+            "string" === typeof props.precedence && null == type
+          );
+        default:
+          return !0;
+      }
+    case "script":
+      if (
+        !0 === props.async &&
+        !props.onLoad &&
+        !props.onError &&
+        "string" === typeof props.src &&
+        props.src
+      )
+        return !0;
+  }
+  return !1;
+}
+var suspendedState = null;
+function noop$1() {}
+function suspendResource(hoistableRoot, resource, props) {
+  if (null === suspendedState) throw Error(formatProdErrorMessage(475));
+  var state = suspendedState;
+  if (
+    "stylesheet" === resource.type &&
+    ("string" !== typeof props.media ||
+      !1 !== matchMedia(props.media).matches) &&
+    0 === (resource.state.loading & 4)
+  ) {
+    if (null === resource.instance) {
+      var key = getStyleKey(props.href),
+        instance = hoistableRoot.querySelector(
+          getStylesheetSelectorFromKey(key)
+        );
+      if (instance) {
+        hoistableRoot = instance._p;
+        null !== hoistableRoot &&
+          "object" === typeof hoistableRoot &&
+          "function" === typeof hoistableRoot.then &&
+          (state.count++,
+          (state = onUnsuspend.bind(state)),
+          hoistableRoot.then(state, state));
+        resource.state.loading |= 4;
+        resource.instance = instance;
+        markNodeAsHoistable(instance);
+        return;
+      }
+      instance = hoistableRoot.ownerDocument || hoistableRoot;
+      props = stylesheetPropsFromRawProps(props);
+      (key = preloadPropsMap.get(key)) &&
+        adoptPreloadPropsForStylesheet(props, key);
+      instance = instance.createElement("link");
+      markNodeAsHoistable(instance);
+      var linkInstance = instance;
+      linkInstance._p = new Promise(function (resolve, reject) {
+        linkInstance.onload = resolve;
+        linkInstance.onerror = reject;
+      });
+      setInitialProperties(instance, "link", props);
+      resource.instance = instance;
+    }
+    null === state.stylesheets && (state.stylesheets = new Map());
+    state.stylesheets.set(resource, hoistableRoot);
+    (hoistableRoot = resource.state.preload) &&
+      0 === (resource.state.loading & 3) &&
+      (state.count++,
+      (resource = onUnsuspend.bind(state)),
+      hoistableRoot.addEventListener("load", resource),
+      hoistableRoot.addEventListener("error", resource));
+  }
+}
+function waitForCommitToBeReady() {
+  if (null === suspendedState) throw Error(formatProdErrorMessage(475));
+  var state = suspendedState;
+  state.stylesheets &&
+    0 === state.count &&
+    insertSuspendedStylesheets(state, state.stylesheets);
+  return 0 < state.count
+    ? function (commit) {
+        var stylesheetTimer = setTimeout(function () {
+          state.stylesheets &&
+            insertSuspendedStylesheets(state, state.stylesheets);
+          if (state.unsuspend) {
+            var unsuspend = state.unsuspend;
+            state.unsuspend = null;
+            unsuspend();
+          }
+        }, 6e4);
+        state.unsuspend = commit;
+        return function () {
+          state.unsuspend = null;
+          clearTimeout(stylesheetTimer);
+        };
+      }
+    : null;
+}
+function onUnsuspend() {
+  this.count--;
+  if (0 === this.count)
+    if (this.stylesheets) insertSuspendedStylesheets(this, this.stylesheets);
+    else if (this.unsuspend) {
+      var unsuspend = this.unsuspend;
+      this.unsuspend = null;
+      unsuspend();
+    }
+}
+var precedencesByRoot = null;
+function insertSuspendedStylesheets(state, resources) {
+  state.stylesheets = null;
+  null !== state.unsuspend &&
+    (state.count++,
+    (precedencesByRoot = new Map()),
+    resources.forEach(insertStylesheetIntoRoot, state),
+    (precedencesByRoot = null),
+    onUnsuspend.call(state));
+}
+function insertStylesheetIntoRoot(root, resource) {
+  if (!(resource.state.loading & 4)) {
+    var precedences = precedencesByRoot.get(root);
+    if (precedences) var last = precedences.get(null);
+    else {
+      precedences = new Map();
+      precedencesByRoot.set(root, precedences);
+      for (
+        var nodes = root.querySelectorAll(
+            "link[data-precedence],style[data-precedence]"
+          ),
+          i = 0;
+        i < nodes.length;
+        i++
+      ) {
+        var node = nodes[i];
+        if (
+          "link" === node.nodeName ||
+          "not all" !== node.getAttribute("media")
+        )
+          precedences.set(node.dataset.precedence, node), (last = node);
+      }
+      last && precedences.set(null, last);
+    }
+    nodes = resource.instance;
+    node = nodes.getAttribute("data-precedence");
+    i = precedences.get(node) || last;
+    i === last && precedences.set(null, nodes);
+    precedences.set(node, nodes);
+    this.count++;
+    last = onUnsuspend.bind(this);
+    nodes.addEventListener("load", last);
+    nodes.addEventListener("error", last);
+    i
+      ? i.parentNode.insertBefore(nodes, i.nextSibling)
+      : ((root = 9 === root.nodeType ? root.head : root),
+        root.insertBefore(nodes, root.firstChild));
+    resource.state.loading |= 4;
+  }
+}
+var emptyContextObject = {},
+  CapturedStacks = new WeakMap();
 function createCapturedValueAtFiber(value, source) {
   if ("object" === typeof value && null !== value) {
     var stack = CapturedStacks.get(value);
@@ -4822,6 +5610,543 @@ function queueHydrationError(error) {
     ? (hydrationErrors = [error])
     : hydrationErrors.push(error);
 }
+var concurrentQueues = [],
+  concurrentQueuesIndex = 0,
+  concurrentlyUpdatedLanes = 0;
+function finishQueueingConcurrentUpdates() {
+  for (
+    var endIndex = concurrentQueuesIndex,
+      i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
+    i < endIndex;
+
+  ) {
+    var fiber = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var queue = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var update = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var lane = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    if (null !== queue && null !== update) {
+      var pending = queue.pending;
+      null === pending
+        ? (update.next = update)
+        : ((update.next = pending.next), (pending.next = update));
+      queue.pending = update;
+    }
+    0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
+  }
+}
+function enqueueUpdate$1(fiber, queue, update, lane) {
+  concurrentQueues[concurrentQueuesIndex++] = fiber;
+  concurrentQueues[concurrentQueuesIndex++] = queue;
+  concurrentQueues[concurrentQueuesIndex++] = update;
+  concurrentQueues[concurrentQueuesIndex++] = lane;
+  concurrentlyUpdatedLanes |= lane;
+  fiber.lanes |= lane;
+  fiber = fiber.alternate;
+  null !== fiber && (fiber.lanes |= lane);
+}
+function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
+  enqueueUpdate$1(fiber, queue, update, lane);
+  return getRootForUpdatedFiber(fiber);
+}
+function enqueueConcurrentRenderForLane(fiber, lane) {
+  enqueueUpdate$1(fiber, null, null, lane);
+  return getRootForUpdatedFiber(fiber);
+}
+function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+  sourceFiber.lanes |= lane;
+  var alternate = sourceFiber.alternate;
+  null !== alternate && (alternate.lanes |= lane);
+  for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
+    (parent.childLanes |= lane),
+      (alternate = parent.alternate),
+      null !== alternate && (alternate.childLanes |= lane),
+      22 === parent.tag &&
+        ((sourceFiber = parent.stateNode),
+        null === sourceFiber || sourceFiber._visibility & 1 || (isHidden = !0)),
+      (sourceFiber = parent),
+      (parent = parent.return);
+  isHidden &&
+    null !== update &&
+    3 === sourceFiber.tag &&
+    ((parent = sourceFiber.stateNode),
+    (isHidden = 31 - clz32(lane)),
+    (parent = parent.hiddenUpdates),
+    (sourceFiber = parent[isHidden]),
+    null === sourceFiber
+      ? (parent[isHidden] = [update])
+      : sourceFiber.push(update),
+    (update.lane = lane | 536870912));
+}
+function getRootForUpdatedFiber(sourceFiber) {
+  throwIfInfiniteUpdateLoopDetected();
+  for (var parent = sourceFiber.return; null !== parent; )
+    (sourceFiber = parent), (parent = sourceFiber.return);
+  return 3 === sourceFiber.tag ? sourceFiber.stateNode : null;
+}
+var firstScheduledRoot = null,
+  lastScheduledRoot = null,
+  didScheduleMicrotask = !1,
+  mightHavePendingSyncWork = !1,
+  isFlushingWork = !1,
+  currentEventTransitionLane = 0;
+function ensureRootIsScheduled(root) {
+  root !== lastScheduledRoot &&
+    null === root.next &&
+    (null === lastScheduledRoot
+      ? (firstScheduledRoot = lastScheduledRoot = root)
+      : (lastScheduledRoot = lastScheduledRoot.next = root));
+  mightHavePendingSyncWork = !0;
+  didScheduleMicrotask ||
+    ((didScheduleMicrotask = !0),
+    scheduleImmediateTask(processRootScheduleInMicrotask));
+  enableDeferRootSchedulingToMicrotask ||
+    scheduleTaskForRootDuringMicrotask(root, now$1());
+}
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (!isFlushingWork && mightHavePendingSyncWork) {
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root$115 = firstScheduledRoot; null !== root$115; ) {
+        if (!onlyLegacy) {
+          var workInProgressRootRenderLanes$117 = workInProgressRootRenderLanes;
+          workInProgressRootRenderLanes$117 = getNextLanes(
+            root$115,
+            root$115 === workInProgressRoot
+              ? workInProgressRootRenderLanes$117
+              : 0
+          );
+          0 !== (workInProgressRootRenderLanes$117 & 3) &&
+            ((didPerformSomeWork = !0),
+            performSyncWorkOnRoot(root$115, workInProgressRootRenderLanes$117));
+        }
+        root$115 = root$115.next;
+      }
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+  }
+}
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now$1(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next;
+    if (0 !== currentEventTransitionLane && shouldAttemptEagerTransition()) {
+      var root$jscomp$0 = root,
+        lane = currentEventTransitionLane;
+      root$jscomp$0.pendingLanes |= 2;
+      root$jscomp$0.entangledLanes |= 2;
+      root$jscomp$0.entanglements[1] |= lane;
+    }
+    root$jscomp$0 = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === root$jscomp$0
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (root$jscomp$0 & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
+  }
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
+}
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  var pendingLanes = root.pendingLanes,
+    suspendedLanes = root.suspendedLanes,
+    pingedLanes = root.pingedLanes,
+    expirationTimes = root.expirationTimes;
+  for (
+    pendingLanes = enableRetryLaneExpiration
+      ? pendingLanes
+      : pendingLanes & -62914561;
+    0 < pendingLanes;
+
+  ) {
+    var index$4 = 31 - clz32(pendingLanes),
+      lane = 1 << index$4,
+      expirationTime = expirationTimes[index$4];
+    if (-1 === expirationTime) {
+      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
+        expirationTimes[index$4] = computeExpirationTime(lane, currentTime);
+    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
+    pendingLanes &= ~lane;
+  }
+  currentTime = workInProgressRoot;
+  suspendedLanes = workInProgressRootRenderLanes;
+  suspendedLanes = getNextLanes(
+    root,
+    root === currentTime ? suspendedLanes : 0
+  );
+  pingedLanes = root.callbackNode;
+  if (
+    0 === suspendedLanes ||
+    (root === currentTime && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackNode = null),
+      (root.callbackPriority = 0)
+    );
+  if (0 !== (suspendedLanes & 3))
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackPriority = 2),
+      (root.callbackNode = null),
+      2
+    );
+  currentTime = suspendedLanes & -suspendedLanes;
+  if (currentTime === root.callbackPriority) return currentTime;
+  null !== pingedLanes && cancelCallback$1(pingedLanes);
+  switch (lanesToEventPriority(suspendedLanes)) {
+    case 2:
+      suspendedLanes = ImmediatePriority;
+      break;
+    case 8:
+      suspendedLanes = UserBlockingPriority;
+      break;
+    case 32:
+      suspendedLanes = NormalPriority$1;
+      break;
+    case 268435456:
+      suspendedLanes = IdlePriority;
+      break;
+    default:
+      suspendedLanes = NormalPriority$1;
+  }
+  pingedLanes = performConcurrentWorkOnRoot.bind(null, root);
+  suspendedLanes = scheduleCallback$3(suspendedLanes, pingedLanes);
+  root.callbackPriority = currentTime;
+  root.callbackNode = suspendedLanes;
+  return currentTime;
+}
+function scheduleImmediateTask(cb) {
+  scheduleMicrotask(function () {
+    0 !== (executionContext & 6)
+      ? scheduleCallback$3(ImmediatePriority, cb)
+      : cb();
+  });
+}
+function requestTransitionLane() {
+  0 === currentEventTransitionLane &&
+    (currentEventTransitionLane = claimNextTransitionLane());
+  return currentEventTransitionLane;
+}
+var currentEntangledListeners = null,
+  currentEntangledPendingCount = 0,
+  currentEntangledLane = 0,
+  currentEntangledActionThenable = null;
+function entangleAsyncAction(transition, thenable) {
+  if (null === currentEntangledListeners) {
+    var entangledListeners = (currentEntangledListeners = []);
+    currentEntangledPendingCount = 0;
+    currentEntangledLane = requestTransitionLane();
+    currentEntangledActionThenable = {
+      status: "pending",
+      value: void 0,
+      then: function (resolve) {
+        entangledListeners.push(resolve);
+      }
+    };
+  }
+  currentEntangledPendingCount++;
+  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
+  return thenable;
+}
+function pingEngtangledActionScope() {
+  if (
+    null !== currentEntangledListeners &&
+    0 === --currentEntangledPendingCount
+  ) {
+    null !== currentEntangledActionThenable &&
+      (currentEntangledActionThenable.status = "fulfilled");
+    var listeners = currentEntangledListeners;
+    currentEntangledListeners = null;
+    currentEntangledLane = 0;
+    currentEntangledActionThenable = null;
+    for (var i = 0; i < listeners.length; i++) (0, listeners[i])();
+  }
+}
+function chainThenableValue(thenable, result) {
+  var listeners = [],
+    thenableWithOverride = {
+      status: "pending",
+      value: null,
+      reason: null,
+      then: function (resolve) {
+        listeners.push(resolve);
+      }
+    };
+  thenable.then(
+    function () {
+      thenableWithOverride.status = "fulfilled";
+      thenableWithOverride.value = result;
+      for (var i = 0; i < listeners.length; i++) (0, listeners[i])(result);
+    },
+    function (error) {
+      thenableWithOverride.status = "rejected";
+      thenableWithOverride.reason = error;
+      for (error = 0; error < listeners.length; error++)
+        (0, listeners[error])(void 0);
+    }
+  );
+  return thenableWithOverride;
+}
+var hasForceUpdate = !1;
+function initializeUpdateQueue(fiber) {
+  fiber.updateQueue = {
+    baseState: fiber.memoizedState,
+    firstBaseUpdate: null,
+    lastBaseUpdate: null,
+    shared: { pending: null, lanes: 0, hiddenCallbacks: null },
+    callbacks: null
+  };
+}
+function cloneUpdateQueue(current, workInProgress) {
+  current = current.updateQueue;
+  workInProgress.updateQueue === current &&
+    (workInProgress.updateQueue = {
+      baseState: current.baseState,
+      firstBaseUpdate: current.firstBaseUpdate,
+      lastBaseUpdate: current.lastBaseUpdate,
+      shared: current.shared,
+      callbacks: null
+    });
+}
+function createUpdate(lane) {
+  return { lane: lane, tag: 0, payload: null, callback: null, next: null };
+}
+function enqueueUpdate(fiber, update, lane) {
+  var updateQueue = fiber.updateQueue;
+  if (null === updateQueue) return null;
+  updateQueue = updateQueue.shared;
+  if (0 !== (executionContext & 2)) {
+    var pending = updateQueue.pending;
+    null === pending
+      ? (update.next = update)
+      : ((update.next = pending.next), (pending.next = update));
+    updateQueue.pending = update;
+    update = getRootForUpdatedFiber(fiber);
+    markUpdateLaneFromFiberToRoot(fiber, null, lane);
+    return update;
+  }
+  enqueueUpdate$1(fiber, updateQueue, update, lane);
+  return getRootForUpdatedFiber(fiber);
+}
+function entangleTransitions(root, fiber, lane) {
+  fiber = fiber.updateQueue;
+  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194176))) {
+    var queueLanes = fiber.lanes;
+    queueLanes &= root.pendingLanes;
+    lane |= queueLanes;
+    fiber.lanes = lane;
+    markRootEntangled(root, lane);
+  }
+}
+function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
+  var queue = workInProgress.updateQueue,
+    current = workInProgress.alternate;
+  if (
+    null !== current &&
+    ((current = current.updateQueue), queue === current)
+  ) {
+    var newFirst = null,
+      newLast = null;
+    queue = queue.firstBaseUpdate;
+    if (null !== queue) {
+      do {
+        var clone = {
+          lane: queue.lane,
+          tag: queue.tag,
+          payload: queue.payload,
+          callback: null,
+          next: null
+        };
+        null === newLast
+          ? (newFirst = newLast = clone)
+          : (newLast = newLast.next = clone);
+        queue = queue.next;
+      } while (null !== queue);
+      null === newLast
+        ? (newFirst = newLast = capturedUpdate)
+        : (newLast = newLast.next = capturedUpdate);
+    } else newFirst = newLast = capturedUpdate;
+    queue = {
+      baseState: current.baseState,
+      firstBaseUpdate: newFirst,
+      lastBaseUpdate: newLast,
+      shared: current.shared,
+      callbacks: current.callbacks
+    };
+    workInProgress.updateQueue = queue;
+    return;
+  }
+  workInProgress = queue.lastBaseUpdate;
+  null === workInProgress
+    ? (queue.firstBaseUpdate = capturedUpdate)
+    : (workInProgress.next = capturedUpdate);
+  queue.lastBaseUpdate = capturedUpdate;
+}
+var didReadFromEntangledAsyncAction = !1;
+function suspendIfUpdateReadFromEntangledAsyncAction() {
+  if (didReadFromEntangledAsyncAction) {
+    var entangledActionThenable = currentEntangledActionThenable;
+    if (null !== entangledActionThenable) throw entangledActionThenable;
+  }
+}
+function processUpdateQueue(
+  workInProgress$jscomp$0,
+  props,
+  instance$jscomp$0,
+  renderLanes
+) {
+  didReadFromEntangledAsyncAction = !1;
+  var queue = workInProgress$jscomp$0.updateQueue;
+  hasForceUpdate = !1;
+  var firstBaseUpdate = queue.firstBaseUpdate,
+    lastBaseUpdate = queue.lastBaseUpdate,
+    pendingQueue = queue.shared.pending;
+  if (null !== pendingQueue) {
+    queue.shared.pending = null;
+    var lastPendingUpdate = pendingQueue,
+      firstPendingUpdate = lastPendingUpdate.next;
+    lastPendingUpdate.next = null;
+    null === lastBaseUpdate
+      ? (firstBaseUpdate = firstPendingUpdate)
+      : (lastBaseUpdate.next = firstPendingUpdate);
+    lastBaseUpdate = lastPendingUpdate;
+    var current = workInProgress$jscomp$0.alternate;
+    null !== current &&
+      ((current = current.updateQueue),
+      (pendingQueue = current.lastBaseUpdate),
+      pendingQueue !== lastBaseUpdate &&
+        (null === pendingQueue
+          ? (current.firstBaseUpdate = firstPendingUpdate)
+          : (pendingQueue.next = firstPendingUpdate),
+        (current.lastBaseUpdate = lastPendingUpdate)));
+  }
+  if (null !== firstBaseUpdate) {
+    var newState = queue.baseState;
+    lastBaseUpdate = 0;
+    current = firstPendingUpdate = lastPendingUpdate = null;
+    pendingQueue = firstBaseUpdate;
+    do {
+      var updateLane = pendingQueue.lane & -536870913,
+        isHiddenUpdate = updateLane !== pendingQueue.lane;
+      if (
+        isHiddenUpdate
+          ? (workInProgressRootRenderLanes & updateLane) === updateLane
+          : (renderLanes & updateLane) === updateLane
+      ) {
+        0 !== updateLane &&
+          updateLane === currentEntangledLane &&
+          (didReadFromEntangledAsyncAction = !0);
+        null !== current &&
+          (current = current.next =
+            {
+              lane: 0,
+              tag: pendingQueue.tag,
+              payload: pendingQueue.payload,
+              callback: null,
+              next: null
+            });
+        a: {
+          var workInProgress = workInProgress$jscomp$0,
+            update = pendingQueue;
+          updateLane = props;
+          var instance = instance$jscomp$0;
+          switch (update.tag) {
+            case 1:
+              workInProgress = update.payload;
+              if ("function" === typeof workInProgress) {
+                newState = workInProgress.call(instance, newState, updateLane);
+                break a;
+              }
+              newState = workInProgress;
+              break a;
+            case 3:
+              workInProgress.flags = (workInProgress.flags & -65537) | 128;
+            case 0:
+              workInProgress = update.payload;
+              updateLane =
+                "function" === typeof workInProgress
+                  ? workInProgress.call(instance, newState, updateLane)
+                  : workInProgress;
+              if (null === updateLane || void 0 === updateLane) break a;
+              newState = assign({}, newState, updateLane);
+              break a;
+            case 2:
+              hasForceUpdate = !0;
+          }
+        }
+        updateLane = pendingQueue.callback;
+        null !== updateLane &&
+          ((workInProgress$jscomp$0.flags |= 64),
+          isHiddenUpdate && (workInProgress$jscomp$0.flags |= 8192),
+          (isHiddenUpdate = queue.callbacks),
+          null === isHiddenUpdate
+            ? (queue.callbacks = [updateLane])
+            : isHiddenUpdate.push(updateLane));
+      } else
+        (isHiddenUpdate = {
+          lane: updateLane,
+          tag: pendingQueue.tag,
+          payload: pendingQueue.payload,
+          callback: pendingQueue.callback,
+          next: null
+        }),
+          null === current
+            ? ((firstPendingUpdate = current = isHiddenUpdate),
+              (lastPendingUpdate = newState))
+            : (current = current.next = isHiddenUpdate),
+          (lastBaseUpdate |= updateLane);
+      pendingQueue = pendingQueue.next;
+      if (null === pendingQueue)
+        if (((pendingQueue = queue.shared.pending), null === pendingQueue))
+          break;
+        else
+          (isHiddenUpdate = pendingQueue),
+            (pendingQueue = isHiddenUpdate.next),
+            (isHiddenUpdate.next = null),
+            (queue.lastBaseUpdate = isHiddenUpdate),
+            (queue.shared.pending = null);
+    } while (1);
+    null === current && (lastPendingUpdate = newState);
+    queue.baseState = lastPendingUpdate;
+    queue.firstBaseUpdate = firstPendingUpdate;
+    queue.lastBaseUpdate = current;
+    null === firstBaseUpdate && (queue.shared.lanes = 0);
+    workInProgressRootSkippedLanes |= lastBaseUpdate;
+    workInProgress$jscomp$0.lanes = lastBaseUpdate;
+    workInProgress$jscomp$0.memoizedState = newState;
+  }
+}
+function callCallback(callback, context) {
+  if ("function" !== typeof callback)
+    throw Error(formatProdErrorMessage(191, callback));
+  callback.call(context);
+}
+function commitCallbacks(updateQueue, context) {
+  var callbacks = updateQueue.callbacks;
+  if (null !== callbacks)
+    for (
+      updateQueue.callbacks = null, updateQueue = 0;
+      updateQueue < callbacks.length;
+      updateQueue++
+    )
+      callCallback(callbacks[updateQueue], context);
+}
 var SuspenseException = Error(formatProdErrorMessage(460)),
   SuspenseyCommitException = Error(formatProdErrorMessage(474)),
   noopSuspenseyCommitThenable = { then: function () {} };
@@ -4829,12 +6154,12 @@ function isThenableResolved(thenable) {
   thenable = thenable.status;
   return "fulfilled" === thenable || "rejected" === thenable;
 }
-function noop$1() {}
+function noop() {}
 function trackUsedThenable(thenableState, thenable, index) {
   index = thenableState[index];
   void 0 === index
     ? thenableState.push(thenable)
-    : index !== thenable && (thenable.then(noop$1, noop$1), (thenable = index));
+    : index !== thenable && (thenable.then(noop, noop), (thenable = index));
   switch (thenable.status) {
     case "fulfilled":
       return thenable.value;
@@ -4844,7 +6169,7 @@ function trackUsedThenable(thenableState, thenable, index) {
         throw Error(formatProdErrorMessage(483));
       throw thenableState;
     default:
-      if ("string" === typeof thenable.status) thenable.then(noop$1, noop$1);
+      if ("string" === typeof thenable.status) thenable.then(noop, noop);
       else {
         thenableState = workInProgressRoot;
         if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
@@ -4896,11 +6221,51 @@ function unwrapThenable(thenable) {
   null === thenableState$1 && (thenableState$1 = []);
   return trackUsedThenable(thenableState$1, thenable, index);
 }
+function convertStringRefToCallbackRef(
+  returnFiber,
+  current,
+  element,
+  mixedRef
+) {
+  function ref(value) {
+    var refs = inst.refs;
+    null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+  }
+  var stringRef = "" + mixedRef;
+  returnFiber = element._owner;
+  if (!returnFiber) throw Error(formatProdErrorMessage(290, stringRef));
+  if (1 !== returnFiber.tag) throw Error(formatProdErrorMessage(309));
+  var inst = returnFiber.stateNode;
+  if (!inst) throw Error(formatProdErrorMessage(147, stringRef));
+  if (
+    null !== current &&
+    null !== current.ref &&
+    "function" === typeof current.ref &&
+    current.ref._stringRef === stringRef
+  )
+    return current.ref;
+  ref._stringRef = stringRef;
+  return ref;
+}
 function coerceRef(returnFiber, current, workInProgress, element) {
-  enableRefAsProp
-    ? ((returnFiber = element.props.ref),
-      (returnFiber = void 0 !== returnFiber ? returnFiber : null))
-    : (returnFiber = element.ref);
+  if (enableRefAsProp) {
+    var mixedRef = element.props.ref;
+    mixedRef = void 0 !== mixedRef ? mixedRef : null;
+  } else mixedRef = element.ref;
+  "string" === typeof mixedRef ||
+  "number" === typeof mixedRef ||
+  "boolean" === typeof mixedRef
+    ? ((returnFiber = convertStringRefToCallbackRef(
+        returnFiber,
+        current,
+        element,
+        mixedRef
+      )),
+      enableRefAsProp &&
+        ((current = assign({}, workInProgress.pendingProps)),
+        (current.ref = returnFiber),
+        (workInProgress.pendingProps = current)))
+    : (returnFiber = mixedRef);
   workInProgress.ref = returnFiber;
 }
 function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -5679,311 +7044,9 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-var AbortControllerLocal =
-    "undefined" !== typeof AbortController
-      ? AbortController
-      : function () {
-          var listeners = [],
-            signal = (this.signal = {
-              aborted: !1,
-              addEventListener: function (type, listener) {
-                listeners.push(listener);
-              }
-            });
-          this.abort = function () {
-            signal.aborted = !0;
-            listeners.forEach(function (listener) {
-              return listener();
-            });
-          };
-        },
-  scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
-  NormalPriority = Scheduler.unstable_NormalPriority,
-  CacheContext = {
-    $$typeof: REACT_CONTEXT_TYPE,
-    Consumer: null,
-    Provider: null,
-    _currentValue: null,
-    _currentValue2: null,
-    _threadCount: 0
-  };
-function createCache() {
-  return {
-    controller: new AbortControllerLocal(),
-    data: new Map(),
-    refCount: 0
-  };
-}
-function releaseCache(cache) {
-  cache.refCount--;
-  0 === cache.refCount &&
-    scheduleCallback$2(NormalPriority, function () {
-      cache.controller.abort();
-    });
-}
-var firstScheduledRoot = null,
-  lastScheduledRoot = null,
-  didScheduleMicrotask = !1,
-  mightHavePendingSyncWork = !1,
-  isFlushingWork = !1,
-  currentEventTransitionLane = 0;
-function ensureRootIsScheduled(root) {
-  root !== lastScheduledRoot &&
-    null === root.next &&
-    (null === lastScheduledRoot
-      ? (firstScheduledRoot = lastScheduledRoot = root)
-      : (lastScheduledRoot = lastScheduledRoot.next = root));
-  mightHavePendingSyncWork = !0;
-  didScheduleMicrotask ||
-    ((didScheduleMicrotask = !0),
-    scheduleImmediateTask(processRootScheduleInMicrotask));
-  enableDeferRootSchedulingToMicrotask ||
-    scheduleTaskForRootDuringMicrotask(root, now$1());
-}
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (!isFlushingWork && mightHavePendingSyncWork) {
-    isFlushingWork = !0;
-    do {
-      var didPerformSomeWork = !1;
-      for (var root$111 = firstScheduledRoot; null !== root$111; ) {
-        if (!onlyLegacy) {
-          var workInProgressRootRenderLanes$113 = workInProgressRootRenderLanes;
-          workInProgressRootRenderLanes$113 = getNextLanes(
-            root$111,
-            root$111 === workInProgressRoot
-              ? workInProgressRootRenderLanes$113
-              : 0
-          );
-          0 !== (workInProgressRootRenderLanes$113 & 3) &&
-            ((didPerformSomeWork = !0),
-            performSyncWorkOnRoot(root$111, workInProgressRootRenderLanes$113));
-        }
-        root$111 = root$111.next;
-      }
-    } while (didPerformSomeWork);
-    isFlushingWork = !1;
-  }
-}
-function processRootScheduleInMicrotask() {
-  mightHavePendingSyncWork = didScheduleMicrotask = !1;
-  for (
-    var currentTime = now$1(), prev = null, root = firstScheduledRoot;
-    null !== root;
-
-  ) {
-    var next = root.next;
-    if (0 !== currentEventTransitionLane && shouldAttemptEagerTransition()) {
-      var root$jscomp$0 = root,
-        lane = currentEventTransitionLane;
-      root$jscomp$0.pendingLanes |= 2;
-      root$jscomp$0.entangledLanes |= 2;
-      root$jscomp$0.entanglements[1] |= lane;
-    }
-    root$jscomp$0 = scheduleTaskForRootDuringMicrotask(root, currentTime);
-    0 === root$jscomp$0
-      ? ((root.next = null),
-        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
-        null === next && (lastScheduledRoot = prev))
-      : ((prev = root),
-        0 !== (root$jscomp$0 & 3) && (mightHavePendingSyncWork = !0));
-    root = next;
-  }
-  currentEventTransitionLane = 0;
-  flushSyncWorkAcrossRoots_impl(!1);
-}
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  var pendingLanes = root.pendingLanes,
-    suspendedLanes = root.suspendedLanes,
-    pingedLanes = root.pingedLanes,
-    expirationTimes = root.expirationTimes;
-  for (
-    pendingLanes = enableRetryLaneExpiration
-      ? pendingLanes
-      : pendingLanes & -62914561;
-    0 < pendingLanes;
-
-  ) {
-    var index$2 = 31 - clz32(pendingLanes),
-      lane = 1 << index$2,
-      expirationTime = expirationTimes[index$2];
-    if (-1 === expirationTime) {
-      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$2] = computeExpirationTime(lane, currentTime);
-    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
-    pendingLanes &= ~lane;
-  }
-  currentTime = workInProgressRoot;
-  suspendedLanes = workInProgressRootRenderLanes;
-  suspendedLanes = getNextLanes(
-    root,
-    root === currentTime ? suspendedLanes : 0
-  );
-  pingedLanes = root.callbackNode;
-  if (
-    0 === suspendedLanes ||
-    (root === currentTime && 2 === workInProgressSuspendedReason) ||
-    null !== root.cancelPendingCommit
-  )
-    return (
-      null !== pingedLanes &&
-        null !== pingedLanes &&
-        cancelCallback$1(pingedLanes),
-      (root.callbackNode = null),
-      (root.callbackPriority = 0)
-    );
-  if (0 !== (suspendedLanes & 3))
-    return (
-      null !== pingedLanes &&
-        null !== pingedLanes &&
-        cancelCallback$1(pingedLanes),
-      (root.callbackPriority = 2),
-      (root.callbackNode = null),
-      2
-    );
-  currentTime = suspendedLanes & -suspendedLanes;
-  if (currentTime === root.callbackPriority) return currentTime;
-  null !== pingedLanes && cancelCallback$1(pingedLanes);
-  switch (lanesToEventPriority(suspendedLanes)) {
-    case 2:
-      suspendedLanes = ImmediatePriority;
-      break;
-    case 8:
-      suspendedLanes = UserBlockingPriority;
-      break;
-    case 32:
-      suspendedLanes = NormalPriority$1;
-      break;
-    case 268435456:
-      suspendedLanes = IdlePriority;
-      break;
-    default:
-      suspendedLanes = NormalPriority$1;
-  }
-  pingedLanes = performConcurrentWorkOnRoot.bind(null, root);
-  suspendedLanes = scheduleCallback$3(suspendedLanes, pingedLanes);
-  root.callbackPriority = currentTime;
-  root.callbackNode = suspendedLanes;
-  return currentTime;
-}
-function scheduleImmediateTask(cb) {
-  scheduleMicrotask(function () {
-    0 !== (executionContext & 6)
-      ? scheduleCallback$3(ImmediatePriority, cb)
-      : cb();
-  });
-}
-function requestTransitionLane() {
-  0 === currentEventTransitionLane &&
-    (currentEventTransitionLane = claimNextTransitionLane());
-  return currentEventTransitionLane;
-}
-var currentEntangledListeners = null,
-  currentEntangledPendingCount = 0,
-  currentEntangledLane = 0,
-  currentEntangledActionThenable = null;
-function entangleAsyncAction(transition, thenable) {
-  if (null === currentEntangledListeners) {
-    var entangledListeners = (currentEntangledListeners = []);
-    currentEntangledPendingCount = 0;
-    currentEntangledLane = requestTransitionLane();
-    currentEntangledActionThenable = {
-      status: "pending",
-      value: void 0,
-      then: function (resolve) {
-        entangledListeners.push(resolve);
-      }
-    };
-  }
-  currentEntangledPendingCount++;
-  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
-  return thenable;
-}
-function pingEngtangledActionScope() {
-  if (
-    null !== currentEntangledListeners &&
-    0 === --currentEntangledPendingCount
-  ) {
-    null !== currentEntangledActionThenable &&
-      (currentEntangledActionThenable.status = "fulfilled");
-    var listeners = currentEntangledListeners;
-    currentEntangledListeners = null;
-    currentEntangledLane = 0;
-    currentEntangledActionThenable = null;
-    for (var i = 0; i < listeners.length; i++) (0, listeners[i])();
-  }
-}
-function chainThenableValue(thenable, result) {
-  var listeners = [],
-    thenableWithOverride = {
-      status: "pending",
-      value: null,
-      reason: null,
-      then: function (resolve) {
-        listeners.push(resolve);
-      }
-    };
-  thenable.then(
-    function () {
-      thenableWithOverride.status = "fulfilled";
-      thenableWithOverride.value = result;
-      for (var i = 0; i < listeners.length; i++) (0, listeners[i])(result);
-    },
-    function (error) {
-      thenableWithOverride.status = "rejected";
-      thenableWithOverride.reason = error;
-      for (error = 0; error < listeners.length; error++)
-        (0, listeners[error])(void 0);
-    }
-  );
-  return thenableWithOverride;
-}
-function requestCurrentTransition() {
-  var transition = ReactSharedInternals.T;
-  null !== transition && transition._callbacks.add(handleAsyncAction);
-  return transition;
-}
-function handleAsyncAction(transition, thenable) {
-  entangleAsyncAction(transition, thenable);
-}
-function notifyTransitionCallbacks(transition, returnValue) {
-  transition._callbacks.forEach(function (callback) {
-    return callback(transition, returnValue);
-  });
-}
-var resumedCache = createCursor(null),
-  transitionStack = createCursor(null);
-function peekCacheFromPool() {
-  var cacheResumedFromPreviousRender = resumedCache.current;
-  return null !== cacheResumedFromPreviousRender
-    ? cacheResumedFromPreviousRender
-    : workInProgressRoot.pooledCache;
-}
-function pushTransition(
-  offscreenWorkInProgress,
-  prevCachePool,
-  newTransitions
-) {
-  null === prevCachePool
-    ? push(resumedCache, resumedCache.current)
-    : push(resumedCache, prevCachePool.pool);
-  enableTransitionTracing &&
-    (null === transitionStack.current
-      ? push(transitionStack, newTransitions)
-      : null === newTransitions
-      ? push(transitionStack, transitionStack.current)
-      : push(transitionStack, transitionStack.current.concat(newTransitions)));
-}
-function popTransition(workInProgress, current) {
-  null !== current &&
-    (enableTransitionTracing && pop(transitionStack), pop(resumedCache));
-}
-function getSuspendedCache() {
-  var cacheFromPool = peekCacheFromPool();
-  return null === cacheFromPool
-    ? null
-    : { parent: CacheContext._currentValue, pool: cacheFromPool };
-}
-var renderLanes = 0,
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig,
+  renderLanes = 0,
   currentlyRenderingFiber$1 = null,
   currentHook = null,
   workInProgressHook = null,
@@ -6016,7 +7079,7 @@ function renderWithHooks(
   workInProgress.memoizedState = null;
   workInProgress.updateQueue = null;
   workInProgress.lanes = 0;
-  ReactSharedInternals.H =
+  ReactCurrentDispatcher$1.current =
     null === current || null === current.memoizedState
       ? HooksDispatcherOnMount
       : HooksDispatcherOnUpdate;
@@ -6034,7 +7097,7 @@ function renderWithHooks(
   return nextRenderLanes;
 }
 function finishRenderingHooks(current) {
-  ReactSharedInternals.H = ContextOnlyDispatcher;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
   var didRenderTooFewHooks = null !== currentHook && null !== currentHook.next;
   renderLanes = 0;
   workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
@@ -6061,22 +7124,16 @@ function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
     numberOfReRenders += 1;
     workInProgressHook = currentHook = null;
     workInProgress.updateQueue = null;
-    ReactSharedInternals.H = HooksDispatcherOnRerender;
+    ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
     var children = Component(props, secondArg);
   } while (didScheduleRenderPhaseUpdateDuringThisPass);
   return children;
 }
 function TransitionAwareHostComponent() {
-  var dispatcher = ReactSharedInternals.H,
-    maybeThenable = dispatcher.useState()[0];
-  maybeThenable =
-    "function" === typeof maybeThenable.then
-      ? useThenable(maybeThenable)
-      : maybeThenable;
-  dispatcher = dispatcher.useState()[0];
-  (null !== currentHook ? currentHook.memoizedState : null) !== dispatcher &&
-    (currentlyRenderingFiber$1.flags |= 1024);
-  return maybeThenable;
+  var maybeThenable = ReactCurrentDispatcher$1.current.useState()[0];
+  return "function" === typeof maybeThenable.then
+    ? useThenable(maybeThenable)
+    : maybeThenable;
 }
 function checkDidRenderIdHook() {
   var didRenderIdHook = 0 !== localIdCounter;
@@ -6167,7 +7224,7 @@ function useThenable(thenable) {
     (null === workInProgressHook
       ? null === currentlyRenderingFiber$1.memoizedState
       : null === workInProgressHook.next) &&
-    (ReactSharedInternals.H = HooksDispatcherOnMount);
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
   return thenable;
 }
 function use(usable) {
@@ -6240,7 +7297,7 @@ function updateReducerImpl(hook, current, reducer) {
     var newBaseQueueFirst = (baseFirst = null),
       newBaseQueueLast = null,
       update = current,
-      didReadFromEntangledAsyncAction$114 = !1;
+      didReadFromEntangledAsyncAction$141 = !1;
     do {
       var updateLane = update.lane & -536870913;
       if (
@@ -6261,11 +7318,11 @@ function updateReducerImpl(hook, current, reducer) {
                 next: null
               }),
             updateLane === currentEntangledLane &&
-              (didReadFromEntangledAsyncAction$114 = !0);
+              (didReadFromEntangledAsyncAction$141 = !0);
         else if ((renderLanes & revertLane) === revertLane) {
           update = update.next;
           revertLane === currentEntangledLane &&
-            (didReadFromEntangledAsyncAction$114 = !0);
+            (didReadFromEntangledAsyncAction$141 = !0);
           continue;
         } else
           (updateLane = {
@@ -6311,7 +7368,7 @@ function updateReducerImpl(hook, current, reducer) {
     if (
       !objectIs(pendingQueue, hook.memoizedState) &&
       ((didReceiveUpdate = !0),
-      didReadFromEntangledAsyncAction$114 &&
+      didReadFromEntangledAsyncAction$141 &&
         ((reducer = currentEntangledActionThenable), null !== reducer))
     )
       throw reducer;
@@ -6471,9 +7528,9 @@ function dispatchActionState(
 function runActionStateAction(actionQueue, setPendingState, setState, payload) {
   var action = actionQueue.action,
     prevState = actionQueue.state,
-    prevTransition = ReactSharedInternals.T,
+    prevTransition = ReactCurrentBatchConfig$3.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$3.transition = currentTransition;
   setPendingState(!0);
   try {
     var returnValue = action(prevState, payload);
@@ -6506,7 +7563,7 @@ function runActionStateAction(actionQueue, setPendingState, setState, payload) {
     setState({ then: function () {}, status: "rejected", reason: error }),
       finishRunningActionStateAction(actionQueue, setPendingState, setState);
   } finally {
-    ReactSharedInternals.T = prevTransition;
+    ReactCurrentBatchConfig$3.transition = prevTransition;
   }
 }
 function finishRunningActionStateAction(
@@ -6822,18 +7879,18 @@ function startTransition(
   callback,
   options
 ) {
-  var previousPriority = Internals.p;
-  Internals.p =
+  var previousPriority = currentUpdatePriority;
+  currentUpdatePriority =
     0 !== previousPriority && 8 > previousPriority ? previousPriority : 8;
-  var prevTransition = ReactSharedInternals.T,
+  var prevTransition = ReactCurrentBatchConfig$3.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$3.transition = currentTransition;
   dispatchOptimisticSetState(fiber, !1, queue, pendingState);
   enableTransitionTracing &&
     void 0 !== options &&
     void 0 !== options.name &&
-    ((currentTransition.name = options.name),
-    (currentTransition.startTime = now$1()));
+    ((ReactCurrentBatchConfig$3.transition.name = options.name),
+    (ReactCurrentBatchConfig$3.transition.startTime = now$1()));
   try {
     var returnValue = callback();
     if (
@@ -6855,63 +7912,42 @@ function startTransition(
       reason: error
     });
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig$3.transition = prevTransition);
   }
 }
 function startHostTransition(formFiber, pendingState, callback, formData) {
   if (5 !== formFiber.tag) throw Error(formatProdErrorMessage(476));
-  var queue = ensureFormComponentIsStateful(formFiber).queue;
+  if (null === formFiber.memoizedState) {
+    var newQueue = {
+      pending: null,
+      lanes: 0,
+      dispatch: null,
+      lastRenderedReducer: basicStateReducer,
+      lastRenderedState: sharedNotPendingObject
+    };
+    var queue = newQueue;
+    newQueue = {
+      memoizedState: sharedNotPendingObject,
+      baseState: sharedNotPendingObject,
+      baseQueue: null,
+      queue: newQueue,
+      next: null
+    };
+    formFiber.memoizedState = newQueue;
+    var alternate = formFiber.alternate;
+    null !== alternate && (alternate.memoizedState = newQueue);
+  } else queue = formFiber.memoizedState.queue;
   startTransition(
     formFiber,
     queue,
     pendingState,
     sharedNotPendingObject,
     function () {
-      requestFormReset$1(formFiber);
       return callback(formData);
     }
   );
 }
-function ensureFormComponentIsStateful(formFiber) {
-  var existingStateHook = formFiber.memoizedState;
-  if (null !== existingStateHook) return existingStateHook;
-  existingStateHook = {
-    memoizedState: sharedNotPendingObject,
-    baseState: sharedNotPendingObject,
-    baseQueue: null,
-    queue: {
-      pending: null,
-      lanes: 0,
-      dispatch: null,
-      lastRenderedReducer: basicStateReducer,
-      lastRenderedState: sharedNotPendingObject
-    },
-    next: null
-  };
-  var initialResetState = {};
-  existingStateHook.next = {
-    memoizedState: initialResetState,
-    baseState: initialResetState,
-    baseQueue: null,
-    queue: {
-      pending: null,
-      lanes: 0,
-      dispatch: null,
-      lastRenderedReducer: basicStateReducer,
-      lastRenderedState: initialResetState
-    },
-    next: null
-  };
-  formFiber.memoizedState = existingStateHook;
-  formFiber = formFiber.alternate;
-  null !== formFiber && (formFiber.memoizedState = existingStateHook);
-  return existingStateHook;
-}
-function requestFormReset$1(formFiber) {
-  requestCurrentTransition();
-  var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue;
-  dispatchSetState(formFiber, resetStateQueue, {});
-}
 function useHostTransitionStatus() {
   var status = readContext(HostTransitionContext);
   return null !== status ? status : sharedNotPendingObject;
@@ -6929,14 +7965,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane();
         fiber = createUpdate(lane);
-        var root$122 = enqueueUpdate(provider, fiber, lane);
-        null !== root$122 &&
-          (scheduleUpdateOnFiber(root$122, provider, lane),
-          entangleTransitions(root$122, provider, lane));
+        var root$150 = enqueueUpdate(provider, fiber, lane);
+        null !== root$150 &&
+          (scheduleUpdateOnFiber(root$150, provider, lane),
+          entangleTransitions(root$150, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$122 &&
+          null !== root$150 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -7175,15 +8211,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$117 = workInProgressRoot;
-      if (null === root$117) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$117, workInProgressRootRenderLanes) ||
+      var root$144 = workInProgressRoot;
+      if (null === root$144) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$144, workInProgressRootRenderLanes) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$117 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$117;
-    mountEffect(subscribeToStore.bind(null, fiber, root$117, subscribe), [
+    root$144 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$144;
+    mountEffect(subscribeToStore.bind(null, fiber, root$144, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -7192,7 +8228,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$117,
+        root$144,
         getServerSnapshot,
         getSnapshot
       ),
@@ -7430,6 +8466,121 @@ function transferActualDuration(fiber) {
   for (var child = fiber.child; child; )
     (fiber.actualDuration += child.actualDuration), (child = child.sibling);
 }
+function applyDerivedStateFromProps(
+  workInProgress,
+  ctor,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  ctor = workInProgress.memoizedState;
+  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
+  getDerivedStateFromProps =
+    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
+      ? ctor
+      : assign({}, ctor, getDerivedStateFromProps);
+  workInProgress.memoizedState = getDerivedStateFromProps;
+  0 === workInProgress.lanes &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
+}
+var classComponentUpdater = {
+  isMounted: function (component) {
+    return (component = component._reactInternals)
+      ? getNearestMountedFiber(component) === component
+      : !1;
+  },
+  enqueueSetState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(),
+      update = createUpdate(lane);
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+    enableSchedulingProfiler && markStateUpdateScheduled(inst, lane);
+  },
+  enqueueReplaceState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(),
+      update = createUpdate(lane);
+    update.tag = 1;
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+    enableSchedulingProfiler && markStateUpdateScheduled(inst, lane);
+  },
+  enqueueForceUpdate: function (inst, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(),
+      update = createUpdate(lane);
+    update.tag = 2;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    callback = enqueueUpdate(inst, update, lane);
+    null !== callback &&
+      (scheduleUpdateOnFiber(callback, inst, lane),
+      entangleTransitions(callback, inst, lane));
+    enableSchedulingProfiler &&
+      enableSchedulingProfiler &&
+      null !== injectedProfilingHooks &&
+      "function" === typeof injectedProfilingHooks.markForceUpdateScheduled &&
+      injectedProfilingHooks.markForceUpdateScheduled(inst, lane);
+  }
+};
+function checkShouldComponentUpdate(
+  workInProgress,
+  ctor,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  nextContext
+) {
+  workInProgress = workInProgress.stateNode;
+  return "function" === typeof workInProgress.shouldComponentUpdate
+    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
+    : ctor.prototype && ctor.prototype.isPureReactComponent
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
+}
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  nextContext
+) {
+  workInProgress = instance.state;
+  "function" === typeof instance.componentWillReceiveProps &&
+    instance.componentWillReceiveProps(newProps, nextContext);
+  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
+    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
+  instance.state !== workInProgress &&
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+}
+function resolveClassComponentProps(
+  Component,
+  baseProps,
+  alreadyResolvedDefaultProps
+) {
+  var newProps = baseProps;
+  if (
+    (Component = Component.defaultProps) &&
+    (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
+  ) {
+    newProps = assign({}, newProps, baseProps);
+    for (var propName in Component)
+      void 0 === newProps[propName] &&
+        (newProps[propName] = Component[propName]);
+  }
+  enableRefAsProp &&
+    "ref" in newProps &&
+    (newProps === baseProps && (newProps = assign({}, newProps)),
+    delete newProps.ref);
+  return newProps;
+}
 function resolveDefaultPropsOnNonClassComponent(Component, baseProps) {
   if (disableDefaultPropsExceptForClasses) return baseProps;
   if (Component && Component.defaultProps) {
@@ -7455,9 +8606,9 @@ function logUncaughtError(root, errorInfo) {
   try {
     var onUncaughtError = root.onUncaughtError;
     onUncaughtError(errorInfo.value, { componentStack: errorInfo.stack });
-  } catch (e$128) {
+  } catch (e$156) {
     setTimeout(function () {
-      throw e$128;
+      throw e$156;
     });
   }
 }
@@ -7468,9 +8619,9 @@ function logCaughtError(root, boundary, errorInfo) {
       componentStack: errorInfo.stack,
       errorBoundary: 1 === boundary.tag ? boundary.stateNode : null
     });
-  } catch (e$129) {
+  } catch (e$157) {
     setTimeout(function () {
-      throw e$129;
+      throw e$157;
     });
   }
 }
@@ -7668,7 +8819,145 @@ function throwException(
   } while (null !== sourceFiber);
   return !1;
 }
-var SelectiveHydrationException = Error(formatProdErrorMessage(461)),
+function processTransitionCallbacks(pendingTransitions, endTime, callbacks) {
+  if (enableTransitionTracing && null !== pendingTransitions) {
+    var transitionStart = pendingTransitions.transitionStart,
+      onTransitionStart = callbacks.onTransitionStart;
+    null !== transitionStart &&
+      null != onTransitionStart &&
+      transitionStart.forEach(function (transition) {
+        return onTransitionStart(transition.name, transition.startTime);
+      });
+    transitionStart = pendingTransitions.markerProgress;
+    var onMarkerProgress = callbacks.onMarkerProgress;
+    null != onMarkerProgress &&
+      null !== transitionStart &&
+      transitionStart.forEach(function (markerInstance, markerName) {
+        if (null !== markerInstance.transitions) {
+          var pending =
+            null !== markerInstance.pendingBoundaries
+              ? Array.from(markerInstance.pendingBoundaries.values())
+              : [];
+          markerInstance.transitions.forEach(function (transition) {
+            onMarkerProgress(
+              transition.name,
+              markerName,
+              transition.startTime,
+              endTime,
+              pending
+            );
+          });
+        }
+      });
+    transitionStart = pendingTransitions.markerComplete;
+    var onMarkerComplete = callbacks.onMarkerComplete;
+    null !== transitionStart &&
+      null != onMarkerComplete &&
+      transitionStart.forEach(function (transitions, markerName) {
+        transitions.forEach(function (transition) {
+          onMarkerComplete(
+            transition.name,
+            markerName,
+            transition.startTime,
+            endTime
+          );
+        });
+      });
+    transitionStart = pendingTransitions.markerIncomplete;
+    var onMarkerIncomplete = callbacks.onMarkerIncomplete;
+    null != onMarkerIncomplete &&
+      null !== transitionStart &&
+      transitionStart.forEach(function (_ref, markerName) {
+        var aborts = _ref.aborts;
+        _ref.transitions.forEach(function (transition) {
+          var filteredAborts = [];
+          aborts.forEach(function (abort) {
+            switch (abort.reason) {
+              case "marker":
+                filteredAborts.push({
+                  type: "marker",
+                  name: abort.name,
+                  endTime: endTime
+                });
+                break;
+              case "suspense":
+                filteredAborts.push({
+                  type: "suspense",
+                  name: abort.name,
+                  endTime: endTime
+                });
+            }
+          });
+          0 < filteredAborts.length &&
+            onMarkerIncomplete(
+              transition.name,
+              markerName,
+              transition.startTime,
+              filteredAborts
+            );
+        });
+      });
+    transitionStart = pendingTransitions.transitionProgress;
+    var onTransitionProgress = callbacks.onTransitionProgress;
+    null != onTransitionProgress &&
+      null !== transitionStart &&
+      transitionStart.forEach(function (pending, transition) {
+        onTransitionProgress(
+          transition.name,
+          transition.startTime,
+          endTime,
+          Array.from(pending.values())
+        );
+      });
+    pendingTransitions = pendingTransitions.transitionComplete;
+    var onTransitionComplete = callbacks.onTransitionComplete;
+    null !== pendingTransitions &&
+      null != onTransitionComplete &&
+      pendingTransitions.forEach(function (transition) {
+        return onTransitionComplete(
+          transition.name,
+          transition.startTime,
+          endTime
+        );
+      });
+  }
+}
+var markerInstanceStack = createCursor(null);
+function pushRootMarkerInstance(workInProgress) {
+  if (enableTransitionTracing) {
+    var transitions = workInProgressTransitions,
+      root$168 = workInProgress.stateNode;
+    null !== transitions &&
+      transitions.forEach(function (transition) {
+        if (!root$168.incompleteTransitions.has(transition)) {
+          var markerInstance = {
+            tag: 0,
+            transitions: new Set([transition]),
+            pendingBoundaries: null,
+            aborts: null,
+            name: null
+          };
+          root$168.incompleteTransitions.set(transition, markerInstance);
+        }
+      });
+    var markerInstances = [];
+    root$168.incompleteTransitions.forEach(function (markerInstance) {
+      markerInstances.push(markerInstance);
+    });
+    push(markerInstanceStack, markerInstances);
+  }
+}
+function pushMarkerInstance(workInProgress, markerInstance) {
+  enableTransitionTracing &&
+    (null === markerInstanceStack.current
+      ? push(markerInstanceStack, [markerInstance])
+      : push(
+          markerInstanceStack,
+          markerInstanceStack.current.concat(markerInstance)
+        ));
+}
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+  SelectiveHydrationException = Error(formatProdErrorMessage(461)),
   didReceiveUpdate = !1;
 function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
   workInProgress.child =
@@ -8210,7 +9499,7 @@ function updateClassComponent(
   nextProps = 0 !== (workInProgress.flags & 128);
   context || nextProps
     ? ((context = workInProgress.stateNode),
-      (ReactSharedInternals.owner = workInProgress),
+      (ReactCurrentOwner$1.current = workInProgress),
       nextProps && "function" !== typeof Component.getDerivedStateFromError
         ? ((Component = null), (profilerStartTime = -1))
         : (enableSchedulingProfiler &&
@@ -9768,369 +11057,967 @@ function readContextForConsumer(consumer, context) {
     } else lastContextDependency = lastContextDependency.next = context;
   return value;
 }
-var hasForceUpdate = !1;
-function initializeUpdateQueue(fiber) {
-  fiber.updateQueue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: { pending: null, lanes: 0, hiddenCallbacks: null },
-    callbacks: null
+var AbortControllerLocal =
+    "undefined" !== typeof AbortController
+      ? AbortController
+      : function () {
+          var listeners = [],
+            signal = (this.signal = {
+              aborted: !1,
+              addEventListener: function (type, listener) {
+                listeners.push(listener);
+              }
+            });
+          this.abort = function () {
+            signal.aborted = !0;
+            listeners.forEach(function (listener) {
+              return listener();
+            });
+          };
+        },
+  scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
+  NormalPriority = Scheduler.unstable_NormalPriority,
+  CacheContext = {
+    $$typeof: REACT_CONTEXT_TYPE,
+    Consumer: null,
+    Provider: null,
+    _currentValue: null,
+    _currentValue2: null,
+    _threadCount: 0
+  };
+function createCache() {
+  return {
+    controller: new AbortControllerLocal(),
+    data: new Map(),
+    refCount: 0
   };
 }
-function cloneUpdateQueue(current, workInProgress) {
-  current = current.updateQueue;
-  workInProgress.updateQueue === current &&
-    (workInProgress.updateQueue = {
-      baseState: current.baseState,
-      firstBaseUpdate: current.firstBaseUpdate,
-      lastBaseUpdate: current.lastBaseUpdate,
-      shared: current.shared,
-      callbacks: null
+function releaseCache(cache) {
+  cache.refCount--;
+  0 === cache.refCount &&
+    scheduleCallback$1(NormalPriority, function () {
+      cache.controller.abort();
     });
 }
-function createUpdate(lane) {
-  return { lane: lane, tag: 0, payload: null, callback: null, next: null };
+var ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
+function requestCurrentTransition() {
+  var transition = ReactCurrentBatchConfig$2.transition;
+  null !== transition && transition._callbacks.add(handleAsyncAction);
+  return transition;
 }
-function enqueueUpdate(fiber, update, lane) {
-  var updateQueue = fiber.updateQueue;
-  if (null === updateQueue) return null;
-  updateQueue = updateQueue.shared;
-  if (0 !== (executionContext & 2)) {
-    var pending = updateQueue.pending;
-    null === pending
-      ? (update.next = update)
-      : ((update.next = pending.next), (pending.next = update));
-    updateQueue.pending = update;
-    update = getRootForUpdatedFiber(fiber);
-    markUpdateLaneFromFiberToRoot(fiber, null, lane);
-    return update;
-  }
-  enqueueUpdate$1(fiber, updateQueue, update, lane);
-  return getRootForUpdatedFiber(fiber);
+function handleAsyncAction(transition, thenable) {
+  entangleAsyncAction(transition, thenable);
 }
-function entangleTransitions(root, fiber, lane) {
-  fiber = fiber.updateQueue;
-  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194176))) {
-    var queueLanes = fiber.lanes;
-    queueLanes &= root.pendingLanes;
-    lane |= queueLanes;
-    fiber.lanes = lane;
-    markRootEntangled(root, lane);
-  }
+function notifyTransitionCallbacks(transition, returnValue) {
+  transition._callbacks.forEach(function (callback) {
+    return callback(transition, returnValue);
+  });
 }
-function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
-  var queue = workInProgress.updateQueue,
-    current = workInProgress.alternate;
-  if (
-    null !== current &&
-    ((current = current.updateQueue), queue === current)
-  ) {
-    var newFirst = null,
-      newLast = null;
-    queue = queue.firstBaseUpdate;
-    if (null !== queue) {
-      do {
-        var clone = {
-          lane: queue.lane,
-          tag: queue.tag,
-          payload: queue.payload,
-          callback: null,
-          next: null
-        };
-        null === newLast
-          ? (newFirst = newLast = clone)
-          : (newLast = newLast.next = clone);
-        queue = queue.next;
-      } while (null !== queue);
-      null === newLast
-        ? (newFirst = newLast = capturedUpdate)
-        : (newLast = newLast.next = capturedUpdate);
-    } else newFirst = newLast = capturedUpdate;
-    queue = {
-      baseState: current.baseState,
-      firstBaseUpdate: newFirst,
-      lastBaseUpdate: newLast,
-      shared: current.shared,
-      callbacks: current.callbacks
-    };
-    workInProgress.updateQueue = queue;
-    return;
-  }
-  workInProgress = queue.lastBaseUpdate;
-  null === workInProgress
-    ? (queue.firstBaseUpdate = capturedUpdate)
-    : (workInProgress.next = capturedUpdate);
-  queue.lastBaseUpdate = capturedUpdate;
+var resumedCache = createCursor(null),
+  transitionStack = createCursor(null);
+function peekCacheFromPool() {
+  var cacheResumedFromPreviousRender = resumedCache.current;
+  return null !== cacheResumedFromPreviousRender
+    ? cacheResumedFromPreviousRender
+    : workInProgressRoot.pooledCache;
 }
-var didReadFromEntangledAsyncAction = !1;
-function suspendIfUpdateReadFromEntangledAsyncAction() {
-  if (didReadFromEntangledAsyncAction) {
-    var entangledActionThenable = currentEntangledActionThenable;
-    if (null !== entangledActionThenable) throw entangledActionThenable;
-  }
-}
-function processUpdateQueue(
-  workInProgress$jscomp$0,
-  props,
-  instance$jscomp$0,
-  renderLanes
+function pushTransition(
+  offscreenWorkInProgress,
+  prevCachePool,
+  newTransitions
 ) {
-  didReadFromEntangledAsyncAction = !1;
-  var queue = workInProgress$jscomp$0.updateQueue;
-  hasForceUpdate = !1;
-  var firstBaseUpdate = queue.firstBaseUpdate,
-    lastBaseUpdate = queue.lastBaseUpdate,
-    pendingQueue = queue.shared.pending;
-  if (null !== pendingQueue) {
-    queue.shared.pending = null;
-    var lastPendingUpdate = pendingQueue,
-      firstPendingUpdate = lastPendingUpdate.next;
-    lastPendingUpdate.next = null;
-    null === lastBaseUpdate
-      ? (firstBaseUpdate = firstPendingUpdate)
-      : (lastBaseUpdate.next = firstPendingUpdate);
-    lastBaseUpdate = lastPendingUpdate;
-    var current = workInProgress$jscomp$0.alternate;
-    null !== current &&
-      ((current = current.updateQueue),
-      (pendingQueue = current.lastBaseUpdate),
-      pendingQueue !== lastBaseUpdate &&
-        (null === pendingQueue
-          ? (current.firstBaseUpdate = firstPendingUpdate)
-          : (pendingQueue.next = firstPendingUpdate),
-        (current.lastBaseUpdate = lastPendingUpdate)));
+  null === prevCachePool
+    ? push(resumedCache, resumedCache.current)
+    : push(resumedCache, prevCachePool.pool);
+  enableTransitionTracing &&
+    (null === transitionStack.current
+      ? push(transitionStack, newTransitions)
+      : null === newTransitions
+      ? push(transitionStack, transitionStack.current)
+      : push(transitionStack, transitionStack.current.concat(newTransitions)));
+}
+function popTransition(workInProgress, current) {
+  null !== current &&
+    (enableTransitionTracing && pop(transitionStack), pop(resumedCache));
+}
+function getSuspendedCache() {
+  var cacheFromPool = peekCacheFromPool();
+  return null === cacheFromPool
+    ? null
+    : { parent: CacheContext._currentValue, pool: cacheFromPool };
+}
+var emptyObject = {};
+function collectScopedNodesFromChildren(
+  startingChild,
+  fn$jscomp$0,
+  scopedNodes$jscomp$0
+) {
+  for (; null !== startingChild; ) {
+    var node = startingChild,
+      fn = fn$jscomp$0,
+      scopedNodes = scopedNodes$jscomp$0;
+    if (5 === node.tag) {
+      var type = node.type,
+        memoizedProps = node.memoizedProps,
+        instance = node.stateNode;
+      null !== instance &&
+        !0 === fn(type, memoizedProps || emptyObject, instance) &&
+        scopedNodes.push(instance);
+    }
+    type = node.child;
+    isFiberSuspenseAndTimedOut(node) && (type = node.child.sibling.child);
+    null !== type && collectScopedNodesFromChildren(type, fn, scopedNodes);
+    startingChild = startingChild.sibling;
   }
-  if (null !== firstBaseUpdate) {
-    var newState = queue.baseState;
-    lastBaseUpdate = 0;
-    current = firstPendingUpdate = lastPendingUpdate = null;
-    pendingQueue = firstBaseUpdate;
-    do {
-      var updateLane = pendingQueue.lane & -536870913,
-        isHiddenUpdate = updateLane !== pendingQueue.lane;
-      if (
-        isHiddenUpdate
-          ? (workInProgressRootRenderLanes & updateLane) === updateLane
-          : (renderLanes & updateLane) === updateLane
-      ) {
-        0 !== updateLane &&
-          updateLane === currentEntangledLane &&
-          (didReadFromEntangledAsyncAction = !0);
-        null !== current &&
-          (current = current.next =
-            {
-              lane: 0,
-              tag: pendingQueue.tag,
-              payload: pendingQueue.payload,
-              callback: null,
-              next: null
-            });
-        a: {
-          var workInProgress = workInProgress$jscomp$0,
-            update = pendingQueue;
-          updateLane = props;
-          var instance = instance$jscomp$0;
-          switch (update.tag) {
-            case 1:
-              workInProgress = update.payload;
-              if ("function" === typeof workInProgress) {
-                newState = workInProgress.call(instance, newState, updateLane);
-                break a;
-              }
-              newState = workInProgress;
-              break a;
-            case 3:
-              workInProgress.flags = (workInProgress.flags & -65537) | 128;
-            case 0:
-              workInProgress = update.payload;
-              updateLane =
-                "function" === typeof workInProgress
-                  ? workInProgress.call(instance, newState, updateLane)
-                  : workInProgress;
-              if (null === updateLane || void 0 === updateLane) break a;
-              newState = assign({}, newState, updateLane);
-              break a;
-            case 2:
-              hasForceUpdate = !0;
-          }
+}
+function collectFirstScopedNodeFromChildren(startingChild, fn$jscomp$0) {
+  for (; null !== startingChild; ) {
+    a: {
+      var JSCompiler_inline_result = startingChild;
+      var fn = fn$jscomp$0;
+      if (5 === JSCompiler_inline_result.tag) {
+        var type = JSCompiler_inline_result.type,
+          memoizedProps = JSCompiler_inline_result.memoizedProps,
+          instance = JSCompiler_inline_result.stateNode;
+        if (null !== instance && !0 === fn(type, memoizedProps, instance)) {
+          JSCompiler_inline_result = instance;
+          break a;
         }
-        updateLane = pendingQueue.callback;
-        null !== updateLane &&
-          ((workInProgress$jscomp$0.flags |= 64),
-          isHiddenUpdate && (workInProgress$jscomp$0.flags |= 8192),
-          (isHiddenUpdate = queue.callbacks),
-          null === isHiddenUpdate
-            ? (queue.callbacks = [updateLane])
-            : isHiddenUpdate.push(updateLane));
-      } else
-        (isHiddenUpdate = {
-          lane: updateLane,
-          tag: pendingQueue.tag,
-          payload: pendingQueue.payload,
-          callback: pendingQueue.callback,
-          next: null
-        }),
-          null === current
-            ? ((firstPendingUpdate = current = isHiddenUpdate),
-              (lastPendingUpdate = newState))
-            : (current = current.next = isHiddenUpdate),
-          (lastBaseUpdate |= updateLane);
-      pendingQueue = pendingQueue.next;
-      if (null === pendingQueue)
-        if (((pendingQueue = queue.shared.pending), null === pendingQueue))
-          break;
-        else
-          (isHiddenUpdate = pendingQueue),
-            (pendingQueue = isHiddenUpdate.next),
-            (isHiddenUpdate.next = null),
-            (queue.lastBaseUpdate = isHiddenUpdate),
-            (queue.shared.pending = null);
-    } while (1);
-    null === current && (lastPendingUpdate = newState);
-    queue.baseState = lastPendingUpdate;
-    queue.firstBaseUpdate = firstPendingUpdate;
-    queue.lastBaseUpdate = current;
-    null === firstBaseUpdate && (queue.shared.lanes = 0);
-    workInProgressRootSkippedLanes |= lastBaseUpdate;
-    workInProgress$jscomp$0.lanes = lastBaseUpdate;
-    workInProgress$jscomp$0.memoizedState = newState;
+      }
+      type = JSCompiler_inline_result.child;
+      isFiberSuspenseAndTimedOut(JSCompiler_inline_result) &&
+        (type = JSCompiler_inline_result.child.sibling.child);
+      JSCompiler_inline_result =
+        null !== type ? collectFirstScopedNodeFromChildren(type, fn) : null;
+    }
+    if (null !== JSCompiler_inline_result) return JSCompiler_inline_result;
+    startingChild = startingChild.sibling;
   }
+  return null;
 }
-function callCallback(callback, context) {
-  if ("function" !== typeof callback)
-    throw Error(formatProdErrorMessage(191, callback));
-  callback.call(context);
-}
-function commitCallbacks(updateQueue, context) {
-  var callbacks = updateQueue.callbacks;
-  if (null !== callbacks)
-    for (
-      updateQueue.callbacks = null, updateQueue = 0;
-      updateQueue < callbacks.length;
-      updateQueue++
+function collectNearestChildContextValues(
+  startingChild,
+  context$jscomp$0,
+  childContextValues$jscomp$0
+) {
+  for (; null !== startingChild; ) {
+    var node = startingChild,
+      context = context$jscomp$0,
+      childContextValues = childContextValues$jscomp$0;
+    if (
+      10 === node.tag &&
+      (enableRenderableContext ? node.type : node.type._context) === context
     )
-      callCallback(callbacks[updateQueue], context);
-}
-function applyDerivedStateFromProps(
-  workInProgress,
-  ctor,
-  getDerivedStateFromProps,
-  nextProps
-) {
-  ctor = workInProgress.memoizedState;
-  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
-  getDerivedStateFromProps =
-    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
-      ? ctor
-      : assign({}, ctor, getDerivedStateFromProps);
-  workInProgress.memoizedState = getDerivedStateFromProps;
-  0 === workInProgress.lanes &&
-    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
-}
-var classComponentUpdater = {
-  isMounted: function (component) {
-    return (component = component._reactInternals)
-      ? getNearestMountedFiber(component) === component
-      : !1;
-  },
-  enqueueSetState: function (inst, payload, callback) {
-    inst = inst._reactInternals;
-    var lane = requestUpdateLane(),
-      update = createUpdate(lane);
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane),
-      entangleTransitions(payload, inst, lane));
-    enableSchedulingProfiler && markStateUpdateScheduled(inst, lane);
-  },
-  enqueueReplaceState: function (inst, payload, callback) {
-    inst = inst._reactInternals;
-    var lane = requestUpdateLane(),
-      update = createUpdate(lane);
-    update.tag = 1;
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane),
-      entangleTransitions(payload, inst, lane));
-    enableSchedulingProfiler && markStateUpdateScheduled(inst, lane);
-  },
-  enqueueForceUpdate: function (inst, callback) {
-    inst = inst._reactInternals;
-    var lane = requestUpdateLane(),
-      update = createUpdate(lane);
-    update.tag = 2;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    callback = enqueueUpdate(inst, update, lane);
-    null !== callback &&
-      (scheduleUpdateOnFiber(callback, inst, lane),
-      entangleTransitions(callback, inst, lane));
-    enableSchedulingProfiler &&
-      enableSchedulingProfiler &&
-      null !== injectedProfilingHooks &&
-      "function" === typeof injectedProfilingHooks.markForceUpdateScheduled &&
-      injectedProfilingHooks.markForceUpdateScheduled(inst, lane);
+      childContextValues.push(node.memoizedProps.value);
+    else {
+      var child = node.child;
+      isFiberSuspenseAndTimedOut(node) && (child = node.child.sibling.child);
+      null !== child &&
+        collectNearestChildContextValues(child, context, childContextValues);
+    }
+    startingChild = startingChild.sibling;
   }
-};
-function checkShouldComponentUpdate(
-  workInProgress,
-  ctor,
-  oldProps,
-  newProps,
-  oldState,
-  newState,
-  nextContext
-) {
-  workInProgress = workInProgress.stateNode;
-  return "function" === typeof workInProgress.shouldComponentUpdate
-    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
-    : ctor.prototype && ctor.prototype.isPureReactComponent
-    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-    : !0;
 }
-function callComponentWillReceiveProps(
-  workInProgress,
-  instance,
-  newProps,
-  nextContext
-) {
-  workInProgress = instance.state;
-  "function" === typeof instance.componentWillReceiveProps &&
-    instance.componentWillReceiveProps(newProps, nextContext);
-  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
-    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
-  instance.state !== workInProgress &&
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+function DO_NOT_USE_queryAllNodes(fn) {
+  var currentFiber = getInstanceFromScope(this);
+  if (null === currentFiber) return null;
+  currentFiber = currentFiber.child;
+  var scopedNodes = [];
+  null !== currentFiber &&
+    collectScopedNodesFromChildren(currentFiber, fn, scopedNodes);
+  return 0 === scopedNodes.length ? null : scopedNodes;
 }
-function resolveClassComponentProps(
-  Component,
-  baseProps,
-  alreadyResolvedDefaultProps
-) {
-  var newProps = baseProps;
-  if (enableRefAsProp && "ref" in baseProps) {
-    newProps = {};
-    for (var propName in baseProps)
-      "ref" !== propName && (newProps[propName] = baseProps[propName]);
+function DO_NOT_USE_queryFirstNode(fn) {
+  var currentFiber = getInstanceFromScope(this);
+  if (null === currentFiber) return null;
+  currentFiber = currentFiber.child;
+  return null !== currentFiber
+    ? collectFirstScopedNodeFromChildren(currentFiber, fn)
+    : null;
+}
+function containsNode(node) {
+  for (node = getClosestInstanceFromNode(node) || null; null !== node; ) {
+    if (21 === node.tag && node.stateNode === this) return !0;
+    node = node.return;
   }
-  if (
-    (Component = Component.defaultProps) &&
-    (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
-  ) {
-    newProps === baseProps && (newProps = assign({}, newProps, baseProps));
-    for (var propName$180 in Component)
-      void 0 === newProps[propName$180] &&
-        (newProps[propName$180] = Component[propName$180]);
+  return !1;
+}
+function getChildContextValues(context) {
+  var currentFiber = getInstanceFromScope(this);
+  if (null === currentFiber) return [];
+  currentFiber = currentFiber.child;
+  var childContextValues = [];
+  null !== currentFiber &&
+    collectNearestChildContextValues(currentFiber, context, childContextValues);
+  return childContextValues;
+}
+function markUpdate(workInProgress) {
+  workInProgress.flags |= 4;
+}
+function preloadResourceAndSuspendIfNeeded(workInProgress, resource) {
+  if ("stylesheet" !== resource.type || 0 !== (resource.state.loading & 4))
+    workInProgress.flags &= -16777217;
+  else if (
+    ((workInProgress.flags |= 16777216),
+    0 === (workInProgressRootRenderLanes & 42) &&
+      ((resource =
+        "stylesheet" === resource.type && 0 === (resource.state.loading & 3)
+          ? !1
+          : !0),
+      !resource))
+  )
+    if (shouldRemainOnPreviousScreen()) workInProgress.flags |= 8192;
+    else
+      throw (
+        ((suspendedThenable = noopSuspenseyCommitThenable),
+        SuspenseyCommitException)
+      );
+}
+function scheduleRetryEffect(workInProgress, retryQueue) {
+  null !== retryQueue
+    ? (workInProgress.flags |= 4)
+    : workInProgress.flags & 16384 &&
+      ((retryQueue =
+        22 !== workInProgress.tag ? claimNextRetryLane() : 536870912),
+      (workInProgress.lanes |= retryQueue));
+}
+function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+  if (!isHydrating)
+    switch (renderState.tailMode) {
+      case "hidden":
+        hasRenderedATailFallback = renderState.tail;
+        for (var lastTailNode = null; null !== hasRenderedATailFallback; )
+          null !== hasRenderedATailFallback.alternate &&
+            (lastTailNode = hasRenderedATailFallback),
+            (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
+        null === lastTailNode
+          ? (renderState.tail = null)
+          : (lastTailNode.sibling = null);
+        break;
+      case "collapsed":
+        lastTailNode = renderState.tail;
+        for (var lastTailNode$205 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$205 = lastTailNode),
+            (lastTailNode = lastTailNode.sibling);
+        null === lastTailNode$205
+          ? hasRenderedATailFallback || null === renderState.tail
+            ? (renderState.tail = null)
+            : (renderState.tail.sibling = null)
+          : (lastTailNode$205.sibling = null);
+    }
+}
+function bubbleProperties(completedWork) {
+  var didBailout =
+      null !== completedWork.alternate &&
+      completedWork.alternate.child === completedWork.child,
+    newChildLanes = 0,
+    subtreeFlags = 0;
+  if (didBailout)
+    if (0 !== (completedWork.mode & 2)) {
+      for (
+        var treeBaseDuration$207 = completedWork.selfBaseDuration,
+          child$208 = completedWork.child;
+        null !== child$208;
+
+      )
+        (newChildLanes |= child$208.lanes | child$208.childLanes),
+          (subtreeFlags |= child$208.subtreeFlags & 31457280),
+          (subtreeFlags |= child$208.flags & 31457280),
+          (treeBaseDuration$207 += child$208.treeBaseDuration),
+          (child$208 = child$208.sibling);
+      completedWork.treeBaseDuration = treeBaseDuration$207;
+    } else
+      for (
+        treeBaseDuration$207 = completedWork.child;
+        null !== treeBaseDuration$207;
+
+      )
+        (newChildLanes |=
+          treeBaseDuration$207.lanes | treeBaseDuration$207.childLanes),
+          (subtreeFlags |= treeBaseDuration$207.subtreeFlags & 31457280),
+          (subtreeFlags |= treeBaseDuration$207.flags & 31457280),
+          (treeBaseDuration$207.return = completedWork),
+          (treeBaseDuration$207 = treeBaseDuration$207.sibling);
+  else if (0 !== (completedWork.mode & 2)) {
+    treeBaseDuration$207 = completedWork.actualDuration;
+    child$208 = completedWork.selfBaseDuration;
+    for (var child = completedWork.child; null !== child; )
+      (newChildLanes |= child.lanes | child.childLanes),
+        (subtreeFlags |= child.subtreeFlags),
+        (subtreeFlags |= child.flags),
+        (treeBaseDuration$207 += child.actualDuration),
+        (child$208 += child.treeBaseDuration),
+        (child = child.sibling);
+    completedWork.actualDuration = treeBaseDuration$207;
+    completedWork.treeBaseDuration = child$208;
+  } else
+    for (
+      treeBaseDuration$207 = completedWork.child;
+      null !== treeBaseDuration$207;
+
+    )
+      (newChildLanes |=
+        treeBaseDuration$207.lanes | treeBaseDuration$207.childLanes),
+        (subtreeFlags |= treeBaseDuration$207.subtreeFlags),
+        (subtreeFlags |= treeBaseDuration$207.flags),
+        (treeBaseDuration$207.return = completedWork),
+        (treeBaseDuration$207 = treeBaseDuration$207.sibling);
+  completedWork.subtreeFlags |= subtreeFlags;
+  completedWork.childLanes = newChildLanes;
+  return didBailout;
+}
+function completeWork(current, workInProgress, renderLanes) {
+  var newProps = workInProgress.pendingProps;
+  popTreeContext(workInProgress);
+  switch (workInProgress.tag) {
+    case 16:
+    case 15:
+    case 0:
+    case 11:
+    case 7:
+    case 8:
+    case 12:
+    case 9:
+    case 14:
+      return bubbleProperties(workInProgress), null;
+    case 1:
+      return bubbleProperties(workInProgress), null;
+    case 3:
+      renderLanes = workInProgress.stateNode;
+      enableTransitionTracing &&
+        null !== workInProgressTransitions &&
+        (workInProgress.flags |= 2048);
+      newProps = null;
+      null !== current && (newProps = current.memoizedState.cache);
+      workInProgress.memoizedState.cache !== newProps &&
+        (workInProgress.flags |= 2048);
+      popProvider(CacheContext);
+      enableTransitionTracing &&
+        enableTransitionTracing &&
+        pop(markerInstanceStack);
+      enableTransitionTracing && pop(transitionStack);
+      popHostContainer();
+      renderLanes.pendingContext &&
+        ((renderLanes.context = renderLanes.pendingContext),
+        (renderLanes.pendingContext = null));
+      if (null === current || null === current.child)
+        popHydrationState(workInProgress)
+          ? markUpdate(workInProgress)
+          : null === current ||
+            (current.memoizedState.isDehydrated &&
+              0 === (workInProgress.flags & 256)) ||
+            ((workInProgress.flags |= 1024),
+            null !== hydrationErrors &&
+              (queueRecoverableErrors(hydrationErrors),
+              (hydrationErrors = null)));
+      bubbleProperties(workInProgress);
+      enableTransitionTracing &&
+        0 !== (workInProgress.subtreeFlags & 8192) &&
+        (workInProgress.flags |= 2048);
+      return null;
+    case 26:
+      renderLanes = workInProgress.memoizedState;
+      if (null === current)
+        markUpdate(workInProgress),
+          null !== renderLanes
+            ? (bubbleProperties(workInProgress),
+              preloadResourceAndSuspendIfNeeded(workInProgress, renderLanes))
+            : (bubbleProperties(workInProgress),
+              (workInProgress.flags &= -16777217));
+      else {
+        var currentResource = current.memoizedState;
+        renderLanes !== currentResource && markUpdate(workInProgress);
+        null !== renderLanes
+          ? (bubbleProperties(workInProgress),
+            renderLanes === currentResource
+              ? (workInProgress.flags &= -16777217)
+              : preloadResourceAndSuspendIfNeeded(workInProgress, renderLanes))
+          : (current.memoizedProps !== newProps && markUpdate(workInProgress),
+            bubbleProperties(workInProgress),
+            (workInProgress.flags &= -16777217));
+      }
+      return null;
+    case 27:
+      popHostContext(workInProgress);
+      renderLanes = rootInstanceStackCursor.current;
+      currentResource = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode)
+        current.memoizedProps !== newProps && markUpdate(workInProgress);
+      else {
+        if (!newProps) {
+          if (null === workInProgress.stateNode)
+            throw Error(formatProdErrorMessage(166));
+          bubbleProperties(workInProgress);
+          return null;
+        }
+        current = contextStackCursor.current;
+        popHydrationState(workInProgress)
+          ? prepareToHydrateHostInstance(workInProgress, current)
+          : ((current = resolveSingletonInstance(
+              currentResource,
+              newProps,
+              renderLanes
+            )),
+            (workInProgress.stateNode = current),
+            markUpdate(workInProgress));
+      }
+      bubbleProperties(workInProgress);
+      return null;
+    case 5:
+      popHostContext(workInProgress);
+      renderLanes = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode)
+        current.memoizedProps !== newProps && markUpdate(workInProgress);
+      else {
+        if (!newProps) {
+          if (null === workInProgress.stateNode)
+            throw Error(formatProdErrorMessage(166));
+          bubbleProperties(workInProgress);
+          return null;
+        }
+        current = contextStackCursor.current;
+        if (popHydrationState(workInProgress))
+          prepareToHydrateHostInstance(workInProgress, current);
+        else {
+          currentResource = getOwnerDocumentFromRootContainer(
+            rootInstanceStackCursor.current
+          );
+          switch (current) {
+            case 1:
+              current = currentResource.createElementNS(
+                "http://www.w3.org/2000/svg",
+                renderLanes
+              );
+              break;
+            case 2:
+              current = currentResource.createElementNS(
+                "http://www.w3.org/1998/Math/MathML",
+                renderLanes
+              );
+              break;
+            default:
+              switch (renderLanes) {
+                case "svg":
+                  current = currentResource.createElementNS(
+                    "http://www.w3.org/2000/svg",
+                    renderLanes
+                  );
+                  break;
+                case "math":
+                  current = currentResource.createElementNS(
+                    "http://www.w3.org/1998/Math/MathML",
+                    renderLanes
+                  );
+                  break;
+                case "script":
+                  current = currentResource.createElement("div");
+                  current.innerHTML = "<script>\x3c/script>";
+                  current = current.removeChild(current.firstChild);
+                  break;
+                case "select":
+                  current =
+                    "string" === typeof newProps.is
+                      ? currentResource.createElement("select", {
+                          is: newProps.is
+                        })
+                      : currentResource.createElement("select");
+                  newProps.multiple
+                    ? (current.multiple = !0)
+                    : newProps.size && (current.size = newProps.size);
+                  break;
+                default:
+                  current =
+                    "string" === typeof newProps.is
+                      ? currentResource.createElement(renderLanes, {
+                          is: newProps.is
+                        })
+                      : currentResource.createElement(renderLanes);
+              }
+          }
+          current[internalInstanceKey] = workInProgress;
+          current[internalPropsKey] = newProps;
+          a: for (
+            currentResource = workInProgress.child;
+            null !== currentResource;
+
+          ) {
+            if (5 === currentResource.tag || 6 === currentResource.tag)
+              current.appendChild(currentResource.stateNode);
+            else if (
+              4 !== currentResource.tag &&
+              27 !== currentResource.tag &&
+              null !== currentResource.child
+            ) {
+              currentResource.child.return = currentResource;
+              currentResource = currentResource.child;
+              continue;
+            }
+            if (currentResource === workInProgress) break a;
+            for (; null === currentResource.sibling; ) {
+              if (
+                null === currentResource.return ||
+                currentResource.return === workInProgress
+              )
+                break a;
+              currentResource = currentResource.return;
+            }
+            currentResource.sibling.return = currentResource.return;
+            currentResource = currentResource.sibling;
+          }
+          workInProgress.stateNode = current;
+          a: switch (
+            (setInitialProperties(current, renderLanes, newProps), renderLanes)
+          ) {
+            case "button":
+            case "input":
+            case "select":
+            case "textarea":
+              current = !!newProps.autoFocus;
+              break a;
+            case "img":
+              current = !0;
+              break a;
+            default:
+              current = !1;
+          }
+          current && markUpdate(workInProgress);
+        }
+      }
+      bubbleProperties(workInProgress);
+      workInProgress.flags &= -16777217;
+      return null;
+    case 6:
+      if (current && null != workInProgress.stateNode)
+        current.memoizedProps !== newProps && markUpdate(workInProgress);
+      else {
+        if ("string" !== typeof newProps && null === workInProgress.stateNode)
+          throw Error(formatProdErrorMessage(166));
+        current = rootInstanceStackCursor.current;
+        if (popHydrationState(workInProgress)) {
+          current = workInProgress.stateNode;
+          renderLanes = workInProgress.memoizedProps;
+          newProps = null;
+          currentResource = hydrationParentFiber;
+          if (null !== currentResource)
+            switch (currentResource.tag) {
+              case 27:
+              case 5:
+                newProps = currentResource.memoizedProps;
+            }
+          current[internalInstanceKey] = workInProgress;
+          current.nodeValue === renderLanes ||
+            (null !== newProps && !0 === newProps.suppressHydrationWarning) ||
+            checkForUnmatchedText(current.nodeValue, renderLanes) ||
+            !favorSafetyOverHydrationPerf ||
+            throwOnHydrationMismatch(workInProgress);
+        } else
+          (current =
+            getOwnerDocumentFromRootContainer(current).createTextNode(
+              newProps
+            )),
+            (current[internalInstanceKey] = workInProgress),
+            (workInProgress.stateNode = current);
+      }
+      bubbleProperties(workInProgress);
+      return null;
+    case 13:
+      newProps = workInProgress.memoizedState;
+      if (
+        null === current ||
+        (null !== current.memoizedState &&
+          null !== current.memoizedState.dehydrated)
+      ) {
+        currentResource = popHydrationState(workInProgress);
+        if (null !== newProps && null !== newProps.dehydrated) {
+          if (null === current) {
+            if (!currentResource) throw Error(formatProdErrorMessage(318));
+            currentResource = workInProgress.memoizedState;
+            currentResource =
+              null !== currentResource ? currentResource.dehydrated : null;
+            if (!currentResource) throw Error(formatProdErrorMessage(317));
+            currentResource[internalInstanceKey] = workInProgress;
+            bubbleProperties(workInProgress);
+            0 !== (workInProgress.mode & 2) &&
+              null !== newProps &&
+              ((currentResource = workInProgress.child),
+              null !== currentResource &&
+                (workInProgress.treeBaseDuration -=
+                  currentResource.treeBaseDuration));
+          } else
+            resetHydrationState(),
+              0 === (workInProgress.flags & 128) &&
+                (workInProgress.memoizedState = null),
+              (workInProgress.flags |= 4),
+              bubbleProperties(workInProgress),
+              0 !== (workInProgress.mode & 2) &&
+                null !== newProps &&
+                ((currentResource = workInProgress.child),
+                null !== currentResource &&
+                  (workInProgress.treeBaseDuration -=
+                    currentResource.treeBaseDuration));
+          currentResource = !1;
+        } else
+          null !== hydrationErrors &&
+            (queueRecoverableErrors(hydrationErrors), (hydrationErrors = null)),
+            (currentResource = !0);
+        if (!currentResource) {
+          if (workInProgress.flags & 256)
+            return popSuspenseHandler(workInProgress), workInProgress;
+          popSuspenseHandler(workInProgress);
+          return null;
+        }
+      }
+      popSuspenseHandler(workInProgress);
+      if (0 !== (workInProgress.flags & 128))
+        return (
+          (workInProgress.lanes = renderLanes),
+          0 !== (workInProgress.mode & 2) &&
+            transferActualDuration(workInProgress),
+          workInProgress
+        );
+      renderLanes = null !== newProps;
+      current = null !== current && null !== current.memoizedState;
+      if (renderLanes) {
+        newProps = workInProgress.child;
+        currentResource = null;
+        null !== newProps.alternate &&
+          null !== newProps.alternate.memoizedState &&
+          null !== newProps.alternate.memoizedState.cachePool &&
+          (currentResource = newProps.alternate.memoizedState.cachePool.pool);
+        var cache$223 = null;
+        null !== newProps.memoizedState &&
+          null !== newProps.memoizedState.cachePool &&
+          (cache$223 = newProps.memoizedState.cachePool.pool);
+        cache$223 !== currentResource && (newProps.flags |= 2048);
+      }
+      renderLanes !== current &&
+        (enableTransitionTracing && (workInProgress.child.flags |= 2048),
+        renderLanes && (workInProgress.child.flags |= 8192));
+      scheduleRetryEffect(workInProgress, workInProgress.updateQueue);
+      null !== workInProgress.updateQueue &&
+        null != workInProgress.memoizedProps.suspenseCallback &&
+        (workInProgress.flags |= 4);
+      bubbleProperties(workInProgress);
+      0 !== (workInProgress.mode & 2) &&
+        renderLanes &&
+        ((current = workInProgress.child),
+        null !== current &&
+          (workInProgress.treeBaseDuration -= current.treeBaseDuration));
+      return null;
+    case 4:
+      return (
+        popHostContainer(),
+        null === current &&
+          listenToAllSupportedEvents(workInProgress.stateNode.containerInfo),
+        bubbleProperties(workInProgress),
+        null
+      );
+    case 10:
+      return (
+        popProvider(
+          enableRenderableContext
+            ? workInProgress.type
+            : workInProgress.type._context
+        ),
+        bubbleProperties(workInProgress),
+        null
+      );
+    case 19:
+      pop(suspenseStackCursor);
+      currentResource = workInProgress.memoizedState;
+      if (null === currentResource)
+        return bubbleProperties(workInProgress), null;
+      newProps = 0 !== (workInProgress.flags & 128);
+      cache$223 = currentResource.rendering;
+      if (null === cache$223)
+        if (newProps) cutOffTailIfNeeded(currentResource, !1);
+        else {
+          if (
+            0 !== workInProgressRootExitStatus ||
+            (null !== current && 0 !== (current.flags & 128))
+          )
+            for (current = workInProgress.child; null !== current; ) {
+              cache$223 = findFirstSuspended(current);
+              if (null !== cache$223) {
+                workInProgress.flags |= 128;
+                cutOffTailIfNeeded(currentResource, !1);
+                current = cache$223.updateQueue;
+                workInProgress.updateQueue = current;
+                scheduleRetryEffect(workInProgress, current);
+                workInProgress.subtreeFlags = 0;
+                current = renderLanes;
+                for (renderLanes = workInProgress.child; null !== renderLanes; )
+                  resetWorkInProgress(renderLanes, current),
+                    (renderLanes = renderLanes.sibling);
+                push(
+                  suspenseStackCursor,
+                  (suspenseStackCursor.current & 1) | 2
+                );
+                return workInProgress.child;
+              }
+              current = current.sibling;
+            }
+          null !== currentResource.tail &&
+            now$1() > workInProgressRootRenderTargetTime &&
+            ((workInProgress.flags |= 128),
+            (newProps = !0),
+            cutOffTailIfNeeded(currentResource, !1),
+            (workInProgress.lanes = 4194304));
+        }
+      else {
+        if (!newProps)
+          if (((current = findFirstSuspended(cache$223)), null !== current)) {
+            if (
+              ((workInProgress.flags |= 128),
+              (newProps = !0),
+              (current = current.updateQueue),
+              (workInProgress.updateQueue = current),
+              scheduleRetryEffect(workInProgress, current),
+              cutOffTailIfNeeded(currentResource, !0),
+              null === currentResource.tail &&
+                "hidden" === currentResource.tailMode &&
+                !cache$223.alternate &&
+                !isHydrating)
+            )
+              return bubbleProperties(workInProgress), null;
+          } else
+            2 * now$1() - currentResource.renderingStartTime >
+              workInProgressRootRenderTargetTime &&
+              536870912 !== renderLanes &&
+              ((workInProgress.flags |= 128),
+              (newProps = !0),
+              cutOffTailIfNeeded(currentResource, !1),
+              (workInProgress.lanes = 4194304));
+        currentResource.isBackwards
+          ? ((cache$223.sibling = workInProgress.child),
+            (workInProgress.child = cache$223))
+          : ((current = currentResource.last),
+            null !== current
+              ? (current.sibling = cache$223)
+              : (workInProgress.child = cache$223),
+            (currentResource.last = cache$223));
+      }
+      if (null !== currentResource.tail)
+        return (
+          (workInProgress = currentResource.tail),
+          (currentResource.rendering = workInProgress),
+          (currentResource.tail = workInProgress.sibling),
+          (currentResource.renderingStartTime = now$1()),
+          (workInProgress.sibling = null),
+          (current = suspenseStackCursor.current),
+          push(suspenseStackCursor, newProps ? (current & 1) | 2 : current & 1),
+          workInProgress
+        );
+      bubbleProperties(workInProgress);
+      return null;
+    case 21:
+      return (
+        null === current &&
+          ((current = {
+            DO_NOT_USE_queryAllNodes: DO_NOT_USE_queryAllNodes,
+            DO_NOT_USE_queryFirstNode: DO_NOT_USE_queryFirstNode,
+            containsNode: containsNode,
+            getChildContextValues: getChildContextValues
+          }),
+          (workInProgress.stateNode = current),
+          (current[internalInstanceKey] = workInProgress)),
+        null !== workInProgress.ref && markUpdate(workInProgress),
+        bubbleProperties(workInProgress),
+        null
+      );
+    case 22:
+    case 23:
+      return (
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        (newProps = null !== workInProgress.memoizedState),
+        23 !== workInProgress.tag &&
+          (null !== current
+            ? (null !== current.memoizedState) !== newProps &&
+              (workInProgress.flags |= 8192)
+            : newProps && (workInProgress.flags |= 8192)),
+        newProps
+          ? 0 !== (renderLanes & 536870912) &&
+            0 === (workInProgress.flags & 128) &&
+            (bubbleProperties(workInProgress),
+            23 !== workInProgress.tag &&
+              workInProgress.subtreeFlags & 6 &&
+              (workInProgress.flags |= 8192))
+          : bubbleProperties(workInProgress),
+        (renderLanes = workInProgress.updateQueue),
+        null !== renderLanes &&
+          scheduleRetryEffect(workInProgress, renderLanes.retryQueue),
+        (renderLanes = null),
+        null !== current &&
+          null !== current.memoizedState &&
+          null !== current.memoizedState.cachePool &&
+          (renderLanes = current.memoizedState.cachePool.pool),
+        (newProps = null),
+        null !== workInProgress.memoizedState &&
+          null !== workInProgress.memoizedState.cachePool &&
+          (newProps = workInProgress.memoizedState.cachePool.pool),
+        newProps !== renderLanes && (workInProgress.flags |= 2048),
+        popTransition(workInProgress, current),
+        null
+      );
+    case 24:
+      return (
+        (renderLanes = null),
+        null !== current && (renderLanes = current.memoizedState.cache),
+        workInProgress.memoizedState.cache !== renderLanes &&
+          (workInProgress.flags |= 2048),
+        popProvider(CacheContext),
+        bubbleProperties(workInProgress),
+        null
+      );
+    case 25:
+      return (
+        enableTransitionTracing &&
+          (null !== workInProgress.stateNode &&
+            enableTransitionTracing &&
+            pop(markerInstanceStack),
+          bubbleProperties(workInProgress)),
+        null
+      );
+  }
+  throw Error(formatProdErrorMessage(156, workInProgress.tag));
+}
+function unwindWork(current, workInProgress) {
+  popTreeContext(workInProgress);
+  switch (workInProgress.tag) {
+    case 1:
+      return (
+        (current = workInProgress.flags),
+        current & 65536
+          ? ((workInProgress.flags = (current & -65537) | 128),
+            0 !== (workInProgress.mode & 2) &&
+              transferActualDuration(workInProgress),
+            workInProgress)
+          : null
+      );
+    case 3:
+      return (
+        popProvider(CacheContext),
+        enableTransitionTracing &&
+          enableTransitionTracing &&
+          pop(markerInstanceStack),
+        enableTransitionTracing && pop(transitionStack),
+        popHostContainer(),
+        (current = workInProgress.flags),
+        0 !== (current & 65536) && 0 === (current & 128)
+          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
+          : null
+      );
+    case 26:
+    case 27:
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      popSuspenseHandler(workInProgress);
+      current = workInProgress.memoizedState;
+      if (null !== current && null !== current.dehydrated) {
+        if (null === workInProgress.alternate)
+          throw Error(formatProdErrorMessage(340));
+        resetHydrationState();
+      }
+      current = workInProgress.flags;
+      return current & 65536
+        ? ((workInProgress.flags = (current & -65537) | 128),
+          0 !== (workInProgress.mode & 2) &&
+            transferActualDuration(workInProgress),
+          workInProgress)
+        : null;
+    case 19:
+      return pop(suspenseStackCursor), null;
+    case 4:
+      return popHostContainer(), null;
+    case 10:
+      return (
+        popProvider(
+          enableRenderableContext
+            ? workInProgress.type
+            : workInProgress.type._context
+        ),
+        null
+      );
+    case 22:
+    case 23:
+      return (
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        popTransition(workInProgress, current),
+        (current = workInProgress.flags),
+        current & 65536
+          ? ((workInProgress.flags = (current & -65537) | 128),
+            0 !== (workInProgress.mode & 2) &&
+              transferActualDuration(workInProgress),
+            workInProgress)
+          : null
+      );
+    case 24:
+      return popProvider(CacheContext), null;
+    case 25:
+      return (
+        enableTransitionTracing &&
+          null !== workInProgress.stateNode &&
+          enableTransitionTracing &&
+          pop(markerInstanceStack),
+        null
+      );
+    default:
+      return null;
+  }
+}
+function unwindInterruptedWork(current, interruptedWork) {
+  popTreeContext(interruptedWork);
+  switch (interruptedWork.tag) {
+    case 3:
+      popProvider(CacheContext);
+      enableTransitionTracing &&
+        enableTransitionTracing &&
+        pop(markerInstanceStack);
+      enableTransitionTracing && pop(transitionStack);
+      popHostContainer();
+      break;
+    case 26:
+    case 27:
+    case 5:
+      popHostContext(interruptedWork);
+      break;
+    case 4:
+      popHostContainer();
+      break;
+    case 13:
+      popSuspenseHandler(interruptedWork);
+      break;
+    case 19:
+      pop(suspenseStackCursor);
+      break;
+    case 10:
+      popProvider(
+        enableRenderableContext
+          ? interruptedWork.type
+          : interruptedWork.type._context
+      );
+      break;
+    case 22:
+    case 23:
+      popSuspenseHandler(interruptedWork);
+      popHiddenContext();
+      popTransition(interruptedWork, current);
+      break;
+    case 24:
+      popProvider(CacheContext);
+      break;
+    case 25:
+      enableTransitionTracing &&
+        null !== interruptedWork.stateNode &&
+        enableTransitionTracing &&
+        pop(markerInstanceStack);
   }
-  return newProps;
 }
 var offscreenSubtreeIsHidden = !1,
   offscreenSubtreeWasHidden = !1,
-  needsFormReset = !1,
   PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
   nextEffect = null,
   inProgressLanes = null,
@@ -10211,8 +12098,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error$181) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$181);
+      } catch (error$240) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$240);
       }
     else ref.current = null;
 }
@@ -10311,8 +12198,12 @@ function commitBeforeMutationEffects(root, firstChild) {
       )
         (anchorOffset = root[JSCompiler_temp]),
           doesFiberContain(anchorOffset, focusedInstanceHandle) &&
-            ((shouldFireAfterActiveInstanceBlur = !0),
-            beforeActiveInstanceBlur(anchorOffset));
+            ((_enabled = shouldFireAfterActiveInstanceBlur = !0),
+            dispatchBeforeDetachedBlur(
+              selectionInformation.focusedElem,
+              anchorOffset
+            ),
+            (_enabled = !1));
     root = firstChild.child;
     if (0 !== (firstChild.subtreeFlags & 9236) && null !== root)
       (root.return = firstChild), (nextEffect = root);
@@ -10348,7 +12239,10 @@ function commitBeforeMutationEffects(root, firstChild) {
           }
           JSCompiler_temp$jscomp$0 &&
             ((shouldFireAfterActiveInstanceBlur = !0),
-            beforeActiveInstanceBlur(firstChild));
+            (root = firstChild),
+            (_enabled = !0),
+            dispatchBeforeDetachedBlur(selectionInformation.focusedElem, root),
+            (_enabled = !1));
           switch (firstChild.tag) {
             case 0:
               if (0 !== (flags & 4)) {
@@ -10520,11 +12414,11 @@ function commitPassiveEffectDurations(finishedRoot, finishedWork) {
         var _finishedWork$memoize = finishedWork.memoizedProps,
           id = _finishedWork$memoize.id;
         _finishedWork$memoize = _finishedWork$memoize.onPostCommit;
-        var commitTime$183 = commitTime,
+        var commitTime$242 = commitTime,
           phase = null === finishedWork.alternate ? "mount" : "update";
         currentUpdateIsNested && (phase = "nested-update");
         "function" === typeof _finishedWork$memoize &&
-          _finishedWork$memoize(id, phase, finishedRoot, commitTime$183);
+          _finishedWork$memoize(id, phase, finishedRoot, commitTime$242);
         finishedWork = finishedWork.return;
         a: for (; null !== finishedWork; ) {
           switch (finishedWork.tag) {
@@ -10551,8 +12445,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$185) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$185);
+    } catch (error$244) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$244);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -10651,11 +12545,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$186) {
+            } catch (error$245) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$186
+                error$245
               );
             }
         else {
@@ -10673,11 +12567,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$187) {
+            } catch (error$246) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$187
+                error$246
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -10688,11 +12582,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$188) {
+            } catch (error$247) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$188
+                error$247
               );
             }
         }
@@ -11360,7 +13254,7 @@ function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) {
         captureCommitPhaseError(childToDelete, parentFiber, error);
       }
     }
-  if (parentFiber.subtreeFlags & 13878)
+  if (parentFiber.subtreeFlags & 12854)
     for (parentFiber = parentFiber.child; null !== parentFiber; )
       commitMutationEffectsOnFiber(parentFiber, root$jscomp$0),
         (parentFiber = parentFiber.sibling);
@@ -11387,22 +13281,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$203) {
+          } catch (error$262) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$203
+              error$262
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$204) {
+          } catch (error$263) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$204
+              error$263
             );
           }
       }
@@ -11417,11 +13311,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         offscreenSubtreeIsHidden &&
         ((finishedWork = finishedWork.updateQueue),
         null !== finishedWork &&
-          ((flags = finishedWork.callbacks),
-          null !== flags &&
-            ((current = finishedWork.shared.hiddenCallbacks),
+          ((current = finishedWork.callbacks),
+          null !== current &&
+            ((flags = finishedWork.shared.hiddenCallbacks),
             (finishedWork.shared.hiddenCallbacks =
-              null === current ? flags : current.concat(flags)))));
+              null === flags ? current : flags.concat(current)))));
       break;
     case 26:
       var hoistableRoot = currentHoistableRoot;
@@ -11439,10 +13333,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           if (null === flags)
             if (null === finishedWork.stateNode) {
               a: {
-                flags = finishedWork.type;
-                current = finishedWork.memoizedProps;
+                current = finishedWork.type;
+                flags = finishedWork.memoizedProps;
                 root = hoistableRoot.ownerDocument || hoistableRoot;
-                b: switch (flags) {
+                b: switch (current) {
                   case "title":
                     hoistableRoot = root.getElementsByTagName("title")[0];
                     if (
@@ -11453,42 +13347,42 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         hoistableRoot.namespaceURI ||
                       hoistableRoot.hasAttribute("itemprop")
                     )
-                      (hoistableRoot = root.createElement(flags)),
+                      (hoistableRoot = root.createElement(current)),
                         root.head.insertBefore(
                           hoistableRoot,
                           root.querySelector("head > title")
                         );
-                    setInitialProperties(hoistableRoot, flags, current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     hoistableRoot[internalInstanceKey] = finishedWork;
                     markNodeAsHoistable(hoistableRoot);
-                    flags = hoistableRoot;
+                    current = hoistableRoot;
                     break a;
                   case "link":
                     var maybeNodes = getHydratableHoistableCache(
                       "link",
                       "href",
                       root
-                    ).get(flags + (current.href || ""));
+                    ).get(current + (flags.href || ""));
                     if (maybeNodes)
                       for (var i = 0; i < maybeNodes.length; i++)
                         if (
                           ((hoistableRoot = maybeNodes[i]),
                           hoistableRoot.getAttribute("href") ===
-                            (null == current.href ? null : current.href) &&
+                            (null == flags.href ? null : flags.href) &&
                             hoistableRoot.getAttribute("rel") ===
-                              (null == current.rel ? null : current.rel) &&
+                              (null == flags.rel ? null : flags.rel) &&
                             hoistableRoot.getAttribute("title") ===
-                              (null == current.title ? null : current.title) &&
+                              (null == flags.title ? null : flags.title) &&
                             hoistableRoot.getAttribute("crossorigin") ===
-                              (null == current.crossOrigin
+                              (null == flags.crossOrigin
                                 ? null
-                                : current.crossOrigin))
+                                : flags.crossOrigin))
                         ) {
                           maybeNodes.splice(i, 1);
                           break b;
                         }
-                    hoistableRoot = root.createElement(flags);
-                    setInitialProperties(hoistableRoot, flags, current);
+                    hoistableRoot = root.createElement(current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     root.head.appendChild(hoistableRoot);
                     break;
                   case "meta":
@@ -11497,45 +13391,43 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         "meta",
                         "content",
                         root
-                      ).get(flags + (current.content || "")))
+                      ).get(current + (flags.content || "")))
                     )
                       for (i = 0; i < maybeNodes.length; i++)
                         if (
                           ((hoistableRoot = maybeNodes[i]),
                           hoistableRoot.getAttribute("content") ===
-                            (null == current.content
+                            (null == flags.content
                               ? null
-                              : "" + current.content) &&
+                              : "" + flags.content) &&
                             hoistableRoot.getAttribute("name") ===
-                              (null == current.name ? null : current.name) &&
+                              (null == flags.name ? null : flags.name) &&
                             hoistableRoot.getAttribute("property") ===
-                              (null == current.property
+                              (null == flags.property
                                 ? null
-                                : current.property) &&
+                                : flags.property) &&
                             hoistableRoot.getAttribute("http-equiv") ===
-                              (null == current.httpEquiv
+                              (null == flags.httpEquiv
                                 ? null
-                                : current.httpEquiv) &&
+                                : flags.httpEquiv) &&
                             hoistableRoot.getAttribute("charset") ===
-                              (null == current.charSet
-                                ? null
-                                : current.charSet))
+                              (null == flags.charSet ? null : flags.charSet))
                         ) {
                           maybeNodes.splice(i, 1);
                           break b;
                         }
-                    hoistableRoot = root.createElement(flags);
-                    setInitialProperties(hoistableRoot, flags, current);
+                    hoistableRoot = root.createElement(current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     root.head.appendChild(hoistableRoot);
                     break;
                   default:
-                    throw Error(formatProdErrorMessage(468, flags));
+                    throw Error(formatProdErrorMessage(468, current));
                 }
                 hoistableRoot[internalInstanceKey] = finishedWork;
                 markNodeAsHoistable(hoistableRoot);
-                flags = hoistableRoot;
+                current = hoistableRoot;
               }
-              finishedWork.stateNode = flags;
+              finishedWork.stateNode = current;
             } else
               mountHoistable(
                 hoistableRoot,
@@ -11577,11 +13469,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               newProps
             );
             domElement[internalPropsKey] = newProps;
-          } catch (error$205) {
+          } catch (error$264) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$205
+              error$264
             );
           }
         }
@@ -11619,23 +13511,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$206) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$206);
+        } catch (error$265) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$265);
         }
       }
-      if (flags & 4 && ((root = finishedWork.stateNode), null != root)) {
-        hoistableRoot = finishedWork.memoizedProps;
-        current = null !== current ? current.memoizedProps : hoistableRoot;
-        maybeNodes = finishedWork.type;
+      if (flags & 4 && ((flags = finishedWork.stateNode), null != flags)) {
+        root = finishedWork.memoizedProps;
+        current = null !== current ? current.memoizedProps : root;
+        hoistableRoot = finishedWork.type;
         finishedWork.updateQueue = null;
         try {
-          updateProperties(root, maybeNodes, current, hoistableRoot),
-            (root[internalPropsKey] = hoistableRoot);
-        } catch (error$209) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$209);
+          updateProperties(flags, hoistableRoot, current, root),
+            (flags[internalPropsKey] = root);
+        } catch (error$268) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$268);
         }
       }
-      flags & 1024 && (needsFormReset = !0);
       break;
     case 6:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -11643,12 +13534,12 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4) {
         if (null === finishedWork.stateNode)
           throw Error(formatProdErrorMessage(162));
-        flags = finishedWork.stateNode;
-        current = finishedWork.memoizedProps;
+        current = finishedWork.stateNode;
+        flags = finishedWork.memoizedProps;
         try {
-          flags.nodeValue = current;
-        } catch (error$210) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$210);
+          current.nodeValue = flags;
+        } catch (error$269) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$269);
         }
       }
       break;
@@ -11662,20 +13553,18 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$211) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$211);
+        } catch (error$270) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$270);
         }
-      needsFormReset &&
-        ((needsFormReset = !1), recursivelyResetForms(finishedWork));
       break;
     case 4:
-      flags = currentHoistableRoot;
+      current = currentHoistableRoot;
       currentHoistableRoot = getHoistableRoot(
         finishedWork.stateNode.containerInfo
       );
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
-      currentHoistableRoot = flags;
+      currentHoistableRoot = current;
       break;
     case 13:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -11695,13 +13584,13 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$213) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$213);
+        } catch (error$272) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$272);
         }
-        flags = finishedWork.updateQueue;
-        null !== flags &&
+        current = finishedWork.updateQueue;
+        null !== current &&
           ((finishedWork.updateQueue = null),
-          attachSuspenseRetryListeners(finishedWork, flags));
+          attachSuspenseRetryListeners(finishedWork, current));
       }
       break;
     case 22:
@@ -11771,11 +13660,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$193) {
+              } catch (error$252) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$193
+                  error$252
                 );
               }
           } else if (
@@ -11799,21 +13688,21 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           root = root.sibling;
         }
       flags & 4 &&
-        ((flags = finishedWork.updateQueue),
-        null !== flags &&
-          ((current = flags.retryQueue),
-          null !== current &&
-            ((flags.retryQueue = null),
-            attachSuspenseRetryListeners(finishedWork, current))));
+        ((current = finishedWork.updateQueue),
+        null !== current &&
+          ((flags = current.retryQueue),
+          null !== flags &&
+            ((current.retryQueue = null),
+            attachSuspenseRetryListeners(finishedWork, flags))));
       break;
     case 19:
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
       flags & 4 &&
-        ((flags = finishedWork.updateQueue),
-        null !== flags &&
+        ((current = finishedWork.updateQueue),
+        null !== current &&
           ((finishedWork.updateQueue = null),
-          attachSuspenseRetryListeners(finishedWork, flags)));
+          attachSuspenseRetryListeners(finishedWork, current)));
       break;
     case 21:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -11850,21 +13739,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$194 = JSCompiler_inline_result.stateNode;
+            var parent$253 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$194, ""),
+              (setTextContent(parent$253, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$195 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$195, parent$194);
+            var before$254 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$254, parent$253);
             break;
           case 3:
           case 4:
-            var parent$196 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$197 = getHostSibling(finishedWork);
+            var parent$255 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$256 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$197,
-              parent$196
+              before$256,
+              parent$255
             );
             break;
           default:
@@ -11878,15 +13767,6 @@ function commitReconciliationEffects(finishedWork) {
   }
   flags & 4096 && (finishedWork.flags &= -4097);
 }
-function recursivelyResetForms(parentFiber) {
-  if (parentFiber.subtreeFlags & 1024)
-    for (parentFiber = parentFiber.child; null !== parentFiber; ) {
-      var fiber = parentFiber;
-      recursivelyResetForms(fiber);
-      5 === fiber.tag && fiber.flags & 1024 && fiber.stateNode.reset();
-      parentFiber = parentFiber.sibling;
-    }
-}
 function commitLayoutEffects(finishedWork, root, committedLanes) {
   inProgressLanes = committedLanes;
   inProgressRoot = root;
@@ -12065,8 +13945,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$216) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$216);
+    } catch (error$275) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$275);
     }
 }
 function commitOffscreenPassiveMountEffects(current, finishedWork, instance) {
@@ -12357,9 +14237,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$221 = finishedWork.stateNode;
+        var instance$280 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$221._visibility & 4
+          ? instance$280._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12371,7 +14251,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-          : ((instance$221._visibility |= 4),
+          : ((instance$280._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -12384,7 +14264,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$221
+            instance$280
           );
         break;
       case 24:
@@ -12707,6 +14587,1393 @@ function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
       }
   }
 }
+var DefaultCacheDispatcher = {
+    getCacheForType: function (resourceType) {
+      var cache = readContext(CacheContext),
+        cacheForType = cache.data.get(resourceType);
+      void 0 === cacheForType &&
+        ((cacheForType = resourceType()),
+        cache.data.set(resourceType, cacheForType));
+      return cacheForType;
+    }
+  },
+  postPaintCallbackScheduled = !1,
+  callbacks = [];
+function schedulePostPaintCallback(callback) {
+  callbacks.push(callback);
+  postPaintCallbackScheduled ||
+    ((postPaintCallbackScheduled = !0),
+    requestPostPaintCallback(function (endTime) {
+      for (var i = 0; i < callbacks.length; i++) callbacks[i](endTime);
+      postPaintCallbackScheduled = !1;
+      callbacks = [];
+    }));
+}
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
+  executionContext = 0,
+  workInProgressRoot = null,
+  workInProgress = null,
+  workInProgressRootRenderLanes = 0,
+  workInProgressSuspendedReason = 0,
+  workInProgressThrownValue = null,
+  workInProgressRootDidAttachPingListener = !1,
+  entangledRenderLanes = 0,
+  workInProgressRootExitStatus = 0,
+  workInProgressRootSkippedLanes = 0,
+  workInProgressRootInterleavedUpdatedLanes = 0,
+  workInProgressRootPingedLanes = 0,
+  workInProgressDeferredLane = 0,
+  workInProgressRootConcurrentErrors = null,
+  workInProgressRootRecoverableErrors = null,
+  workInProgressRootDidIncludeRecursiveRenderUpdate = !1,
+  didIncludeCommitPhaseUpdate = !1,
+  globalMostRecentFallbackTime = 0,
+  workInProgressRootRenderTargetTime = Infinity,
+  workInProgressTransitions = null,
+  currentPendingTransitionCallbacks = null,
+  currentEndTime = null;
+function addMarkerProgressCallbackToPendingTransition(
+  markerName,
+  transitions,
+  pendingBoundaries
+) {
+  enableTransitionTracing &&
+    (null === currentPendingTransitionCallbacks &&
+      (currentPendingTransitionCallbacks = {
+        transitionStart: null,
+        transitionProgress: null,
+        transitionComplete: null,
+        markerProgress: new Map(),
+        markerIncomplete: null,
+        markerComplete: null
+      }),
+    null === currentPendingTransitionCallbacks.markerProgress &&
+      (currentPendingTransitionCallbacks.markerProgress = new Map()),
+    currentPendingTransitionCallbacks.markerProgress.set(markerName, {
+      pendingBoundaries: pendingBoundaries,
+      transitions: transitions
+    }));
+}
+function addMarkerCompleteCallbackToPendingTransition(markerName, transitions) {
+  enableTransitionTracing &&
+    (null === currentPendingTransitionCallbacks &&
+      (currentPendingTransitionCallbacks = {
+        transitionStart: null,
+        transitionProgress: null,
+        transitionComplete: null,
+        markerProgress: null,
+        markerIncomplete: null,
+        markerComplete: new Map()
+      }),
+    null === currentPendingTransitionCallbacks.markerComplete &&
+      (currentPendingTransitionCallbacks.markerComplete = new Map()),
+    currentPendingTransitionCallbacks.markerComplete.set(
+      markerName,
+      transitions
+    ));
+}
+function addTransitionProgressCallbackToPendingTransition(
+  transition,
+  boundaries
+) {
+  enableTransitionTracing &&
+    (null === currentPendingTransitionCallbacks &&
+      (currentPendingTransitionCallbacks = {
+        transitionStart: null,
+        transitionProgress: new Map(),
+        transitionComplete: null,
+        markerProgress: null,
+        markerIncomplete: null,
+        markerComplete: null
+      }),
+    null === currentPendingTransitionCallbacks.transitionProgress &&
+      (currentPendingTransitionCallbacks.transitionProgress = new Map()),
+    currentPendingTransitionCallbacks.transitionProgress.set(
+      transition,
+      boundaries
+    ));
+}
+var legacyErrorBoundariesThatAlreadyFailed = null,
+  rootDoesHavePassiveEffects = !1,
+  rootWithPendingPassiveEffects = null,
+  pendingPassiveEffectsLanes = 0,
+  pendingPassiveProfilerEffects = [],
+  pendingPassiveEffectsRemainingLanes = 0,
+  pendingPassiveTransitions = null,
+  nestedUpdateCount = 0,
+  rootWithNestedUpdates = null;
+function requestUpdateLane() {
+  if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
+    return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
+  if (null !== requestCurrentTransition()) {
+    var actionScopeLane = currentEntangledLane;
+    return 0 !== actionScopeLane ? actionScopeLane : requestTransitionLane();
+  }
+  actionScopeLane = currentUpdatePriority;
+  if (0 !== actionScopeLane) return actionScopeLane;
+  actionScopeLane = window.event;
+  actionScopeLane =
+    void 0 === actionScopeLane ? 32 : getEventPriority(actionScopeLane.type);
+  return actionScopeLane;
+}
+function requestDeferredLane() {
+  0 === workInProgressDeferredLane &&
+    (workInProgressDeferredLane =
+      0 === (workInProgressRootRenderLanes & 536870912) || isHydrating
+        ? claimNextTransitionLane()
+        : 536870912);
+  var suspenseHandler = suspenseHandlerStackCursor.current;
+  null !== suspenseHandler && (suspenseHandler.flags |= 32);
+  return workInProgressDeferredLane;
+}
+function scheduleUpdateOnFiber(root, fiber, lane) {
+  if (
+    (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    prepareFreshStack(root, 0),
+      markRootSuspended(
+        root,
+        workInProgressRootRenderLanes,
+        workInProgressDeferredLane
+      );
+  markRootUpdated(root, lane);
+  if (0 === (executionContext & 2) || root !== workInProgressRoot) {
+    isDevToolsPresent && addFiberToLanesMap(root, fiber, lane);
+    if (
+      enableTransitionTracing &&
+      ((fiber = ReactCurrentBatchConfig$1.transition),
+      null !== fiber &&
+        null != fiber.name &&
+        (-1 === fiber.startTime && (fiber.startTime = now$1()),
+        enableTransitionTracing))
+    ) {
+      var transitionLanesMap = root.transitionLanes,
+        index$11 = 31 - clz32(lane),
+        transitions = transitionLanesMap[index$11];
+      null === transitions && (transitions = new Set());
+      transitions.add(fiber);
+      transitionLanesMap[index$11] = transitions;
+    }
+    root === workInProgressRoot &&
+      (0 === (executionContext & 2) &&
+        (workInProgressRootInterleavedUpdatedLanes |= lane),
+      4 === workInProgressRootExitStatus &&
+        markRootSuspended(
+          root,
+          workInProgressRootRenderLanes,
+          workInProgressDeferredLane
+        ));
+    ensureRootIsScheduled(root);
+  }
+}
+function performConcurrentWorkOnRoot(root, didTimeout) {
+  nestedUpdateScheduled = currentUpdateIsNested = !1;
+  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
+  var originalCallbackNode = root.callbackNode;
+  if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
+    return null;
+  var lanes = getNextLanes(
+    root,
+    root === workInProgressRoot ? workInProgressRootRenderLanes : 0
+  );
+  if (0 === lanes) return null;
+  var exitStatus = (didTimeout =
+    !includesBlockingLane(root, lanes) &&
+    0 === (lanes & root.expiredLanes) &&
+    (disableSchedulerTimeoutInWorkLoop || !didTimeout))
+    ? renderRootConcurrent(root, lanes)
+    : renderRootSync(root, lanes);
+  if (0 !== exitStatus) {
+    var renderWasConcurrent = didTimeout;
+    do {
+      if (6 === exitStatus) markRootSuspended(root, lanes, 0);
+      else {
+        didTimeout = root.current.alternate;
+        if (
+          renderWasConcurrent &&
+          !isRenderConsistentWithExternalStores(didTimeout)
+        ) {
+          exitStatus = renderRootSync(root, lanes);
+          renderWasConcurrent = !1;
+          continue;
+        }
+        if (2 === exitStatus) {
+          renderWasConcurrent = lanes;
+          var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+            root,
+            renderWasConcurrent
+          );
+          0 !== errorRetryLanes &&
+            ((lanes = errorRetryLanes),
+            (exitStatus = recoverFromConcurrentError(
+              root,
+              renderWasConcurrent,
+              errorRetryLanes
+            )));
+        }
+        if (1 === exitStatus) {
+          prepareFreshStack(root, 0);
+          markRootSuspended(root, lanes, 0);
+          break;
+        }
+        root.finishedWork = didTimeout;
+        root.finishedLanes = lanes;
+        a: {
+          renderWasConcurrent = root;
+          switch (exitStatus) {
+            case 0:
+            case 1:
+              throw Error(formatProdErrorMessage(345));
+            case 4:
+              if ((lanes & 4194176) === lanes) {
+                markRootSuspended(
+                  renderWasConcurrent,
+                  lanes,
+                  workInProgressDeferredLane
+                );
+                break a;
+              }
+              break;
+            case 2:
+              workInProgressRootRecoverableErrors = null;
+              break;
+            case 3:
+            case 5:
+              break;
+            default:
+              throw Error(formatProdErrorMessage(329));
+          }
+          if (
+            (lanes & 62914560) === lanes &&
+            (alwaysThrottleRetries || 3 === exitStatus) &&
+            ((exitStatus = globalMostRecentFallbackTime + 300 - now$1()),
+            10 < exitStatus)
+          ) {
+            markRootSuspended(
+              renderWasConcurrent,
+              lanes,
+              workInProgressDeferredLane
+            );
+            if (0 !== getNextLanes(renderWasConcurrent, 0)) break a;
+            renderWasConcurrent.timeoutHandle = scheduleTimeout(
+              commitRootWhenReady.bind(
+                null,
+                renderWasConcurrent,
+                didTimeout,
+                workInProgressRootRecoverableErrors,
+                workInProgressTransitions,
+                workInProgressRootDidIncludeRecursiveRenderUpdate,
+                lanes,
+                workInProgressDeferredLane
+              ),
+              exitStatus
+            );
+            break a;
+          }
+          commitRootWhenReady(
+            renderWasConcurrent,
+            didTimeout,
+            workInProgressRootRecoverableErrors,
+            workInProgressTransitions,
+            workInProgressRootDidIncludeRecursiveRenderUpdate,
+            lanes,
+            workInProgressDeferredLane
+          );
+        }
+      }
+      break;
+    } while (1);
+  }
+  ensureRootIsScheduled(root);
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+  root =
+    root.callbackNode === originalCallbackNode
+      ? performConcurrentWorkOnRoot.bind(null, root)
+      : null;
+  return root;
+}
+function recoverFromConcurrentError(
+  root,
+  originallyAttemptedLanes,
+  errorRetryLanes
+) {
+  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors,
+    wasRootDehydrated = root.current.memoizedState.isDehydrated;
+  wasRootDehydrated && (prepareFreshStack(root, errorRetryLanes).flags |= 256);
+  errorRetryLanes = renderRootSync(root, errorRetryLanes);
+  if (2 !== errorRetryLanes) {
+    if (workInProgressRootDidAttachPingListener && !wasRootDehydrated)
+      return (
+        (root.errorRecoveryDisabledLanes |= originallyAttemptedLanes),
+        (workInProgressRootInterleavedUpdatedLanes |= originallyAttemptedLanes),
+        4
+      );
+    root = workInProgressRootRecoverableErrors;
+    workInProgressRootRecoverableErrors = errorsFromFirstAttempt;
+    null !== root && queueRecoverableErrors(root);
+  }
+  return errorRetryLanes;
+}
+function queueRecoverableErrors(errors) {
+  null === workInProgressRootRecoverableErrors
+    ? (workInProgressRootRecoverableErrors = errors)
+    : workInProgressRootRecoverableErrors.push.apply(
+        workInProgressRootRecoverableErrors,
+        errors
+      );
+}
+function commitRootWhenReady(
+  root,
+  finishedWork,
+  recoverableErrors,
+  transitions,
+  didIncludeRenderPhaseUpdate,
+  lanes,
+  spawnedLane
+) {
+  if (
+    0 === (lanes & 42) &&
+    ((suspendedState = { stylesheets: null, count: 0, unsuspend: noop$1 }),
+    accumulateSuspenseyCommitOnFiber(finishedWork),
+    (finishedWork = waitForCommitToBeReady()),
+    null !== finishedWork)
+  ) {
+    root.cancelPendingCommit = finishedWork(
+      commitRoot.bind(
+        null,
+        root,
+        recoverableErrors,
+        transitions,
+        didIncludeRenderPhaseUpdate
+      )
+    );
+    markRootSuspended(root, lanes, spawnedLane);
+    return;
+  }
+  commitRoot(
+    root,
+    recoverableErrors,
+    transitions,
+    didIncludeRenderPhaseUpdate,
+    spawnedLane
+  );
+}
+function isRenderConsistentWithExternalStores(finishedWork) {
+  for (var node = finishedWork; ; ) {
+    if (node.flags & 16384) {
+      var updateQueue = node.updateQueue;
+      if (
+        null !== updateQueue &&
+        ((updateQueue = updateQueue.stores), null !== updateQueue)
+      )
+        for (var i = 0; i < updateQueue.length; i++) {
+          var check = updateQueue[i],
+            getSnapshot = check.getSnapshot;
+          check = check.value;
+          try {
+            if (!objectIs(getSnapshot(), check)) return !1;
+          } catch (error) {
+            return !1;
+          }
+        }
+    }
+    updateQueue = node.child;
+    if (node.subtreeFlags & 16384 && null !== updateQueue)
+      (updateQueue.return = node), (node = updateQueue);
+    else {
+      if (node === finishedWork) break;
+      for (; null === node.sibling; ) {
+        if (null === node.return || node.return === finishedWork) return !0;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return !0;
+}
+function markRootUpdated(root, updatedLanes) {
+  root.pendingLanes |= updatedLanes;
+  268435456 !== updatedLanes &&
+    ((root.suspendedLanes = 0), (root.pingedLanes = 0));
+  enableInfiniteRenderLoopDetection &&
+    (executionContext & 2
+      ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
+      : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0),
+    throwIfInfiniteUpdateLoopDetected());
+}
+function markRootSuspended(root, suspendedLanes, spawnedLane) {
+  suspendedLanes &= ~workInProgressRootPingedLanes;
+  suspendedLanes &= ~workInProgressRootInterleavedUpdatedLanes;
+  root.suspendedLanes |= suspendedLanes;
+  root.pingedLanes &= ~suspendedLanes;
+  for (
+    var expirationTimes = root.expirationTimes, lanes = suspendedLanes;
+    0 < lanes;
+
+  ) {
+    var index$5 = 31 - clz32(lanes),
+      lane = 1 << index$5;
+    expirationTimes[index$5] = -1;
+    lanes &= ~lane;
+  }
+  0 !== spawnedLane &&
+    markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
+}
+function performSyncWorkOnRoot(root, lanes) {
+  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
+  if (flushPassiveEffects()) return ensureRootIsScheduled(root), null;
+  currentUpdateIsNested = nestedUpdateScheduled;
+  nestedUpdateScheduled = !1;
+  var exitStatus = renderRootSync(root, lanes);
+  if (2 === exitStatus) {
+    var originallyAttemptedLanes = lanes,
+      errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+        root,
+        originallyAttemptedLanes
+      );
+    0 !== errorRetryLanes &&
+      ((lanes = errorRetryLanes),
+      (exitStatus = recoverFromConcurrentError(
+        root,
+        originallyAttemptedLanes,
+        errorRetryLanes
+      )));
+  }
+  if (1 === exitStatus)
+    return (
+      prepareFreshStack(root, 0),
+      markRootSuspended(root, lanes, 0),
+      ensureRootIsScheduled(root),
+      null
+    );
+  if (6 === exitStatus)
+    return (
+      markRootSuspended(root, lanes, workInProgressDeferredLane),
+      ensureRootIsScheduled(root),
+      null
+    );
+  root.finishedWork = root.current.alternate;
+  root.finishedLanes = lanes;
+  commitRoot(
+    root,
+    workInProgressRootRecoverableErrors,
+    workInProgressTransitions,
+    workInProgressRootDidIncludeRecursiveRenderUpdate,
+    workInProgressDeferredLane
+  );
+  ensureRootIsScheduled(root);
+  return null;
+}
+function flushSync$1(fn) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
+  var prevTransition = ReactCurrentBatchConfig$1.transition,
+    previousPriority = currentUpdatePriority;
+  try {
+    if (
+      ((ReactCurrentBatchConfig$1.transition = null),
+      (currentUpdatePriority = 2),
+      fn)
+    )
+      return fn();
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig$1.transition = prevTransition),
+      (executionContext = prevExecutionContext),
+      0 === (executionContext & 6) && flushSyncWorkAcrossRoots_impl(!1);
+  }
+}
+function resetWorkInProgressStack() {
+  if (null !== workInProgress) {
+    if (0 === workInProgressSuspendedReason)
+      var interruptedWork = workInProgress.return;
+    else
+      (interruptedWork = workInProgress),
+        resetContextDependencies(),
+        resetHooksOnUnwind(interruptedWork),
+        (thenableState$1 = null),
+        (thenableIndexCounter$1 = 0),
+        (interruptedWork = workInProgress);
+    for (; null !== interruptedWork; )
+      unwindInterruptedWork(interruptedWork.alternate, interruptedWork),
+        (interruptedWork = interruptedWork.return);
+    workInProgress = null;
+  }
+}
+function prepareFreshStack(root, lanes) {
+  root.finishedWork = null;
+  root.finishedLanes = 0;
+  var timeoutHandle = root.timeoutHandle;
+  -1 !== timeoutHandle &&
+    ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
+  timeoutHandle = root.cancelPendingCommit;
+  null !== timeoutHandle &&
+    ((root.cancelPendingCommit = null), timeoutHandle());
+  resetWorkInProgressStack();
+  workInProgressRoot = root;
+  workInProgress = timeoutHandle = createWorkInProgress(root.current, null);
+  workInProgressRootRenderLanes = lanes;
+  workInProgressSuspendedReason = 0;
+  workInProgressThrownValue = null;
+  workInProgressRootDidAttachPingListener = !1;
+  workInProgressDeferredLane =
+    workInProgressRootPingedLanes =
+    workInProgressRootInterleavedUpdatedLanes =
+    workInProgressRootSkippedLanes =
+    workInProgressRootExitStatus =
+      0;
+  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors =
+    null;
+  workInProgressRootDidIncludeRecursiveRenderUpdate = !1;
+  0 === (root.current.mode & 32) && 0 !== (lanes & 8) && (lanes |= lanes & 32);
+  var allEntangledLanes = root.entangledLanes;
+  if (0 !== allEntangledLanes)
+    for (
+      root = root.entanglements, allEntangledLanes &= lanes;
+      0 < allEntangledLanes;
+
+    ) {
+      var index$3 = 31 - clz32(allEntangledLanes),
+        lane = 1 << index$3;
+      lanes |= root[index$3];
+      allEntangledLanes &= ~lane;
+    }
+  entangledRenderLanes = lanes;
+  finishQueueingConcurrentUpdates();
+  return timeoutHandle;
+}
+function handleThrow(root, thrownValue) {
+  currentlyRenderingFiber$1 = null;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  ReactCurrentOwner.current = null;
+  thrownValue === SuspenseException
+    ? ((thrownValue = getSuspendedThenable()),
+      (workInProgressSuspendedReason =
+        shouldRemainOnPreviousScreen() &&
+        0 === (workInProgressRootSkippedLanes & 134217727) &&
+        0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)
+          ? 2
+          : 3))
+    : thrownValue === SuspenseyCommitException
+    ? ((thrownValue = getSuspendedThenable()),
+      (workInProgressSuspendedReason = 4))
+    : (workInProgressSuspendedReason =
+        thrownValue === SelectiveHydrationException
+          ? 8
+          : null !== thrownValue &&
+            "object" === typeof thrownValue &&
+            "function" === typeof thrownValue.then
+          ? 6
+          : 1);
+  workInProgressThrownValue = thrownValue;
+  var erroredWork = workInProgress;
+  if (null === erroredWork)
+    (workInProgressRootExitStatus = 1),
+      logUncaughtError(
+        root,
+        createCapturedValueAtFiber(thrownValue, root.current)
+      );
+  else if (
+    (erroredWork.mode & 2 &&
+      stopProfilerTimerIfRunningAndRecordDelta(erroredWork, !0),
+    enableSchedulingProfiler)
+  )
+    switch ((markComponentRenderStopped(), workInProgressSuspendedReason)) {
+      case 1:
+        enableSchedulingProfiler &&
+          null !== injectedProfilingHooks &&
+          "function" === typeof injectedProfilingHooks.markComponentErrored &&
+          injectedProfilingHooks.markComponentErrored(
+            erroredWork,
+            thrownValue,
+            workInProgressRootRenderLanes
+          );
+        break;
+      case 2:
+      case 3:
+      case 6:
+      case 7:
+        enableSchedulingProfiler &&
+          null !== injectedProfilingHooks &&
+          "function" === typeof injectedProfilingHooks.markComponentSuspended &&
+          injectedProfilingHooks.markComponentSuspended(
+            erroredWork,
+            thrownValue,
+            workInProgressRootRenderLanes
+          );
+    }
+}
+function shouldRemainOnPreviousScreen() {
+  var handler = suspenseHandlerStackCursor.current;
+  return null === handler
+    ? !0
+    : (workInProgressRootRenderLanes & 4194176) ===
+      workInProgressRootRenderLanes
+    ? null === shellBoundary
+      ? !0
+      : !1
+    : (workInProgressRootRenderLanes & 62914560) ===
+        workInProgressRootRenderLanes ||
+      0 !== (workInProgressRootRenderLanes & 536870912)
+    ? handler === shellBoundary
+    : !1;
+}
+function pushDispatcher() {
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
+}
+function pushCacheDispatcher() {
+  var prevCacheDispatcher = ReactCurrentCache.current;
+  ReactCurrentCache.current = DefaultCacheDispatcher;
+  return prevCacheDispatcher;
+}
+function renderDidSuspendDelayIfPossible() {
+  workInProgressRootExitStatus = 4;
+  (0 === (workInProgressRootSkippedLanes & 134217727) &&
+    0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)) ||
+    null === workInProgressRoot ||
+    markRootSuspended(
+      workInProgressRoot,
+      workInProgressRootRenderLanes,
+      workInProgressDeferredLane
+    );
+}
+function renderRootSync(root, lanes) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 2;
+  var prevDispatcher = pushDispatcher(),
+    prevCacheDispatcher = pushCacheDispatcher();
+  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
+    if (isDevToolsPresent) {
+      var memoizedUpdaters = root.memoizedUpdaters;
+      0 < memoizedUpdaters.size &&
+        (restorePendingUpdaters(root, workInProgressRootRenderLanes),
+        memoizedUpdaters.clear());
+      movePendingFibersToMemoized(root, lanes);
+    }
+    workInProgressTransitions = getTransitionsForLanes(root, lanes);
+    prepareFreshStack(root, lanes);
+  }
+  enableSchedulingProfiler && markRenderStarted(lanes);
+  lanes = !1;
+  a: do
+    try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
+        memoizedUpdaters = workInProgress;
+        var thrownValue = workInProgressThrownValue;
+        switch (workInProgressSuspendedReason) {
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
+          default:
+            (workInProgressSuspendedReason = 0),
+              (workInProgressThrownValue = null),
+              throwAndUnwindWorkLoop(root, memoizedUpdaters, thrownValue);
+        }
+      }
+      workLoopSync();
+      break;
+    } catch (thrownValue$288) {
+      handleThrow(root, thrownValue$288);
+    }
+  while (1);
+  lanes && root.shellSuspendCounter++;
+  resetContextDependencies();
+  executionContext = prevExecutionContext;
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
+  if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
+  enableSchedulingProfiler && markRenderStopped();
+  workInProgressRoot = null;
+  workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
+  return workInProgressRootExitStatus;
+}
+function workLoopSync() {
+  for (; null !== workInProgress; ) performUnitOfWork(workInProgress);
+}
+function renderRootConcurrent(root, lanes) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 2;
+  var prevDispatcher = pushDispatcher(),
+    prevCacheDispatcher = pushCacheDispatcher();
+  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
+    if (isDevToolsPresent) {
+      var memoizedUpdaters = root.memoizedUpdaters;
+      0 < memoizedUpdaters.size &&
+        (restorePendingUpdaters(root, workInProgressRootRenderLanes),
+        memoizedUpdaters.clear());
+      movePendingFibersToMemoized(root, lanes);
+    }
+    workInProgressTransitions = getTransitionsForLanes(root, lanes);
+    workInProgressRootRenderTargetTime = now$1() + 500;
+    prepareFreshStack(root, lanes);
+  }
+  enableSchedulingProfiler && markRenderStarted(lanes);
+  a: do
+    try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress)
+        b: switch (
+          ((lanes = workInProgress),
+          (memoizedUpdaters = workInProgressThrownValue),
+          workInProgressSuspendedReason)
+        ) {
+          case 1:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters);
+            break;
+          case 2:
+            if (isThenableResolved(memoizedUpdaters)) {
+              workInProgressSuspendedReason = 0;
+              workInProgressThrownValue = null;
+              replaySuspendedUnitOfWork(lanes);
+              break;
+            }
+            lanes = function () {
+              2 === workInProgressSuspendedReason &&
+                workInProgressRoot === root &&
+                (workInProgressSuspendedReason = 7);
+              ensureRootIsScheduled(root);
+            };
+            memoizedUpdaters.then(lanes, lanes);
+            break a;
+          case 3:
+            workInProgressSuspendedReason = 7;
+            break a;
+          case 4:
+            workInProgressSuspendedReason = 5;
+            break a;
+          case 7:
+            isThenableResolved(memoizedUpdaters)
+              ? ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                replaySuspendedUnitOfWork(lanes))
+              : ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters));
+            break;
+          case 5:
+            switch (workInProgress.tag) {
+              case 5:
+              case 26:
+              case 27:
+                lanes = workInProgress;
+                workInProgressSuspendedReason = 0;
+                workInProgressThrownValue = null;
+                var sibling = lanes.sibling;
+                if (null !== sibling) workInProgress = sibling;
+                else {
+                  var returnFiber = lanes.return;
+                  null !== returnFiber
+                    ? ((workInProgress = returnFiber),
+                      completeUnitOfWork(returnFiber))
+                    : (workInProgress = null);
+                }
+                break b;
+            }
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters);
+            break;
+          case 6:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters);
+            break;
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          default:
+            throw Error(formatProdErrorMessage(462));
+        }
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue$290) {
+      handleThrow(root, thrownValue$290);
+    }
+  while (1);
+  resetContextDependencies();
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
+  executionContext = prevExecutionContext;
+  if (null !== workInProgress)
+    return (
+      enableSchedulingProfiler &&
+        enableSchedulingProfiler &&
+        null !== injectedProfilingHooks &&
+        "function" === typeof injectedProfilingHooks.markRenderYielded &&
+        injectedProfilingHooks.markRenderYielded(),
+      0
+    );
+  enableSchedulingProfiler && markRenderStopped();
+  workInProgressRoot = null;
+  workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
+  return workInProgressRootExitStatus;
+}
+function workLoopConcurrent() {
+  for (; null !== workInProgress && !shouldYield(); )
+    performUnitOfWork(workInProgress);
+}
+function performUnitOfWork(unitOfWork) {
+  var current = unitOfWork.alternate;
+  0 !== (unitOfWork.mode & 2)
+    ? (startProfilerTimer(unitOfWork),
+      (current = beginWork(current, unitOfWork, entangledRenderLanes)),
+      stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0))
+    : (current = beginWork(current, unitOfWork, entangledRenderLanes));
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === current
+    ? completeUnitOfWork(unitOfWork)
+    : (workInProgress = current);
+  ReactCurrentOwner.current = null;
+}
+function replaySuspendedUnitOfWork(unitOfWork) {
+  var current = unitOfWork.alternate,
+    isProfilingMode = 0 !== (unitOfWork.mode & 2);
+  isProfilingMode && startProfilerTimer(unitOfWork);
+  switch (unitOfWork.tag) {
+    case 15:
+    case 0:
+      var Component = unitOfWork.type,
+        unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        disableDefaultPropsExceptForClasses ||
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        void 0,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 11:
+      Component = unitOfWork.type.render;
+      unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        disableDefaultPropsExceptForClasses ||
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        unitOfWork.ref,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 5:
+      resetHooksOnUnwind(unitOfWork);
+    default:
+      unwindInterruptedWork(current, unitOfWork),
+        (unitOfWork = workInProgress =
+          resetWorkInProgress(unitOfWork, entangledRenderLanes)),
+        (current = beginWork(current, unitOfWork, entangledRenderLanes));
+  }
+  isProfilingMode && stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0);
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === current
+    ? completeUnitOfWork(unitOfWork)
+    : (workInProgress = current);
+  ReactCurrentOwner.current = null;
+}
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
+  resetContextDependencies();
+  resetHooksOnUnwind(unitOfWork);
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
+  var returnFiber = unitOfWork.return;
+  try {
+    if (
+      throwException(
+        root,
+        returnFiber,
+        unitOfWork,
+        thrownValue,
+        workInProgressRootRenderLanes
+      )
+    ) {
+      workInProgressRootExitStatus = 1;
+      logUncaughtError(
+        root,
+        createCapturedValueAtFiber(thrownValue, root.current)
+      );
+      workInProgress = null;
+      return;
+    }
+  } catch (error) {
+    if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
+    workInProgressRootExitStatus = 1;
+    logUncaughtError(
+      root,
+      createCapturedValueAtFiber(thrownValue, root.current)
+    );
+    workInProgress = null;
+    return;
+  }
+  if (unitOfWork.flags & 32768)
+    a: {
+      root = unitOfWork;
+      do {
+        unitOfWork = unwindWork(root.alternate, root);
+        if (null !== unitOfWork) {
+          unitOfWork.flags &= 32767;
+          workInProgress = unitOfWork;
+          break a;
+        }
+        if (0 !== (root.mode & 2)) {
+          stopProfilerTimerIfRunningAndRecordDelta(root, !1);
+          unitOfWork = root.actualDuration;
+          for (thrownValue = root.child; null !== thrownValue; )
+            (unitOfWork += thrownValue.actualDuration),
+              (thrownValue = thrownValue.sibling);
+          root.actualDuration = unitOfWork;
+        }
+        root = root.return;
+        null !== root &&
+          ((root.flags |= 32768),
+          (root.subtreeFlags = 0),
+          (root.deletions = null));
+        workInProgress = root;
+      } while (null !== root);
+      workInProgressRootExitStatus = 6;
+      workInProgress = null;
+    }
+  else completeUnitOfWork(unitOfWork);
+}
+function completeUnitOfWork(unitOfWork) {
+  var completedWork = unitOfWork;
+  do {
+    var current = completedWork.alternate;
+    unitOfWork = completedWork.return;
+    0 === (completedWork.mode & 2)
+      ? (current = completeWork(current, completedWork, entangledRenderLanes))
+      : (startProfilerTimer(completedWork),
+        (current = completeWork(current, completedWork, entangledRenderLanes)),
+        stopProfilerTimerIfRunningAndRecordDelta(completedWork, !1));
+    if (null !== current) {
+      workInProgress = current;
+      return;
+    }
+    completedWork = completedWork.sibling;
+    if (null !== completedWork) {
+      workInProgress = completedWork;
+      return;
+    }
+    workInProgress = completedWork = unitOfWork;
+  } while (null !== completedWork);
+  0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
+}
+function commitRoot(
+  root,
+  recoverableErrors,
+  transitions,
+  didIncludeRenderPhaseUpdate,
+  spawnedLane
+) {
+  var previousUpdateLanePriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig$1.transition;
+  try {
+    (ReactCurrentBatchConfig$1.transition = null),
+      (currentUpdatePriority = 2),
+      commitRootImpl(
+        root,
+        recoverableErrors,
+        transitions,
+        didIncludeRenderPhaseUpdate,
+        previousUpdateLanePriority,
+        spawnedLane
+      );
+  } finally {
+    (ReactCurrentBatchConfig$1.transition = prevTransition),
+      (currentUpdatePriority = previousUpdateLanePriority);
+  }
+  return null;
+}
+function commitRootImpl(
+  root,
+  recoverableErrors,
+  transitions,
+  didIncludeRenderPhaseUpdate,
+  renderPriorityLevel,
+  spawnedLane
+) {
+  do flushPassiveEffects();
+  while (null !== rootWithPendingPassiveEffects);
+  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
+  var finishedWork = root.finishedWork,
+    lanes = root.finishedLanes;
+  enableSchedulingProfiler &&
+    enableSchedulingProfiler &&
+    null !== injectedProfilingHooks &&
+    "function" === typeof injectedProfilingHooks.markCommitStarted &&
+    injectedProfilingHooks.markCommitStarted(lanes);
+  if (null === finishedWork)
+    return enableSchedulingProfiler && markCommitStopped(), null;
+  root.finishedWork = null;
+  root.finishedLanes = 0;
+  if (finishedWork === root.current) throw Error(formatProdErrorMessage(177));
+  root.callbackNode = null;
+  root.callbackPriority = 0;
+  root.cancelPendingCommit = null;
+  var remainingLanes = finishedWork.lanes | finishedWork.childLanes;
+  remainingLanes |= concurrentlyUpdatedLanes;
+  markRootFinished(root, remainingLanes, spawnedLane);
+  didIncludeCommitPhaseUpdate = !1;
+  root === workInProgressRoot &&
+    ((workInProgress = workInProgressRoot = null),
+    (workInProgressRootRenderLanes = 0));
+  (0 === (finishedWork.subtreeFlags & 10256) &&
+    0 === (finishedWork.flags & 10256)) ||
+    rootDoesHavePassiveEffects ||
+    ((rootDoesHavePassiveEffects = !0),
+    (pendingPassiveEffectsRemainingLanes = remainingLanes),
+    (pendingPassiveTransitions = transitions),
+    scheduleCallback(NormalPriority$1, function () {
+      flushPassiveEffects();
+      return null;
+    }));
+  transitions = 0 !== (finishedWork.flags & 15990);
+  if (0 !== (finishedWork.subtreeFlags & 15990) || transitions) {
+    transitions = ReactCurrentBatchConfig$1.transition;
+    ReactCurrentBatchConfig$1.transition = null;
+    spawnedLane = currentUpdatePriority;
+    currentUpdatePriority = 2;
+    var prevExecutionContext = executionContext;
+    executionContext |= 4;
+    ReactCurrentOwner.current = null;
+    var shouldFireAfterActiveInstanceBlur$294 = commitBeforeMutationEffects(
+      root,
+      finishedWork
+    );
+    commitTime = now();
+    commitMutationEffects(root, finishedWork, lanes);
+    shouldFireAfterActiveInstanceBlur$294 &&
+      ((_enabled = !0),
+      dispatchAfterDetachedBlur(selectionInformation.focusedElem),
+      (_enabled = !1));
+    restoreSelection(selectionInformation);
+    _enabled = !!eventsEnabled;
+    selectionInformation = eventsEnabled = null;
+    root.current = finishedWork;
+    enableSchedulingProfiler &&
+      enableSchedulingProfiler &&
+      null !== injectedProfilingHooks &&
+      "function" === typeof injectedProfilingHooks.markLayoutEffectsStarted &&
+      injectedProfilingHooks.markLayoutEffectsStarted(lanes);
+    commitLayoutEffects(finishedWork, root, lanes);
+    enableSchedulingProfiler &&
+      enableSchedulingProfiler &&
+      null !== injectedProfilingHooks &&
+      "function" === typeof injectedProfilingHooks.markLayoutEffectsStopped &&
+      injectedProfilingHooks.markLayoutEffectsStopped();
+    requestPaint();
+    executionContext = prevExecutionContext;
+    currentUpdatePriority = spawnedLane;
+    ReactCurrentBatchConfig$1.transition = transitions;
+  } else (root.current = finishedWork), (commitTime = now());
+  rootDoesHavePassiveEffects
+    ? ((rootDoesHavePassiveEffects = !1),
+      (rootWithPendingPassiveEffects = root),
+      (pendingPassiveEffectsLanes = lanes))
+    : releaseRootPooledCache(root, remainingLanes);
+  remainingLanes = root.pendingLanes;
+  0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null);
+  onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
+  isDevToolsPresent && root.memoizedUpdaters.clear();
+  ensureRootIsScheduled(root);
+  if (null !== recoverableErrors)
+    for (
+      renderPriorityLevel = root.onRecoverableError, finishedWork = 0;
+      finishedWork < recoverableErrors.length;
+      finishedWork++
+    )
+      (remainingLanes = recoverableErrors[finishedWork]),
+        renderPriorityLevel(remainingLanes.value, {
+          componentStack: remainingLanes.stack
+        });
+  0 !== (pendingPassiveEffectsLanes & 3) && flushPassiveEffects();
+  remainingLanes = root.pendingLanes;
+  (enableInfiniteRenderLoopDetection &&
+    (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate)) ||
+  (0 !== (lanes & 4194218) && 0 !== (remainingLanes & SyncUpdateLanes))
+    ? ((nestedUpdateScheduled = !0),
+      root === rootWithNestedUpdates
+        ? nestedUpdateCount++
+        : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root)))
+    : (nestedUpdateCount = 0);
+  flushSyncWorkAcrossRoots_impl(!1);
+  enableSchedulingProfiler && markCommitStopped();
+  if (enableTransitionTracing) {
+    var prevRootTransitionCallbacks = root.transitionCallbacks;
+    null !== prevRootTransitionCallbacks &&
+      schedulePostPaintCallback(function (endTime) {
+        var prevPendingTransitionCallbacks = currentPendingTransitionCallbacks;
+        null !== prevPendingTransitionCallbacks
+          ? ((currentPendingTransitionCallbacks = null),
+            scheduleCallback(IdlePriority, function () {
+              processTransitionCallbacks(
+                prevPendingTransitionCallbacks,
+                endTime,
+                prevRootTransitionCallbacks
+              );
+            }))
+          : (currentEndTime = endTime);
+      });
+  }
+  return null;
+}
+function releaseRootPooledCache(root, remainingLanes) {
+  0 === (root.pooledCacheLanes &= remainingLanes) &&
+    ((remainingLanes = root.pooledCache),
+    null != remainingLanes &&
+      ((root.pooledCache = null), releaseCache(remainingLanes)));
+}
+function flushPassiveEffects() {
+  if (null !== rootWithPendingPassiveEffects) {
+    var root$295 = rootWithPendingPassiveEffects,
+      remainingLanes = pendingPassiveEffectsRemainingLanes;
+    pendingPassiveEffectsRemainingLanes = 0;
+    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
+    renderPriority = 32 > renderPriority ? 32 : renderPriority;
+    var prevTransition = ReactCurrentBatchConfig$1.transition,
+      previousPriority = currentUpdatePriority;
+    try {
+      return (
+        (ReactCurrentBatchConfig$1.transition = null),
+        (currentUpdatePriority = renderPriority),
+        flushPassiveEffectsImpl()
+      );
+    } finally {
+      (currentUpdatePriority = previousPriority),
+        (ReactCurrentBatchConfig$1.transition = prevTransition),
+        releaseRootPooledCache(root$295, remainingLanes);
+    }
+  }
+  return !1;
+}
+function enqueuePendingPassiveProfilerEffect(fiber) {
+  pendingPassiveProfilerEffects.push(fiber);
+  rootDoesHavePassiveEffects ||
+    ((rootDoesHavePassiveEffects = !0),
+    scheduleCallback(NormalPriority$1, function () {
+      flushPassiveEffects();
+      return null;
+    }));
+}
+function flushPassiveEffectsImpl() {
+  if (null === rootWithPendingPassiveEffects) return !1;
+  var transitions = pendingPassiveTransitions;
+  pendingPassiveTransitions = null;
+  var root = rootWithPendingPassiveEffects,
+    lanes = pendingPassiveEffectsLanes;
+  rootWithPendingPassiveEffects = null;
+  pendingPassiveEffectsLanes = 0;
+  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331));
+  enableSchedulingProfiler &&
+    enableSchedulingProfiler &&
+    null !== injectedProfilingHooks &&
+    "function" === typeof injectedProfilingHooks.markPassiveEffectsStarted &&
+    injectedProfilingHooks.markPassiveEffectsStarted(lanes);
+  var prevExecutionContext = executionContext;
+  executionContext |= 4;
+  commitPassiveUnmountOnFiber(root.current);
+  commitPassiveMountOnFiber(root, root.current, lanes, transitions);
+  transitions = pendingPassiveProfilerEffects;
+  pendingPassiveProfilerEffects = [];
+  for (lanes = 0; lanes < transitions.length; lanes++)
+    commitPassiveEffectDurations(root, transitions[lanes]);
+  enableSchedulingProfiler &&
+    enableSchedulingProfiler &&
+    null !== injectedProfilingHooks &&
+    "function" === typeof injectedProfilingHooks.markPassiveEffectsStopped &&
+    injectedProfilingHooks.markPassiveEffectsStopped();
+  executionContext = prevExecutionContext;
+  flushSyncWorkAcrossRoots_impl(!1);
+  if (enableTransitionTracing) {
+    var prevPendingTransitionCallbacks = currentPendingTransitionCallbacks,
+      prevRootTransitionCallbacks = root.transitionCallbacks,
+      prevEndTime = currentEndTime;
+    null !== prevPendingTransitionCallbacks &&
+      null !== prevRootTransitionCallbacks &&
+      null !== prevEndTime &&
+      ((currentEndTime = currentPendingTransitionCallbacks = null),
+      scheduleCallback(IdlePriority, function () {
+        processTransitionCallbacks(
+          prevPendingTransitionCallbacks,
+          prevEndTime,
+          prevRootTransitionCallbacks
+        );
+      }));
+  }
+  if (injectedHook && "function" === typeof injectedHook.onPostCommitFiberRoot)
+    try {
+      injectedHook.onPostCommitFiberRoot(rendererID, root);
+    } catch (err) {}
+  root = root.current.stateNode;
+  root.effectDuration = 0;
+  root.passiveEffectDuration = 0;
+  return !0;
+}
+function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+  sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
+  sourceFiber = createRootErrorUpdate(rootFiber.stateNode, sourceFiber, 2);
+  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
+  null !== rootFiber &&
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
+}
+function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
+  if (3 === sourceFiber.tag)
+    captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
+  else
+    for (; null !== nearestMountedAncestor; ) {
+      if (3 === nearestMountedAncestor.tag) {
+        captureCommitPhaseErrorOnRoot(
+          nearestMountedAncestor,
+          sourceFiber,
+          error
+        );
+        break;
+      } else if (1 === nearestMountedAncestor.tag) {
+        var instance = nearestMountedAncestor.stateNode;
+        if (
+          "function" ===
+            typeof nearestMountedAncestor.type.getDerivedStateFromError ||
+          ("function" === typeof instance.componentDidCatch &&
+            (null === legacyErrorBoundariesThatAlreadyFailed ||
+              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+        ) {
+          sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
+          error = createClassErrorUpdate(2);
+          instance = enqueueUpdate(nearestMountedAncestor, error, 2);
+          null !== instance &&
+            (initializeClassErrorUpdate(
+              error,
+              instance,
+              nearestMountedAncestor,
+              sourceFiber
+            ),
+            markRootUpdated(instance, 2),
+            ensureRootIsScheduled(instance));
+          break;
+        }
+      }
+      nearestMountedAncestor = nearestMountedAncestor.return;
+    }
+}
+function attachPingListener(root, wakeable, lanes) {
+  var pingCache = root.pingCache;
+  if (null === pingCache) {
+    pingCache = root.pingCache = new PossiblyWeakMap();
+    var threadIDs = new Set();
+    pingCache.set(wakeable, threadIDs);
+  } else
+    (threadIDs = pingCache.get(wakeable)),
+      void 0 === threadIDs &&
+        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
+  threadIDs.has(lanes) ||
+    ((workInProgressRootDidAttachPingListener = !0),
+    threadIDs.add(lanes),
+    (pingCache = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
+    isDevToolsPresent && restorePendingUpdaters(root, lanes),
+    wakeable.then(pingCache, pingCache));
+}
+function pingSuspendedRoot(root, wakeable, pingedLanes) {
+  var pingCache = root.pingCache;
+  null !== pingCache && pingCache.delete(wakeable);
+  root.pingedLanes |= root.suspendedLanes & pingedLanes;
+  enableInfiniteRenderLoopDetection &&
+    (executionContext & 2
+      ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
+      : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0),
+    throwIfInfiniteUpdateLoopDetected());
+  workInProgressRoot === root &&
+    (workInProgressRootRenderLanes & pingedLanes) === pingedLanes &&
+    (4 === workInProgressRootExitStatus ||
+    (3 === workInProgressRootExitStatus &&
+      (workInProgressRootRenderLanes & 62914560) ===
+        workInProgressRootRenderLanes &&
+      300 > now$1() - globalMostRecentFallbackTime)
+      ? 0 === (executionContext & 2) && prepareFreshStack(root, 0)
+      : (workInProgressRootPingedLanes |= pingedLanes));
+  ensureRootIsScheduled(root);
+}
+function retryTimedOutBoundary(boundaryFiber, retryLane) {
+  0 === retryLane && (retryLane = claimNextRetryLane());
+  boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
+  null !== boundaryFiber &&
+    (markRootUpdated(boundaryFiber, retryLane),
+    ensureRootIsScheduled(boundaryFiber));
+}
+function retryDehydratedSuspenseBoundary(boundaryFiber) {
+  var suspenseState = boundaryFiber.memoizedState,
+    retryLane = 0;
+  null !== suspenseState && (retryLane = suspenseState.retryLane);
+  retryTimedOutBoundary(boundaryFiber, retryLane);
+}
+function resolveRetryWakeable(boundaryFiber, wakeable) {
+  var retryLane = 0;
+  switch (boundaryFiber.tag) {
+    case 13:
+      var retryCache = boundaryFiber.stateNode;
+      var suspenseState = boundaryFiber.memoizedState;
+      null !== suspenseState && (retryLane = suspenseState.retryLane);
+      break;
+    case 19:
+      retryCache = boundaryFiber.stateNode;
+      break;
+    case 22:
+      retryCache = boundaryFiber.stateNode._retryCache;
+      break;
+    default:
+      throw Error(formatProdErrorMessage(314));
+  }
+  null !== retryCache && retryCache.delete(wakeable);
+  retryTimedOutBoundary(boundaryFiber, retryLane);
+}
+function throwIfInfiniteUpdateLoopDetected() {
+  if (50 < nestedUpdateCount)
+    throw (
+      ((nestedUpdateCount = 0),
+      (rootWithNestedUpdates = null),
+      enableInfiniteRenderLoopDetection &&
+        executionContext & 2 &&
+        null !== workInProgressRoot &&
+        (workInProgressRoot.errorRecoveryDisabledLanes |=
+          workInProgressRootRenderLanes),
+      Error(formatProdErrorMessage(185)))
+    );
+}
+function restorePendingUpdaters(root, lanes) {
+  isDevToolsPresent &&
+    root.memoizedUpdaters.forEach(function (schedulingFiber) {
+      addFiberToLanesMap(root, schedulingFiber, lanes);
+    });
+}
+function scheduleCallback(priorityLevel, callback) {
+  return scheduleCallback$3(priorityLevel, callback);
+}
 function FiberNode(tag, pendingProps, key, mode) {
   this.tag = tag;
   this.key = key;
@@ -13009,3257 +16276,6 @@ function createFiberFromPortal(portal, mode, lanes) {
   };
   return mode;
 }
-var emptyObject = {};
-function collectScopedNodesFromChildren(
-  startingChild,
-  fn$jscomp$0,
-  scopedNodes$jscomp$0
-) {
-  for (; null !== startingChild; ) {
-    var node = startingChild,
-      fn = fn$jscomp$0,
-      scopedNodes = scopedNodes$jscomp$0;
-    if (5 === node.tag) {
-      var type = node.type,
-        memoizedProps = node.memoizedProps,
-        instance = node.stateNode;
-      null !== instance &&
-        !0 === fn(type, memoizedProps || emptyObject, instance) &&
-        scopedNodes.push(instance);
-    }
-    type = node.child;
-    isFiberSuspenseAndTimedOut(node) && (type = node.child.sibling.child);
-    null !== type && collectScopedNodesFromChildren(type, fn, scopedNodes);
-    startingChild = startingChild.sibling;
-  }
-}
-function collectFirstScopedNodeFromChildren(startingChild, fn$jscomp$0) {
-  for (; null !== startingChild; ) {
-    a: {
-      var JSCompiler_inline_result = startingChild;
-      var fn = fn$jscomp$0;
-      if (5 === JSCompiler_inline_result.tag) {
-        var type = JSCompiler_inline_result.type,
-          memoizedProps = JSCompiler_inline_result.memoizedProps,
-          instance = JSCompiler_inline_result.stateNode;
-        if (null !== instance && !0 === fn(type, memoizedProps, instance)) {
-          JSCompiler_inline_result = instance;
-          break a;
-        }
-      }
-      type = JSCompiler_inline_result.child;
-      isFiberSuspenseAndTimedOut(JSCompiler_inline_result) &&
-        (type = JSCompiler_inline_result.child.sibling.child);
-      JSCompiler_inline_result =
-        null !== type ? collectFirstScopedNodeFromChildren(type, fn) : null;
-    }
-    if (null !== JSCompiler_inline_result) return JSCompiler_inline_result;
-    startingChild = startingChild.sibling;
-  }
-  return null;
-}
-function collectNearestChildContextValues(
-  startingChild,
-  context$jscomp$0,
-  childContextValues$jscomp$0
-) {
-  for (; null !== startingChild; ) {
-    var node = startingChild,
-      context = context$jscomp$0,
-      childContextValues = childContextValues$jscomp$0;
-    if (
-      10 === node.tag &&
-      (enableRenderableContext ? node.type : node.type._context) === context
-    )
-      childContextValues.push(node.memoizedProps.value);
-    else {
-      var child = node.child;
-      isFiberSuspenseAndTimedOut(node) && (child = node.child.sibling.child);
-      null !== child &&
-        collectNearestChildContextValues(child, context, childContextValues);
-    }
-    startingChild = startingChild.sibling;
-  }
-}
-function DO_NOT_USE_queryAllNodes(fn) {
-  var currentFiber = getInstanceFromScope(this);
-  if (null === currentFiber) return null;
-  currentFiber = currentFiber.child;
-  var scopedNodes = [];
-  null !== currentFiber &&
-    collectScopedNodesFromChildren(currentFiber, fn, scopedNodes);
-  return 0 === scopedNodes.length ? null : scopedNodes;
-}
-function DO_NOT_USE_queryFirstNode(fn) {
-  var currentFiber = getInstanceFromScope(this);
-  if (null === currentFiber) return null;
-  currentFiber = currentFiber.child;
-  return null !== currentFiber
-    ? collectFirstScopedNodeFromChildren(currentFiber, fn)
-    : null;
-}
-function containsNode(node) {
-  for (node = getClosestInstanceFromNode(node) || null; null !== node; ) {
-    if (21 === node.tag && node.stateNode === this) return !0;
-    node = node.return;
-  }
-  return !1;
-}
-function getChildContextValues(context) {
-  var currentFiber = getInstanceFromScope(this);
-  if (null === currentFiber) return [];
-  currentFiber = currentFiber.child;
-  var childContextValues = [];
-  null !== currentFiber &&
-    collectNearestChildContextValues(currentFiber, context, childContextValues);
-  return childContextValues;
-}
-function markUpdate(workInProgress) {
-  workInProgress.flags |= 4;
-}
-function preloadResourceAndSuspendIfNeeded(workInProgress, resource) {
-  if ("stylesheet" !== resource.type || 0 !== (resource.state.loading & 4))
-    workInProgress.flags &= -16777217;
-  else if (
-    ((workInProgress.flags |= 16777216),
-    0 === (workInProgressRootRenderLanes & 42) &&
-      ((resource =
-        "stylesheet" === resource.type && 0 === (resource.state.loading & 3)
-          ? !1
-          : !0),
-      !resource))
-  )
-    if (shouldRemainOnPreviousScreen()) workInProgress.flags |= 8192;
-    else
-      throw (
-        ((suspendedThenable = noopSuspenseyCommitThenable),
-        SuspenseyCommitException)
-      );
-}
-function scheduleRetryEffect(workInProgress, retryQueue) {
-  null !== retryQueue
-    ? (workInProgress.flags |= 4)
-    : workInProgress.flags & 16384 &&
-      ((retryQueue =
-        22 !== workInProgress.tag ? claimNextRetryLane() : 536870912),
-      (workInProgress.lanes |= retryQueue));
-}
-function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
-  if (!isHydrating)
-    switch (renderState.tailMode) {
-      case "hidden":
-        hasRenderedATailFallback = renderState.tail;
-        for (var lastTailNode = null; null !== hasRenderedATailFallback; )
-          null !== hasRenderedATailFallback.alternate &&
-            (lastTailNode = hasRenderedATailFallback),
-            (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
-        null === lastTailNode
-          ? (renderState.tail = null)
-          : (lastTailNode.sibling = null);
-        break;
-      case "collapsed":
-        lastTailNode = renderState.tail;
-        for (var lastTailNode$230 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$230 = lastTailNode),
-            (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$230
-          ? hasRenderedATailFallback || null === renderState.tail
-            ? (renderState.tail = null)
-            : (renderState.tail.sibling = null)
-          : (lastTailNode$230.sibling = null);
-    }
-}
-function bubbleProperties(completedWork) {
-  var didBailout =
-      null !== completedWork.alternate &&
-      completedWork.alternate.child === completedWork.child,
-    newChildLanes = 0,
-    subtreeFlags = 0;
-  if (didBailout)
-    if (0 !== (completedWork.mode & 2)) {
-      for (
-        var treeBaseDuration$232 = completedWork.selfBaseDuration,
-          child$233 = completedWork.child;
-        null !== child$233;
-
-      )
-        (newChildLanes |= child$233.lanes | child$233.childLanes),
-          (subtreeFlags |= child$233.subtreeFlags & 31457280),
-          (subtreeFlags |= child$233.flags & 31457280),
-          (treeBaseDuration$232 += child$233.treeBaseDuration),
-          (child$233 = child$233.sibling);
-      completedWork.treeBaseDuration = treeBaseDuration$232;
-    } else
-      for (
-        treeBaseDuration$232 = completedWork.child;
-        null !== treeBaseDuration$232;
-
-      )
-        (newChildLanes |=
-          treeBaseDuration$232.lanes | treeBaseDuration$232.childLanes),
-          (subtreeFlags |= treeBaseDuration$232.subtreeFlags & 31457280),
-          (subtreeFlags |= treeBaseDuration$232.flags & 31457280),
-          (treeBaseDuration$232.return = completedWork),
-          (treeBaseDuration$232 = treeBaseDuration$232.sibling);
-  else if (0 !== (completedWork.mode & 2)) {
-    treeBaseDuration$232 = completedWork.actualDuration;
-    child$233 = completedWork.selfBaseDuration;
-    for (var child = completedWork.child; null !== child; )
-      (newChildLanes |= child.lanes | child.childLanes),
-        (subtreeFlags |= child.subtreeFlags),
-        (subtreeFlags |= child.flags),
-        (treeBaseDuration$232 += child.actualDuration),
-        (child$233 += child.treeBaseDuration),
-        (child = child.sibling);
-    completedWork.actualDuration = treeBaseDuration$232;
-    completedWork.treeBaseDuration = child$233;
-  } else
-    for (
-      treeBaseDuration$232 = completedWork.child;
-      null !== treeBaseDuration$232;
-
-    )
-      (newChildLanes |=
-        treeBaseDuration$232.lanes | treeBaseDuration$232.childLanes),
-        (subtreeFlags |= treeBaseDuration$232.subtreeFlags),
-        (subtreeFlags |= treeBaseDuration$232.flags),
-        (treeBaseDuration$232.return = completedWork),
-        (treeBaseDuration$232 = treeBaseDuration$232.sibling);
-  completedWork.subtreeFlags |= subtreeFlags;
-  completedWork.childLanes = newChildLanes;
-  return didBailout;
-}
-function completeWork(current, workInProgress, renderLanes) {
-  var newProps = workInProgress.pendingProps;
-  popTreeContext(workInProgress);
-  switch (workInProgress.tag) {
-    case 16:
-    case 15:
-    case 0:
-    case 11:
-    case 7:
-    case 8:
-    case 12:
-    case 9:
-    case 14:
-      return bubbleProperties(workInProgress), null;
-    case 1:
-      return bubbleProperties(workInProgress), null;
-    case 3:
-      renderLanes = workInProgress.stateNode;
-      enableTransitionTracing &&
-        null !== workInProgressTransitions &&
-        (workInProgress.flags |= 2048);
-      newProps = null;
-      null !== current && (newProps = current.memoizedState.cache);
-      workInProgress.memoizedState.cache !== newProps &&
-        (workInProgress.flags |= 2048);
-      popProvider(CacheContext);
-      enableTransitionTracing &&
-        enableTransitionTracing &&
-        pop(markerInstanceStack);
-      enableTransitionTracing && pop(transitionStack);
-      popHostContainer();
-      renderLanes.pendingContext &&
-        ((renderLanes.context = renderLanes.pendingContext),
-        (renderLanes.pendingContext = null));
-      if (null === current || null === current.child)
-        popHydrationState(workInProgress)
-          ? markUpdate(workInProgress)
-          : null === current ||
-            (current.memoizedState.isDehydrated &&
-              0 === (workInProgress.flags & 256)) ||
-            ((workInProgress.flags |= 1024),
-            null !== hydrationErrors &&
-              (queueRecoverableErrors(hydrationErrors),
-              (hydrationErrors = null)));
-      bubbleProperties(workInProgress);
-      enableTransitionTracing &&
-        0 !== (workInProgress.subtreeFlags & 8192) &&
-        (workInProgress.flags |= 2048);
-      return null;
-    case 26:
-      renderLanes = workInProgress.memoizedState;
-      if (null === current)
-        markUpdate(workInProgress),
-          null !== renderLanes
-            ? (bubbleProperties(workInProgress),
-              preloadResourceAndSuspendIfNeeded(workInProgress, renderLanes))
-            : (bubbleProperties(workInProgress),
-              (workInProgress.flags &= -16777217));
-      else {
-        var currentResource = current.memoizedState;
-        renderLanes !== currentResource && markUpdate(workInProgress);
-        null !== renderLanes
-          ? (bubbleProperties(workInProgress),
-            renderLanes === currentResource
-              ? (workInProgress.flags &= -16777217)
-              : preloadResourceAndSuspendIfNeeded(workInProgress, renderLanes))
-          : (current.memoizedProps !== newProps && markUpdate(workInProgress),
-            bubbleProperties(workInProgress),
-            (workInProgress.flags &= -16777217));
-      }
-      return null;
-    case 27:
-      popHostContext(workInProgress);
-      renderLanes = rootInstanceStackCursor.current;
-      currentResource = workInProgress.type;
-      if (null !== current && null != workInProgress.stateNode)
-        current.memoizedProps !== newProps && markUpdate(workInProgress);
-      else {
-        if (!newProps) {
-          if (null === workInProgress.stateNode)
-            throw Error(formatProdErrorMessage(166));
-          bubbleProperties(workInProgress);
-          return null;
-        }
-        current = contextStackCursor.current;
-        popHydrationState(workInProgress)
-          ? prepareToHydrateHostInstance(workInProgress, current)
-          : ((current = resolveSingletonInstance(
-              currentResource,
-              newProps,
-              renderLanes
-            )),
-            (workInProgress.stateNode = current),
-            markUpdate(workInProgress));
-      }
-      bubbleProperties(workInProgress);
-      return null;
-    case 5:
-      popHostContext(workInProgress);
-      renderLanes = workInProgress.type;
-      if (null !== current && null != workInProgress.stateNode)
-        current.memoizedProps !== newProps && markUpdate(workInProgress);
-      else {
-        if (!newProps) {
-          if (null === workInProgress.stateNode)
-            throw Error(formatProdErrorMessage(166));
-          bubbleProperties(workInProgress);
-          return null;
-        }
-        current = contextStackCursor.current;
-        if (popHydrationState(workInProgress))
-          prepareToHydrateHostInstance(workInProgress, current);
-        else {
-          currentResource = getOwnerDocumentFromRootContainer(
-            rootInstanceStackCursor.current
-          );
-          switch (current) {
-            case 1:
-              current = currentResource.createElementNS(
-                "http://www.w3.org/2000/svg",
-                renderLanes
-              );
-              break;
-            case 2:
-              current = currentResource.createElementNS(
-                "http://www.w3.org/1998/Math/MathML",
-                renderLanes
-              );
-              break;
-            default:
-              switch (renderLanes) {
-                case "svg":
-                  current = currentResource.createElementNS(
-                    "http://www.w3.org/2000/svg",
-                    renderLanes
-                  );
-                  break;
-                case "math":
-                  current = currentResource.createElementNS(
-                    "http://www.w3.org/1998/Math/MathML",
-                    renderLanes
-                  );
-                  break;
-                case "script":
-                  current = currentResource.createElement("div");
-                  current.innerHTML = "<script>\x3c/script>";
-                  current = current.removeChild(current.firstChild);
-                  break;
-                case "select":
-                  current =
-                    "string" === typeof newProps.is
-                      ? currentResource.createElement("select", {
-                          is: newProps.is
-                        })
-                      : currentResource.createElement("select");
-                  newProps.multiple
-                    ? (current.multiple = !0)
-                    : newProps.size && (current.size = newProps.size);
-                  break;
-                default:
-                  current =
-                    "string" === typeof newProps.is
-                      ? currentResource.createElement(renderLanes, {
-                          is: newProps.is
-                        })
-                      : currentResource.createElement(renderLanes);
-              }
-          }
-          current[internalInstanceKey] = workInProgress;
-          current[internalPropsKey] = newProps;
-          a: for (
-            currentResource = workInProgress.child;
-            null !== currentResource;
-
-          ) {
-            if (5 === currentResource.tag || 6 === currentResource.tag)
-              current.appendChild(currentResource.stateNode);
-            else if (
-              4 !== currentResource.tag &&
-              27 !== currentResource.tag &&
-              null !== currentResource.child
-            ) {
-              currentResource.child.return = currentResource;
-              currentResource = currentResource.child;
-              continue;
-            }
-            if (currentResource === workInProgress) break a;
-            for (; null === currentResource.sibling; ) {
-              if (
-                null === currentResource.return ||
-                currentResource.return === workInProgress
-              )
-                break a;
-              currentResource = currentResource.return;
-            }
-            currentResource.sibling.return = currentResource.return;
-            currentResource = currentResource.sibling;
-          }
-          workInProgress.stateNode = current;
-          a: switch (
-            (setInitialProperties(current, renderLanes, newProps), renderLanes)
-          ) {
-            case "button":
-            case "input":
-            case "select":
-            case "textarea":
-              current = !!newProps.autoFocus;
-              break a;
-            case "img":
-              current = !0;
-              break a;
-            default:
-              current = !1;
-          }
-          current && markUpdate(workInProgress);
-        }
-      }
-      bubbleProperties(workInProgress);
-      workInProgress.flags &= -16777217;
-      return null;
-    case 6:
-      if (current && null != workInProgress.stateNode)
-        current.memoizedProps !== newProps && markUpdate(workInProgress);
-      else {
-        if ("string" !== typeof newProps && null === workInProgress.stateNode)
-          throw Error(formatProdErrorMessage(166));
-        current = rootInstanceStackCursor.current;
-        if (popHydrationState(workInProgress)) {
-          current = workInProgress.stateNode;
-          renderLanes = workInProgress.memoizedProps;
-          newProps = null;
-          currentResource = hydrationParentFiber;
-          if (null !== currentResource)
-            switch (currentResource.tag) {
-              case 27:
-              case 5:
-                newProps = currentResource.memoizedProps;
-            }
-          current[internalInstanceKey] = workInProgress;
-          current =
-            current.nodeValue === renderLanes ||
-            (null !== newProps && !0 === newProps.suppressHydrationWarning) ||
-            checkForUnmatchedText(current.nodeValue, renderLanes)
-              ? !0
-              : !1;
-          !current &&
-            favorSafetyOverHydrationPerf &&
-            throwOnHydrationMismatch(workInProgress);
-        } else
-          (current =
-            getOwnerDocumentFromRootContainer(current).createTextNode(
-              newProps
-            )),
-            (current[internalInstanceKey] = workInProgress),
-            (workInProgress.stateNode = current);
-      }
-      bubbleProperties(workInProgress);
-      return null;
-    case 13:
-      newProps = workInProgress.memoizedState;
-      if (
-        null === current ||
-        (null !== current.memoizedState &&
-          null !== current.memoizedState.dehydrated)
-      ) {
-        currentResource = popHydrationState(workInProgress);
-        if (null !== newProps && null !== newProps.dehydrated) {
-          if (null === current) {
-            if (!currentResource) throw Error(formatProdErrorMessage(318));
-            currentResource = workInProgress.memoizedState;
-            currentResource =
-              null !== currentResource ? currentResource.dehydrated : null;
-            if (!currentResource) throw Error(formatProdErrorMessage(317));
-            currentResource[internalInstanceKey] = workInProgress;
-            bubbleProperties(workInProgress);
-            0 !== (workInProgress.mode & 2) &&
-              null !== newProps &&
-              ((currentResource = workInProgress.child),
-              null !== currentResource &&
-                (workInProgress.treeBaseDuration -=
-                  currentResource.treeBaseDuration));
-          } else
-            resetHydrationState(),
-              0 === (workInProgress.flags & 128) &&
-                (workInProgress.memoizedState = null),
-              (workInProgress.flags |= 4),
-              bubbleProperties(workInProgress),
-              0 !== (workInProgress.mode & 2) &&
-                null !== newProps &&
-                ((currentResource = workInProgress.child),
-                null !== currentResource &&
-                  (workInProgress.treeBaseDuration -=
-                    currentResource.treeBaseDuration));
-          currentResource = !1;
-        } else
-          null !== hydrationErrors &&
-            (queueRecoverableErrors(hydrationErrors), (hydrationErrors = null)),
-            (currentResource = !0);
-        if (!currentResource) {
-          if (workInProgress.flags & 256)
-            return popSuspenseHandler(workInProgress), workInProgress;
-          popSuspenseHandler(workInProgress);
-          return null;
-        }
-      }
-      popSuspenseHandler(workInProgress);
-      if (0 !== (workInProgress.flags & 128))
-        return (
-          (workInProgress.lanes = renderLanes),
-          0 !== (workInProgress.mode & 2) &&
-            transferActualDuration(workInProgress),
-          workInProgress
-        );
-      renderLanes = null !== newProps;
-      current = null !== current && null !== current.memoizedState;
-      if (renderLanes) {
-        newProps = workInProgress.child;
-        currentResource = null;
-        null !== newProps.alternate &&
-          null !== newProps.alternate.memoizedState &&
-          null !== newProps.alternate.memoizedState.cachePool &&
-          (currentResource = newProps.alternate.memoizedState.cachePool.pool);
-        var cache$248 = null;
-        null !== newProps.memoizedState &&
-          null !== newProps.memoizedState.cachePool &&
-          (cache$248 = newProps.memoizedState.cachePool.pool);
-        cache$248 !== currentResource && (newProps.flags |= 2048);
-      }
-      renderLanes !== current &&
-        (enableTransitionTracing && (workInProgress.child.flags |= 2048),
-        renderLanes && (workInProgress.child.flags |= 8192));
-      scheduleRetryEffect(workInProgress, workInProgress.updateQueue);
-      null !== workInProgress.updateQueue &&
-        null != workInProgress.memoizedProps.suspenseCallback &&
-        (workInProgress.flags |= 4);
-      bubbleProperties(workInProgress);
-      0 !== (workInProgress.mode & 2) &&
-        renderLanes &&
-        ((current = workInProgress.child),
-        null !== current &&
-          (workInProgress.treeBaseDuration -= current.treeBaseDuration));
-      return null;
-    case 4:
-      return (
-        popHostContainer(),
-        null === current &&
-          listenToAllSupportedEvents(workInProgress.stateNode.containerInfo),
-        bubbleProperties(workInProgress),
-        null
-      );
-    case 10:
-      return (
-        popProvider(
-          enableRenderableContext
-            ? workInProgress.type
-            : workInProgress.type._context
-        ),
-        bubbleProperties(workInProgress),
-        null
-      );
-    case 19:
-      pop(suspenseStackCursor);
-      currentResource = workInProgress.memoizedState;
-      if (null === currentResource)
-        return bubbleProperties(workInProgress), null;
-      newProps = 0 !== (workInProgress.flags & 128);
-      cache$248 = currentResource.rendering;
-      if (null === cache$248)
-        if (newProps) cutOffTailIfNeeded(currentResource, !1);
-        else {
-          if (
-            0 !== workInProgressRootExitStatus ||
-            (null !== current && 0 !== (current.flags & 128))
-          )
-            for (current = workInProgress.child; null !== current; ) {
-              cache$248 = findFirstSuspended(current);
-              if (null !== cache$248) {
-                workInProgress.flags |= 128;
-                cutOffTailIfNeeded(currentResource, !1);
-                current = cache$248.updateQueue;
-                workInProgress.updateQueue = current;
-                scheduleRetryEffect(workInProgress, current);
-                workInProgress.subtreeFlags = 0;
-                current = renderLanes;
-                for (renderLanes = workInProgress.child; null !== renderLanes; )
-                  resetWorkInProgress(renderLanes, current),
-                    (renderLanes = renderLanes.sibling);
-                push(
-                  suspenseStackCursor,
-                  (suspenseStackCursor.current & 1) | 2
-                );
-                return workInProgress.child;
-              }
-              current = current.sibling;
-            }
-          null !== currentResource.tail &&
-            now$1() > workInProgressRootRenderTargetTime &&
-            ((workInProgress.flags |= 128),
-            (newProps = !0),
-            cutOffTailIfNeeded(currentResource, !1),
-            (workInProgress.lanes = 4194304));
-        }
-      else {
-        if (!newProps)
-          if (((current = findFirstSuspended(cache$248)), null !== current)) {
-            if (
-              ((workInProgress.flags |= 128),
-              (newProps = !0),
-              (current = current.updateQueue),
-              (workInProgress.updateQueue = current),
-              scheduleRetryEffect(workInProgress, current),
-              cutOffTailIfNeeded(currentResource, !0),
-              null === currentResource.tail &&
-                "hidden" === currentResource.tailMode &&
-                !cache$248.alternate &&
-                !isHydrating)
-            )
-              return bubbleProperties(workInProgress), null;
-          } else
-            2 * now$1() - currentResource.renderingStartTime >
-              workInProgressRootRenderTargetTime &&
-              536870912 !== renderLanes &&
-              ((workInProgress.flags |= 128),
-              (newProps = !0),
-              cutOffTailIfNeeded(currentResource, !1),
-              (workInProgress.lanes = 4194304));
-        currentResource.isBackwards
-          ? ((cache$248.sibling = workInProgress.child),
-            (workInProgress.child = cache$248))
-          : ((current = currentResource.last),
-            null !== current
-              ? (current.sibling = cache$248)
-              : (workInProgress.child = cache$248),
-            (currentResource.last = cache$248));
-      }
-      if (null !== currentResource.tail)
-        return (
-          (workInProgress = currentResource.tail),
-          (currentResource.rendering = workInProgress),
-          (currentResource.tail = workInProgress.sibling),
-          (currentResource.renderingStartTime = now$1()),
-          (workInProgress.sibling = null),
-          (current = suspenseStackCursor.current),
-          push(suspenseStackCursor, newProps ? (current & 1) | 2 : current & 1),
-          workInProgress
-        );
-      bubbleProperties(workInProgress);
-      return null;
-    case 21:
-      return (
-        null === current &&
-          ((current = {
-            DO_NOT_USE_queryAllNodes: DO_NOT_USE_queryAllNodes,
-            DO_NOT_USE_queryFirstNode: DO_NOT_USE_queryFirstNode,
-            containsNode: containsNode,
-            getChildContextValues: getChildContextValues
-          }),
-          (workInProgress.stateNode = current),
-          (current[internalInstanceKey] = workInProgress)),
-        null !== workInProgress.ref && markUpdate(workInProgress),
-        bubbleProperties(workInProgress),
-        null
-      );
-    case 22:
-    case 23:
-      return (
-        popSuspenseHandler(workInProgress),
-        popHiddenContext(),
-        (newProps = null !== workInProgress.memoizedState),
-        23 !== workInProgress.tag &&
-          (null !== current
-            ? (null !== current.memoizedState) !== newProps &&
-              (workInProgress.flags |= 8192)
-            : newProps && (workInProgress.flags |= 8192)),
-        newProps
-          ? 0 !== (renderLanes & 536870912) &&
-            0 === (workInProgress.flags & 128) &&
-            (bubbleProperties(workInProgress),
-            23 !== workInProgress.tag &&
-              workInProgress.subtreeFlags & 6 &&
-              (workInProgress.flags |= 8192))
-          : bubbleProperties(workInProgress),
-        (renderLanes = workInProgress.updateQueue),
-        null !== renderLanes &&
-          scheduleRetryEffect(workInProgress, renderLanes.retryQueue),
-        (renderLanes = null),
-        null !== current &&
-          null !== current.memoizedState &&
-          null !== current.memoizedState.cachePool &&
-          (renderLanes = current.memoizedState.cachePool.pool),
-        (newProps = null),
-        null !== workInProgress.memoizedState &&
-          null !== workInProgress.memoizedState.cachePool &&
-          (newProps = workInProgress.memoizedState.cachePool.pool),
-        newProps !== renderLanes && (workInProgress.flags |= 2048),
-        popTransition(workInProgress, current),
-        null
-      );
-    case 24:
-      return (
-        (renderLanes = null),
-        null !== current && (renderLanes = current.memoizedState.cache),
-        workInProgress.memoizedState.cache !== renderLanes &&
-          (workInProgress.flags |= 2048),
-        popProvider(CacheContext),
-        bubbleProperties(workInProgress),
-        null
-      );
-    case 25:
-      return (
-        enableTransitionTracing &&
-          (null !== workInProgress.stateNode &&
-            enableTransitionTracing &&
-            pop(markerInstanceStack),
-          bubbleProperties(workInProgress)),
-        null
-      );
-  }
-  throw Error(formatProdErrorMessage(156, workInProgress.tag));
-}
-function unwindWork(current, workInProgress) {
-  popTreeContext(workInProgress);
-  switch (workInProgress.tag) {
-    case 1:
-      return (
-        (current = workInProgress.flags),
-        current & 65536
-          ? ((workInProgress.flags = (current & -65537) | 128),
-            0 !== (workInProgress.mode & 2) &&
-              transferActualDuration(workInProgress),
-            workInProgress)
-          : null
-      );
-    case 3:
-      return (
-        popProvider(CacheContext),
-        enableTransitionTracing &&
-          enableTransitionTracing &&
-          pop(markerInstanceStack),
-        enableTransitionTracing && pop(transitionStack),
-        popHostContainer(),
-        (current = workInProgress.flags),
-        0 !== (current & 65536) && 0 === (current & 128)
-          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
-          : null
-      );
-    case 26:
-    case 27:
-    case 5:
-      return popHostContext(workInProgress), null;
-    case 13:
-      popSuspenseHandler(workInProgress);
-      current = workInProgress.memoizedState;
-      if (null !== current && null !== current.dehydrated) {
-        if (null === workInProgress.alternate)
-          throw Error(formatProdErrorMessage(340));
-        resetHydrationState();
-      }
-      current = workInProgress.flags;
-      return current & 65536
-        ? ((workInProgress.flags = (current & -65537) | 128),
-          0 !== (workInProgress.mode & 2) &&
-            transferActualDuration(workInProgress),
-          workInProgress)
-        : null;
-    case 19:
-      return pop(suspenseStackCursor), null;
-    case 4:
-      return popHostContainer(), null;
-    case 10:
-      return (
-        popProvider(
-          enableRenderableContext
-            ? workInProgress.type
-            : workInProgress.type._context
-        ),
-        null
-      );
-    case 22:
-    case 23:
-      return (
-        popSuspenseHandler(workInProgress),
-        popHiddenContext(),
-        popTransition(workInProgress, current),
-        (current = workInProgress.flags),
-        current & 65536
-          ? ((workInProgress.flags = (current & -65537) | 128),
-            0 !== (workInProgress.mode & 2) &&
-              transferActualDuration(workInProgress),
-            workInProgress)
-          : null
-      );
-    case 24:
-      return popProvider(CacheContext), null;
-    case 25:
-      return (
-        enableTransitionTracing &&
-          null !== workInProgress.stateNode &&
-          enableTransitionTracing &&
-          pop(markerInstanceStack),
-        null
-      );
-    default:
-      return null;
-  }
-}
-function unwindInterruptedWork(current, interruptedWork) {
-  popTreeContext(interruptedWork);
-  switch (interruptedWork.tag) {
-    case 3:
-      popProvider(CacheContext);
-      enableTransitionTracing &&
-        enableTransitionTracing &&
-        pop(markerInstanceStack);
-      enableTransitionTracing && pop(transitionStack);
-      popHostContainer();
-      break;
-    case 26:
-    case 27:
-    case 5:
-      popHostContext(interruptedWork);
-      break;
-    case 4:
-      popHostContainer();
-      break;
-    case 13:
-      popSuspenseHandler(interruptedWork);
-      break;
-    case 19:
-      pop(suspenseStackCursor);
-      break;
-    case 10:
-      popProvider(
-        enableRenderableContext
-          ? interruptedWork.type
-          : interruptedWork.type._context
-      );
-      break;
-    case 22:
-    case 23:
-      popSuspenseHandler(interruptedWork);
-      popHiddenContext();
-      popTransition(interruptedWork, current);
-      break;
-    case 24:
-      popProvider(CacheContext);
-      break;
-    case 25:
-      enableTransitionTracing &&
-        null !== interruptedWork.stateNode &&
-        enableTransitionTracing &&
-        pop(markerInstanceStack);
-  }
-}
-var DefaultCacheDispatcher = {
-    getCacheForType: function (resourceType) {
-      var cache = readContext(CacheContext),
-        cacheForType = cache.data.get(resourceType);
-      void 0 === cacheForType &&
-        ((cacheForType = resourceType()),
-        cache.data.set(resourceType, cacheForType));
-      return cacheForType;
-    }
-  },
-  postPaintCallbackScheduled = !1,
-  callbacks = [];
-function schedulePostPaintCallback(callback) {
-  callbacks.push(callback);
-  postPaintCallbackScheduled ||
-    ((postPaintCallbackScheduled = !0),
-    requestPostPaintCallback(function (endTime) {
-      for (var i = 0; i < callbacks.length; i++) callbacks[i](endTime);
-      postPaintCallbackScheduled = !1;
-      callbacks = [];
-    }));
-}
-var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
-  executionContext = 0,
-  workInProgressRoot = null,
-  workInProgress = null,
-  workInProgressRootRenderLanes = 0,
-  workInProgressSuspendedReason = 0,
-  workInProgressThrownValue = null,
-  workInProgressRootDidAttachPingListener = !1,
-  entangledRenderLanes = 0,
-  workInProgressRootExitStatus = 0,
-  workInProgressRootSkippedLanes = 0,
-  workInProgressRootInterleavedUpdatedLanes = 0,
-  workInProgressRootPingedLanes = 0,
-  workInProgressDeferredLane = 0,
-  workInProgressRootConcurrentErrors = null,
-  workInProgressRootRecoverableErrors = null,
-  workInProgressRootDidIncludeRecursiveRenderUpdate = !1,
-  didIncludeCommitPhaseUpdate = !1,
-  globalMostRecentFallbackTime = 0,
-  workInProgressRootRenderTargetTime = Infinity,
-  workInProgressTransitions = null,
-  currentPendingTransitionCallbacks = null,
-  currentEndTime = null;
-function addMarkerProgressCallbackToPendingTransition(
-  markerName,
-  transitions,
-  pendingBoundaries
-) {
-  enableTransitionTracing &&
-    (null === currentPendingTransitionCallbacks &&
-      (currentPendingTransitionCallbacks = {
-        transitionStart: null,
-        transitionProgress: null,
-        transitionComplete: null,
-        markerProgress: new Map(),
-        markerIncomplete: null,
-        markerComplete: null
-      }),
-    null === currentPendingTransitionCallbacks.markerProgress &&
-      (currentPendingTransitionCallbacks.markerProgress = new Map()),
-    currentPendingTransitionCallbacks.markerProgress.set(markerName, {
-      pendingBoundaries: pendingBoundaries,
-      transitions: transitions
-    }));
-}
-function addMarkerCompleteCallbackToPendingTransition(markerName, transitions) {
-  enableTransitionTracing &&
-    (null === currentPendingTransitionCallbacks &&
-      (currentPendingTransitionCallbacks = {
-        transitionStart: null,
-        transitionProgress: null,
-        transitionComplete: null,
-        markerProgress: null,
-        markerIncomplete: null,
-        markerComplete: new Map()
-      }),
-    null === currentPendingTransitionCallbacks.markerComplete &&
-      (currentPendingTransitionCallbacks.markerComplete = new Map()),
-    currentPendingTransitionCallbacks.markerComplete.set(
-      markerName,
-      transitions
-    ));
-}
-function addTransitionProgressCallbackToPendingTransition(
-  transition,
-  boundaries
-) {
-  enableTransitionTracing &&
-    (null === currentPendingTransitionCallbacks &&
-      (currentPendingTransitionCallbacks = {
-        transitionStart: null,
-        transitionProgress: new Map(),
-        transitionComplete: null,
-        markerProgress: null,
-        markerIncomplete: null,
-        markerComplete: null
-      }),
-    null === currentPendingTransitionCallbacks.transitionProgress &&
-      (currentPendingTransitionCallbacks.transitionProgress = new Map()),
-    currentPendingTransitionCallbacks.transitionProgress.set(
-      transition,
-      boundaries
-    ));
-}
-var legacyErrorBoundariesThatAlreadyFailed = null,
-  rootDoesHavePassiveEffects = !1,
-  rootWithPendingPassiveEffects = null,
-  pendingPassiveEffectsLanes = 0,
-  pendingPassiveProfilerEffects = [],
-  pendingPassiveEffectsRemainingLanes = 0,
-  pendingPassiveTransitions = null,
-  nestedUpdateCount = 0,
-  rootWithNestedUpdates = null;
-function requestUpdateLane() {
-  if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
-    return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
-  if (null !== requestCurrentTransition()) {
-    var actionScopeLane = currentEntangledLane;
-    return 0 !== actionScopeLane ? actionScopeLane : requestTransitionLane();
-  }
-  return resolveUpdatePriority();
-}
-function requestDeferredLane() {
-  0 === workInProgressDeferredLane &&
-    (workInProgressDeferredLane =
-      0 === (workInProgressRootRenderLanes & 536870912) || isHydrating
-        ? claimNextTransitionLane()
-        : 536870912);
-  var suspenseHandler = suspenseHandlerStackCursor.current;
-  null !== suspenseHandler && (suspenseHandler.flags |= 32);
-  return workInProgressDeferredLane;
-}
-function scheduleUpdateOnFiber(root, fiber, lane) {
-  if (
-    (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
-    null !== root.cancelPendingCommit
-  )
-    prepareFreshStack(root, 0),
-      markRootSuspended(
-        root,
-        workInProgressRootRenderLanes,
-        workInProgressDeferredLane
-      );
-  markRootUpdated(root, lane);
-  if (0 === (executionContext & 2) || root !== workInProgressRoot) {
-    isDevToolsPresent && addFiberToLanesMap(root, fiber, lane);
-    if (
-      enableTransitionTracing &&
-      ((fiber = ReactSharedInternals.T),
-      null !== fiber &&
-        null != fiber.name &&
-        (-1 === fiber.startTime && (fiber.startTime = now$1()),
-        enableTransitionTracing))
-    ) {
-      var transitionLanesMap = root.transitionLanes,
-        index$9 = 31 - clz32(lane),
-        transitions = transitionLanesMap[index$9];
-      null === transitions && (transitions = new Set());
-      transitions.add(fiber);
-      transitionLanesMap[index$9] = transitions;
-    }
-    root === workInProgressRoot &&
-      (0 === (executionContext & 2) &&
-        (workInProgressRootInterleavedUpdatedLanes |= lane),
-      4 === workInProgressRootExitStatus &&
-        markRootSuspended(
-          root,
-          workInProgressRootRenderLanes,
-          workInProgressDeferredLane
-        ));
-    ensureRootIsScheduled(root);
-  }
-}
-function performConcurrentWorkOnRoot(root, didTimeout) {
-  nestedUpdateScheduled = currentUpdateIsNested = !1;
-  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
-  var originalCallbackNode = root.callbackNode;
-  if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
-    return null;
-  var lanes = getNextLanes(
-    root,
-    root === workInProgressRoot ? workInProgressRootRenderLanes : 0
-  );
-  if (0 === lanes) return null;
-  var exitStatus = (didTimeout =
-    !includesBlockingLane(root, lanes) &&
-    0 === (lanes & root.expiredLanes) &&
-    (disableSchedulerTimeoutInWorkLoop || !didTimeout))
-    ? renderRootConcurrent(root, lanes)
-    : renderRootSync(root, lanes);
-  if (0 !== exitStatus) {
-    var renderWasConcurrent = didTimeout;
-    do {
-      if (6 === exitStatus) markRootSuspended(root, lanes, 0);
-      else {
-        didTimeout = root.current.alternate;
-        if (
-          renderWasConcurrent &&
-          !isRenderConsistentWithExternalStores(didTimeout)
-        ) {
-          exitStatus = renderRootSync(root, lanes);
-          renderWasConcurrent = !1;
-          continue;
-        }
-        if (2 === exitStatus) {
-          renderWasConcurrent = lanes;
-          var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-            root,
-            renderWasConcurrent
-          );
-          if (
-            0 !== errorRetryLanes &&
-            ((lanes = errorRetryLanes),
-            (exitStatus = recoverFromConcurrentError(
-              root,
-              renderWasConcurrent,
-              errorRetryLanes
-            )),
-            (renderWasConcurrent = !1),
-            2 !== exitStatus)
-          )
-            continue;
-        }
-        if (1 === exitStatus) {
-          prepareFreshStack(root, 0);
-          markRootSuspended(root, lanes, 0);
-          break;
-        }
-        root.finishedWork = didTimeout;
-        root.finishedLanes = lanes;
-        a: {
-          renderWasConcurrent = root;
-          switch (exitStatus) {
-            case 0:
-            case 1:
-              throw Error(formatProdErrorMessage(345));
-            case 4:
-              if ((lanes & 4194176) === lanes) {
-                markRootSuspended(
-                  renderWasConcurrent,
-                  lanes,
-                  workInProgressDeferredLane
-                );
-                break a;
-              }
-              break;
-            case 2:
-              workInProgressRootRecoverableErrors = null;
-              break;
-            case 3:
-            case 5:
-              break;
-            default:
-              throw Error(formatProdErrorMessage(329));
-          }
-          if (
-            (lanes & 62914560) === lanes &&
-            (alwaysThrottleRetries || 3 === exitStatus) &&
-            ((exitStatus = globalMostRecentFallbackTime + 300 - now$1()),
-            10 < exitStatus)
-          ) {
-            markRootSuspended(
-              renderWasConcurrent,
-              lanes,
-              workInProgressDeferredLane
-            );
-            if (0 !== getNextLanes(renderWasConcurrent, 0)) break a;
-            renderWasConcurrent.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                renderWasConcurrent,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                workInProgressRootDidIncludeRecursiveRenderUpdate,
-                lanes,
-                workInProgressDeferredLane
-              ),
-              exitStatus
-            );
-            break a;
-          }
-          commitRootWhenReady(
-            renderWasConcurrent,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            workInProgressRootDidIncludeRecursiveRenderUpdate,
-            lanes,
-            workInProgressDeferredLane
-          );
-        }
-      }
-      break;
-    } while (1);
-  }
-  ensureRootIsScheduled(root);
-  scheduleTaskForRootDuringMicrotask(root, now$1());
-  root =
-    root.callbackNode === originalCallbackNode
-      ? performConcurrentWorkOnRoot.bind(null, root)
-      : null;
-  return root;
-}
-function recoverFromConcurrentError(
-  root,
-  originallyAttemptedLanes,
-  errorRetryLanes
-) {
-  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors,
-    wasRootDehydrated = root.current.memoizedState.isDehydrated;
-  wasRootDehydrated && (prepareFreshStack(root, errorRetryLanes).flags |= 256);
-  errorRetryLanes = renderRootSync(root, errorRetryLanes);
-  if (2 !== errorRetryLanes) {
-    if (workInProgressRootDidAttachPingListener && !wasRootDehydrated)
-      return (
-        (root.errorRecoveryDisabledLanes |= originallyAttemptedLanes),
-        (workInProgressRootInterleavedUpdatedLanes |= originallyAttemptedLanes),
-        4
-      );
-    root = workInProgressRootRecoverableErrors;
-    workInProgressRootRecoverableErrors = errorsFromFirstAttempt;
-    null !== root && queueRecoverableErrors(root);
-  }
-  return errorRetryLanes;
-}
-function queueRecoverableErrors(errors) {
-  null === workInProgressRootRecoverableErrors
-    ? (workInProgressRootRecoverableErrors = errors)
-    : workInProgressRootRecoverableErrors.push.apply(
-        workInProgressRootRecoverableErrors,
-        errors
-      );
-}
-function commitRootWhenReady(
-  root,
-  finishedWork,
-  recoverableErrors,
-  transitions,
-  didIncludeRenderPhaseUpdate,
-  lanes,
-  spawnedLane
-) {
-  if (
-    0 === (lanes & 42) &&
-    ((suspendedState = { stylesheets: null, count: 0, unsuspend: noop }),
-    accumulateSuspenseyCommitOnFiber(finishedWork),
-    (finishedWork = waitForCommitToBeReady()),
-    null !== finishedWork)
-  ) {
-    root.cancelPendingCommit = finishedWork(
-      commitRoot.bind(
-        null,
-        root,
-        recoverableErrors,
-        transitions,
-        didIncludeRenderPhaseUpdate
-      )
-    );
-    markRootSuspended(root, lanes, spawnedLane);
-    return;
-  }
-  commitRoot(
-    root,
-    recoverableErrors,
-    transitions,
-    didIncludeRenderPhaseUpdate,
-    spawnedLane
-  );
-}
-function isRenderConsistentWithExternalStores(finishedWork) {
-  for (var node = finishedWork; ; ) {
-    if (node.flags & 16384) {
-      var updateQueue = node.updateQueue;
-      if (
-        null !== updateQueue &&
-        ((updateQueue = updateQueue.stores), null !== updateQueue)
-      )
-        for (var i = 0; i < updateQueue.length; i++) {
-          var check = updateQueue[i],
-            getSnapshot = check.getSnapshot;
-          check = check.value;
-          try {
-            if (!objectIs(getSnapshot(), check)) return !1;
-          } catch (error) {
-            return !1;
-          }
-        }
-    }
-    updateQueue = node.child;
-    if (node.subtreeFlags & 16384 && null !== updateQueue)
-      (updateQueue.return = node), (node = updateQueue);
-    else {
-      if (node === finishedWork) break;
-      for (; null === node.sibling; ) {
-        if (null === node.return || node.return === finishedWork) return !0;
-        node = node.return;
-      }
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-  }
-  return !0;
-}
-function markRootUpdated(root, updatedLanes) {
-  root.pendingLanes |= updatedLanes;
-  268435456 !== updatedLanes &&
-    ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  enableInfiniteRenderLoopDetection &&
-    (executionContext & 2
-      ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
-      : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0),
-    throwIfInfiniteUpdateLoopDetected());
-}
-function markRootSuspended(root, suspendedLanes, spawnedLane) {
-  suspendedLanes &= ~workInProgressRootPingedLanes;
-  suspendedLanes &= ~workInProgressRootInterleavedUpdatedLanes;
-  root.suspendedLanes |= suspendedLanes;
-  root.pingedLanes &= ~suspendedLanes;
-  for (
-    var expirationTimes = root.expirationTimes, lanes = suspendedLanes;
-    0 < lanes;
-
-  ) {
-    var index$3 = 31 - clz32(lanes),
-      lane = 1 << index$3;
-    expirationTimes[index$3] = -1;
-    lanes &= ~lane;
-  }
-  0 !== spawnedLane &&
-    markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
-}
-function performSyncWorkOnRoot(root, lanes) {
-  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
-  if (flushPassiveEffects()) return ensureRootIsScheduled(root), null;
-  currentUpdateIsNested = nestedUpdateScheduled;
-  nestedUpdateScheduled = !1;
-  var exitStatus = renderRootSync(root, lanes);
-  if (2 === exitStatus) {
-    var originallyAttemptedLanes = lanes,
-      errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-        root,
-        originallyAttemptedLanes
-      );
-    0 !== errorRetryLanes &&
-      ((lanes = errorRetryLanes),
-      (exitStatus = recoverFromConcurrentError(
-        root,
-        originallyAttemptedLanes,
-        errorRetryLanes
-      )));
-  }
-  if (1 === exitStatus)
-    return (
-      prepareFreshStack(root, 0),
-      markRootSuspended(root, lanes, 0),
-      ensureRootIsScheduled(root),
-      null
-    );
-  if (6 === exitStatus)
-    return (
-      markRootSuspended(root, lanes, workInProgressDeferredLane),
-      ensureRootIsScheduled(root),
-      null
-    );
-  root.finishedWork = root.current.alternate;
-  root.finishedLanes = lanes;
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions,
-    workInProgressRootDidIncludeRecursiveRenderUpdate,
-    workInProgressDeferredLane
-  );
-  ensureRootIsScheduled(root);
-  return null;
-}
-function flushSyncWork$1() {
-  return 0 === (executionContext & 6)
-    ? (flushSyncWorkAcrossRoots_impl(!1), !1)
-    : !0;
-}
-function resetWorkInProgressStack() {
-  if (null !== workInProgress) {
-    if (0 === workInProgressSuspendedReason)
-      var interruptedWork = workInProgress.return;
-    else
-      (interruptedWork = workInProgress),
-        resetContextDependencies(),
-        resetHooksOnUnwind(interruptedWork),
-        (thenableState$1 = null),
-        (thenableIndexCounter$1 = 0),
-        (interruptedWork = workInProgress);
-    for (; null !== interruptedWork; )
-      unwindInterruptedWork(interruptedWork.alternate, interruptedWork),
-        (interruptedWork = interruptedWork.return);
-    workInProgress = null;
-  }
-}
-function prepareFreshStack(root, lanes) {
-  root.finishedWork = null;
-  root.finishedLanes = 0;
-  var timeoutHandle = root.timeoutHandle;
-  -1 !== timeoutHandle &&
-    ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
-  timeoutHandle = root.cancelPendingCommit;
-  null !== timeoutHandle &&
-    ((root.cancelPendingCommit = null), timeoutHandle());
-  resetWorkInProgressStack();
-  workInProgressRoot = root;
-  workInProgress = timeoutHandle = createWorkInProgress(root.current, null);
-  workInProgressRootRenderLanes = lanes;
-  workInProgressSuspendedReason = 0;
-  workInProgressThrownValue = null;
-  workInProgressRootDidAttachPingListener = !1;
-  workInProgressDeferredLane =
-    workInProgressRootPingedLanes =
-    workInProgressRootInterleavedUpdatedLanes =
-    workInProgressRootSkippedLanes =
-    workInProgressRootExitStatus =
-      0;
-  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors =
-    null;
-  workInProgressRootDidIncludeRecursiveRenderUpdate = !1;
-  0 === (root.current.mode & 32) && 0 !== (lanes & 8) && (lanes |= lanes & 32);
-  var allEntangledLanes = root.entangledLanes;
-  if (0 !== allEntangledLanes)
-    for (
-      root = root.entanglements, allEntangledLanes &= lanes;
-      0 < allEntangledLanes;
-
-    ) {
-      var index$1 = 31 - clz32(allEntangledLanes),
-        lane = 1 << index$1;
-      lanes |= root[index$1];
-      allEntangledLanes &= ~lane;
-    }
-  entangledRenderLanes = lanes;
-  finishQueueingConcurrentUpdates();
-  return timeoutHandle;
-}
-function handleThrow(root, thrownValue) {
-  currentlyRenderingFiber$1 = null;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
-  ReactSharedInternals.owner = null;
-  thrownValue === SuspenseException
-    ? ((thrownValue = getSuspendedThenable()),
-      (workInProgressSuspendedReason =
-        shouldRemainOnPreviousScreen() &&
-        0 === (workInProgressRootSkippedLanes & 134217727) &&
-        0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)
-          ? 2
-          : 3))
-    : thrownValue === SuspenseyCommitException
-    ? ((thrownValue = getSuspendedThenable()),
-      (workInProgressSuspendedReason = 4))
-    : (workInProgressSuspendedReason =
-        thrownValue === SelectiveHydrationException
-          ? 8
-          : null !== thrownValue &&
-            "object" === typeof thrownValue &&
-            "function" === typeof thrownValue.then
-          ? 6
-          : 1);
-  workInProgressThrownValue = thrownValue;
-  var erroredWork = workInProgress;
-  if (null === erroredWork)
-    (workInProgressRootExitStatus = 1),
-      logUncaughtError(
-        root,
-        createCapturedValueAtFiber(thrownValue, root.current)
-      );
-  else if (
-    (erroredWork.mode & 2 &&
-      stopProfilerTimerIfRunningAndRecordDelta(erroredWork, !0),
-    enableSchedulingProfiler)
-  )
-    switch ((markComponentRenderStopped(), workInProgressSuspendedReason)) {
-      case 1:
-        enableSchedulingProfiler &&
-          null !== injectedProfilingHooks &&
-          "function" === typeof injectedProfilingHooks.markComponentErrored &&
-          injectedProfilingHooks.markComponentErrored(
-            erroredWork,
-            thrownValue,
-            workInProgressRootRenderLanes
-          );
-        break;
-      case 2:
-      case 3:
-      case 6:
-      case 7:
-        enableSchedulingProfiler &&
-          null !== injectedProfilingHooks &&
-          "function" === typeof injectedProfilingHooks.markComponentSuspended &&
-          injectedProfilingHooks.markComponentSuspended(
-            erroredWork,
-            thrownValue,
-            workInProgressRootRenderLanes
-          );
-    }
-}
-function shouldRemainOnPreviousScreen() {
-  var handler = suspenseHandlerStackCursor.current;
-  return null === handler
-    ? !0
-    : (workInProgressRootRenderLanes & 4194176) ===
-      workInProgressRootRenderLanes
-    ? null === shellBoundary
-      ? !0
-      : !1
-    : (workInProgressRootRenderLanes & 62914560) ===
-        workInProgressRootRenderLanes ||
-      0 !== (workInProgressRootRenderLanes & 536870912)
-    ? handler === shellBoundary
-    : !1;
-}
-function pushDispatcher() {
-  var prevDispatcher = ReactSharedInternals.H;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
-  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
-}
-function pushCacheDispatcher() {
-  var prevCacheDispatcher = ReactSharedInternals.C;
-  ReactSharedInternals.C = DefaultCacheDispatcher;
-  return prevCacheDispatcher;
-}
-function renderDidSuspendDelayIfPossible() {
-  workInProgressRootExitStatus = 4;
-  (0 === (workInProgressRootSkippedLanes & 134217727) &&
-    0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)) ||
-    null === workInProgressRoot ||
-    markRootSuspended(
-      workInProgressRoot,
-      workInProgressRootRenderLanes,
-      workInProgressDeferredLane
-    );
-}
-function renderRootSync(root, lanes) {
-  var prevExecutionContext = executionContext;
-  executionContext |= 2;
-  var prevDispatcher = pushDispatcher(),
-    prevCacheDispatcher = pushCacheDispatcher();
-  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
-    if (isDevToolsPresent) {
-      var memoizedUpdaters = root.memoizedUpdaters;
-      0 < memoizedUpdaters.size &&
-        (restorePendingUpdaters(root, workInProgressRootRenderLanes),
-        memoizedUpdaters.clear());
-      movePendingFibersToMemoized(root, lanes);
-    }
-    workInProgressTransitions = getTransitionsForLanes(root, lanes);
-    prepareFreshStack(root, lanes);
-  }
-  enableSchedulingProfiler && markRenderStarted(lanes);
-  lanes = !1;
-  a: do
-    try {
-      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
-        memoizedUpdaters = workInProgress;
-        var thrownValue = workInProgressThrownValue;
-        switch (workInProgressSuspendedReason) {
-          case 8:
-            resetWorkInProgressStack();
-            workInProgressRootExitStatus = 6;
-            break a;
-          case 3:
-          case 2:
-            lanes ||
-              null !== suspenseHandlerStackCursor.current ||
-              (lanes = !0);
-          default:
-            (workInProgressSuspendedReason = 0),
-              (workInProgressThrownValue = null),
-              throwAndUnwindWorkLoop(root, memoizedUpdaters, thrownValue);
-        }
-      }
-      workLoopSync();
-      break;
-    } catch (thrownValue$265) {
-      handleThrow(root, thrownValue$265);
-    }
-  while (1);
-  lanes && root.shellSuspendCounter++;
-  resetContextDependencies();
-  executionContext = prevExecutionContext;
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
-  if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
-  enableSchedulingProfiler && markRenderStopped();
-  workInProgressRoot = null;
-  workInProgressRootRenderLanes = 0;
-  finishQueueingConcurrentUpdates();
-  return workInProgressRootExitStatus;
-}
-function workLoopSync() {
-  for (; null !== workInProgress; ) performUnitOfWork(workInProgress);
-}
-function renderRootConcurrent(root, lanes) {
-  var prevExecutionContext = executionContext;
-  executionContext |= 2;
-  var prevDispatcher = pushDispatcher(),
-    prevCacheDispatcher = pushCacheDispatcher();
-  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
-    if (isDevToolsPresent) {
-      var memoizedUpdaters = root.memoizedUpdaters;
-      0 < memoizedUpdaters.size &&
-        (restorePendingUpdaters(root, workInProgressRootRenderLanes),
-        memoizedUpdaters.clear());
-      movePendingFibersToMemoized(root, lanes);
-    }
-    workInProgressTransitions = getTransitionsForLanes(root, lanes);
-    workInProgressRootRenderTargetTime = now$1() + 500;
-    prepareFreshStack(root, lanes);
-  }
-  enableSchedulingProfiler && markRenderStarted(lanes);
-  a: do
-    try {
-      if (0 !== workInProgressSuspendedReason && null !== workInProgress)
-        b: switch (
-          ((lanes = workInProgress),
-          (memoizedUpdaters = workInProgressThrownValue),
-          workInProgressSuspendedReason)
-        ) {
-          case 1:
-            workInProgressSuspendedReason = 0;
-            workInProgressThrownValue = null;
-            throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters);
-            break;
-          case 2:
-            if (isThenableResolved(memoizedUpdaters)) {
-              workInProgressSuspendedReason = 0;
-              workInProgressThrownValue = null;
-              replaySuspendedUnitOfWork(lanes);
-              break;
-            }
-            lanes = function () {
-              2 === workInProgressSuspendedReason &&
-                workInProgressRoot === root &&
-                (workInProgressSuspendedReason = 7);
-              ensureRootIsScheduled(root);
-            };
-            memoizedUpdaters.then(lanes, lanes);
-            break a;
-          case 3:
-            workInProgressSuspendedReason = 7;
-            break a;
-          case 4:
-            workInProgressSuspendedReason = 5;
-            break a;
-          case 7:
-            isThenableResolved(memoizedUpdaters)
-              ? ((workInProgressSuspendedReason = 0),
-                (workInProgressThrownValue = null),
-                replaySuspendedUnitOfWork(lanes))
-              : ((workInProgressSuspendedReason = 0),
-                (workInProgressThrownValue = null),
-                throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters));
-            break;
-          case 5:
-            switch (workInProgress.tag) {
-              case 5:
-              case 26:
-              case 27:
-                lanes = workInProgress;
-                workInProgressSuspendedReason = 0;
-                workInProgressThrownValue = null;
-                var sibling = lanes.sibling;
-                if (null !== sibling) workInProgress = sibling;
-                else {
-                  var returnFiber = lanes.return;
-                  null !== returnFiber
-                    ? ((workInProgress = returnFiber),
-                      completeUnitOfWork(returnFiber))
-                    : (workInProgress = null);
-                }
-                break b;
-            }
-            workInProgressSuspendedReason = 0;
-            workInProgressThrownValue = null;
-            throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters);
-            break;
-          case 6:
-            workInProgressSuspendedReason = 0;
-            workInProgressThrownValue = null;
-            throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters);
-            break;
-          case 8:
-            resetWorkInProgressStack();
-            workInProgressRootExitStatus = 6;
-            break a;
-          default:
-            throw Error(formatProdErrorMessage(462));
-        }
-      workLoopConcurrent();
-      break;
-    } catch (thrownValue$267) {
-      handleThrow(root, thrownValue$267);
-    }
-  while (1);
-  resetContextDependencies();
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
-  executionContext = prevExecutionContext;
-  if (null !== workInProgress)
-    return (
-      enableSchedulingProfiler &&
-        enableSchedulingProfiler &&
-        null !== injectedProfilingHooks &&
-        "function" === typeof injectedProfilingHooks.markRenderYielded &&
-        injectedProfilingHooks.markRenderYielded(),
-      0
-    );
-  enableSchedulingProfiler && markRenderStopped();
-  workInProgressRoot = null;
-  workInProgressRootRenderLanes = 0;
-  finishQueueingConcurrentUpdates();
-  return workInProgressRootExitStatus;
-}
-function workLoopConcurrent() {
-  for (; null !== workInProgress && !shouldYield(); )
-    performUnitOfWork(workInProgress);
-}
-function performUnitOfWork(unitOfWork) {
-  var current = unitOfWork.alternate;
-  0 !== (unitOfWork.mode & 2)
-    ? (startProfilerTimer(unitOfWork),
-      (current = beginWork(current, unitOfWork, entangledRenderLanes)),
-      stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0))
-    : (current = beginWork(current, unitOfWork, entangledRenderLanes));
-  unitOfWork.memoizedProps = unitOfWork.pendingProps;
-  null === current
-    ? completeUnitOfWork(unitOfWork)
-    : (workInProgress = current);
-  ReactSharedInternals.owner = null;
-}
-function replaySuspendedUnitOfWork(unitOfWork) {
-  var current = unitOfWork.alternate,
-    isProfilingMode = 0 !== (unitOfWork.mode & 2);
-  isProfilingMode && startProfilerTimer(unitOfWork);
-  switch (unitOfWork.tag) {
-    case 15:
-    case 0:
-      var Component = unitOfWork.type,
-        unresolvedProps = unitOfWork.pendingProps;
-      unresolvedProps =
-        disableDefaultPropsExceptForClasses ||
-        unitOfWork.elementType === Component
-          ? unresolvedProps
-          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
-      current = replayFunctionComponent(
-        current,
-        unitOfWork,
-        unresolvedProps,
-        Component,
-        void 0,
-        workInProgressRootRenderLanes
-      );
-      break;
-    case 11:
-      Component = unitOfWork.type.render;
-      unresolvedProps = unitOfWork.pendingProps;
-      unresolvedProps =
-        disableDefaultPropsExceptForClasses ||
-        unitOfWork.elementType === Component
-          ? unresolvedProps
-          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
-      current = replayFunctionComponent(
-        current,
-        unitOfWork,
-        unresolvedProps,
-        Component,
-        unitOfWork.ref,
-        workInProgressRootRenderLanes
-      );
-      break;
-    case 5:
-      resetHooksOnUnwind(unitOfWork);
-    default:
-      unwindInterruptedWork(current, unitOfWork),
-        (unitOfWork = workInProgress =
-          resetWorkInProgress(unitOfWork, entangledRenderLanes)),
-        (current = beginWork(current, unitOfWork, entangledRenderLanes));
-  }
-  isProfilingMode && stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0);
-  unitOfWork.memoizedProps = unitOfWork.pendingProps;
-  null === current
-    ? completeUnitOfWork(unitOfWork)
-    : (workInProgress = current);
-  ReactSharedInternals.owner = null;
-}
-function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
-  resetContextDependencies();
-  resetHooksOnUnwind(unitOfWork);
-  thenableState$1 = null;
-  thenableIndexCounter$1 = 0;
-  var returnFiber = unitOfWork.return;
-  try {
-    if (
-      throwException(
-        root,
-        returnFiber,
-        unitOfWork,
-        thrownValue,
-        workInProgressRootRenderLanes
-      )
-    ) {
-      workInProgressRootExitStatus = 1;
-      logUncaughtError(
-        root,
-        createCapturedValueAtFiber(thrownValue, root.current)
-      );
-      workInProgress = null;
-      return;
-    }
-  } catch (error) {
-    if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
-    workInProgressRootExitStatus = 1;
-    logUncaughtError(
-      root,
-      createCapturedValueAtFiber(thrownValue, root.current)
-    );
-    workInProgress = null;
-    return;
-  }
-  if (unitOfWork.flags & 32768)
-    a: {
-      root = unitOfWork;
-      do {
-        unitOfWork = unwindWork(root.alternate, root);
-        if (null !== unitOfWork) {
-          unitOfWork.flags &= 32767;
-          workInProgress = unitOfWork;
-          break a;
-        }
-        if (0 !== (root.mode & 2)) {
-          stopProfilerTimerIfRunningAndRecordDelta(root, !1);
-          unitOfWork = root.actualDuration;
-          for (thrownValue = root.child; null !== thrownValue; )
-            (unitOfWork += thrownValue.actualDuration),
-              (thrownValue = thrownValue.sibling);
-          root.actualDuration = unitOfWork;
-        }
-        root = root.return;
-        null !== root &&
-          ((root.flags |= 32768),
-          (root.subtreeFlags = 0),
-          (root.deletions = null));
-        workInProgress = root;
-      } while (null !== root);
-      workInProgressRootExitStatus = 6;
-      workInProgress = null;
-    }
-  else completeUnitOfWork(unitOfWork);
-}
-function completeUnitOfWork(unitOfWork) {
-  var completedWork = unitOfWork;
-  do {
-    var current = completedWork.alternate;
-    unitOfWork = completedWork.return;
-    0 === (completedWork.mode & 2)
-      ? (current = completeWork(current, completedWork, entangledRenderLanes))
-      : (startProfilerTimer(completedWork),
-        (current = completeWork(current, completedWork, entangledRenderLanes)),
-        stopProfilerTimerIfRunningAndRecordDelta(completedWork, !1));
-    if (null !== current) {
-      workInProgress = current;
-      return;
-    }
-    completedWork = completedWork.sibling;
-    if (null !== completedWork) {
-      workInProgress = completedWork;
-      return;
-    }
-    workInProgress = completedWork = unitOfWork;
-  } while (null !== completedWork);
-  0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
-}
-function commitRoot(
-  root,
-  recoverableErrors,
-  transitions,
-  didIncludeRenderPhaseUpdate,
-  spawnedLane
-) {
-  var prevTransition = ReactSharedInternals.T,
-    previousUpdateLanePriority = Internals.p;
-  try {
-    (Internals.p = 2),
-      (ReactSharedInternals.T = null),
-      commitRootImpl(
-        root,
-        recoverableErrors,
-        transitions,
-        didIncludeRenderPhaseUpdate,
-        previousUpdateLanePriority,
-        spawnedLane
-      );
-  } finally {
-    (ReactSharedInternals.T = prevTransition),
-      (Internals.p = previousUpdateLanePriority);
-  }
-  return null;
-}
-function commitRootImpl(
-  root,
-  recoverableErrors,
-  transitions,
-  didIncludeRenderPhaseUpdate,
-  renderPriorityLevel,
-  spawnedLane
-) {
-  do flushPassiveEffects();
-  while (null !== rootWithPendingPassiveEffects);
-  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
-  var finishedWork = root.finishedWork,
-    lanes = root.finishedLanes;
-  enableSchedulingProfiler &&
-    enableSchedulingProfiler &&
-    null !== injectedProfilingHooks &&
-    "function" === typeof injectedProfilingHooks.markCommitStarted &&
-    injectedProfilingHooks.markCommitStarted(lanes);
-  if (null === finishedWork)
-    return enableSchedulingProfiler && markCommitStopped(), null;
-  root.finishedWork = null;
-  root.finishedLanes = 0;
-  if (finishedWork === root.current) throw Error(formatProdErrorMessage(177));
-  root.callbackNode = null;
-  root.callbackPriority = 0;
-  root.cancelPendingCommit = null;
-  var remainingLanes = finishedWork.lanes | finishedWork.childLanes;
-  remainingLanes |= concurrentlyUpdatedLanes;
-  markRootFinished(root, remainingLanes, spawnedLane);
-  didIncludeCommitPhaseUpdate = !1;
-  root === workInProgressRoot &&
-    ((workInProgress = workInProgressRoot = null),
-    (workInProgressRootRenderLanes = 0));
-  (0 === (finishedWork.subtreeFlags & 10256) &&
-    0 === (finishedWork.flags & 10256)) ||
-    rootDoesHavePassiveEffects ||
-    ((rootDoesHavePassiveEffects = !0),
-    (pendingPassiveEffectsRemainingLanes = remainingLanes),
-    (pendingPassiveTransitions = transitions),
-    scheduleCallback(NormalPriority$1, function () {
-      flushPassiveEffects();
-      return null;
-    }));
-  transitions = 0 !== (finishedWork.flags & 15990);
-  if (0 !== (finishedWork.subtreeFlags & 15990) || transitions) {
-    transitions = ReactSharedInternals.T;
-    ReactSharedInternals.T = null;
-    spawnedLane = Internals.p;
-    Internals.p = 2;
-    var prevExecutionContext = executionContext;
-    executionContext |= 4;
-    ReactSharedInternals.owner = null;
-    var shouldFireAfterActiveInstanceBlur$271 = commitBeforeMutationEffects(
-      root,
-      finishedWork
-    );
-    commitTime = now();
-    commitMutationEffects(root, finishedWork, lanes);
-    shouldFireAfterActiveInstanceBlur$271 &&
-      ((_enabled = !0),
-      dispatchAfterDetachedBlur(selectionInformation.focusedElem),
-      (_enabled = !1));
-    restoreSelection(selectionInformation);
-    _enabled = !!eventsEnabled;
-    selectionInformation = eventsEnabled = null;
-    root.current = finishedWork;
-    enableSchedulingProfiler &&
-      enableSchedulingProfiler &&
-      null !== injectedProfilingHooks &&
-      "function" === typeof injectedProfilingHooks.markLayoutEffectsStarted &&
-      injectedProfilingHooks.markLayoutEffectsStarted(lanes);
-    commitLayoutEffects(finishedWork, root, lanes);
-    enableSchedulingProfiler &&
-      enableSchedulingProfiler &&
-      null !== injectedProfilingHooks &&
-      "function" === typeof injectedProfilingHooks.markLayoutEffectsStopped &&
-      injectedProfilingHooks.markLayoutEffectsStopped();
-    requestPaint();
-    executionContext = prevExecutionContext;
-    Internals.p = spawnedLane;
-    ReactSharedInternals.T = transitions;
-  } else (root.current = finishedWork), (commitTime = now());
-  rootDoesHavePassiveEffects
-    ? ((rootDoesHavePassiveEffects = !1),
-      (rootWithPendingPassiveEffects = root),
-      (pendingPassiveEffectsLanes = lanes))
-    : releaseRootPooledCache(root, remainingLanes);
-  remainingLanes = root.pendingLanes;
-  0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null);
-  onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
-  isDevToolsPresent && root.memoizedUpdaters.clear();
-  ensureRootIsScheduled(root);
-  if (null !== recoverableErrors)
-    for (
-      renderPriorityLevel = root.onRecoverableError, finishedWork = 0;
-      finishedWork < recoverableErrors.length;
-      finishedWork++
-    )
-      (remainingLanes = recoverableErrors[finishedWork]),
-        renderPriorityLevel(remainingLanes.value, {
-          componentStack: remainingLanes.stack
-        });
-  0 !== (pendingPassiveEffectsLanes & 3) && flushPassiveEffects();
-  remainingLanes = root.pendingLanes;
-  (enableInfiniteRenderLoopDetection &&
-    (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate)) ||
-  (0 !== (lanes & 4194218) && 0 !== (remainingLanes & SyncUpdateLanes))
-    ? ((nestedUpdateScheduled = !0),
-      root === rootWithNestedUpdates
-        ? nestedUpdateCount++
-        : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root)))
-    : (nestedUpdateCount = 0);
-  flushSyncWorkAcrossRoots_impl(!1);
-  enableSchedulingProfiler && markCommitStopped();
-  if (enableTransitionTracing) {
-    var prevRootTransitionCallbacks = root.transitionCallbacks;
-    null !== prevRootTransitionCallbacks &&
-      schedulePostPaintCallback(function (endTime) {
-        var prevPendingTransitionCallbacks = currentPendingTransitionCallbacks;
-        null !== prevPendingTransitionCallbacks
-          ? ((currentPendingTransitionCallbacks = null),
-            scheduleCallback(IdlePriority, function () {
-              processTransitionCallbacks(
-                prevPendingTransitionCallbacks,
-                endTime,
-                prevRootTransitionCallbacks
-              );
-            }))
-          : (currentEndTime = endTime);
-      });
-  }
-  return null;
-}
-function releaseRootPooledCache(root, remainingLanes) {
-  0 === (root.pooledCacheLanes &= remainingLanes) &&
-    ((remainingLanes = root.pooledCache),
-    null != remainingLanes &&
-      ((root.pooledCache = null), releaseCache(remainingLanes)));
-}
-function flushPassiveEffects() {
-  if (null !== rootWithPendingPassiveEffects) {
-    var root$272 = rootWithPendingPassiveEffects,
-      remainingLanes = pendingPassiveEffectsRemainingLanes;
-    pendingPassiveEffectsRemainingLanes = 0;
-    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
-      prevTransition = ReactSharedInternals.T,
-      previousPriority = Internals.p;
-    try {
-      return (
-        (Internals.p = 32 > renderPriority ? 32 : renderPriority),
-        (ReactSharedInternals.T = null),
-        flushPassiveEffectsImpl()
-      );
-    } finally {
-      (Internals.p = previousPriority),
-        (ReactSharedInternals.T = prevTransition),
-        releaseRootPooledCache(root$272, remainingLanes);
-    }
-  }
-  return !1;
-}
-function enqueuePendingPassiveProfilerEffect(fiber) {
-  pendingPassiveProfilerEffects.push(fiber);
-  rootDoesHavePassiveEffects ||
-    ((rootDoesHavePassiveEffects = !0),
-    scheduleCallback(NormalPriority$1, function () {
-      flushPassiveEffects();
-      return null;
-    }));
-}
-function flushPassiveEffectsImpl() {
-  if (null === rootWithPendingPassiveEffects) return !1;
-  var transitions = pendingPassiveTransitions;
-  pendingPassiveTransitions = null;
-  var root = rootWithPendingPassiveEffects,
-    lanes = pendingPassiveEffectsLanes;
-  rootWithPendingPassiveEffects = null;
-  pendingPassiveEffectsLanes = 0;
-  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331));
-  enableSchedulingProfiler &&
-    enableSchedulingProfiler &&
-    null !== injectedProfilingHooks &&
-    "function" === typeof injectedProfilingHooks.markPassiveEffectsStarted &&
-    injectedProfilingHooks.markPassiveEffectsStarted(lanes);
-  var prevExecutionContext = executionContext;
-  executionContext |= 4;
-  commitPassiveUnmountOnFiber(root.current);
-  commitPassiveMountOnFiber(root, root.current, lanes, transitions);
-  transitions = pendingPassiveProfilerEffects;
-  pendingPassiveProfilerEffects = [];
-  for (lanes = 0; lanes < transitions.length; lanes++)
-    commitPassiveEffectDurations(root, transitions[lanes]);
-  enableSchedulingProfiler &&
-    enableSchedulingProfiler &&
-    null !== injectedProfilingHooks &&
-    "function" === typeof injectedProfilingHooks.markPassiveEffectsStopped &&
-    injectedProfilingHooks.markPassiveEffectsStopped();
-  executionContext = prevExecutionContext;
-  flushSyncWorkAcrossRoots_impl(!1);
-  if (enableTransitionTracing) {
-    var prevPendingTransitionCallbacks = currentPendingTransitionCallbacks,
-      prevRootTransitionCallbacks = root.transitionCallbacks,
-      prevEndTime = currentEndTime;
-    null !== prevPendingTransitionCallbacks &&
-      null !== prevRootTransitionCallbacks &&
-      null !== prevEndTime &&
-      ((currentEndTime = currentPendingTransitionCallbacks = null),
-      scheduleCallback(IdlePriority, function () {
-        processTransitionCallbacks(
-          prevPendingTransitionCallbacks,
-          prevEndTime,
-          prevRootTransitionCallbacks
-        );
-      }));
-  }
-  if (injectedHook && "function" === typeof injectedHook.onPostCommitFiberRoot)
-    try {
-      injectedHook.onPostCommitFiberRoot(rendererID, root);
-    } catch (err) {}
-  root = root.current.stateNode;
-  root.effectDuration = 0;
-  root.passiveEffectDuration = 0;
-  return !0;
-}
-function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
-  sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
-  sourceFiber = createRootErrorUpdate(rootFiber.stateNode, sourceFiber, 2);
-  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
-  null !== rootFiber &&
-    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
-}
-function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
-  if (3 === sourceFiber.tag)
-    captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
-  else
-    for (; null !== nearestMountedAncestor; ) {
-      if (3 === nearestMountedAncestor.tag) {
-        captureCommitPhaseErrorOnRoot(
-          nearestMountedAncestor,
-          sourceFiber,
-          error
-        );
-        break;
-      } else if (1 === nearestMountedAncestor.tag) {
-        var instance = nearestMountedAncestor.stateNode;
-        if (
-          "function" ===
-            typeof nearestMountedAncestor.type.getDerivedStateFromError ||
-          ("function" === typeof instance.componentDidCatch &&
-            (null === legacyErrorBoundariesThatAlreadyFailed ||
-              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
-        ) {
-          sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
-          error = createClassErrorUpdate(2);
-          instance = enqueueUpdate(nearestMountedAncestor, error, 2);
-          null !== instance &&
-            (initializeClassErrorUpdate(
-              error,
-              instance,
-              nearestMountedAncestor,
-              sourceFiber
-            ),
-            markRootUpdated(instance, 2),
-            ensureRootIsScheduled(instance));
-          break;
-        }
-      }
-      nearestMountedAncestor = nearestMountedAncestor.return;
-    }
-}
-function attachPingListener(root, wakeable, lanes) {
-  var pingCache = root.pingCache;
-  if (null === pingCache) {
-    pingCache = root.pingCache = new PossiblyWeakMap();
-    var threadIDs = new Set();
-    pingCache.set(wakeable, threadIDs);
-  } else
-    (threadIDs = pingCache.get(wakeable)),
-      void 0 === threadIDs &&
-        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
-  threadIDs.has(lanes) ||
-    ((workInProgressRootDidAttachPingListener = !0),
-    threadIDs.add(lanes),
-    (pingCache = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
-    isDevToolsPresent && restorePendingUpdaters(root, lanes),
-    wakeable.then(pingCache, pingCache));
-}
-function pingSuspendedRoot(root, wakeable, pingedLanes) {
-  var pingCache = root.pingCache;
-  null !== pingCache && pingCache.delete(wakeable);
-  root.pingedLanes |= root.suspendedLanes & pingedLanes;
-  enableInfiniteRenderLoopDetection &&
-    (executionContext & 2
-      ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
-      : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0),
-    throwIfInfiniteUpdateLoopDetected());
-  workInProgressRoot === root &&
-    (workInProgressRootRenderLanes & pingedLanes) === pingedLanes &&
-    (4 === workInProgressRootExitStatus ||
-    (3 === workInProgressRootExitStatus &&
-      (workInProgressRootRenderLanes & 62914560) ===
-        workInProgressRootRenderLanes &&
-      300 > now$1() - globalMostRecentFallbackTime)
-      ? 0 === (executionContext & 2) && prepareFreshStack(root, 0)
-      : (workInProgressRootPingedLanes |= pingedLanes));
-  ensureRootIsScheduled(root);
-}
-function retryTimedOutBoundary(boundaryFiber, retryLane) {
-  0 === retryLane && (retryLane = claimNextRetryLane());
-  boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
-  null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane),
-    ensureRootIsScheduled(boundaryFiber));
-}
-function retryDehydratedSuspenseBoundary(boundaryFiber) {
-  var suspenseState = boundaryFiber.memoizedState,
-    retryLane = 0;
-  null !== suspenseState && (retryLane = suspenseState.retryLane);
-  retryTimedOutBoundary(boundaryFiber, retryLane);
-}
-function resolveRetryWakeable(boundaryFiber, wakeable) {
-  var retryLane = 0;
-  switch (boundaryFiber.tag) {
-    case 13:
-      var retryCache = boundaryFiber.stateNode;
-      var suspenseState = boundaryFiber.memoizedState;
-      null !== suspenseState && (retryLane = suspenseState.retryLane);
-      break;
-    case 19:
-      retryCache = boundaryFiber.stateNode;
-      break;
-    case 22:
-      retryCache = boundaryFiber.stateNode._retryCache;
-      break;
-    default:
-      throw Error(formatProdErrorMessage(314));
-  }
-  null !== retryCache && retryCache.delete(wakeable);
-  retryTimedOutBoundary(boundaryFiber, retryLane);
-}
-function throwIfInfiniteUpdateLoopDetected() {
-  if (50 < nestedUpdateCount)
-    throw (
-      ((nestedUpdateCount = 0),
-      (rootWithNestedUpdates = null),
-      enableInfiniteRenderLoopDetection &&
-        executionContext & 2 &&
-        null !== workInProgressRoot &&
-        (workInProgressRoot.errorRecoveryDisabledLanes |=
-          workInProgressRootRenderLanes),
-      Error(formatProdErrorMessage(185)))
-    );
-}
-function restorePendingUpdaters(root, lanes) {
-  isDevToolsPresent &&
-    root.memoizedUpdaters.forEach(function (schedulingFiber) {
-      addFiberToLanesMap(root, schedulingFiber, lanes);
-    });
-}
-function scheduleCallback(priorityLevel, callback) {
-  return scheduleCallback$3(priorityLevel, callback);
-}
-var eventsEnabled = null,
-  selectionInformation = null;
-function getOwnerDocumentFromRootContainer(rootContainerElement) {
-  return 9 === rootContainerElement.nodeType
-    ? rootContainerElement
-    : rootContainerElement.ownerDocument;
-}
-function getOwnHostContext(namespaceURI) {
-  switch (namespaceURI) {
-    case "http://www.w3.org/2000/svg":
-      return 1;
-    case "http://www.w3.org/1998/Math/MathML":
-      return 2;
-    default:
-      return 0;
-  }
-}
-function getChildHostContextProd(parentNamespace, type) {
-  if (0 === parentNamespace)
-    switch (type) {
-      case "svg":
-        return 1;
-      case "math":
-        return 2;
-      default:
-        return 0;
-    }
-  return 1 === parentNamespace && "foreignObject" === type
-    ? 0
-    : parentNamespace;
-}
-function beforeActiveInstanceBlur(internalInstanceHandle) {
-  _enabled = !0;
-  var target = selectionInformation.focusedElem,
-    event = createEvent("beforeblur", !0);
-  event._detachedInterceptFiber = internalInstanceHandle;
-  target.dispatchEvent(event);
-  _enabled = !1;
-}
-function shouldSetTextContent(type, props) {
-  return (
-    "textarea" === type ||
-    "noscript" === type ||
-    "string" === typeof props.children ||
-    "number" === typeof props.children ||
-    "bigint" === typeof props.children ||
-    ("object" === typeof props.dangerouslySetInnerHTML &&
-      null !== props.dangerouslySetInnerHTML &&
-      null != props.dangerouslySetInnerHTML.__html)
-  );
-}
-var currentPopstateTransitionEvent = null;
-function shouldAttemptEagerTransition() {
-  var event = window.event;
-  if (event && "popstate" === event.type) {
-    if (event === currentPopstateTransitionEvent) return !1;
-    currentPopstateTransitionEvent = event;
-    return !0;
-  }
-  currentPopstateTransitionEvent = null;
-  return !1;
-}
-var scheduleTimeout = "function" === typeof setTimeout ? setTimeout : void 0,
-  cancelTimeout = "function" === typeof clearTimeout ? clearTimeout : void 0,
-  localPromise = "function" === typeof Promise ? Promise : void 0,
-  localRequestAnimationFrame =
-    "function" === typeof requestAnimationFrame
-      ? requestAnimationFrame
-      : scheduleTimeout;
-function getInstanceFromScope(scopeInstance) {
-  scopeInstance = scopeInstance[internalInstanceKey] || null;
-  return scopeInstance;
-}
-var scheduleMicrotask =
-  "function" === typeof queueMicrotask
-    ? queueMicrotask
-    : "undefined" !== typeof localPromise
-    ? function (callback) {
-        return localPromise
-          .resolve(null)
-          .then(callback)
-          .catch(handleErrorInNextTick);
-      }
-    : scheduleTimeout;
-function handleErrorInNextTick(error) {
-  setTimeout(function () {
-    throw error;
-  });
-}
-function createEvent(type, bubbles) {
-  var event = document.createEvent("Event");
-  event.initEvent(type, bubbles, !1);
-  return event;
-}
-function dispatchAfterDetachedBlur(target) {
-  var event = createEvent("afterblur", !1);
-  event.relatedTarget = target;
-  document.dispatchEvent(event);
-}
-function clearSuspenseBoundary(parentInstance, suspenseInstance) {
-  var node = suspenseInstance,
-    depth = 0;
-  do {
-    var nextNode = node.nextSibling;
-    parentInstance.removeChild(node);
-    if (nextNode && 8 === nextNode.nodeType)
-      if (((node = nextNode.data), "/$" === node)) {
-        if (0 === depth) {
-          parentInstance.removeChild(nextNode);
-          retryIfBlockedOn(suspenseInstance);
-          return;
-        }
-        depth--;
-      } else ("$" !== node && "$?" !== node && "$!" !== node) || depth++;
-    node = nextNode;
-  } while (node);
-  retryIfBlockedOn(suspenseInstance);
-}
-function clearContainerSparingly(container) {
-  var nextNode = container.firstChild;
-  nextNode && 10 === nextNode.nodeType && (nextNode = nextNode.nextSibling);
-  for (; nextNode; ) {
-    var node = nextNode;
-    nextNode = nextNode.nextSibling;
-    switch (node.nodeName) {
-      case "HTML":
-      case "HEAD":
-      case "BODY":
-        clearContainerSparingly(node);
-        detachDeletedInstance(node);
-        continue;
-      case "SCRIPT":
-      case "STYLE":
-        continue;
-      case "LINK":
-        if ("stylesheet" === node.rel.toLowerCase()) continue;
-    }
-    container.removeChild(node);
-  }
-}
-function canHydrateInstance(instance, type, props, inRootOrSingleton) {
-  for (; 1 === instance.nodeType; ) {
-    var anyProps = props;
-    if (instance.nodeName.toLowerCase() !== type.toLowerCase()) {
-      if (
-        !inRootOrSingleton &&
-        ("INPUT" !== instance.nodeName || "hidden" !== instance.type)
-      )
-        break;
-    } else if (!inRootOrSingleton)
-      if ("input" === type && "hidden" === instance.type) {
-        var name = null == anyProps.name ? null : "" + anyProps.name;
-        if (
-          "hidden" === anyProps.type &&
-          instance.getAttribute("name") === name
-        )
-          return instance;
-      } else return instance;
-    else if (!instance[internalHoistableMarker])
-      switch (type) {
-        case "meta":
-          if (!instance.hasAttribute("itemprop")) break;
-          return instance;
-        case "link":
-          name = instance.getAttribute("rel");
-          if ("stylesheet" === name && instance.hasAttribute("data-precedence"))
-            break;
-          else if (
-            name !== anyProps.rel ||
-            instance.getAttribute("href") !==
-              (null == anyProps.href ? null : anyProps.href) ||
-            instance.getAttribute("crossorigin") !==
-              (null == anyProps.crossOrigin ? null : anyProps.crossOrigin) ||
-            instance.getAttribute("title") !==
-              (null == anyProps.title ? null : anyProps.title)
-          )
-            break;
-          return instance;
-        case "style":
-          if (instance.hasAttribute("data-precedence")) break;
-          return instance;
-        case "script":
-          name = instance.getAttribute("src");
-          if (
-            (name !== (null == anyProps.src ? null : anyProps.src) ||
-              instance.getAttribute("type") !==
-                (null == anyProps.type ? null : anyProps.type) ||
-              instance.getAttribute("crossorigin") !==
-                (null == anyProps.crossOrigin ? null : anyProps.crossOrigin)) &&
-            name &&
-            instance.hasAttribute("async") &&
-            !instance.hasAttribute("itemprop")
-          )
-            break;
-          return instance;
-        default:
-          return instance;
-      }
-    instance = getNextHydratable(instance.nextSibling);
-    if (null === instance) break;
-  }
-  return null;
-}
-function canHydrateTextInstance(instance, text, inRootOrSingleton) {
-  if ("" === text) return null;
-  for (; 3 !== instance.nodeType; ) {
-    if (
-      (1 !== instance.nodeType ||
-        "INPUT" !== instance.nodeName ||
-        "hidden" !== instance.type) &&
-      !inRootOrSingleton
-    )
-      return null;
-    instance = getNextHydratable(instance.nextSibling);
-    if (null === instance) return null;
-  }
-  return instance;
-}
-function getNextHydratable(node) {
-  for (; null != node; node = node.nextSibling) {
-    var nodeType = node.nodeType;
-    if (1 === nodeType || 3 === nodeType) break;
-    if (8 === nodeType) {
-      nodeType = node.data;
-      if (
-        "$" === nodeType ||
-        "$!" === nodeType ||
-        "$?" === nodeType ||
-        "F!" === nodeType ||
-        "F" === nodeType
-      )
-        break;
-      if ("/$" === nodeType) return null;
-    }
-  }
-  return node;
-}
-function getParentSuspenseInstance(targetInstance) {
-  targetInstance = targetInstance.previousSibling;
-  for (var depth = 0; targetInstance; ) {
-    if (8 === targetInstance.nodeType) {
-      var data = targetInstance.data;
-      if ("$" === data || "$!" === data || "$?" === data) {
-        if (0 === depth) return targetInstance;
-        depth--;
-      } else "/$" === data && depth++;
-    }
-    targetInstance = targetInstance.previousSibling;
-  }
-  return null;
-}
-function requestPostPaintCallback(callback) {
-  localRequestAnimationFrame(function () {
-    localRequestAnimationFrame(function (time) {
-      return callback(time);
-    });
-  });
-}
-function resolveSingletonInstance(type, props, rootContainerInstance) {
-  props = getOwnerDocumentFromRootContainer(rootContainerInstance);
-  switch (type) {
-    case "html":
-      type = props.documentElement;
-      if (!type) throw Error(formatProdErrorMessage(452));
-      return type;
-    case "head":
-      type = props.head;
-      if (!type) throw Error(formatProdErrorMessage(453));
-      return type;
-    case "body":
-      type = props.body;
-      if (!type) throw Error(formatProdErrorMessage(454));
-      return type;
-    default:
-      throw Error(formatProdErrorMessage(451));
-  }
-}
-var preloadPropsMap = new Map(),
-  preconnectsSet = new Set();
-function getHoistableRoot(container) {
-  return "function" === typeof container.getRootNode
-    ? container.getRootNode()
-    : container.ownerDocument;
-}
-var previousDispatcher = Internals.d;
-Internals.d = {
-  f: flushSyncWork,
-  r: requestFormReset,
-  D: prefetchDNS$1,
-  C: preconnect$1,
-  L: preload$1,
-  m: preloadModule$1,
-  X: preinitScript,
-  S: preinitStyle,
-  M: preinitModuleScript
-};
-function flushSyncWork() {
-  var previousWasRendering = previousDispatcher.f(),
-    wasRendering = flushSyncWork$1();
-  return previousWasRendering || wasRendering;
-}
-function requestFormReset(form) {
-  var formInst = getInstanceFromNode$1(form);
-  null !== formInst && 5 === formInst.tag && "form" === formInst.type
-    ? requestFormReset$1(formInst)
-    : previousDispatcher.r(form);
-}
-var globalDocument = "undefined" === typeof document ? null : document;
-function preconnectAs(rel, href, crossOrigin) {
-  var ownerDocument = globalDocument;
-  if (ownerDocument && "string" === typeof href && href) {
-    var limitedEscapedHref =
-      escapeSelectorAttributeValueInsideDoubleQuotes(href);
-    limitedEscapedHref =
-      'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
-    "string" === typeof crossOrigin &&
-      (limitedEscapedHref += '[crossorigin="' + crossOrigin + '"]');
-    preconnectsSet.has(limitedEscapedHref) ||
-      (preconnectsSet.add(limitedEscapedHref),
-      (rel = { rel: rel, crossOrigin: crossOrigin, href: href }),
-      null === ownerDocument.querySelector(limitedEscapedHref) &&
-        ((href = ownerDocument.createElement("link")),
-        setInitialProperties(href, "link", rel),
-        markNodeAsHoistable(href),
-        ownerDocument.head.appendChild(href)));
-  }
-}
-function prefetchDNS$1(href) {
-  previousDispatcher.D(href);
-  preconnectAs("dns-prefetch", href, null);
-}
-function preconnect$1(href, crossOrigin) {
-  previousDispatcher.C(href, crossOrigin);
-  preconnectAs("preconnect", href, crossOrigin);
-}
-function preload$1(href, as, options) {
-  previousDispatcher.L(href, as, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && href && as) {
-    var preloadSelector =
-      'link[rel="preload"][as="' +
-      escapeSelectorAttributeValueInsideDoubleQuotes(as) +
-      '"]';
-    "image" === as
-      ? options && options.imageSrcSet
-        ? ((preloadSelector +=
-            '[imagesrcset="' +
-            escapeSelectorAttributeValueInsideDoubleQuotes(
-              options.imageSrcSet
-            ) +
-            '"]'),
-          "string" === typeof options.imageSizes &&
-            (preloadSelector +=
-              '[imagesizes="' +
-              escapeSelectorAttributeValueInsideDoubleQuotes(
-                options.imageSizes
-              ) +
-              '"]'))
-        : (preloadSelector +=
-            '[href="' +
-            escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-            '"]')
-      : (preloadSelector +=
-          '[href="' +
-          escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-          '"]');
-    var key = preloadSelector;
-    switch (as) {
-      case "style":
-        key = getStyleKey(href);
-        break;
-      case "script":
-        key = getScriptKey(href);
-    }
-    preloadPropsMap.has(key) ||
-      ((href = assign(
-        {
-          rel: "preload",
-          href:
-            "image" === as && options && options.imageSrcSet ? void 0 : href,
-          as: as
-        },
-        options
-      )),
-      preloadPropsMap.set(key, href),
-      null !== ownerDocument.querySelector(preloadSelector) ||
-        ("style" === as &&
-          ownerDocument.querySelector(getStylesheetSelectorFromKey(key))) ||
-        ("script" === as &&
-          ownerDocument.querySelector(getScriptSelectorFromKey(key))) ||
-        ((as = ownerDocument.createElement("link")),
-        setInitialProperties(as, "link", href),
-        markNodeAsHoistable(as),
-        ownerDocument.head.appendChild(as)));
-  }
-}
-function preloadModule$1(href, options) {
-  previousDispatcher.m(href, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && href) {
-    var as = options && "string" === typeof options.as ? options.as : "script",
-      preloadSelector =
-        'link[rel="modulepreload"][as="' +
-        escapeSelectorAttributeValueInsideDoubleQuotes(as) +
-        '"][href="' +
-        escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-        '"]',
-      key = preloadSelector;
-    switch (as) {
-      case "audioworklet":
-      case "paintworklet":
-      case "serviceworker":
-      case "sharedworker":
-      case "worker":
-      case "script":
-        key = getScriptKey(href);
-    }
-    if (
-      !preloadPropsMap.has(key) &&
-      ((href = assign({ rel: "modulepreload", href: href }, options)),
-      preloadPropsMap.set(key, href),
-      null === ownerDocument.querySelector(preloadSelector))
-    ) {
-      switch (as) {
-        case "audioworklet":
-        case "paintworklet":
-        case "serviceworker":
-        case "sharedworker":
-        case "worker":
-        case "script":
-          if (ownerDocument.querySelector(getScriptSelectorFromKey(key)))
-            return;
-      }
-      as = ownerDocument.createElement("link");
-      setInitialProperties(as, "link", href);
-      markNodeAsHoistable(as);
-      ownerDocument.head.appendChild(as);
-    }
-  }
-}
-function preinitStyle(href, precedence, options) {
-  previousDispatcher.S(href, precedence, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && href) {
-    var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
-      key = getStyleKey(href);
-    precedence = precedence || "default";
-    var resource = styles.get(key);
-    if (!resource) {
-      var state = { loading: 0, preload: null };
-      if (
-        (resource = ownerDocument.querySelector(
-          getStylesheetSelectorFromKey(key)
-        ))
-      )
-        state.loading = 5;
-      else {
-        href = assign(
-          { rel: "stylesheet", href: href, "data-precedence": precedence },
-          options
-        );
-        (options = preloadPropsMap.get(key)) &&
-          adoptPreloadPropsForStylesheet(href, options);
-        var link = (resource = ownerDocument.createElement("link"));
-        markNodeAsHoistable(link);
-        setInitialProperties(link, "link", href);
-        link._p = new Promise(function (resolve, reject) {
-          link.onload = resolve;
-          link.onerror = reject;
-        });
-        link.addEventListener("load", function () {
-          state.loading |= 1;
-        });
-        link.addEventListener("error", function () {
-          state.loading |= 2;
-        });
-        state.loading |= 4;
-        insertStylesheet(resource, precedence, ownerDocument);
-      }
-      resource = {
-        type: "stylesheet",
-        instance: resource,
-        count: 1,
-        state: state
-      };
-      styles.set(key, resource);
-    }
-  }
-}
-function preinitScript(src, options) {
-  previousDispatcher.X(src, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && src) {
-    var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
-      key = getScriptKey(src),
-      resource = scripts.get(key);
-    resource ||
-      ((resource = ownerDocument.querySelector(getScriptSelectorFromKey(key))),
-      resource ||
-        ((src = assign({ src: src, async: !0 }, options)),
-        (options = preloadPropsMap.get(key)) &&
-          adoptPreloadPropsForScript(src, options),
-        (resource = ownerDocument.createElement("script")),
-        markNodeAsHoistable(resource),
-        setInitialProperties(resource, "link", src),
-        ownerDocument.head.appendChild(resource)),
-      (resource = {
-        type: "script",
-        instance: resource,
-        count: 1,
-        state: null
-      }),
-      scripts.set(key, resource));
-  }
-}
-function preinitModuleScript(src, options) {
-  previousDispatcher.M(src, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && src) {
-    var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
-      key = getScriptKey(src),
-      resource = scripts.get(key);
-    resource ||
-      ((resource = ownerDocument.querySelector(getScriptSelectorFromKey(key))),
-      resource ||
-        ((src = assign({ src: src, async: !0, type: "module" }, options)),
-        (options = preloadPropsMap.get(key)) &&
-          adoptPreloadPropsForScript(src, options),
-        (resource = ownerDocument.createElement("script")),
-        markNodeAsHoistable(resource),
-        setInitialProperties(resource, "link", src),
-        ownerDocument.head.appendChild(resource)),
-      (resource = {
-        type: "script",
-        instance: resource,
-        count: 1,
-        state: null
-      }),
-      scripts.set(key, resource));
-  }
-}
-function getResource(type, currentProps, pendingProps) {
-  currentProps = (currentProps = rootInstanceStackCursor.current)
-    ? getHoistableRoot(currentProps)
-    : null;
-  if (!currentProps) throw Error(formatProdErrorMessage(446));
-  switch (type) {
-    case "meta":
-    case "title":
-      return null;
-    case "style":
-      return "string" === typeof pendingProps.precedence &&
-        "string" === typeof pendingProps.href
-        ? ((pendingProps = getStyleKey(pendingProps.href)),
-          (currentProps = getResourcesFromRoot(currentProps).hoistableStyles),
-          (type = currentProps.get(pendingProps)),
-          type ||
-            ((type = { type: "style", instance: null, count: 0, state: null }),
-            currentProps.set(pendingProps, type)),
-          type)
-        : { type: "void", instance: null, count: 0, state: null };
-    case "link":
-      if (
-        "stylesheet" === pendingProps.rel &&
-        "string" === typeof pendingProps.href &&
-        "string" === typeof pendingProps.precedence
-      ) {
-        type = getStyleKey(pendingProps.href);
-        var styles$277 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$278 = styles$277.get(type);
-        resource$278 ||
-          ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$278 = {
-            type: "stylesheet",
-            instance: null,
-            count: 0,
-            state: { loading: 0, preload: null }
-          }),
-          styles$277.set(type, resource$278),
-          preloadPropsMap.has(type) ||
-            preloadStylesheet(
-              currentProps,
-              type,
-              {
-                rel: "preload",
-                as: "style",
-                href: pendingProps.href,
-                crossOrigin: pendingProps.crossOrigin,
-                integrity: pendingProps.integrity,
-                media: pendingProps.media,
-                hrefLang: pendingProps.hrefLang,
-                referrerPolicy: pendingProps.referrerPolicy
-              },
-              resource$278.state
-            ));
-        return resource$278;
-      }
-      return null;
-    case "script":
-      return (
-        (type = pendingProps.async),
-        (pendingProps = pendingProps.src),
-        "string" === typeof pendingProps &&
-        type &&
-        "function" !== typeof type &&
-        "symbol" !== typeof type
-          ? ((pendingProps = getScriptKey(pendingProps)),
-            (currentProps =
-              getResourcesFromRoot(currentProps).hoistableScripts),
-            (type = currentProps.get(pendingProps)),
-            type ||
-              ((type = {
-                type: "script",
-                instance: null,
-                count: 0,
-                state: null
-              }),
-              currentProps.set(pendingProps, type)),
-            type)
-          : { type: "void", instance: null, count: 0, state: null }
-      );
-    default:
-      throw Error(formatProdErrorMessage(444, type));
-  }
-}
-function getStyleKey(href) {
-  return 'href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
-}
-function getStylesheetSelectorFromKey(key) {
-  return 'link[rel="stylesheet"][' + key + "]";
-}
-function stylesheetPropsFromRawProps(rawProps) {
-  return assign({}, rawProps, {
-    "data-precedence": rawProps.precedence,
-    precedence: null
-  });
-}
-function preloadStylesheet(ownerDocument, key, preloadProps, state) {
-  preloadPropsMap.set(key, preloadProps);
-  ownerDocument.querySelector(getStylesheetSelectorFromKey(key)) ||
-    (ownerDocument.querySelector('link[rel="preload"][as="style"][' + key + "]")
-      ? (state.loading = 1)
-      : ((key = ownerDocument.createElement("link")),
-        (state.preload = key),
-        key.addEventListener("load", function () {
-          return (state.loading |= 1);
-        }),
-        key.addEventListener("error", function () {
-          return (state.loading |= 2);
-        }),
-        setInitialProperties(key, "link", preloadProps),
-        markNodeAsHoistable(key),
-        ownerDocument.head.appendChild(key)));
-}
-function getScriptKey(src) {
-  return '[src="' + escapeSelectorAttributeValueInsideDoubleQuotes(src) + '"]';
-}
-function getScriptSelectorFromKey(key) {
-  return "script[async]" + key;
-}
-function acquireResource(hoistableRoot, resource, props) {
-  resource.count++;
-  if (null === resource.instance)
-    switch (resource.type) {
-      case "style":
-        var instance = hoistableRoot.querySelector(
-          'style[data-href~="' +
-            escapeSelectorAttributeValueInsideDoubleQuotes(props.href) +
-            '"]'
-        );
-        if (instance)
-          return (
-            (resource.instance = instance),
-            markNodeAsHoistable(instance),
-            instance
-          );
-        var styleProps = assign({}, props, {
-          "data-href": props.href,
-          "data-precedence": props.precedence,
-          href: null,
-          precedence: null
-        });
-        instance = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
-          "style"
-        );
-        markNodeAsHoistable(instance);
-        setInitialProperties(instance, "style", styleProps);
-        insertStylesheet(instance, props.precedence, hoistableRoot);
-        return (resource.instance = instance);
-      case "stylesheet":
-        styleProps = getStyleKey(props.href);
-        var instance$282 = hoistableRoot.querySelector(
-          getStylesheetSelectorFromKey(styleProps)
-        );
-        if (instance$282)
-          return (
-            (resource.state.loading |= 4),
-            (resource.instance = instance$282),
-            markNodeAsHoistable(instance$282),
-            instance$282
-          );
-        instance = stylesheetPropsFromRawProps(props);
-        (styleProps = preloadPropsMap.get(styleProps)) &&
-          adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$282 = (
-          hoistableRoot.ownerDocument || hoistableRoot
-        ).createElement("link");
-        markNodeAsHoistable(instance$282);
-        var linkInstance = instance$282;
-        linkInstance._p = new Promise(function (resolve, reject) {
-          linkInstance.onload = resolve;
-          linkInstance.onerror = reject;
-        });
-        setInitialProperties(instance$282, "link", instance);
-        resource.state.loading |= 4;
-        insertStylesheet(instance$282, props.precedence, hoistableRoot);
-        return (resource.instance = instance$282);
-      case "script":
-        instance$282 = getScriptKey(props.src);
-        if (
-          (styleProps = hoistableRoot.querySelector(
-            getScriptSelectorFromKey(instance$282)
-          ))
-        )
-          return (
-            (resource.instance = styleProps),
-            markNodeAsHoistable(styleProps),
-            styleProps
-          );
-        instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$282)))
-          (instance = assign({}, props)),
-            adoptPreloadPropsForScript(instance, styleProps);
-        hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
-        styleProps = hoistableRoot.createElement("script");
-        markNodeAsHoistable(styleProps);
-        setInitialProperties(styleProps, "link", instance);
-        hoistableRoot.head.appendChild(styleProps);
-        return (resource.instance = styleProps);
-      case "void":
-        return null;
-      default:
-        throw Error(formatProdErrorMessage(443, resource.type));
-    }
-  else
-    "stylesheet" === resource.type &&
-      0 === (resource.state.loading & 4) &&
-      ((instance = resource.instance),
-      (resource.state.loading |= 4),
-      insertStylesheet(instance, props.precedence, hoistableRoot));
-  return resource.instance;
-}
-function insertStylesheet(instance, precedence, root) {
-  for (
-    var nodes = root.querySelectorAll(
-        'link[rel="stylesheet"][data-precedence],style[data-precedence]'
-      ),
-      last = nodes.length ? nodes[nodes.length - 1] : null,
-      prior = last,
-      i = 0;
-    i < nodes.length;
-    i++
-  ) {
-    var node = nodes[i];
-    if (node.dataset.precedence === precedence) prior = node;
-    else if (prior !== last) break;
-  }
-  prior
-    ? prior.parentNode.insertBefore(instance, prior.nextSibling)
-    : ((precedence = 9 === root.nodeType ? root.head : root),
-      precedence.insertBefore(instance, precedence.firstChild));
-}
-function adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps) {
-  null == stylesheetProps.crossOrigin &&
-    (stylesheetProps.crossOrigin = preloadProps.crossOrigin);
-  null == stylesheetProps.referrerPolicy &&
-    (stylesheetProps.referrerPolicy = preloadProps.referrerPolicy);
-  null == stylesheetProps.title && (stylesheetProps.title = preloadProps.title);
-}
-function adoptPreloadPropsForScript(scriptProps, preloadProps) {
-  null == scriptProps.crossOrigin &&
-    (scriptProps.crossOrigin = preloadProps.crossOrigin);
-  null == scriptProps.referrerPolicy &&
-    (scriptProps.referrerPolicy = preloadProps.referrerPolicy);
-  null == scriptProps.integrity &&
-    (scriptProps.integrity = preloadProps.integrity);
-}
-var tagCaches = null;
-function getHydratableHoistableCache(type, keyAttribute, ownerDocument) {
-  if (null === tagCaches) {
-    var cache = new Map();
-    var caches = (tagCaches = new Map());
-    caches.set(ownerDocument, cache);
-  } else
-    (caches = tagCaches),
-      (cache = caches.get(ownerDocument)),
-      cache || ((cache = new Map()), caches.set(ownerDocument, cache));
-  if (cache.has(type)) return cache;
-  cache.set(type, null);
-  ownerDocument = ownerDocument.getElementsByTagName(type);
-  for (caches = 0; caches < ownerDocument.length; caches++) {
-    var node = ownerDocument[caches];
-    if (
-      !(
-        node[internalHoistableMarker] ||
-        node[internalInstanceKey] ||
-        ("link" === type && "stylesheet" === node.getAttribute("rel"))
-      ) &&
-      "http://www.w3.org/2000/svg" !== node.namespaceURI
-    ) {
-      var nodeKey = node.getAttribute(keyAttribute) || "";
-      nodeKey = type + nodeKey;
-      var existing = cache.get(nodeKey);
-      existing ? existing.push(node) : cache.set(nodeKey, [node]);
-    }
-  }
-  return cache;
-}
-function mountHoistable(hoistableRoot, type, instance) {
-  hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
-  hoistableRoot.head.insertBefore(
-    instance,
-    "title" === type ? hoistableRoot.querySelector("head > title") : null
-  );
-}
-function isHostHoistableType(type, props, hostContext) {
-  if (1 === hostContext || null != props.itemProp) return !1;
-  switch (type) {
-    case "meta":
-    case "title":
-      return !0;
-    case "style":
-      if (
-        "string" !== typeof props.precedence ||
-        "string" !== typeof props.href ||
-        "" === props.href
-      )
-        break;
-      return !0;
-    case "link":
-      if (
-        "string" !== typeof props.rel ||
-        "string" !== typeof props.href ||
-        "" === props.href ||
-        props.onLoad ||
-        props.onError
-      )
-        break;
-      switch (props.rel) {
-        case "stylesheet":
-          return (
-            (type = props.disabled),
-            "string" === typeof props.precedence && null == type
-          );
-        default:
-          return !0;
-      }
-    case "script":
-      if (
-        props.async &&
-        "function" !== typeof props.async &&
-        "symbol" !== typeof props.async &&
-        !props.onLoad &&
-        !props.onError &&
-        props.src &&
-        "string" === typeof props.src
-      )
-        return !0;
-  }
-  return !1;
-}
-var suspendedState = null;
-function noop() {}
-function suspendResource(hoistableRoot, resource, props) {
-  if (null === suspendedState) throw Error(formatProdErrorMessage(475));
-  var state = suspendedState;
-  if (
-    "stylesheet" === resource.type &&
-    ("string" !== typeof props.media ||
-      !1 !== matchMedia(props.media).matches) &&
-    0 === (resource.state.loading & 4)
-  ) {
-    if (null === resource.instance) {
-      var key = getStyleKey(props.href),
-        instance = hoistableRoot.querySelector(
-          getStylesheetSelectorFromKey(key)
-        );
-      if (instance) {
-        hoistableRoot = instance._p;
-        null !== hoistableRoot &&
-          "object" === typeof hoistableRoot &&
-          "function" === typeof hoistableRoot.then &&
-          (state.count++,
-          (state = onUnsuspend.bind(state)),
-          hoistableRoot.then(state, state));
-        resource.state.loading |= 4;
-        resource.instance = instance;
-        markNodeAsHoistable(instance);
-        return;
-      }
-      instance = hoistableRoot.ownerDocument || hoistableRoot;
-      props = stylesheetPropsFromRawProps(props);
-      (key = preloadPropsMap.get(key)) &&
-        adoptPreloadPropsForStylesheet(props, key);
-      instance = instance.createElement("link");
-      markNodeAsHoistable(instance);
-      var linkInstance = instance;
-      linkInstance._p = new Promise(function (resolve, reject) {
-        linkInstance.onload = resolve;
-        linkInstance.onerror = reject;
-      });
-      setInitialProperties(instance, "link", props);
-      resource.instance = instance;
-    }
-    null === state.stylesheets && (state.stylesheets = new Map());
-    state.stylesheets.set(resource, hoistableRoot);
-    (hoistableRoot = resource.state.preload) &&
-      0 === (resource.state.loading & 3) &&
-      (state.count++,
-      (resource = onUnsuspend.bind(state)),
-      hoistableRoot.addEventListener("load", resource),
-      hoistableRoot.addEventListener("error", resource));
-  }
-}
-function waitForCommitToBeReady() {
-  if (null === suspendedState) throw Error(formatProdErrorMessage(475));
-  var state = suspendedState;
-  state.stylesheets &&
-    0 === state.count &&
-    insertSuspendedStylesheets(state, state.stylesheets);
-  return 0 < state.count
-    ? function (commit) {
-        var stylesheetTimer = setTimeout(function () {
-          state.stylesheets &&
-            insertSuspendedStylesheets(state, state.stylesheets);
-          if (state.unsuspend) {
-            var unsuspend = state.unsuspend;
-            state.unsuspend = null;
-            unsuspend();
-          }
-        }, 6e4);
-        state.unsuspend = commit;
-        return function () {
-          state.unsuspend = null;
-          clearTimeout(stylesheetTimer);
-        };
-      }
-    : null;
-}
-function onUnsuspend() {
-  this.count--;
-  if (0 === this.count)
-    if (this.stylesheets) insertSuspendedStylesheets(this, this.stylesheets);
-    else if (this.unsuspend) {
-      var unsuspend = this.unsuspend;
-      this.unsuspend = null;
-      unsuspend();
-    }
-}
-var precedencesByRoot = null;
-function insertSuspendedStylesheets(state, resources) {
-  state.stylesheets = null;
-  null !== state.unsuspend &&
-    (state.count++,
-    (precedencesByRoot = new Map()),
-    resources.forEach(insertStylesheetIntoRoot, state),
-    (precedencesByRoot = null),
-    onUnsuspend.call(state));
-}
-function insertStylesheetIntoRoot(root, resource) {
-  if (!(resource.state.loading & 4)) {
-    var precedences = precedencesByRoot.get(root);
-    if (precedences) var last = precedences.get(null);
-    else {
-      precedences = new Map();
-      precedencesByRoot.set(root, precedences);
-      for (
-        var nodes = root.querySelectorAll(
-            "link[data-precedence],style[data-precedence]"
-          ),
-          i = 0;
-        i < nodes.length;
-        i++
-      ) {
-        var node = nodes[i];
-        if (
-          "link" === node.nodeName ||
-          "not all" !== node.getAttribute("media")
-        )
-          precedences.set(node.dataset.precedence, node), (last = node);
-      }
-      last && precedences.set(null, last);
-    }
-    nodes = resource.instance;
-    node = nodes.getAttribute("data-precedence");
-    i = precedences.get(node) || last;
-    i === last && precedences.set(null, nodes);
-    precedences.set(node, nodes);
-    this.count++;
-    last = onUnsuspend.bind(this);
-    nodes.addEventListener("load", last);
-    nodes.addEventListener("error", last);
-    i
-      ? i.parentNode.insertBefore(nodes, i.nextSibling)
-      : ((root = 9 === root.nodeType ? root.head : root),
-        root.insertBefore(nodes, root.firstChild));
-    resource.state.loading |= 4;
-  }
-}
 function FiberRootNode(
   containerInfo,
   tag,
@@ -16383,14 +16399,9 @@ function getContextForSubtree(parentComponent) {
   parentComponent = emptyContextObject;
   return parentComponent;
 }
-function updateContainerImpl(
-  rootFiber,
-  lane,
-  element,
-  container,
-  parentComponent,
-  callback
-) {
+function updateContainer(element, container, parentComponent, callback) {
+  var current = container.current,
+    lane = requestUpdateLane();
   enableSchedulingProfiler &&
     enableSchedulingProfiler &&
     null !== injectedProfilingHooks &&
@@ -16404,10 +16415,33 @@ function updateContainerImpl(
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  element = enqueueUpdate(rootFiber, container, lane);
+  element = enqueueUpdate(current, container, lane);
   null !== element &&
-    (scheduleUpdateOnFiber(element, rootFiber, lane),
-    entangleTransitions(element, rootFiber, lane));
+    (scheduleUpdateOnFiber(element, current, lane),
+    entangleTransitions(element, current, lane));
+  return lane;
+}
+function attemptSynchronousHydration(fiber) {
+  switch (fiber.tag) {
+    case 3:
+      var root$298 = fiber.stateNode;
+      if (root$298.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$298.pendingLanes);
+        0 !== lanes &&
+          (upgradePendingLanesToSync(root$298, lanes),
+          ensureRootIsScheduled(root$298),
+          0 === (executionContext & 6) &&
+            ((workInProgressRootRenderTargetTime = now$1() + 500),
+            flushSyncWorkAcrossRoots_impl(!1)));
+      }
+      break;
+    case 13:
+      flushSync$1(function () {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root && scheduleUpdateOnFiber(root, fiber, 2);
+      }),
+        markRetryLaneIfNotHydrated(fiber, 2);
+  }
 }
 function markRetryLaneImpl(fiber, retryLane) {
   fiber = fiber.memoizedState;
@@ -16430,7 +16464,8 @@ function attemptContinuousHydration(fiber) {
 function emptyFindFiberByHostInstance() {
   return null;
 }
-var _enabled = !0;
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  _enabled = !0;
 function createEventListenerWrapperWithPriority(
   targetContainer,
   domEventName,
@@ -16459,14 +16494,15 @@ function dispatchDiscreteEvent(
   container,
   nativeEvent
 ) {
-  var prevTransition = ReactSharedInternals.T;
-  ReactSharedInternals.T = null;
-  var previousPriority = Internals.p;
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
   try {
-    (Internals.p = 2),
+    (currentUpdatePriority = 2),
       dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
   }
 }
 function dispatchContinuousEvent(
@@ -16475,14 +16511,15 @@ function dispatchContinuousEvent(
   container,
   nativeEvent
 ) {
-  var prevTransition = ReactSharedInternals.T;
-  ReactSharedInternals.T = null;
-  var previousPriority = Internals.p;
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
   try {
-    (Internals.p = 8),
+    (currentUpdatePriority = 8),
       dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
   }
 }
 function dispatchEvent(
@@ -16519,33 +16556,7 @@ function dispatchEvent(
     ) {
       for (; null !== blockedOn; ) {
         var fiber = getInstanceFromNode$1(blockedOn);
-        if (null !== fiber)
-          switch (fiber.tag) {
-            case 3:
-              fiber = fiber.stateNode;
-              if (fiber.current.memoizedState.isDehydrated) {
-                var lanes = getHighestPriorityLanes(fiber.pendingLanes);
-                if (0 !== lanes) {
-                  var root = fiber;
-                  root.pendingLanes |= 2;
-                  for (root.entangledLanes |= 2; lanes; ) {
-                    var lane = 1 << (31 - clz32(lanes));
-                    root.entanglements[1] |= lane;
-                    lanes &= ~lane;
-                  }
-                  ensureRootIsScheduled(fiber);
-                  0 === (executionContext & 6) &&
-                    ((workInProgressRootRenderTargetTime = now$1() + 500),
-                    flushSyncWorkAcrossRoots_impl(!1));
-                }
-              }
-              break;
-            case 13:
-              (root = enqueueConcurrentRenderForLane(fiber, 2)),
-                null !== root && scheduleUpdateOnFiber(root, fiber, 2),
-                flushSyncWork$1(),
-                markRetryLaneIfNotHydrated(fiber, 2);
-          }
+        null !== fiber && attemptSynchronousHydration(fiber);
         fiber = findInstanceBlockingEvent(nativeEvent);
         null === fiber &&
           dispatchEventForPluginEventSystem(
@@ -17015,9 +17026,7 @@ ReactDOMHydrationRoot.prototype.render = ReactDOMRoot.prototype.render =
   function (children) {
     var root = this._internalRoot;
     if (null === root) throw Error(formatProdErrorMessage(409));
-    var current = root.current,
-      lane = requestUpdateLane();
-    updateContainerImpl(current, lane, children, root, null, null);
+    updateContainer(children, root, null, null);
   };
 ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
   function () {
@@ -17025,9 +17034,9 @@ ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
     if (null !== root) {
       this._internalRoot = null;
       var container = root.containerInfo;
-      0 === root.tag && flushPassiveEffects();
-      updateContainerImpl(root.current, 2, null, root, null, null);
-      flushSyncWork$1();
+      flushSync$1(function () {
+        updateContainer(null, root, null, null);
+      });
       container[internalContainerInstanceKey] = null;
     }
   };
@@ -17036,7 +17045,7 @@ function ReactDOMHydrationRoot(internalRoot) {
 }
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
   if (target) {
-    var updatePriority = resolveUpdatePriority();
+    var updatePriority = currentUpdatePriority;
     target = { blockedOn: null, target: target, priority: updatePriority };
     for (
       var i = 0;
@@ -17085,6 +17094,7 @@ function getCrossOriginStringAs(as, input) {
   if ("string" === typeof input)
     return "use-credentials" === input ? input : "";
 }
+var ReactDOMCurrentDispatcher = Internals.ReactDOMCurrentDispatcher;
 Internals.findDOMNode = function (componentOrElement) {
   var fiber = componentOrElement._reactInternals;
   if (void 0 === fiber) {
@@ -17109,10 +17119,10 @@ Internals.Events = [
   restoreStateIfNeeded,
   unstable_batchedUpdates
 ];
-var devToolsConfig$jscomp$inline_1808 = {
+var devToolsConfig$jscomp$inline_1773 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "19.0.0-www-modern-4e6d77ed",
+  version: "19.0.0-www-modern-89fa1e2e",
   rendererPackageName: "react-dom"
 };
 (function (internals) {
@@ -17130,10 +17140,10 @@ var devToolsConfig$jscomp$inline_1808 = {
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1808.bundleType,
-  version: devToolsConfig$jscomp$inline_1808.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1808.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1808.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1773.bundleType,
+  version: devToolsConfig$jscomp$inline_1773.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1773.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1773.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -17143,20 +17153,20 @@ var devToolsConfig$jscomp$inline_1808 = {
   setErrorHandler: null,
   setSuspenseHandler: null,
   scheduleUpdate: null,
-  currentDispatcherRef: ReactSharedInternals,
+  currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
   findHostInstanceByFiber: function (fiber) {
     fiber = findCurrentHostFiber(fiber);
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1808.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1773.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "19.0.0-www-modern-4e6d77ed"
+  reconcilerVersion: "19.0.0-www-modern-89fa1e2e"
 });
 var ReactFiberErrorDialogWWW = require("ReactFiberErrorDialog");
 if ("function" !== typeof ReactFiberErrorDialogWWW.showErrorDialog)
@@ -17179,8 +17189,7 @@ function wwwOnCaughtError(error, errorInfo) {
         null != errorInfo.componentStack ? errorInfo.componentStack : ""
     }) && defaultOnCaughtError(error);
 }
-exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
-  Internals;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createPortal = function (children, container) {
   var key =
     2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null;
@@ -17236,15 +17245,7 @@ exports.createRoot = function (container, options) {
   return new ReactDOMRoot(options);
 };
 exports.flushSync = function (fn) {
-  var previousTransition = ReactSharedInternals.T,
-    previousUpdatePriority = Internals.p;
-  try {
-    if (((ReactSharedInternals.T = null), (Internals.p = 2), fn)) return fn();
-  } finally {
-    (ReactSharedInternals.T = previousTransition),
-      (Internals.p = previousUpdatePriority),
-      Internals.d.f();
-  }
+  return flushSync$1(fn);
 };
 exports.hydrateRoot = function (container, initialChildren, options) {
   options = assign(
@@ -17314,10 +17315,11 @@ exports.preconnect = function (href, options) {
               : ""
             : void 0))
       : (options = null),
-    Internals.d.C(href, options));
+    ReactDOMCurrentDispatcher.current.preconnect(href, options));
 };
 exports.prefetchDNS = function (href) {
-  "string" === typeof href && Internals.d.D(href);
+  "string" === typeof href &&
+    ReactDOMCurrentDispatcher.current.prefetchDNS(href);
 };
 exports.preinit = function (href, options) {
   if ("string" === typeof href && options && "string" === typeof options.as) {
@@ -17330,7 +17332,7 @@ exports.preinit = function (href, options) {
           ? options.fetchPriority
           : void 0;
     "style" === as
-      ? Internals.d.S(
+      ? ReactDOMCurrentDispatcher.current.preinitStyle(
           href,
           "string" === typeof options.precedence ? options.precedence : void 0,
           {
@@ -17340,7 +17342,7 @@ exports.preinit = function (href, options) {
           }
         )
       : "script" === as &&
-        Internals.d.X(href, {
+        ReactDOMCurrentDispatcher.current.preinitScript(href, {
           crossOrigin: crossOrigin,
           integrity: integrity,
           fetchPriority: fetchPriority,
@@ -17356,14 +17358,16 @@ exports.preinitModule = function (href, options) {
           options.as,
           options.crossOrigin
         );
-        Internals.d.M(href, {
+        ReactDOMCurrentDispatcher.current.preinitModuleScript(href, {
           crossOrigin: crossOrigin,
           integrity:
             "string" === typeof options.integrity ? options.integrity : void 0,
           nonce: "string" === typeof options.nonce ? options.nonce : void 0
         });
       }
-    } else null == options && Internals.d.M(href);
+    } else
+      null == options &&
+        ReactDOMCurrentDispatcher.current.preinitModuleScript(href);
 };
 exports.preload = function (href, options) {
   if (
@@ -17374,7 +17378,7 @@ exports.preload = function (href, options) {
   ) {
     var as = options.as,
       crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
-    Internals.d.L(href, as, {
+    ReactDOMCurrentDispatcher.current.preload(href, as, {
       crossOrigin: crossOrigin,
       integrity:
         "string" === typeof options.integrity ? options.integrity : void 0,
@@ -17400,7 +17404,7 @@ exports.preloadModule = function (href, options) {
   if ("string" === typeof href)
     if (options) {
       var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
-      Internals.d.m(href, {
+      ReactDOMCurrentDispatcher.current.preloadModule(href, {
         as:
           "string" === typeof options.as && "script" !== options.as
             ? options.as
@@ -17409,10 +17413,7 @@ exports.preloadModule = function (href, options) {
         integrity:
           "string" === typeof options.integrity ? options.integrity : void 0
       });
-    } else Internals.d.m(href);
-};
-exports.requestFormReset = function (form) {
-  Internals.d.r(form);
+    } else ReactDOMCurrentDispatcher.current.preloadModule(href);
 };
 exports.unstable_batchedUpdates = unstable_batchedUpdates;
 exports.unstable_createEventHandle = function (type, options) {
@@ -17446,12 +17447,16 @@ exports.unstable_createEventHandle = function (type, options) {
 };
 exports.unstable_runWithPriority = runWithPriority;
 exports.useFormState = function (action, initialState, permalink) {
-  return ReactSharedInternals.H.useFormState(action, initialState, permalink);
+  return ReactCurrentDispatcher$2.current.useFormState(
+    action,
+    initialState,
+    permalink
+  );
 };
 exports.useFormStatus = function () {
-  return ReactSharedInternals.H.useHostTransitionStatus();
+  return ReactCurrentDispatcher$2.current.useHostTransitionStatus();
 };
-exports.version = "19.0.0-www-modern-4e6d77ed";
+exports.version = "19.0.0-www-modern-89fa1e2e";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/compiled/facebook-www/ReactDOMServer-dev.classic.js b/compiled/facebook-www/ReactDOMServer-dev.classic.js
index 397f025c19..4405b38f0c 100644
--- a/compiled/facebook-www/ReactDOMServer-dev.classic.js
+++ b/compiled/facebook-www/ReactDOMServer-dev.classic.js
@@ -19,7 +19,7 @@ if (__DEV__) {
     var React = require("react");
     var ReactDOM = require("react-dom");
 
-    var ReactVersion = "19.0.0-www-classic-bad327f1";
+    var ReactVersion = "19.0.0-www-classic-de6e54b3";
 
     // This refers to a WWW module.
     var warningWWW = require("warning");
@@ -63,10 +63,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -2349,10 +2351,7 @@ if (__DEV__) {
     }
 
     var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-
-    var ReactDOMSharedInternals =
-      ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
     // same object across all transitions.
 
@@ -2364,42 +2363,21 @@ if (__DEV__) {
     };
     var NotPending = Object.freeze(sharedNotPendingObject);
 
-    var previousDispatcher = ReactDOMSharedInternals.d;
-    /* ReactDOMCurrentDispatcher */
+    var ReactDOMSharedInternals =
+      ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-    ReactDOMSharedInternals.d =
-      /* ReactDOMCurrentDispatcher */
-      {
-        f:
-          /* flushSyncWork */
-          previousDispatcher.f,
-        /* flushSyncWork */
-        r:
-          /* requestFormReset */
-          previousDispatcher.r,
-        /* requestFormReset */
-        D:
-          /* prefetchDNS */
-          prefetchDNS,
-        C:
-          /* preconnect */
-          preconnect,
-        L:
-          /* preload */
-          preload,
-        m:
-          /* preloadModule */
-          preloadModule,
-        X:
-          /* preinitScript */
-          preinitScript,
-        S:
-          /* preinitStyle */
-          preinitStyle,
-        M:
-          /* preinitModuleScript */
-          preinitModuleScript
-      }; // We make every property of the descriptor optional because it is not a contract that
+    var ReactDOMCurrentDispatcher =
+      ReactDOMSharedInternals.ReactDOMCurrentDispatcher;
+    var previousDispatcher = ReactDOMCurrentDispatcher.current;
+    ReactDOMCurrentDispatcher.current = {
+      prefetchDNS: prefetchDNS,
+      preconnect: preconnect,
+      preload: preload,
+      preloadModule: preloadModule,
+      preinitScript: preinitScript,
+      preinitStyle: preinitStyle,
+      preinitModuleScript: preinitModuleScript
+    }; // We make every property of the descriptor optional because it is not a contract that
     var ScriptStreamingFormat = 0;
     var DataStreamingFormat = 1;
     var NothingSent =
@@ -5025,7 +5003,7 @@ if (__DEV__) {
       props,
       resumableState,
       renderState,
-      pictureOrNoScriptTagInScope
+      pictureTagInScope
     ) {
       var src = props.src,
         srcSet = props.srcSet;
@@ -5036,7 +5014,7 @@ if (__DEV__) {
         (typeof src === "string" || src == null) &&
         (typeof srcSet === "string" || srcSet == null) &&
         props.fetchPriority !== "low" &&
-        pictureOrNoScriptTagInScope === false && // We exclude data URIs in src and srcSet since these should not be preloaded
+        pictureTagInScope === false && // We exclude data URIs in src and srcSet since these should not be preloaded
         !(
           typeof src === "string" &&
           src[4] === ":" &&
@@ -5882,7 +5860,7 @@ if (__DEV__) {
             props,
             resumableState,
             renderState,
-            !!(formatContext.tagScope & (PICTURE_SCOPE | NOSCRIPT_SCOPE))
+            !!(formatContext.tagScope & PICTURE_SCOPE)
           );
         }
         // Omitted close tags
@@ -7475,10 +7453,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.D(
-          /* prefetchDNS */
-          href
-        );
+        previousDispatcher.prefetchDNS(href);
         return;
       }
 
@@ -7537,11 +7512,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.C(
-          /* preconnect */
-          href,
-          crossOrigin
-        );
+        previousDispatcher.preconnect(href, crossOrigin);
         return;
       }
 
@@ -7606,12 +7577,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.L(
-          /* preload */
-          href,
-          as,
-          options
-        );
+        previousDispatcher.preload(href, as, options);
         return;
       }
 
@@ -7846,11 +7812,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.m(
-          /* preloadModule */
-          href,
-          options
-        );
+        previousDispatcher.preloadModule(href, options);
         return;
       }
 
@@ -7928,12 +7890,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.S(
-          /* preinitStyle */
-          href,
-          precedence,
-          options
-        );
+        previousDispatcher.preinitStyle(href, precedence, options);
         return;
       }
 
@@ -8015,11 +7972,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.X(
-          /* preinitScript */
-          src,
-          options
-        );
+        previousDispatcher.preinitScript(src, options);
         return;
       }
 
@@ -8085,11 +8038,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.M(
-          /* preinitModuleScript */
-          src,
-          options
-        );
+        previousDispatcher.preinitModuleScript(src, options);
         return;
       }
 
@@ -10880,8 +10829,9 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -10933,13 +10883,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher$1.current = null;
         disableLogs();
       }
       /**
@@ -11132,7 +11082,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher$1.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -11151,12 +11101,12 @@ if (__DEV__) {
       return syntheticFrame;
     }
 
-    function describeClassComponentFrame(ctor) {
+    function describeClassComponentFrame(ctor, ownerFn) {
       {
         return describeNativeComponentFrame(ctor, true);
       }
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -11170,15 +11120,15 @@ if (__DEV__) {
         do {
           switch (node.tag) {
             case 0:
-              info += describeBuiltInComponentFrame(node.type);
+              info += describeBuiltInComponentFrame(node.type, null);
               break;
 
             case 1:
-              info += describeFunctionComponentFrame(node.type);
+              info += describeFunctionComponentFrame(node.type, null);
               break;
 
             case 2:
-              info += describeClassComponentFrame(node.type);
+              info += describeClassComponentFrame(node.type, null);
               break;
           } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -11191,6 +11141,9 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+    var ReactCurrentCache = ReactSharedInternals.ReactCurrentCache;
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame; // Linked list representing the identity of a component given the component/tag name and key.
     // The name might be minified but we assume that it's going to be the same generated name. Typically
     // because it's just the same compiled output in practice.
     // resume with segmentID at the index
@@ -12045,41 +11998,31 @@ if (__DEV__) {
     }
 
     function resolveClassComponentProps(Component, baseProps) {
-      var newProps = baseProps;
-
-      if (enableRefAsProp) {
-        // Remove ref from the props object, if it exists.
-        if ("ref" in baseProps) {
-          newProps = {};
-
-          for (var propName in baseProps) {
-            if (propName !== "ref") {
-              newProps[propName] = baseProps[propName];
-            }
-          }
-        }
-      } // Resolve default props.
+      var newProps = baseProps; // Resolve default props. Taken from old JSX runtime, where this used to live.
 
       var defaultProps = Component.defaultProps;
 
-      if (
-        defaultProps && // If disableDefaultPropsExceptForClasses is true, we always resolve
-        // default props here, rather than in the JSX runtime.
-        disableDefaultPropsExceptForClasses
-      ) {
-        // We may have already copied the props object above to remove ref. If so,
-        // we can modify that. Otherwise, copy the props object with Object.assign.
-        if (newProps === baseProps) {
-          newProps = assign({}, newProps, baseProps);
-        } // Taken from old JSX runtime, where this used to live.
+      if (defaultProps && disableDefaultPropsExceptForClasses) {
+        newProps = assign({}, newProps, baseProps);
 
-        for (var _propName in defaultProps) {
-          if (newProps[_propName] === undefined) {
-            newProps[_propName] = defaultProps[_propName];
+        for (var propName in defaultProps) {
+          if (newProps[propName] === undefined) {
+            newProps[propName] = defaultProps[propName];
           }
         }
       }
 
+      if (enableRefAsProp) {
+        // Remove ref from the props object, if it exists.
+        if ("ref" in newProps) {
+          if (newProps === baseProps) {
+            newProps = assign({}, newProps);
+          }
+
+          delete newProps.ref;
+        }
+      }
+
       return newProps;
     }
 
@@ -13999,22 +13942,22 @@ if (__DEV__) {
       }
 
       var prevContext = getActiveContext();
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
-      var prevCacheDispatcher = null;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = HooksDispatcher;
+      var prevCacheDispatcher;
 
       {
-        prevCacheDispatcher = ReactSharedInternals.C;
-        ReactSharedInternals.C = DefaultCacheDispatcher;
+        prevCacheDispatcher = ReactCurrentCache.current;
+        ReactCurrentCache.current = DefaultCacheDispatcher;
       }
 
       var prevRequest = currentRequest;
       currentRequest = request;
-      var prevGetCurrentStackImpl = null;
+      var prevGetCurrentStackImpl;
 
       {
-        prevGetCurrentStackImpl = ReactSharedInternals.getCurrentStack;
-        ReactSharedInternals.getCurrentStack = getCurrentStackInDEV;
+        prevGetCurrentStackImpl = ReactDebugCurrentFrame.getCurrentStack;
+        ReactDebugCurrentFrame.getCurrentStack = getCurrentStackInDEV;
       }
 
       var prevResumableState = currentResumableState;
@@ -14040,14 +13983,14 @@ if (__DEV__) {
         fatalError(request, error);
       } finally {
         setCurrentResumableState(prevResumableState);
-        ReactSharedInternals.H = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
 
         {
-          ReactSharedInternals.C = prevCacheDispatcher;
+          ReactCurrentCache.current = prevCacheDispatcher;
         }
 
         {
-          ReactSharedInternals.getCurrentStack = prevGetCurrentStackImpl;
+          ReactDebugCurrentFrame.getCurrentStack = prevGetCurrentStackImpl;
         }
 
         if (prevDispatcher === HooksDispatcher) {
diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js
index 2e2069acc8..1423248457 100644
--- a/compiled/facebook-www/ReactDOMServer-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMServer-dev.modern.js
@@ -19,7 +19,7 @@ if (__DEV__) {
     var React = require("react");
     var ReactDOM = require("react-dom");
 
-    var ReactVersion = "19.0.0-www-modern-d8e2224b";
+    var ReactVersion = "19.0.0-www-modern-5712afa3";
 
     // This refers to a WWW module.
     var warningWWW = require("warning");
@@ -63,10 +63,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -2349,10 +2351,7 @@ if (__DEV__) {
     }
 
     var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-
-    var ReactDOMSharedInternals =
-      ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
     // same object across all transitions.
 
@@ -2364,42 +2363,21 @@ if (__DEV__) {
     };
     var NotPending = Object.freeze(sharedNotPendingObject);
 
-    var previousDispatcher = ReactDOMSharedInternals.d;
-    /* ReactDOMCurrentDispatcher */
+    var ReactDOMSharedInternals =
+      ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-    ReactDOMSharedInternals.d =
-      /* ReactDOMCurrentDispatcher */
-      {
-        f:
-          /* flushSyncWork */
-          previousDispatcher.f,
-        /* flushSyncWork */
-        r:
-          /* requestFormReset */
-          previousDispatcher.r,
-        /* requestFormReset */
-        D:
-          /* prefetchDNS */
-          prefetchDNS,
-        C:
-          /* preconnect */
-          preconnect,
-        L:
-          /* preload */
-          preload,
-        m:
-          /* preloadModule */
-          preloadModule,
-        X:
-          /* preinitScript */
-          preinitScript,
-        S:
-          /* preinitStyle */
-          preinitStyle,
-        M:
-          /* preinitModuleScript */
-          preinitModuleScript
-      }; // We make every property of the descriptor optional because it is not a contract that
+    var ReactDOMCurrentDispatcher =
+      ReactDOMSharedInternals.ReactDOMCurrentDispatcher;
+    var previousDispatcher = ReactDOMCurrentDispatcher.current;
+    ReactDOMCurrentDispatcher.current = {
+      prefetchDNS: prefetchDNS,
+      preconnect: preconnect,
+      preload: preload,
+      preloadModule: preloadModule,
+      preinitScript: preinitScript,
+      preinitStyle: preinitStyle,
+      preinitModuleScript: preinitModuleScript
+    }; // We make every property of the descriptor optional because it is not a contract that
     var ScriptStreamingFormat = 0;
     var DataStreamingFormat = 1;
     var NothingSent =
@@ -5025,7 +5003,7 @@ if (__DEV__) {
       props,
       resumableState,
       renderState,
-      pictureOrNoScriptTagInScope
+      pictureTagInScope
     ) {
       var src = props.src,
         srcSet = props.srcSet;
@@ -5036,7 +5014,7 @@ if (__DEV__) {
         (typeof src === "string" || src == null) &&
         (typeof srcSet === "string" || srcSet == null) &&
         props.fetchPriority !== "low" &&
-        pictureOrNoScriptTagInScope === false && // We exclude data URIs in src and srcSet since these should not be preloaded
+        pictureTagInScope === false && // We exclude data URIs in src and srcSet since these should not be preloaded
         !(
           typeof src === "string" &&
           src[4] === ":" &&
@@ -5882,7 +5860,7 @@ if (__DEV__) {
             props,
             resumableState,
             renderState,
-            !!(formatContext.tagScope & (PICTURE_SCOPE | NOSCRIPT_SCOPE))
+            !!(formatContext.tagScope & PICTURE_SCOPE)
           );
         }
         // Omitted close tags
@@ -7475,10 +7453,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.D(
-          /* prefetchDNS */
-          href
-        );
+        previousDispatcher.prefetchDNS(href);
         return;
       }
 
@@ -7537,11 +7512,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.C(
-          /* preconnect */
-          href,
-          crossOrigin
-        );
+        previousDispatcher.preconnect(href, crossOrigin);
         return;
       }
 
@@ -7606,12 +7577,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.L(
-          /* preload */
-          href,
-          as,
-          options
-        );
+        previousDispatcher.preload(href, as, options);
         return;
       }
 
@@ -7846,11 +7812,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.m(
-          /* preloadModule */
-          href,
-          options
-        );
+        previousDispatcher.preloadModule(href, options);
         return;
       }
 
@@ -7928,12 +7890,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.S(
-          /* preinitStyle */
-          href,
-          precedence,
-          options
-        );
+        previousDispatcher.preinitStyle(href, precedence, options);
         return;
       }
 
@@ -8015,11 +7972,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.X(
-          /* preinitScript */
-          src,
-          options
-        );
+        previousDispatcher.preinitScript(src, options);
         return;
       }
 
@@ -8085,11 +8038,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.M(
-          /* preinitModuleScript */
-          src,
-          options
-        );
+        previousDispatcher.preinitModuleScript(src, options);
         return;
       }
 
@@ -10801,8 +10750,9 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -10854,13 +10804,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher$1.current = null;
         disableLogs();
       }
       /**
@@ -11053,7 +11003,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher$1.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -11072,12 +11022,12 @@ if (__DEV__) {
       return syntheticFrame;
     }
 
-    function describeClassComponentFrame(ctor) {
+    function describeClassComponentFrame(ctor, ownerFn) {
       {
         return describeNativeComponentFrame(ctor, true);
       }
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -11091,15 +11041,15 @@ if (__DEV__) {
         do {
           switch (node.tag) {
             case 0:
-              info += describeBuiltInComponentFrame(node.type);
+              info += describeBuiltInComponentFrame(node.type, null);
               break;
 
             case 1:
-              info += describeFunctionComponentFrame(node.type);
+              info += describeFunctionComponentFrame(node.type, null);
               break;
 
             case 2:
-              info += describeClassComponentFrame(node.type);
+              info += describeClassComponentFrame(node.type, null);
               break;
           } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -11112,6 +11062,9 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+    var ReactCurrentCache = ReactSharedInternals.ReactCurrentCache;
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame; // Linked list representing the identity of a component given the component/tag name and key.
     // The name might be minified but we assume that it's going to be the same generated name. Typically
     // because it's just the same compiled output in practice.
     // resume with segmentID at the index
@@ -11948,41 +11901,31 @@ if (__DEV__) {
     }
 
     function resolveClassComponentProps(Component, baseProps) {
-      var newProps = baseProps;
-
-      if (enableRefAsProp) {
-        // Remove ref from the props object, if it exists.
-        if ("ref" in baseProps) {
-          newProps = {};
-
-          for (var propName in baseProps) {
-            if (propName !== "ref") {
-              newProps[propName] = baseProps[propName];
-            }
-          }
-        }
-      } // Resolve default props.
+      var newProps = baseProps; // Resolve default props. Taken from old JSX runtime, where this used to live.
 
       var defaultProps = Component.defaultProps;
 
-      if (
-        defaultProps && // If disableDefaultPropsExceptForClasses is true, we always resolve
-        // default props here, rather than in the JSX runtime.
-        disableDefaultPropsExceptForClasses
-      ) {
-        // We may have already copied the props object above to remove ref. If so,
-        // we can modify that. Otherwise, copy the props object with Object.assign.
-        if (newProps === baseProps) {
-          newProps = assign({}, newProps, baseProps);
-        } // Taken from old JSX runtime, where this used to live.
+      if (defaultProps && disableDefaultPropsExceptForClasses) {
+        newProps = assign({}, newProps, baseProps);
 
-        for (var _propName in defaultProps) {
-          if (newProps[_propName] === undefined) {
-            newProps[_propName] = defaultProps[_propName];
+        for (var propName in defaultProps) {
+          if (newProps[propName] === undefined) {
+            newProps[propName] = defaultProps[propName];
           }
         }
       }
 
+      if (enableRefAsProp) {
+        // Remove ref from the props object, if it exists.
+        if ("ref" in newProps) {
+          if (newProps === baseProps) {
+            newProps = assign({}, newProps);
+          }
+
+          delete newProps.ref;
+        }
+      }
+
       return newProps;
     }
 
@@ -13904,22 +13847,22 @@ if (__DEV__) {
       }
 
       var prevContext = getActiveContext();
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
-      var prevCacheDispatcher = null;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = HooksDispatcher;
+      var prevCacheDispatcher;
 
       {
-        prevCacheDispatcher = ReactSharedInternals.C;
-        ReactSharedInternals.C = DefaultCacheDispatcher;
+        prevCacheDispatcher = ReactCurrentCache.current;
+        ReactCurrentCache.current = DefaultCacheDispatcher;
       }
 
       var prevRequest = currentRequest;
       currentRequest = request;
-      var prevGetCurrentStackImpl = null;
+      var prevGetCurrentStackImpl;
 
       {
-        prevGetCurrentStackImpl = ReactSharedInternals.getCurrentStack;
-        ReactSharedInternals.getCurrentStack = getCurrentStackInDEV;
+        prevGetCurrentStackImpl = ReactDebugCurrentFrame.getCurrentStack;
+        ReactDebugCurrentFrame.getCurrentStack = getCurrentStackInDEV;
       }
 
       var prevResumableState = currentResumableState;
@@ -13945,14 +13888,14 @@ if (__DEV__) {
         fatalError(request, error);
       } finally {
         setCurrentResumableState(prevResumableState);
-        ReactSharedInternals.H = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
 
         {
-          ReactSharedInternals.C = prevCacheDispatcher;
+          ReactCurrentCache.current = prevCacheDispatcher;
         }
 
         {
-          ReactSharedInternals.getCurrentStack = prevGetCurrentStackImpl;
+          ReactDebugCurrentFrame.getCurrentStack = prevGetCurrentStackImpl;
         }
 
         if (prevDispatcher === HooksDispatcher) {
diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js
index 2665e1c02b..bd100bb541 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js
@@ -287,26 +287,25 @@ function sanitizeURL(url) {
     : url;
 }
 var ReactSharedInternals =
-    React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-  ReactDOMSharedInternals =
-    ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   sharedNotPendingObject = {
     pending: !1,
     data: null,
     method: null,
     action: null
   },
-  previousDispatcher = ReactDOMSharedInternals.d;
-ReactDOMSharedInternals.d = {
-  f: previousDispatcher.f,
-  r: previousDispatcher.r,
-  D: prefetchDNS,
-  C: preconnect,
-  L: preload,
-  m: preloadModule,
-  X: preinitScript,
-  S: preinitStyle,
-  M: preinitModuleScript
+  ReactDOMCurrentDispatcher =
+    ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+      .ReactDOMCurrentDispatcher,
+  previousDispatcher = ReactDOMCurrentDispatcher.current;
+ReactDOMCurrentDispatcher.current = {
+  prefetchDNS: prefetchDNS,
+  preconnect: preconnect,
+  preload: preload,
+  preloadModule: preloadModule,
+  preinitScript: preinitScript,
+  preinitStyle: preinitStyle,
+  preinitModuleScript: preinitModuleScript
 };
 var PRELOAD_NO_CREDS = [],
   scriptRegex = /(<\/|<)(s)(cript)/gi;
@@ -1570,7 +1569,7 @@ function pushStartInstance(
           ("string" !== typeof srcSet && null != srcSet)
         ) &&
         "low" !== props.fetchPriority &&
-        !1 === !!(formatContext.tagScope & 3) &&
+        !1 === !!(formatContext.tagScope & 2) &&
         ("string" !== typeof src ||
           ":" !== src[4] ||
           ("d" !== src[0] && "D" !== src[0]) ||
@@ -2238,7 +2237,7 @@ function prefetchDNS(href) {
       }
       enqueueFlush(request);
     }
-  } else previousDispatcher.D(href);
+  } else previousDispatcher.prefetchDNS(href);
 }
 function preconnect(href, crossOrigin) {
   var request = currentRequest ? currentRequest : null;
@@ -2292,7 +2291,7 @@ function preconnect(href, crossOrigin) {
       }
       enqueueFlush(request);
     }
-  } else previousDispatcher.C(href, crossOrigin);
+  } else previousDispatcher.preconnect(href, crossOrigin);
 }
 function preload(href, as, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2406,7 +2405,7 @@ function preload(href, as, options) {
       }
       enqueueFlush(request);
     }
-  } else previousDispatcher.L(href, as, options);
+  } else previousDispatcher.preload(href, as, options);
 }
 function preloadModule(href, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2442,7 +2441,7 @@ function preloadModule(href, options) {
       renderState.bulkPreloads.add(as);
       enqueueFlush(request);
     }
-  } else previousDispatcher.m(href, options);
+  } else previousDispatcher.preloadModule(href, options);
 }
 function preinitStyle(href, precedence, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2482,7 +2481,7 @@ function preinitStyle(href, precedence, options) {
         styleQueue.sheets.set(href, precedence),
         enqueueFlush(request));
     }
-  } else previousDispatcher.S(href, precedence, options);
+  } else previousDispatcher.preinitStyle(href, precedence, options);
 }
 function preinitScript(src, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2506,7 +2505,7 @@ function preinitScript(src, options) {
         pushScriptImpl(src, options),
         enqueueFlush(request));
     }
-  } else previousDispatcher.X(src, options);
+  } else previousDispatcher.preinitScript(src, options);
 }
 function preinitModuleScript(src, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2532,7 +2531,7 @@ function preinitModuleScript(src, options) {
         pushScriptImpl(src, options),
         enqueueFlush(request));
     }
-  } else previousDispatcher.M(src, options);
+  } else previousDispatcher.preinitModuleScript(src, options);
 }
 function adoptPreloadCredentials(target, preloadState) {
   null == target.crossOrigin && (target.crossOrigin = preloadState[0]);
@@ -3449,6 +3448,8 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentCache = ReactSharedInternals.ReactCurrentCache;
 function defaultErrorHandler(error) {
   console.error(error);
   return null;
@@ -3670,7 +3671,7 @@ function getThrownInfo(request, node) {
       do {
         switch (node.tag) {
           case 0:
-            request += describeBuiltInComponentFrame(node.type);
+            request += describeBuiltInComponentFrame(node.type, null);
             break;
           case 1:
             request += describeNativeComponentFrame(node.type, !1);
@@ -3806,20 +3807,19 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if (type.prototype && type.prototype.isReactComponent) {
       var JSCompiler_inline_result,
         newProps = props;
-      if (enableRefAsProp && "ref" in props) {
-        newProps = {};
-        for (var propName in props)
-          "ref" !== propName && (newProps[propName] = props[propName]);
-      }
       if (
         (JSCompiler_inline_result = type.defaultProps) &&
         disableDefaultPropsExceptForClasses
       ) {
-        newProps === props && (newProps = assign({}, newProps, props));
-        for (var propName$31 in JSCompiler_inline_result)
-          void 0 === newProps[propName$31] &&
-            (newProps[propName$31] = JSCompiler_inline_result[propName$31]);
+        newProps = assign({}, newProps, props);
+        for (var propName in JSCompiler_inline_result)
+          void 0 === newProps[propName] &&
+            (newProps[propName] = JSCompiler_inline_result[propName]);
       }
+      enableRefAsProp &&
+        "ref" in newProps &&
+        (newProps === props && (newProps = assign({}, newProps)),
+        delete newProps.ref);
       JSCompiler_inline_result = newProps;
       props = task.componentStack;
       task.componentStack = { tag: 2, parent: task.componentStack, type: type };
@@ -3835,20 +3835,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
       newProps.updater = classComponentUpdater;
       newProps.props = JSCompiler_inline_result;
       newProps.state = initialState;
-      propName$31 = { queue: [], replace: !1 };
-      newProps._reactInternals = propName$31;
-      propName = type.contextType;
+      propName = { queue: [], replace: !1 };
+      newProps._reactInternals = propName;
+      var contextType = type.contextType;
       newProps.context =
-        "object" === typeof propName && null !== propName
-          ? propName._currentValue2
+        "object" === typeof contextType && null !== contextType
+          ? contextType._currentValue2
           : ref;
-      propName = type.getDerivedStateFromProps;
-      "function" === typeof propName &&
-        ((propName = propName(JSCompiler_inline_result, initialState)),
+      contextType = type.getDerivedStateFromProps;
+      "function" === typeof contextType &&
+        ((contextType = contextType(JSCompiler_inline_result, initialState)),
         (initialState =
-          null === propName || void 0 === propName
+          null === contextType || void 0 === contextType
             ? initialState
-            : assign({}, initialState, propName)),
+            : assign({}, initialState, contextType)),
         (newProps.state = initialState));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
@@ -3868,17 +3868,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
               newProps.state,
               null
             ),
-          null !== propName$31.queue && 0 < propName$31.queue.length)
+          null !== propName.queue && 0 < propName.queue.length)
         ) {
-          initialState = propName$31.queue;
-          var oldReplace = propName$31.replace;
-          propName$31.queue = null;
-          propName$31.replace = !1;
+          initialState = propName.queue;
+          var oldReplace = propName.replace;
+          propName.queue = null;
+          propName.replace = !1;
           if (oldReplace && 1 === initialState.length)
             newProps.state = initialState[0];
           else {
-            propName$31 = oldReplace ? initialState[0] : newProps.state;
-            propName = !0;
+            propName = oldReplace ? initialState[0] : newProps.state;
+            contextType = !0;
             for (
               oldReplace = oldReplace ? 1 : 0;
               oldReplace < initialState.length;
@@ -3889,20 +3889,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 "function" === typeof partial
                   ? partial.call(
                       newProps,
-                      propName$31,
+                      propName,
                       JSCompiler_inline_result,
                       ref
                     )
                   : partial;
               null != partial &&
-                (propName
-                  ? ((propName = !1),
-                    (propName$31 = assign({}, propName$31, partial)))
-                  : assign(propName$31, partial));
+                (contextType
+                  ? ((contextType = !1),
+                    (propName = assign({}, propName, partial)))
+                  : assign(propName, partial));
             }
-            newProps.state = propName$31;
+            newProps.state = propName;
           }
-        } else propName$31.queue = null;
+        } else propName.queue = null;
       JSCompiler_inline_result = newProps.render();
       ref = type.childContextTypes;
       if (null !== ref && void 0 !== ref) {
@@ -3980,7 +3980,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
       );
       newProps.lastPushedText = !1;
       JSCompiler_inline_result = task.formatContext;
-      propName$31 = task.keyPath;
+      propName = task.keyPath;
       task.formatContext = getChildFormatContext(
         JSCompiler_inline_result,
         type,
@@ -3989,7 +3989,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
       task.keyPath = keyPath;
       renderNode(request, task, ref, -1);
       task.formatContext = JSCompiler_inline_result;
-      task.keyPath = propName$31;
+      task.keyPath = propName;
       a: {
         keyPath = newProps.chunks;
         request = request.resumableState;
@@ -4075,7 +4075,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = type;
           }
         } else {
-          propName = task.componentStack;
+          contextType = task.componentStack;
           type = task.componentStack = createBuiltInComponentStack(
             task,
             "Suspense"
@@ -4087,13 +4087,13 @@ function renderElement(request, task, keyPath, type, props, ref) {
           ref = props.fallback;
           var content = props.children;
           props = new Set();
-          propName$31 = createSuspenseBoundary(request, props);
+          propName = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
-            (propName$31.trackedContentKeyPath = keyPath);
+            (propName.trackedContentKeyPath = keyPath);
           initialState = createPendingSegment(
             request,
             parentSegment.chunks.length,
-            propName$31,
+            propName,
             task.formatContext,
             !1,
             !1
@@ -4109,8 +4109,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          task.blockedBoundary = propName$31;
-          task.hoistableState = propName$31.contentState;
+          task.blockedBoundary = propName;
+          task.hoistableState = propName.contentState;
           task.blockedSegment = contentRootSegment;
           task.keyPath = keyPath;
           try {
@@ -4121,39 +4121,40 @@ function renderElement(request, task, keyPath, type, props, ref) {
                   contentRootSegment.textEmbedded &&
                   contentRootSegment.chunks.push("\x3c!-- --\x3e")),
               (contentRootSegment.status = 1),
-              queueCompletedSegment(propName$31, contentRootSegment),
-              0 === propName$31.pendingTasks && 0 === propName$31.status)
+              queueCompletedSegment(propName, contentRootSegment),
+              0 === propName.pendingTasks && 0 === propName.status)
             ) {
-              propName$31.status = 1;
-              task.componentStack = propName;
+              propName.status = 1;
+              task.componentStack = contextType;
               break a;
             }
           } catch (error) {
             (contentRootSegment.status = 4),
-              (propName$31.status = 4),
+              (propName.status = 4),
               (newProps = getThrownInfo(request, task.componentStack)),
               (JSCompiler_inline_result = logRecoverableError(
                 request,
                 error,
                 newProps
               )),
-              (propName$31.errorDigest = JSCompiler_inline_result),
-              untrackBoundary(request, propName$31);
+              (propName.errorDigest = JSCompiler_inline_result),
+              untrackBoundary(request, propName);
           } finally {
             (task.blockedBoundary = contextKey),
               (task.hoistableState = partial),
               (task.blockedSegment = parentSegment),
               (task.keyPath = oldReplace),
-              (task.componentStack = propName);
+              (task.componentStack = contextType);
           }
           newProps = [keyPath[0], "Suspense Fallback", keyPath[2]];
           JSCompiler_inline_result = request.trackedPostpones;
           null !== JSCompiler_inline_result &&
-            ((propName = [newProps[1], newProps[2], [], null]),
-            JSCompiler_inline_result.workingMap.set(newProps, propName),
-            5 === propName$31.status
-              ? (JSCompiler_inline_result.workingMap.get(keyPath)[4] = propName)
-              : (propName$31.trackedFallbackNode = propName));
+            ((contextType = [newProps[1], newProps[2], [], null]),
+            JSCompiler_inline_result.workingMap.set(newProps, contextType),
+            5 === propName.status
+              ? (JSCompiler_inline_result.workingMap.get(keyPath)[4] =
+                  contextType)
+              : (propName.trackedFallbackNode = contextType));
           task = createRenderTask(
             request,
             null,
@@ -4161,7 +4162,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             -1,
             contextKey,
             initialState,
-            propName$31.fallbackState,
+            propName.fallbackState,
             props,
             newProps,
             task.formatContext,
@@ -4679,15 +4680,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
-    } catch (thrownValue$43) {
+    } catch (thrownValue$42) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (node =
-          thrownValue$43 === SuspenseException
+          thrownValue$42 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$43),
+            : thrownValue$42),
         "object" === typeof node &&
           null !== node &&
           "function" === typeof node.then)
@@ -4960,10 +4961,10 @@ function finishedTask(request, boundary, segment) {
 function performWork(request$jscomp$2) {
   if (2 !== request$jscomp$2.status) {
     var prevContext = currentActiveSnapshot,
-      prevDispatcher = ReactSharedInternals.H;
-    ReactSharedInternals.H = HooksDispatcher;
-    var prevCacheDispatcher = ReactSharedInternals.C;
-    ReactSharedInternals.C = DefaultCacheDispatcher;
+      prevDispatcher = ReactCurrentDispatcher.current;
+    ReactCurrentDispatcher.current = HooksDispatcher;
+    var prevCacheDispatcher = ReactCurrentCache.current;
+    ReactCurrentCache.current = DefaultCacheDispatcher;
     var prevRequest = currentRequest;
     currentRequest = request$jscomp$2;
     var prevResumableState = currentResumableState;
@@ -5116,8 +5117,8 @@ function performWork(request$jscomp$2) {
         fatalError(request$jscomp$2, error);
     } finally {
       (currentResumableState = prevResumableState),
-        (ReactSharedInternals.H = prevDispatcher),
-        (ReactSharedInternals.C = prevCacheDispatcher),
+        (ReactCurrentDispatcher.current = prevDispatcher),
+        (ReactCurrentCache.current = prevCacheDispatcher),
         prevDispatcher === HooksDispatcher && switchContext(prevContext),
         (currentRequest = prevRequest);
     }
@@ -5504,11 +5505,11 @@ function flushCompletedQueues(request, destination) {
     completedBoundaries.splice(0, i);
     var partialBoundaries = request.partialBoundaries;
     for (i = 0; i < partialBoundaries.length; i++) {
-      var boundary$47 = partialBoundaries[i];
+      var boundary$46 = partialBoundaries[i];
       a: {
         clientRenderedBoundaries = request;
         boundary = destination;
-        var completedSegments = boundary$47.completedSegments;
+        var completedSegments = boundary$46.completedSegments;
         for (
           JSCompiler_inline_result = 0;
           JSCompiler_inline_result < completedSegments.length;
@@ -5518,7 +5519,7 @@ function flushCompletedQueues(request, destination) {
             !flushPartiallyCompletedSegment(
               clientRenderedBoundaries,
               boundary,
-              boundary$47,
+              boundary$46,
               completedSegments[JSCompiler_inline_result]
             )
           ) {
@@ -5530,7 +5531,7 @@ function flushCompletedQueues(request, destination) {
         completedSegments.splice(0, JSCompiler_inline_result);
         JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
           boundary,
-          boundary$47.contentState,
+          boundary$46.contentState,
           clientRenderedBoundaries.renderState
         );
       }
@@ -5604,8 +5605,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$49) {
-    logRecoverableError(request, error$49, {}), fatalError(request, error$49);
+  } catch (error$48) {
+    logRecoverableError(request, error$48, {}), fatalError(request, error$48);
   }
 }
 function onError() {}
@@ -5676,4 +5677,4 @@ exports.renderToString = function (children, options) {
     'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
   );
 };
-exports.version = "19.0.0-www-classic-b2292b3c";
+exports.version = "19.0.0-www-classic-105227cc";
diff --git a/compiled/facebook-www/ReactDOMServer-prod.modern.js b/compiled/facebook-www/ReactDOMServer-prod.modern.js
index 5c9994c3b5..8fdd903192 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.modern.js
@@ -287,26 +287,25 @@ function sanitizeURL(url) {
     : url;
 }
 var ReactSharedInternals =
-    React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-  ReactDOMSharedInternals =
-    ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   sharedNotPendingObject = {
     pending: !1,
     data: null,
     method: null,
     action: null
   },
-  previousDispatcher = ReactDOMSharedInternals.d;
-ReactDOMSharedInternals.d = {
-  f: previousDispatcher.f,
-  r: previousDispatcher.r,
-  D: prefetchDNS,
-  C: preconnect,
-  L: preload,
-  m: preloadModule,
-  X: preinitScript,
-  S: preinitStyle,
-  M: preinitModuleScript
+  ReactDOMCurrentDispatcher =
+    ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+      .ReactDOMCurrentDispatcher,
+  previousDispatcher = ReactDOMCurrentDispatcher.current;
+ReactDOMCurrentDispatcher.current = {
+  prefetchDNS: prefetchDNS,
+  preconnect: preconnect,
+  preload: preload,
+  preloadModule: preloadModule,
+  preinitScript: preinitScript,
+  preinitStyle: preinitStyle,
+  preinitModuleScript: preinitModuleScript
 };
 var PRELOAD_NO_CREDS = [],
   scriptRegex = /(<\/|<)(s)(cript)/gi;
@@ -1570,7 +1569,7 @@ function pushStartInstance(
           ("string" !== typeof srcSet && null != srcSet)
         ) &&
         "low" !== props.fetchPriority &&
-        !1 === !!(formatContext.tagScope & 3) &&
+        !1 === !!(formatContext.tagScope & 2) &&
         ("string" !== typeof src ||
           ":" !== src[4] ||
           ("d" !== src[0] && "D" !== src[0]) ||
@@ -2238,7 +2237,7 @@ function prefetchDNS(href) {
       }
       enqueueFlush(request);
     }
-  } else previousDispatcher.D(href);
+  } else previousDispatcher.prefetchDNS(href);
 }
 function preconnect(href, crossOrigin) {
   var request = currentRequest ? currentRequest : null;
@@ -2292,7 +2291,7 @@ function preconnect(href, crossOrigin) {
       }
       enqueueFlush(request);
     }
-  } else previousDispatcher.C(href, crossOrigin);
+  } else previousDispatcher.preconnect(href, crossOrigin);
 }
 function preload(href, as, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2406,7 +2405,7 @@ function preload(href, as, options) {
       }
       enqueueFlush(request);
     }
-  } else previousDispatcher.L(href, as, options);
+  } else previousDispatcher.preload(href, as, options);
 }
 function preloadModule(href, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2442,7 +2441,7 @@ function preloadModule(href, options) {
       renderState.bulkPreloads.add(as);
       enqueueFlush(request);
     }
-  } else previousDispatcher.m(href, options);
+  } else previousDispatcher.preloadModule(href, options);
 }
 function preinitStyle(href, precedence, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2482,7 +2481,7 @@ function preinitStyle(href, precedence, options) {
         styleQueue.sheets.set(href, precedence),
         enqueueFlush(request));
     }
-  } else previousDispatcher.S(href, precedence, options);
+  } else previousDispatcher.preinitStyle(href, precedence, options);
 }
 function preinitScript(src, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2506,7 +2505,7 @@ function preinitScript(src, options) {
         pushScriptImpl(src, options),
         enqueueFlush(request));
     }
-  } else previousDispatcher.X(src, options);
+  } else previousDispatcher.preinitScript(src, options);
 }
 function preinitModuleScript(src, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2532,7 +2531,7 @@ function preinitModuleScript(src, options) {
         pushScriptImpl(src, options),
         enqueueFlush(request));
     }
-  } else previousDispatcher.M(src, options);
+  } else previousDispatcher.preinitModuleScript(src, options);
 }
 function adoptPreloadCredentials(target, preloadState) {
   null == target.crossOrigin && (target.crossOrigin = preloadState[0]);
@@ -3441,6 +3440,8 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentCache = ReactSharedInternals.ReactCurrentCache;
 function defaultErrorHandler(error) {
   console.error(error);
   return null;
@@ -3662,7 +3663,7 @@ function getThrownInfo(request, node) {
       do {
         switch (node.tag) {
           case 0:
-            request += describeBuiltInComponentFrame(node.type);
+            request += describeBuiltInComponentFrame(node.type, null);
             break;
           case 1:
             request += describeNativeComponentFrame(node.type, !1);
@@ -3797,24 +3798,18 @@ function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
       var JSCompiler_inline_result = props;
-      if (enableRefAsProp && "ref" in props) {
-        JSCompiler_inline_result = {};
-        for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
-      }
       var defaultProps = type.defaultProps;
       if (defaultProps && disableDefaultPropsExceptForClasses) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
-        for (var propName$31 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$31] &&
-            (JSCompiler_inline_result[propName$31] = defaultProps[propName$31]);
+        JSCompiler_inline_result = assign({}, JSCompiler_inline_result, props);
+        for (var propName in defaultProps)
+          void 0 === JSCompiler_inline_result[propName] &&
+            (JSCompiler_inline_result[propName] = defaultProps[propName]);
       }
+      enableRefAsProp &&
+        "ref" in JSCompiler_inline_result &&
+        (JSCompiler_inline_result === props &&
+          (JSCompiler_inline_result = assign({}, JSCompiler_inline_result)),
+        delete JSCompiler_inline_result.ref);
       props = task.componentStack;
       task.componentStack = { tag: 2, parent: task.componentStack, type: type };
       defaultProps = emptyContextObject;
@@ -3823,10 +3818,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
         null !== ref &&
         (defaultProps = ref._currentValue2);
       defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$31 = void 0 !== defaultProps.state ? defaultProps.state : null;
+      propName = void 0 !== defaultProps.state ? defaultProps.state : null;
       defaultProps.updater = classComponentUpdater;
       defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$31;
+      defaultProps.state = propName;
       ref = { queue: [], replace: !1 };
       defaultProps._reactInternals = ref;
       var contextType = type.contextType;
@@ -3836,12 +3831,12 @@ function renderElement(request, task, keyPath, type, props, ref) {
           : emptyContextObject;
       contextType = type.getDerivedStateFromProps;
       "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$31)),
-        (propName$31 =
+        ((contextType = contextType(JSCompiler_inline_result, propName)),
+        (propName =
           null === contextType || void 0 === contextType
-            ? propName$31
-            : assign({}, propName$31, contextType)),
-        (defaultProps.state = propName$31));
+            ? propName
+            : assign({}, propName, contextType)),
+        (defaultProps.state = propName));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
         "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
@@ -3872,26 +3867,27 @@ function renderElement(request, task, keyPath, type, props, ref) {
             defaultProps.state = type[0];
           else {
             ref = contextType ? type[0] : defaultProps.state;
-            propName$31 = !0;
+            propName = !0;
             for (
               contextType = contextType ? 1 : 0;
               contextType < type.length;
               contextType++
-            )
-              (propName = type[contextType]),
-                (propName =
-                  "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
-                    : propName),
-                null != propName &&
-                  (propName$31
-                    ? ((propName$31 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
+            ) {
+              var partial = type[contextType];
+              partial =
+                "function" === typeof partial
+                  ? partial.call(
+                      defaultProps,
+                      ref,
+                      JSCompiler_inline_result,
+                      void 0
+                    )
+                  : partial;
+              null != partial &&
+                (propName
+                  ? ((propName = !1), (ref = assign({}, ref, partial)))
+                  : assign(ref, partial));
+            }
             defaultProps.state = ref;
           }
         else ref.queue = null;
@@ -3926,14 +3922,14 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if (null === defaultProps)
       (defaultProps = props.children),
         (ref = task.formatContext),
-        (propName$31 = task.keyPath),
+        (propName = task.keyPath),
         (task.formatContext = getChildFormatContext(ref, type, props)),
         (task.keyPath = keyPath),
         renderNode(request, task, defaultProps, -1),
         (task.formatContext = ref),
-        (task.keyPath = propName$31);
+        (task.keyPath = propName);
     else {
-      propName$31 = pushStartInstance(
+      propName = pushStartInstance(
         defaultProps.chunks,
         type,
         props,
@@ -3949,7 +3945,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
       contextType = task.keyPath;
       task.formatContext = getChildFormatContext(ref, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$31, -1);
+      renderNode(request, task, propName, -1);
       task.formatContext = ref;
       task.keyPath = contextType;
       a: {
@@ -4046,13 +4042,13 @@ function renderElement(request, task, keyPath, type, props, ref) {
           ref = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$31 = props.fallback;
+          propName = props.fallback;
           var content = props.children;
           props = new Set();
           contextType = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
             (contextType.trackedContentKeyPath = keyPath);
-          propName = createPendingSegment(
+          partial = createPendingSegment(
             request,
             parentSegment.chunks.length,
             contextType,
@@ -4060,7 +4056,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1,
             !1
           );
-          parentSegment.children.push(propName);
+          parentSegment.children.push(partial);
           parentSegment.lastPushedText = !1;
           var contentRootSegment = createPendingSegment(
             request,
@@ -4135,10 +4131,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task = createRenderTask(
             request,
             null,
-            propName$31,
+            propName,
             -1,
             ref,
-            propName,
+            partial,
             contextType.fallbackState,
             props,
             JSCompiler_inline_result,
@@ -4657,15 +4653,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
-    } catch (thrownValue$43) {
+    } catch (thrownValue$42) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (node =
-          thrownValue$43 === SuspenseException
+          thrownValue$42 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$43),
+            : thrownValue$42),
         "object" === typeof node &&
           null !== node &&
           "function" === typeof node.then)
@@ -4938,10 +4934,10 @@ function finishedTask(request, boundary, segment) {
 function performWork(request$jscomp$2) {
   if (2 !== request$jscomp$2.status) {
     var prevContext = currentActiveSnapshot,
-      prevDispatcher = ReactSharedInternals.H;
-    ReactSharedInternals.H = HooksDispatcher;
-    var prevCacheDispatcher = ReactSharedInternals.C;
-    ReactSharedInternals.C = DefaultCacheDispatcher;
+      prevDispatcher = ReactCurrentDispatcher.current;
+    ReactCurrentDispatcher.current = HooksDispatcher;
+    var prevCacheDispatcher = ReactCurrentCache.current;
+    ReactCurrentCache.current = DefaultCacheDispatcher;
     var prevRequest = currentRequest;
     currentRequest = request$jscomp$2;
     var prevResumableState = currentResumableState;
@@ -5094,8 +5090,8 @@ function performWork(request$jscomp$2) {
         fatalError(request$jscomp$2, error);
     } finally {
       (currentResumableState = prevResumableState),
-        (ReactSharedInternals.H = prevDispatcher),
-        (ReactSharedInternals.C = prevCacheDispatcher),
+        (ReactCurrentDispatcher.current = prevDispatcher),
+        (ReactCurrentCache.current = prevCacheDispatcher),
         prevDispatcher === HooksDispatcher && switchContext(prevContext),
         (currentRequest = prevRequest);
     }
@@ -5482,11 +5478,11 @@ function flushCompletedQueues(request, destination) {
     completedBoundaries.splice(0, i);
     var partialBoundaries = request.partialBoundaries;
     for (i = 0; i < partialBoundaries.length; i++) {
-      var boundary$47 = partialBoundaries[i];
+      var boundary$46 = partialBoundaries[i];
       a: {
         clientRenderedBoundaries = request;
         boundary = destination;
-        var completedSegments = boundary$47.completedSegments;
+        var completedSegments = boundary$46.completedSegments;
         for (
           JSCompiler_inline_result = 0;
           JSCompiler_inline_result < completedSegments.length;
@@ -5496,7 +5492,7 @@ function flushCompletedQueues(request, destination) {
             !flushPartiallyCompletedSegment(
               clientRenderedBoundaries,
               boundary,
-              boundary$47,
+              boundary$46,
               completedSegments[JSCompiler_inline_result]
             )
           ) {
@@ -5508,7 +5504,7 @@ function flushCompletedQueues(request, destination) {
         completedSegments.splice(0, JSCompiler_inline_result);
         JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
           boundary,
-          boundary$47.contentState,
+          boundary$46.contentState,
           clientRenderedBoundaries.renderState
         );
       }
@@ -5582,8 +5578,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$49) {
-    logRecoverableError(request, error$49, {}), fatalError(request, error$49);
+  } catch (error$48) {
+    logRecoverableError(request, error$48, {}), fatalError(request, error$48);
   }
 }
 function onError() {}
@@ -5654,4 +5650,4 @@ exports.renderToString = function (children, options) {
     'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
   );
 };
-exports.version = "19.0.0-www-modern-eac2599d";
+exports.version = "19.0.0-www-modern-09c7873c";
diff --git a/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js b/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
index 0994e9281e..6b8fd23c87 100644
--- a/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
@@ -61,10 +61,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -2345,19 +2347,8 @@ if (__DEV__) {
         : 'something with type "' + typeof thing + '"';
     }
 
-    var ReactSharedInternalsServer = // $FlowFixMe: It's defined in the one we resolve to.
-      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-
-    if (!ReactSharedInternalsServer) {
-      throw new 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 ReactDOMSharedInternals =
-      ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    var ReactSharedInternals =
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
     // same object across all transitions.
 
@@ -2369,42 +2360,21 @@ if (__DEV__) {
     };
     var NotPending = Object.freeze(sharedNotPendingObject);
 
-    var previousDispatcher = ReactDOMSharedInternals.d;
-    /* ReactDOMCurrentDispatcher */
+    var ReactDOMSharedInternals =
+      ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-    ReactDOMSharedInternals.d =
-      /* ReactDOMCurrentDispatcher */
-      {
-        f:
-          /* flushSyncWork */
-          previousDispatcher.f,
-        /* flushSyncWork */
-        r:
-          /* requestFormReset */
-          previousDispatcher.r,
-        /* requestFormReset */
-        D:
-          /* prefetchDNS */
-          prefetchDNS,
-        C:
-          /* preconnect */
-          preconnect,
-        L:
-          /* preload */
-          preload,
-        m:
-          /* preloadModule */
-          preloadModule,
-        X:
-          /* preinitScript */
-          preinitScript,
-        S:
-          /* preinitStyle */
-          preinitStyle,
-        M:
-          /* preinitModuleScript */
-          preinitModuleScript
-      }; // We make every property of the descriptor optional because it is not a contract that
+    var ReactDOMCurrentDispatcher =
+      ReactDOMSharedInternals.ReactDOMCurrentDispatcher;
+    var previousDispatcher = ReactDOMCurrentDispatcher.current;
+    ReactDOMCurrentDispatcher.current = {
+      prefetchDNS: prefetchDNS,
+      preconnect: preconnect,
+      preload: preload,
+      preloadModule: preloadModule,
+      preinitScript: preinitScript,
+      preinitStyle: preinitStyle,
+      preinitModuleScript: preinitModuleScript
+    }; // We make every property of the descriptor optional because it is not a contract that
     var ScriptStreamingFormat = 0;
     var DataStreamingFormat = 1;
     var NothingSent =
@@ -5030,7 +5000,7 @@ if (__DEV__) {
       props,
       resumableState,
       renderState,
-      pictureOrNoScriptTagInScope
+      pictureTagInScope
     ) {
       var src = props.src,
         srcSet = props.srcSet;
@@ -5041,7 +5011,7 @@ if (__DEV__) {
         (typeof src === "string" || src == null) &&
         (typeof srcSet === "string" || srcSet == null) &&
         props.fetchPriority !== "low" &&
-        pictureOrNoScriptTagInScope === false && // We exclude data URIs in src and srcSet since these should not be preloaded
+        pictureTagInScope === false && // We exclude data URIs in src and srcSet since these should not be preloaded
         !(
           typeof src === "string" &&
           src[4] === ":" &&
@@ -5889,7 +5859,7 @@ if (__DEV__) {
             props,
             resumableState,
             renderState,
-            !!(formatContext.tagScope & (PICTURE_SCOPE | NOSCRIPT_SCOPE))
+            !!(formatContext.tagScope & PICTURE_SCOPE)
           );
         }
         // Omitted close tags
@@ -7479,10 +7449,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.D(
-          /* prefetchDNS */
-          href
-        );
+        previousDispatcher.prefetchDNS(href);
         return;
       }
 
@@ -7541,11 +7508,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.C(
-          /* preconnect */
-          href,
-          crossOrigin
-        );
+        previousDispatcher.preconnect(href, crossOrigin);
         return;
       }
 
@@ -7610,12 +7573,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.L(
-          /* preload */
-          href,
-          as,
-          options
-        );
+        previousDispatcher.preload(href, as, options);
         return;
       }
 
@@ -7850,11 +7808,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.m(
-          /* preloadModule */
-          href,
-          options
-        );
+        previousDispatcher.preloadModule(href, options);
         return;
       }
 
@@ -7932,12 +7886,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.S(
-          /* preinitStyle */
-          href,
-          precedence,
-          options
-        );
+        previousDispatcher.preinitStyle(href, precedence, options);
         return;
       }
 
@@ -8019,11 +7968,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.X(
-          /* preinitScript */
-          src,
-          options
-        );
+        previousDispatcher.preinitScript(src, options);
         return;
       }
 
@@ -8089,11 +8034,7 @@ if (__DEV__) {
         // the resources for this call in either case we opt to do nothing. We can consider making this a warning
         // but there may be times where calling a function outside of render is intentional (i.e. to warm up data
         // fetching) and we don't want to warn in those cases.
-        previousDispatcher.M(
-          /* preinitModuleScript */
-          src,
-          options
-        );
+        previousDispatcher.preinitModuleScript(src, options);
         return;
       }
 
@@ -10691,8 +10632,9 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -10744,13 +10686,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternalsServer.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternalsServer.H = null;
+        ReactCurrentDispatcher$1.current = null;
         disableLogs();
       }
       /**
@@ -10943,7 +10885,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternalsServer.H = previousDispatcher;
+          ReactCurrentDispatcher$1.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -10962,12 +10904,12 @@ if (__DEV__) {
       return syntheticFrame;
     }
 
-    function describeClassComponentFrame(ctor) {
+    function describeClassComponentFrame(ctor, ownerFn) {
       {
         return describeNativeComponentFrame(ctor, true);
       }
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -10981,15 +10923,15 @@ if (__DEV__) {
         do {
           switch (node.tag) {
             case 0:
-              info += describeBuiltInComponentFrame(node.type);
+              info += describeBuiltInComponentFrame(node.type, null);
               break;
 
             case 1:
-              info += describeFunctionComponentFrame(node.type);
+              info += describeFunctionComponentFrame(node.type, null);
               break;
 
             case 2:
-              info += describeClassComponentFrame(node.type);
+              info += describeClassComponentFrame(node.type, null);
               break;
           } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -11002,6 +10944,9 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+    var ReactCurrentCache = ReactSharedInternals.ReactCurrentCache;
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame; // Linked list representing the identity of a component given the component/tag name and key.
     // The name might be minified but we assume that it's going to be the same generated name. Typically
     // because it's just the same compiled output in practice.
     // resume with segmentID at the index
@@ -11835,41 +11780,31 @@ if (__DEV__) {
     }
 
     function resolveClassComponentProps(Component, baseProps) {
-      var newProps = baseProps;
-
-      if (enableRefAsProp) {
-        // Remove ref from the props object, if it exists.
-        if ("ref" in baseProps) {
-          newProps = {};
-
-          for (var propName in baseProps) {
-            if (propName !== "ref") {
-              newProps[propName] = baseProps[propName];
-            }
-          }
-        }
-      } // Resolve default props.
+      var newProps = baseProps; // Resolve default props. Taken from old JSX runtime, where this used to live.
 
       var defaultProps = Component.defaultProps;
 
-      if (
-        defaultProps && // If disableDefaultPropsExceptForClasses is true, we always resolve
-        // default props here, rather than in the JSX runtime.
-        disableDefaultPropsExceptForClasses
-      ) {
-        // We may have already copied the props object above to remove ref. If so,
-        // we can modify that. Otherwise, copy the props object with Object.assign.
-        if (newProps === baseProps) {
-          newProps = assign({}, newProps, baseProps);
-        } // Taken from old JSX runtime, where this used to live.
+      if (defaultProps && disableDefaultPropsExceptForClasses) {
+        newProps = assign({}, newProps, baseProps);
 
-        for (var _propName in defaultProps) {
-          if (newProps[_propName] === undefined) {
-            newProps[_propName] = defaultProps[_propName];
+        for (var propName in defaultProps) {
+          if (newProps[propName] === undefined) {
+            newProps[propName] = defaultProps[propName];
           }
         }
       }
 
+      if (enableRefAsProp) {
+        // Remove ref from the props object, if it exists.
+        if ("ref" in newProps) {
+          if (newProps === baseProps) {
+            newProps = assign({}, newProps);
+          }
+
+          delete newProps.ref;
+        }
+      }
+
       return newProps;
     }
 
@@ -13791,22 +13726,22 @@ if (__DEV__) {
       }
 
       var prevContext = getActiveContext();
-      var prevDispatcher = ReactSharedInternalsServer.H;
-      ReactSharedInternalsServer.H = HooksDispatcher;
-      var prevCacheDispatcher = null;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = HooksDispatcher;
+      var prevCacheDispatcher;
 
       {
-        prevCacheDispatcher = ReactSharedInternalsServer.C;
-        ReactSharedInternalsServer.C = DefaultCacheDispatcher;
+        prevCacheDispatcher = ReactCurrentCache.current;
+        ReactCurrentCache.current = DefaultCacheDispatcher;
       }
 
       var prevRequest = currentRequest;
       currentRequest = request;
-      var prevGetCurrentStackImpl = null;
+      var prevGetCurrentStackImpl;
 
       {
-        prevGetCurrentStackImpl = ReactSharedInternalsServer.getCurrentStack;
-        ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
+        prevGetCurrentStackImpl = ReactDebugCurrentFrame.getCurrentStack;
+        ReactDebugCurrentFrame.getCurrentStack = getCurrentStackInDEV;
       }
 
       var prevResumableState = currentResumableState;
@@ -13832,14 +13767,14 @@ if (__DEV__) {
         fatalError(request, error);
       } finally {
         setCurrentResumableState(prevResumableState);
-        ReactSharedInternalsServer.H = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
 
         {
-          ReactSharedInternalsServer.C = prevCacheDispatcher;
+          ReactCurrentCache.current = prevCacheDispatcher;
         }
 
         {
-          ReactSharedInternalsServer.getCurrentStack = prevGetCurrentStackImpl;
+          ReactDebugCurrentFrame.getCurrentStack = prevGetCurrentStackImpl;
         }
 
         if (prevDispatcher === HooksDispatcher) {
diff --git a/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js b/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
index 2afe521ba3..db7d142e2e 100644
--- a/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
@@ -278,31 +278,26 @@ function sanitizeURL(url) {
     ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
     : url;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
-var ReactDOMSharedInternals =
-    ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+var ReactSharedInternals =
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   sharedNotPendingObject = {
     pending: !1,
     data: null,
     method: null,
     action: null
   },
-  previousDispatcher = ReactDOMSharedInternals.d;
-ReactDOMSharedInternals.d = {
-  f: previousDispatcher.f,
-  r: previousDispatcher.r,
-  D: prefetchDNS,
-  C: preconnect,
-  L: preload,
-  m: preloadModule,
-  X: preinitScript,
-  S: preinitStyle,
-  M: preinitModuleScript
+  ReactDOMCurrentDispatcher =
+    ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+      .ReactDOMCurrentDispatcher,
+  previousDispatcher = ReactDOMCurrentDispatcher.current;
+ReactDOMCurrentDispatcher.current = {
+  prefetchDNS: prefetchDNS,
+  preconnect: preconnect,
+  preload: preload,
+  preloadModule: preloadModule,
+  preinitScript: preinitScript,
+  preinitStyle: preinitStyle,
+  preinitModuleScript: preinitModuleScript
 };
 var PRELOAD_NO_CREDS = [],
   scriptRegex = /(<\/|<)(s)(cript)/gi;
@@ -1572,7 +1567,7 @@ function pushStartInstance(
           ("string" !== typeof srcSet && null != srcSet)
         ) &&
         "low" !== props.fetchPriority &&
-        !1 === !!(formatContext.tagScope & 3) &&
+        !1 === !!(formatContext.tagScope & 2) &&
         ("string" !== typeof src ||
           ":" !== src[4] ||
           ("d" !== src[0] && "D" !== src[0]) ||
@@ -2259,7 +2254,7 @@ function prefetchDNS(href) {
       }
       enqueueFlush(request);
     }
-  } else previousDispatcher.D(href);
+  } else previousDispatcher.prefetchDNS(href);
 }
 function preconnect(href, crossOrigin) {
   var request = currentRequest ? currentRequest : null;
@@ -2313,7 +2308,7 @@ function preconnect(href, crossOrigin) {
       }
       enqueueFlush(request);
     }
-  } else previousDispatcher.C(href, crossOrigin);
+  } else previousDispatcher.preconnect(href, crossOrigin);
 }
 function preload(href, as, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2427,7 +2422,7 @@ function preload(href, as, options) {
       }
       enqueueFlush(request);
     }
-  } else previousDispatcher.L(href, as, options);
+  } else previousDispatcher.preload(href, as, options);
 }
 function preloadModule(href, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2463,7 +2458,7 @@ function preloadModule(href, options) {
       renderState.bulkPreloads.add(as);
       enqueueFlush(request);
     }
-  } else previousDispatcher.m(href, options);
+  } else previousDispatcher.preloadModule(href, options);
 }
 function preinitStyle(href, precedence, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2503,7 +2498,7 @@ function preinitStyle(href, precedence, options) {
         styleQueue.sheets.set(href, precedence),
         enqueueFlush(request));
     }
-  } else previousDispatcher.S(href, precedence, options);
+  } else previousDispatcher.preinitStyle(href, precedence, options);
 }
 function preinitScript(src, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2527,7 +2522,7 @@ function preinitScript(src, options) {
         pushScriptImpl(src, options),
         enqueueFlush(request));
     }
-  } else previousDispatcher.X(src, options);
+  } else previousDispatcher.preinitScript(src, options);
 }
 function preinitModuleScript(src, options) {
   var request = currentRequest ? currentRequest : null;
@@ -2553,7 +2548,7 @@ function preinitModuleScript(src, options) {
         pushScriptImpl(src, options),
         enqueueFlush(request));
     }
-  } else previousDispatcher.M(src, options);
+  } else previousDispatcher.preinitModuleScript(src, options);
 }
 function adoptPreloadCredentials(target, preloadState) {
   null == target.crossOrigin && (target.crossOrigin = preloadState[0]);
@@ -3336,6 +3331,8 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentCache = ReactSharedInternals.ReactCurrentCache;
 function defaultErrorHandler(error) {
   console.error(error);
   return null;
@@ -3483,7 +3480,7 @@ function getThrownInfo(request, node) {
       do {
         switch (node.tag) {
           case 0:
-            request += describeBuiltInComponentFrame(node.type);
+            request += describeBuiltInComponentFrame(node.type, null);
             break;
           case 1:
             request += describeNativeComponentFrame(node.type, !1);
@@ -3625,24 +3622,18 @@ function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
       var JSCompiler_inline_result = props;
-      if (enableRefAsProp && "ref" in props) {
-        JSCompiler_inline_result = {};
-        for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
-      }
       var defaultProps = type.defaultProps;
       if (defaultProps && disableDefaultPropsExceptForClasses) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
-        for (var propName$31 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$31] &&
-            (JSCompiler_inline_result[propName$31] = defaultProps[propName$31]);
+        JSCompiler_inline_result = assign({}, JSCompiler_inline_result, props);
+        for (var propName in defaultProps)
+          void 0 === JSCompiler_inline_result[propName] &&
+            (JSCompiler_inline_result[propName] = defaultProps[propName]);
       }
+      enableRefAsProp &&
+        "ref" in JSCompiler_inline_result &&
+        (JSCompiler_inline_result === props &&
+          (JSCompiler_inline_result = assign({}, JSCompiler_inline_result)),
+        delete JSCompiler_inline_result.ref);
       props = task.componentStack;
       task.componentStack = { tag: 2, parent: task.componentStack, type: type };
       defaultProps = emptyContextObject;
@@ -3651,10 +3642,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
         null !== ref &&
         (defaultProps = ref._currentValue);
       defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$31 = void 0 !== defaultProps.state ? defaultProps.state : null;
+      propName = void 0 !== defaultProps.state ? defaultProps.state : null;
       defaultProps.updater = classComponentUpdater;
       defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$31;
+      defaultProps.state = propName;
       ref = { queue: [], replace: !1 };
       defaultProps._reactInternals = ref;
       var contextType = type.contextType;
@@ -3664,12 +3655,12 @@ function renderElement(request, task, keyPath, type, props, ref) {
           : emptyContextObject;
       contextType = type.getDerivedStateFromProps;
       "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$31)),
-        (propName$31 =
+        ((contextType = contextType(JSCompiler_inline_result, propName)),
+        (propName =
           null === contextType || void 0 === contextType
-            ? propName$31
-            : assign({}, propName$31, contextType)),
-        (defaultProps.state = propName$31));
+            ? propName
+            : assign({}, propName, contextType)),
+        (defaultProps.state = propName));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
         "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
@@ -3700,26 +3691,27 @@ function renderElement(request, task, keyPath, type, props, ref) {
             defaultProps.state = type[0];
           else {
             ref = contextType ? type[0] : defaultProps.state;
-            propName$31 = !0;
+            propName = !0;
             for (
               contextType = contextType ? 1 : 0;
               contextType < type.length;
               contextType++
-            )
-              (propName = type[contextType]),
-                (propName =
-                  "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
-                    : propName),
-                null != propName &&
-                  (propName$31
-                    ? ((propName$31 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
+            ) {
+              var partial = type[contextType];
+              partial =
+                "function" === typeof partial
+                  ? partial.call(
+                      defaultProps,
+                      ref,
+                      JSCompiler_inline_result,
+                      void 0
+                    )
+                  : partial;
+              null != partial &&
+                (propName
+                  ? ((propName = !1), (ref = assign({}, ref, partial)))
+                  : assign(ref, partial));
+            }
             defaultProps.state = ref;
           }
         else ref.queue = null;
@@ -3754,14 +3746,14 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if (null === defaultProps)
       (defaultProps = props.children),
         (ref = task.formatContext),
-        (propName$31 = task.keyPath),
+        (propName = task.keyPath),
         (task.formatContext = getChildFormatContext(ref, type, props)),
         (task.keyPath = keyPath),
         renderNode(request, task, defaultProps, -1),
         (task.formatContext = ref),
-        (task.keyPath = propName$31);
+        (task.keyPath = propName);
     else {
-      propName$31 = pushStartInstance(
+      propName = pushStartInstance(
         defaultProps.chunks,
         type,
         props,
@@ -3777,7 +3769,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
       contextType = task.keyPath;
       task.formatContext = getChildFormatContext(ref, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$31, -1);
+      renderNode(request, task, propName, -1);
       task.formatContext = ref;
       task.keyPath = contextType;
       a: {
@@ -3874,13 +3866,13 @@ function renderElement(request, task, keyPath, type, props, ref) {
           ref = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$31 = props.fallback;
+          propName = props.fallback;
           var content = props.children;
           props = new Set();
           contextType = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
             (contextType.trackedContentKeyPath = keyPath);
-          propName = createPendingSegment(
+          partial = createPendingSegment(
             request,
             parentSegment.chunks.length,
             contextType,
@@ -3888,7 +3880,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1,
             !1
           );
-          parentSegment.children.push(propName);
+          parentSegment.children.push(partial);
           parentSegment.lastPushedText = !1;
           var contentRootSegment = createPendingSegment(
             request,
@@ -3962,10 +3954,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task = createRenderTask(
             request,
             null,
-            propName$31,
+            propName,
             -1,
             ref,
-            propName,
+            partial,
             contextType.fallbackState,
             props,
             JSCompiler_inline_result,
@@ -4496,15 +4488,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
-    } catch (thrownValue$43) {
+    } catch (thrownValue$42) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (node =
-          thrownValue$43 === SuspenseException
+          thrownValue$42 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$43),
+            : thrownValue$42),
         "object" === typeof node &&
           null !== node &&
           "function" === typeof node.then)
@@ -5159,11 +5151,11 @@ function flushCompletedQueues(request, destination) {
     completedBoundaries.splice(0, i);
     var partialBoundaries = request.partialBoundaries;
     for (i = 0; i < partialBoundaries.length; i++) {
-      var boundary$47 = partialBoundaries[i];
+      var boundary$46 = partialBoundaries[i];
       a: {
         clientRenderedBoundaries = request;
         boundary = destination;
-        var completedSegments = boundary$47.completedSegments;
+        var completedSegments = boundary$46.completedSegments;
         for (
           JSCompiler_inline_result = 0;
           JSCompiler_inline_result < completedSegments.length;
@@ -5173,7 +5165,7 @@ function flushCompletedQueues(request, destination) {
             !flushPartiallyCompletedSegment(
               clientRenderedBoundaries,
               boundary,
-              boundary$47,
+              boundary$46,
               completedSegments[JSCompiler_inline_result]
             )
           ) {
@@ -5185,7 +5177,7 @@ function flushCompletedQueues(request, destination) {
         completedSegments.splice(0, JSCompiler_inline_result);
         JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
           boundary,
-          boundary$47.contentState,
+          boundary$46.contentState,
           clientRenderedBoundaries.renderState
         );
       }
@@ -5240,8 +5232,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$49) {
-    logRecoverableError(request, error$49, {}), fatalError(request, error$49);
+  } catch (error$48) {
+    logRecoverableError(request, error$48, {}), fatalError(request, error$48);
   }
 }
 exports.abortStream = function (stream, reason) {
@@ -5266,10 +5258,10 @@ exports.renderNextChunk = function (stream) {
   stream = stream.destination;
   if (2 !== request.status) {
     var prevContext = currentActiveSnapshot,
-      prevDispatcher = ReactSharedInternalsServer.H;
-    ReactSharedInternalsServer.H = HooksDispatcher;
-    var prevCacheDispatcher = ReactSharedInternalsServer.C;
-    ReactSharedInternalsServer.C = DefaultCacheDispatcher;
+      prevDispatcher = ReactCurrentDispatcher.current;
+    ReactCurrentDispatcher.current = HooksDispatcher;
+    var prevCacheDispatcher = ReactCurrentCache.current;
+    ReactCurrentCache.current = DefaultCacheDispatcher;
     var prevRequest = currentRequest;
     currentRequest = request;
     var prevResumableState = currentResumableState;
@@ -5423,8 +5415,8 @@ exports.renderNextChunk = function (stream) {
       logRecoverableError(request, error, {}), fatalError(request, error);
     } finally {
       (currentResumableState = prevResumableState),
-        (ReactSharedInternalsServer.H = prevDispatcher),
-        (ReactSharedInternalsServer.C = prevCacheDispatcher),
+        (ReactCurrentDispatcher.current = prevDispatcher),
+        (ReactCurrentCache.current = prevCacheDispatcher),
         prevDispatcher === HooksDispatcher && switchContext(prevContext),
         (currentRequest = prevRequest);
     }
diff --git a/compiled/facebook-www/ReactDOMTesting-dev.classic.js b/compiled/facebook-www/ReactDOMTesting-dev.classic.js
index 5771ab2b54..bd00fa7653 100644
--- a/compiled/facebook-www/ReactDOMTesting-dev.classic.js
+++ b/compiled/facebook-www/ReactDOMTesting-dev.classic.js
@@ -70,10 +70,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -107,12 +109,13 @@ if (__DEV__) {
     }
 
     var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
     // Re-export dynamic flags from the www version.
     var dynamicFeatureFlags = require("ReactFeatureFlags");
 
-    var enableTrustedTypesIntegration =
+    var disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
+      enableTrustedTypesIntegration =
         dynamicFeatureFlags.enableTrustedTypesIntegration,
       enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
       enableLazyContextPropagation =
@@ -144,7 +147,6 @@ if (__DEV__) {
     var enableProfilerTimer = true;
     var enableProfilerCommitHooks = true;
     var enableProfilerNestedUpdatePhase = true;
-    var disableIEWorkarounds = true;
     var enableAsyncActions = true;
 
     var enableSchedulingProfiler = dynamicFeatureFlags.enableSchedulingProfiler;
@@ -366,17 +368,6 @@ if (__DEV__) {
       return type.displayName || "Context";
     }
 
-    function getComponentNameFromOwner(owner) {
-      if (typeof owner.tag === "number") {
-        return getComponentNameFromFiber(owner);
-      }
-
-      if (typeof owner.name === "string") {
-        return owner.name;
-      }
-
-      return null;
-    }
     function getComponentNameFromFiber(fiber) {
       var tag = fiber.tag,
         type = fiber.type;
@@ -543,7 +534,6 @@ if (__DEV__) {
     var ScheduleRetry = StoreConsistency;
     var ShouldSuspendCommit = Visibility;
     var DidDefer = ContentReset;
-    var FormReset = Snapshot;
     var LifecycleEffectMask =
       Passive$1 | Update | Callback | Ref | Snapshot | StoreConsistency; // Union of all commit flags (flags with the lifetime of a particular commit)
 
@@ -613,8 +603,7 @@ if (__DEV__) {
       ContentReset |
       Ref |
       Hydrating |
-      Visibility |
-      FormReset;
+      Visibility;
     var LayoutMask = Update | Callback | Ref | Visibility; // TODO: Split into PassiveMountMask and PassiveUnmountMask
 
     var PassiveMask = Passive$1 | Visibility | ChildDeletion; // Union of tags that don't get reset on clones.
@@ -624,6 +613,7 @@ if (__DEV__) {
     var StaticMask =
       LayoutStatic | PassiveStatic | RefStatic | MaySuspendCommit;
 
+    var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
     function getNearestMountedFiber(fiber) {
       var node = fiber;
       var nearestMounted = fiber;
@@ -687,7 +677,7 @@ if (__DEV__) {
     }
     function isMounted(component) {
       {
-        var owner = ReactSharedInternals.owner;
+        var owner = ReactCurrentOwner$3.current;
 
         if (owner !== null && owner.tag === ClassComponent) {
           var ownerFiber = owner;
@@ -1007,6 +997,235 @@ if (__DEV__) {
       return event === currentReplayingEvent;
     }
 
+    var ReactCurrentDispatcher$3 = ReactSharedInternals.ReactCurrentDispatcher; // Since the "not pending" value is always the same, we can reuse the
+    // same object across all transitions.
+
+    var sharedNotPendingObject = {
+      pending: false,
+      data: null,
+      method: null,
+      action: null
+    };
+    var NotPending = Object.freeze(sharedNotPendingObject);
+
+    function resolveDispatcher() {
+      // Copied from react/src/ReactHooks.js. It's the same thing but in a
+      // different package.
+      var dispatcher = ReactCurrentDispatcher$3.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://react.dev/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 useFormStatus() {
+      {
+        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] We know this exists because of the feature check above.
+
+        return dispatcher.useHostTransitionStatus();
+      }
+    }
+    function useFormState(action, initialState, permalink) {
+      {
+        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
+
+        return dispatcher.useFormState(action, initialState, permalink);
+      }
+    }
+
+    var valueStack = [];
+    var fiberStack;
+
+    {
+      fiberStack = [];
+    }
+
+    var index = -1;
+
+    function createCursor(defaultValue) {
+      return {
+        current: defaultValue
+      };
+    }
+
+    function pop(cursor, fiber) {
+      if (index < 0) {
+        {
+          error("Unexpected pop.");
+        }
+
+        return;
+      }
+
+      {
+        if (fiber !== fiberStack[index]) {
+          error("Unexpected Fiber popped.");
+        }
+      }
+
+      cursor.current = valueStack[index];
+      valueStack[index] = null;
+
+      {
+        fiberStack[index] = null;
+      }
+
+      index--;
+    }
+
+    function push(cursor, value, fiber) {
+      index++;
+      valueStack[index] = cursor.current;
+
+      {
+        fiberStack[index] = fiber;
+      }
+
+      cursor.current = value;
+    }
+
+    var contextStackCursor$1 = createCursor(null);
+    var contextFiberStackCursor = createCursor(null);
+    var rootInstanceStackCursor = createCursor(null); // Represents the nearest host transition provider (in React DOM, a <form />)
+    // NOTE: Since forms cannot be nested, and this feature is only implemented by
+    // React DOM, we don't technically need this to be a stack. It could be a single
+    // module variable instead.
+
+    var hostTransitionProviderCursor = createCursor(null); // TODO: This should initialize to NotPendingTransition, a constant
+    // imported from the fiber config. However, because of a cycle in the module
+    // graph, that value isn't defined during this module's initialization. I can't
+    // think of a way to work around this without moving that value out of the
+    // fiber config. For now, the "no provider" case is handled when reading,
+    // inside useHostTransitionStatus.
+
+    var HostTransitionContext = {
+      $$typeof: REACT_CONTEXT_TYPE,
+      Provider: null,
+      Consumer: null,
+      _currentValue: null,
+      _currentValue2: null,
+      _threadCount: 0
+    };
+
+    function requiredContext(c) {
+      {
+        if (c === null) {
+          error(
+            "Expected host context to exist. This error is likely caused by a bug " +
+              "in React. Please file an issue."
+          );
+        }
+      }
+
+      return c;
+    }
+
+    function getCurrentRootHostContainer() {
+      return rootInstanceStackCursor.current;
+    }
+
+    function getRootHostContainer() {
+      var rootInstance = requiredContext(rootInstanceStackCursor.current);
+      return rootInstance;
+    }
+
+    function getHostTransitionProvider() {
+      return hostTransitionProviderCursor.current;
+    }
+
+    function pushHostContainer(fiber, nextRootInstance) {
+      // Push current root instance onto the stack;
+      // This allows us to reset root when portals are popped.
+      push(rootInstanceStackCursor, nextRootInstance, fiber); // Track the context and the Fiber that provided it.
+      // This enables us to pop only Fibers that provide unique contexts.
+
+      push(contextFiberStackCursor, fiber, fiber); // Finally, we need to push the host context to the stack.
+      // However, we can't just call getRootHostContext() and push it because
+      // we'd have a different number of entries on the stack depending on
+      // whether getRootHostContext() throws somewhere in renderer code or not.
+      // So we push an empty value first. This lets us safely unwind on errors.
+
+      push(contextStackCursor$1, null, fiber);
+      var nextRootContext = getRootHostContext(nextRootInstance); // Now that we know this function doesn't throw, replace it.
+
+      pop(contextStackCursor$1, fiber);
+      push(contextStackCursor$1, nextRootContext, fiber);
+    }
+
+    function popHostContainer(fiber) {
+      pop(contextStackCursor$1, fiber);
+      pop(contextFiberStackCursor, fiber);
+      pop(rootInstanceStackCursor, fiber);
+    }
+
+    function getHostContext() {
+      var context = requiredContext(contextStackCursor$1.current);
+      return context;
+    }
+
+    function pushHostContext(fiber) {
+      {
+        var stateHook = fiber.memoizedState;
+
+        if (stateHook !== null) {
+          // Only provide context if this fiber has been upgraded by a host
+          // transition. We use the same optimization for regular host context below.
+          push(hostTransitionProviderCursor, fiber, fiber);
+        }
+      }
+
+      var context = requiredContext(contextStackCursor$1.current);
+      var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
+
+      if (context !== nextContext) {
+        // Track the context and the Fiber that provided it.
+        // This enables us to pop only Fibers that provide unique contexts.
+        push(contextFiberStackCursor, fiber, fiber);
+        push(contextStackCursor$1, nextContext, fiber);
+      }
+    }
+
+    function popHostContext(fiber) {
+      if (contextFiberStackCursor.current === fiber) {
+        // Do not pop unless this Fiber provided the current context.
+        // pushHostContext() only pushes Fibers that provide unique contexts.
+        pop(contextStackCursor$1, fiber);
+        pop(contextFiberStackCursor, fiber);
+      }
+
+      {
+        if (hostTransitionProviderCursor.current === fiber) {
+          // Do not pop unless this Fiber provided the current context. This is mostly
+          // a performance optimization, but conveniently it also prevents a potential
+          // data race where a host provider is upgraded (i.e. memoizedState becomes
+          // non-null) during a concurrent event. This is a bit of a flaw in the way
+          // we upgrade host components, but because we're accounting for it here, it
+          // should be fine.
+          pop(hostTransitionProviderCursor, fiber); // When popping the transition provider, we reset the context value back
+          // to `null`. We can do this because you're not allowd to nest forms. If
+          // we allowed for multiple nested host transition providers, then we'd
+          // need to reset this to the parent provider's status.
+
+          {
+            HostTransitionContext._currentValue = null;
+          }
+        }
+      }
+    }
+
     // This module only exists as an ESM wrapper around the external CommonJS
     var scheduleCallback$3 = Scheduler.unstable_scheduleCallback;
     var cancelCallback$1 = Scheduler.unstable_cancelCallback;
@@ -2615,11 +2834,27 @@ if (__DEV__) {
       }
     }
 
-    var NoEventPriority = NoLane;
     var DiscreteEventPriority = SyncLane;
     var ContinuousEventPriority = InputContinuousLane;
     var DefaultEventPriority = DefaultLane;
     var IdleEventPriority = IdleLane;
+    var currentUpdatePriority = NoLane;
+    function getCurrentUpdatePriority() {
+      return currentUpdatePriority;
+    }
+    function setCurrentUpdatePriority(newPriority) {
+      currentUpdatePriority = newPriority;
+    }
+    function runWithPriority(priority, fn) {
+      var previousPriority = currentUpdatePriority;
+
+      try {
+        currentUpdatePriority = priority;
+        return fn();
+      } finally {
+        currentUpdatePriority = previousPriority;
+      }
+    }
     function higherEventPriority(a, b) {
       return a !== 0 && a < b ? a : b;
     }
@@ -2629,9 +2864,6 @@ if (__DEV__) {
     function isHigherEventPriority(a, b) {
       return a !== 0 && a < b;
     }
-    function eventPriorityToLane(updatePriority) {
-      return updatePriority;
-    }
     function lanesToEventPriority(lanes) {
       var lane = getHighestPriorityLane(lanes);
 
@@ -2650,276 +2882,6 @@ if (__DEV__) {
       return IdleEventPriority;
     }
 
-    function noop$4() {}
-
-    var DefaultDispatcher$1 = {
-      f:
-        /* flushSyncWork */
-        noop$4,
-      r:
-        /* requestFormReset */
-        noop$4,
-      D:
-        /* prefetchDNS */
-        noop$4,
-      C:
-        /* preconnect */
-        noop$4,
-      L:
-        /* preload */
-        noop$4,
-      m:
-        /* preloadModule */
-        noop$4,
-      X:
-        /* preinitScript */
-        noop$4,
-      S:
-        /* preinitStyle */
-        noop$4,
-      M:
-        /* preinitModuleScript */
-        noop$4
-    };
-    var Internals$1 = {
-      Events: null,
-      d:
-        /* ReactDOMCurrentDispatcher */
-        DefaultDispatcher$1,
-      p:
-        /* currentUpdatePriority */
-        NoEventPriority,
-      findDOMNode: null
-    };
-
-    // same object across all transitions.
-
-    var sharedNotPendingObject = {
-      pending: false,
-      data: null,
-      method: null,
-      action: null
-    };
-    var NotPending = Object.freeze(sharedNotPendingObject);
-
-    function resolveDispatcher() {
-      // Copied from react/src/ReactHooks.js. It's the same thing but in a
-      // different package.
-      var dispatcher = ReactSharedInternals.H;
-
-      {
-        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://react.dev/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 useFormStatus() {
-      {
-        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] We know this exists because of the feature check above.
-
-        return dispatcher.useHostTransitionStatus();
-      }
-    }
-    function useFormState(action, initialState, permalink) {
-      {
-        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
-
-        return dispatcher.useFormState(action, initialState, permalink);
-      }
-    }
-
-    var valueStack = [];
-    var fiberStack;
-
-    {
-      fiberStack = [];
-    }
-
-    var index = -1;
-
-    function createCursor(defaultValue) {
-      return {
-        current: defaultValue
-      };
-    }
-
-    function pop(cursor, fiber) {
-      if (index < 0) {
-        {
-          error("Unexpected pop.");
-        }
-
-        return;
-      }
-
-      {
-        if (fiber !== fiberStack[index]) {
-          error("Unexpected Fiber popped.");
-        }
-      }
-
-      cursor.current = valueStack[index];
-      valueStack[index] = null;
-
-      {
-        fiberStack[index] = null;
-      }
-
-      index--;
-    }
-
-    function push(cursor, value, fiber) {
-      index++;
-      valueStack[index] = cursor.current;
-
-      {
-        fiberStack[index] = fiber;
-      }
-
-      cursor.current = value;
-    }
-
-    var contextStackCursor$1 = createCursor(null);
-    var contextFiberStackCursor = createCursor(null);
-    var rootInstanceStackCursor = createCursor(null); // Represents the nearest host transition provider (in React DOM, a <form />)
-    // NOTE: Since forms cannot be nested, and this feature is only implemented by
-    // React DOM, we don't technically need this to be a stack. It could be a single
-    // module variable instead.
-
-    var hostTransitionProviderCursor = createCursor(null); // TODO: This should initialize to NotPendingTransition, a constant
-    // imported from the fiber config. However, because of a cycle in the module
-    // graph, that value isn't defined during this module's initialization. I can't
-    // think of a way to work around this without moving that value out of the
-    // fiber config. For now, the "no provider" case is handled when reading,
-    // inside useHostTransitionStatus.
-
-    var HostTransitionContext = {
-      $$typeof: REACT_CONTEXT_TYPE,
-      Provider: null,
-      Consumer: null,
-      _currentValue: null,
-      _currentValue2: null,
-      _threadCount: 0
-    };
-
-    function requiredContext(c) {
-      {
-        if (c === null) {
-          error(
-            "Expected host context to exist. This error is likely caused by a bug " +
-              "in React. Please file an issue."
-          );
-        }
-      }
-
-      return c;
-    }
-
-    function getCurrentRootHostContainer() {
-      return rootInstanceStackCursor.current;
-    }
-
-    function getRootHostContainer() {
-      var rootInstance = requiredContext(rootInstanceStackCursor.current);
-      return rootInstance;
-    }
-
-    function getHostTransitionProvider() {
-      return hostTransitionProviderCursor.current;
-    }
-
-    function pushHostContainer(fiber, nextRootInstance) {
-      // Push current root instance onto the stack;
-      // This allows us to reset root when portals are popped.
-      push(rootInstanceStackCursor, nextRootInstance, fiber); // Track the context and the Fiber that provided it.
-      // This enables us to pop only Fibers that provide unique contexts.
-
-      push(contextFiberStackCursor, fiber, fiber); // Finally, we need to push the host context to the stack.
-      // However, we can't just call getRootHostContext() and push it because
-      // we'd have a different number of entries on the stack depending on
-      // whether getRootHostContext() throws somewhere in renderer code or not.
-      // So we push an empty value first. This lets us safely unwind on errors.
-
-      push(contextStackCursor$1, null, fiber);
-      var nextRootContext = getRootHostContext(nextRootInstance); // Now that we know this function doesn't throw, replace it.
-
-      pop(contextStackCursor$1, fiber);
-      push(contextStackCursor$1, nextRootContext, fiber);
-    }
-
-    function popHostContainer(fiber) {
-      pop(contextStackCursor$1, fiber);
-      pop(contextFiberStackCursor, fiber);
-      pop(rootInstanceStackCursor, fiber);
-    }
-
-    function getHostContext() {
-      var context = requiredContext(contextStackCursor$1.current);
-      return context;
-    }
-
-    function pushHostContext(fiber) {
-      {
-        var stateHook = fiber.memoizedState;
-
-        if (stateHook !== null) {
-          // Only provide context if this fiber has been upgraded by a host
-          // transition. We use the same optimization for regular host context below.
-          push(hostTransitionProviderCursor, fiber, fiber);
-        }
-      }
-
-      var context = requiredContext(contextStackCursor$1.current);
-      var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
-
-      if (context !== nextContext) {
-        // Track the context and the Fiber that provided it.
-        // This enables us to pop only Fibers that provide unique contexts.
-        push(contextFiberStackCursor, fiber, fiber);
-        push(contextStackCursor$1, nextContext, fiber);
-      }
-    }
-
-    function popHostContext(fiber) {
-      if (contextFiberStackCursor.current === fiber) {
-        // Do not pop unless this Fiber provided the current context.
-        // pushHostContext() only pushes Fibers that provide unique contexts.
-        pop(contextStackCursor$1, fiber);
-        pop(contextFiberStackCursor, fiber);
-      }
-
-      {
-        if (hostTransitionProviderCursor.current === fiber) {
-          // Do not pop unless this Fiber provided the current context. This is mostly
-          // a performance optimization, but conveniently it also prevents a potential
-          // data race where a host provider is upgraded (i.e. memoizedState becomes
-          // non-null) during a concurrent event. This is a bit of a flaw in the way
-          // we upgrade host components, but because we're accounting for it here, it
-          // should be fine.
-          pop(hostTransitionProviderCursor, fiber); // When popping the transition provider, we reset the context value back
-          // to `null`. We can do this because you're not allowd to nest forms. If
-          // we allowed for multiple nested host transition providers, then we'd
-          // need to reset this to the parent provider's status.
-
-          {
-            HostTransitionContext._currentValue = null;
-          }
-        }
-      }
-    }
-
     // $FlowFixMe[method-unbinding]
     var hasOwnProperty = Object.prototype.hasOwnProperty;
 
@@ -3011,6 +2973,20 @@ if (__DEV__) {
         }
       }
     }
+    function checkPropStringCoercion(value, propName) {
+      {
+        if (willCoercionThrow(value)) {
+          error(
+            "The provided `%s` prop is an unsupported type %s." +
+              " This value must be coerced to a string before using it here.",
+            propName,
+            typeName(value)
+          );
+
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
+    }
     function checkCSSPropertyStringCoercion(value, propName) {
       {
         if (willCoercionThrow(value)) {
@@ -3053,48 +3029,6 @@ if (__DEV__) {
       }
     }
 
-    function setCurrentUpdatePriority(
-      newPriority, // Closure will consistently not inline this function when it has arity 1
-      // however when it has arity 2 even if the second arg is omitted at every
-      // callsite it seems to inline it even when the internal length of the function
-      // is much longer. I hope this is consistent enough to rely on across builds
-      IntentionallyUnusedArgument
-    ) {
-      Internals$1.p =
-        /* currentUpdatePriority */
-        newPriority;
-    }
-    function getCurrentUpdatePriority() {
-      return Internals$1.p;
-      /* currentUpdatePriority */
-    }
-    function resolveUpdatePriority() {
-      var updatePriority = Internals$1.p;
-      /* currentUpdatePriority */
-
-      if (updatePriority !== NoEventPriority) {
-        return updatePriority;
-      }
-
-      var currentEvent = window.event;
-
-      if (currentEvent === undefined) {
-        return DefaultEventPriority;
-      }
-
-      return getEventPriority(currentEvent.type);
-    }
-    function runWithPriority(priority, fn) {
-      var previousPriority = getCurrentUpdatePriority();
-
-      try {
-        setCurrentUpdatePriority(priority);
-        return fn();
-      } finally {
-        setCurrentUpdatePriority(previousPriority);
-      }
-    }
-
     // Below code forked from dom-accessibility-api
     var tagToRoleMappings = {
       ARTICLE: "article",
@@ -3605,8 +3539,9 @@ if (__DEV__) {
       setValueForAttribute(node, name, value);
     }
 
+    var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -3663,13 +3598,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher$2.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher$2.current = null;
         disableLogs();
       }
       /**
@@ -3862,7 +3797,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher$2.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -3881,12 +3816,12 @@ if (__DEV__) {
       return syntheticFrame;
     }
 
-    function describeClassComponentFrame(ctor) {
+    function describeClassComponentFrame(ctor, ownerFn) {
       {
         return describeNativeComponentFrame(ctor, true);
       }
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -3955,6 +3890,7 @@ if (__DEV__) {
       }
     }
 
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
     var current = null;
     var isRendering = false;
     function getCurrentFiberOwnerNameInDevOrNull() {
@@ -3965,8 +3901,8 @@ if (__DEV__) {
 
         var owner = current._debugOwner;
 
-        if (owner != null) {
-          return getComponentNameFromOwner(owner);
+        if (owner !== null && typeof owner !== "undefined") {
+          return getComponentNameFromFiber(owner);
         }
       }
 
@@ -3986,14 +3922,14 @@ if (__DEV__) {
 
     function resetCurrentFiber() {
       {
-        ReactSharedInternals.getCurrentStack = null;
+        ReactDebugCurrentFrame.getCurrentStack = null;
         current = null;
         isRendering = false;
       }
     }
     function setCurrentFiber(fiber) {
       {
-        ReactSharedInternals.getCurrentStack =
+        ReactDebugCurrentFrame.getCurrentStack =
           fiber === null ? null : getCurrentFiberStackInDev;
         current = fiber;
         isRendering = false;
@@ -5441,7 +5377,68 @@ if (__DEV__) {
     var MATH_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
     var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 
-    if (typeof MSApp !== "undefined" && MSApp.execUnsafeLocalFunction);
+    var reusableSVGContainer;
+
+    function setInnerHTMLImpl(node, html) {
+      if (node.namespaceURI === SVG_NAMESPACE) {
+        {
+          if (enableTrustedTypesIntegration) {
+            // TODO: reconsider the text of this warning and when it should show
+            // before enabling the feature flag.
+            if (typeof trustedTypes !== "undefined") {
+              error(
+                "Using 'dangerouslySetInnerHTML' in an svg element with " +
+                  "Trusted Types enabled in an Internet Explorer will cause " +
+                  "the trusted value to be converted to string. Assigning string " +
+                  "to 'innerHTML' will throw an error if Trusted Types are enforced. " +
+                  "You can try to wrap your svg element inside a div and use 'dangerouslySetInnerHTML' " +
+                  "on the enclosing div instead."
+              );
+            }
+          }
+        }
+
+        if (!("innerHTML" in node)) {
+          // IE does not have innerHTML for SVG nodes, so instead we inject the
+          // new markup in a temp node and then move the child nodes across into
+          // the target node
+          reusableSVGContainer =
+            reusableSVGContainer || document.createElement("div");
+          reusableSVGContainer.innerHTML =
+            "<svg>" + html.valueOf().toString() + "</svg>";
+          var svgNode = reusableSVGContainer.firstChild;
+
+          while (node.firstChild) {
+            node.removeChild(node.firstChild);
+          } // $FlowFixMe[incompatible-use]
+          // $FlowFixMe[incompatible-type]
+
+          while (svgNode.firstChild) {
+            node.appendChild(svgNode.firstChild);
+          }
+
+          return;
+        }
+      }
+
+      node.innerHTML = html;
+    }
+
+    var setInnerHTML = setInnerHTMLImpl; // $FlowFixMe[cannot-resolve-name]
+
+    if (typeof MSApp !== "undefined" && MSApp.execUnsafeLocalFunction) {
+      /**
+       * Create a function which has 'unsafe' privileges (required by windows8 apps)
+       */
+      setInnerHTML = function (node, html) {
+        // $FlowFixMe[cannot-resolve-name]
+        return MSApp.execUnsafeLocalFunction(function () {
+          return setInnerHTMLImpl(node, html);
+        });
+      };
+    }
+
+    var setInnerHTML$1 = setInnerHTML;
 
     /**
      * HTML nodeType values that represent the type of the node
@@ -7497,9 +7494,6 @@ if (__DEV__) {
       }
     }
 
-    var LegacyRoot = 0;
-    var ConcurrentRoot = 1;
-
     var warnedAboutMissingGetChildContext;
 
     {
@@ -7762,6 +7756,9 @@ if (__DEV__) {
       }
     }
 
+    var LegacyRoot = 0;
+    var ConcurrentRoot = 1;
+
     // We use the existence of the state object as an indicator that the component
     // is hidden.
     var OffscreenVisible =
@@ -9773,6 +9770,7 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentActQueue$4 = 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.
 
@@ -9811,7 +9809,7 @@ if (__DEV__) {
       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 (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.current !== null) {
         // We're inside an `act` scope.
         if (!didScheduleMicrotask_act) {
           didScheduleMicrotask_act = true;
@@ -9832,9 +9830,9 @@ if (__DEV__) {
         scheduleTaskForRootDuringMicrotask(root, now$1());
       }
 
-      if (ReactSharedInternals.isBatchingLegacy && root.tag === LegacyRoot) {
+      if (ReactCurrentActQueue$4.isBatchingLegacy && root.tag === LegacyRoot) {
         // Special `act` case: Record whenever a legacy update is scheduled.
-        ReactSharedInternals.didScheduleLegacyUpdate = true;
+        ReactCurrentActQueue$4.didScheduleLegacyUpdate = true;
       }
     }
     function flushSyncWorkOnAllRoots() {
@@ -10025,7 +10023,7 @@ if (__DEV__) {
           // Scheduler task, rather than an `act` task, cancel it and re-schedule
           // on the `act` queue.
           !(
-            ReactSharedInternals.actQueue !== null &&
+            ReactCurrentActQueue$4.current !== null &&
             existingCallbackNode !== fakeActCallbackNode$1
           )
         ) {
@@ -10092,11 +10090,11 @@ if (__DEV__) {
     var fakeActCallbackNode$1 = {};
 
     function scheduleCallback$2(priorityLevel, callback) {
-      if (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.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.
-        ReactSharedInternals.actQueue.push(callback);
+        ReactCurrentActQueue$4.current.push(callback);
         return fakeActCallbackNode$1;
       } else {
         return scheduleCallback$3(priorityLevel, callback);
@@ -10111,13 +10109,13 @@ if (__DEV__) {
     }
 
     function scheduleImmediateTask(cb) {
-      if (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.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.
-        ReactSharedInternals.actQueue.push(function () {
+        ReactCurrentActQueue$4.current.push(function () {
           cb();
           return null;
         });
@@ -11285,6 +11283,8 @@ if (__DEV__) {
       };
     }
 
+    var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue;
+
     function getThenablesFromState(state) {
       {
         var devState = state;
@@ -11338,8 +11338,8 @@ if (__DEV__) {
     function noop$3() {}
 
     function trackUsedThenable(thenableState, thenable, index) {
-      if (ReactSharedInternals.actQueue !== null) {
-        ReactSharedInternals.didUsePromise = true;
+      if (ReactCurrentActQueue$3.current !== null) {
+        ReactCurrentActQueue$3.didUsePromise = true;
       }
 
       var trackedThenables = getThenablesFromState(thenableState);
@@ -11569,6 +11569,7 @@ if (__DEV__) {
 
     var didWarnAboutMaps;
     var didWarnAboutGenerators;
+    var didWarnAboutStringRefs;
     var ownerHasKeyUseWarning;
     var ownerHasFunctionTypeWarning;
     var ownerHasSymbolTypeWarning;
@@ -11578,6 +11579,7 @@ if (__DEV__) {
     {
       didWarnAboutMaps = false;
       didWarnAboutGenerators = false;
+      didWarnAboutStringRefs = {};
       /**
        * 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
@@ -11622,6 +11624,10 @@ if (__DEV__) {
       };
     }
 
+    function isReactClass(type) {
+      return type.prototype && type.prototype.isReactComponent;
+    }
+
     function unwrapThenable(thenable) {
       var index = thenableIndexCounter$1;
       thenableIndexCounter$1 += 1;
@@ -11633,22 +11639,159 @@ if (__DEV__) {
       return trackUsedThenable(thenableState$1, thenable, index);
     }
 
+    function convertStringRefToCallbackRef(
+      returnFiber,
+      current,
+      element,
+      mixedRef
+    ) {
+      {
+        checkPropStringCoercion(mixedRef, "ref");
+      }
+
+      var stringRef = "" + mixedRef;
+      var owner = element._owner;
+
+      if (!owner) {
+        throw new Error(
+          "Element ref was specified as a string (" +
+            stringRef +
+            ") 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://react.dev/link/refs-must-have-owner for more information."
+        );
+      }
+
+      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://react.dev/link/strict-mode-string-ref"
+        );
+      }
+
+      {
+        if (
+          // Will already warn with "Function components cannot be given refs"
+          !(typeof element.type === "function" && !isReactClass(element.type))
+        ) {
+          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://react.dev/link/strict-mode-string-ref",
+              componentName,
+              stringRef
+            );
+
+            didWarnAboutStringRefs[componentName] = true;
+          }
+        }
+      }
+
+      var inst = owner.stateNode;
+
+      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
+
+      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
+
+      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 ref;
+      var mixedRef;
 
       if (enableRefAsProp) {
         // 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;
-        ref = refProp !== undefined ? refProp : null;
+        mixedRef = refProp !== undefined ? refProp : null;
       } else {
         // Old behavior.
-        ref = element.ref;
+        mixedRef = element.ref;
+      }
+
+      var coercedRef;
+
+      if (
+        typeof mixedRef === "string" ||
+        typeof mixedRef === "number" ||
+        typeof mixedRef === "boolean"
+      ) {
+        coercedRef = convertStringRefToCallbackRef(
+          returnFiber,
+          current,
+          element,
+          mixedRef
+        );
+
+        if (enableRefAsProp) {
+          // 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 = ref;
+      workInProgress.ref = coercedRef;
     }
 
     function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -13497,6 +13640,8 @@ if (__DEV__) {
       /*   */
       8;
 
+    var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
     var didWarnAboutMismatchedHooksForComponent;
     var didWarnUncachedGetSnapshot;
     var didWarnAboutUseWrappedInTryCatch;
@@ -13662,8 +13807,8 @@ if (__DEV__) {
           didWarnAboutUseFormState.add(componentName);
 
           error(
-            "ReactDOM.useFormState has been renamed to React.useActionState. " +
-              "Please update %s to use React.useActionState.",
+            "ReactDOM.useFormState has been deprecated and replaced by " +
+              "React.useActionState. Please update %s to use React.useActionState.",
             componentName
           );
         }
@@ -13799,16 +13944,17 @@ if (__DEV__) {
 
       {
         if (current !== null && current.memoizedState !== null) {
-          ReactSharedInternals.H = HooksDispatcherOnUpdateInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
         } else if (hookTypesDev !== null) {
           // This dispatcher handles an edge case where a component is updating,
           // but no stateful hooks have been used.
           // We want to match the production code behavior (which will use HooksDispatcherOnMount),
           // but with the extra DEV validation to ensure hooks ordering hasn't changed.
           // This dispatcher does that.
-          ReactSharedInternals.H = HooksDispatcherOnMountWithHookTypesInDEV;
+          ReactCurrentDispatcher$1.current =
+            HooksDispatcherOnMountWithHookTypesInDEV;
         } else {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       } // In Strict Mode, during development, user functions are double invoked to
       // help detect side effects. The logic for how this is implemented for in
@@ -13880,7 +14026,7 @@ if (__DEV__) {
       } // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
       // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
       var didRenderTooFewHooks =
@@ -14053,7 +14199,7 @@ if (__DEV__) {
           hookTypesUpdateIndexDev = -1;
         }
 
-        ReactSharedInternals.H = HooksDispatcherOnRerenderInDEV;
+        ReactCurrentDispatcher$1.current = HooksDispatcherOnRerenderInDEV;
         children = Component(props, secondArg);
       } while (didScheduleRenderPhaseUpdateDuringThisPass);
 
@@ -14075,34 +14221,18 @@ if (__DEV__) {
       );
     }
     function TransitionAwareHostComponent() {
-      var dispatcher = ReactSharedInternals.H;
+      var dispatcher = ReactCurrentDispatcher$1.current;
 
       var _dispatcher$useState = dispatcher.useState(),
         maybeThenable = _dispatcher$useState[0];
 
-      var nextState;
-
       if (typeof maybeThenable.then === "function") {
         var thenable = maybeThenable;
-        nextState = useThenable(thenable);
+        return useThenable(thenable);
       } else {
         var status = maybeThenable;
-        nextState = status;
-      } // The "reset state" is an object. If it changes, that means something
-      // requested that we reset the form.
-
-      var _dispatcher$useState2 = dispatcher.useState(),
-        nextResetState = _dispatcher$useState2[0];
-
-      var prevResetState =
-        currentHook !== null ? currentHook.memoizedState : null;
-
-      if (prevResetState !== nextResetState) {
-        // Schedule a form reset
-        currentlyRenderingFiber$1.flags |= FormReset;
+        return status;
       }
-
-      return nextState;
     }
     function checkDidRenderIdHook() {
       // This should be called immediately after every renderWithHooks call.
@@ -14139,7 +14269,7 @@ if (__DEV__) {
       currentlyRenderingFiber$1 = null; // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
     }
     function resetHooksOnUnwind(workInProgress) {
       if (didScheduleRenderPhaseUpdate) {
@@ -14313,7 +14443,7 @@ if (__DEV__) {
         // time (perhaps because it threw). Subsequent Hook calls should use the
         // mount dispatcher.
         {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       }
 
@@ -15155,14 +15285,14 @@ if (__DEV__) {
       var action = actionQueue.action;
       var prevState = actionQueue.state; // This is a fork of startTransition
 
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$3.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
-      ReactSharedInternals.T = currentTransition;
+      ReactCurrentBatchConfig$3.transition = currentTransition;
 
       {
-        ReactSharedInternals.T._updatedFibers = new Set();
+        ReactCurrentBatchConfig$3.transition._updatedFibers = new Set();
       } // Optimistically update the pending state, similar to useTransition.
       // This will be reverted automatically when all actions are finished.
 
@@ -15220,7 +15350,7 @@ if (__DEV__) {
         setState(rejectedThenable);
         finishRunningActionStateAction(actionQueue, setPendingState, setState);
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$3.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -15879,7 +16009,7 @@ if (__DEV__) {
       setCurrentUpdatePriority(
         higherEventPriority(previousPriority, ContinuousEventPriority)
       );
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$3.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
@@ -15891,19 +16021,19 @@ if (__DEV__) {
         // optimistic update anyway to make it less likely the behavior accidentally
         // diverges; for example, both an optimistic update and this one should
         // share the same lane.
-        ReactSharedInternals.T = currentTransition;
+        ReactCurrentBatchConfig$3.transition = currentTransition;
         dispatchOptimisticSetState(fiber, false, queue, pendingState);
       }
 
       if (enableTransitionTracing) {
         if (options !== undefined && options.name !== undefined) {
-          currentTransition.name = options.name;
-          currentTransition.startTime = now$1();
+          ReactCurrentBatchConfig$3.transition.name = options.name;
+          ReactCurrentBatchConfig$3.transition.startTime = now$1();
         }
       }
 
       {
-        currentTransition._updatedFibers = new Set();
+        ReactCurrentBatchConfig$3.transition._updatedFibers = new Set();
       }
 
       try {
@@ -15949,7 +16079,7 @@ if (__DEV__) {
         }
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$3.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -15977,8 +16107,46 @@ if (__DEV__) {
         );
       }
 
-      var stateHook = ensureFormComponentIsStateful(formFiber);
-      var queue = stateHook.queue;
+      var queue;
+
+      if (formFiber.memoizedState === null) {
+        // Upgrade this host component fiber to be stateful. We're going to pretend
+        // it was stateful all along so we can reuse most of the implementation
+        // for function components and useTransition.
+        //
+        // Create the state hook used by TransitionAwareHostComponent. This is
+        // essentially an inlined version of mountState.
+        var newQueue = {
+          pending: null,
+          lanes: NoLanes,
+          // We're going to cheat and intentionally not create a bound dispatch
+          // method, because we can call it directly in startTransition.
+          dispatch: null,
+          lastRenderedReducer: basicStateReducer,
+          lastRenderedState: NotPendingTransition
+        };
+        queue = newQueue;
+        var stateHook = {
+          memoizedState: NotPendingTransition,
+          baseState: NotPendingTransition,
+          baseQueue: null,
+          queue: newQueue,
+          next: null
+        }; // Add the state hook to both fiber alternates. The idea is that the fiber
+        // had this hook all along.
+
+        formFiber.memoizedState = stateHook;
+        var alternate = formFiber.alternate;
+
+        if (alternate !== null) {
+          alternate.memoizedState = stateHook;
+        }
+      } else {
+        // This fiber was already upgraded to be stateful.
+        var _stateHook = formFiber.memoizedState;
+        queue = _stateHook.queue;
+      }
+
       startTransition(
         formFiber,
         queue,
@@ -15986,104 +16154,11 @@ if (__DEV__) {
         NotPendingTransition, // TODO: We can avoid this extra wrapper, somehow. Figure out layering
         // once more of this function is implemented.
         function () {
-          // Automatically reset the form when the action completes.
-          requestFormReset$2(formFiber);
           return callback(formData);
         }
       );
     }
 
-    function ensureFormComponentIsStateful(formFiber) {
-      var existingStateHook = formFiber.memoizedState;
-
-      if (existingStateHook !== null) {
-        // This fiber was already upgraded to be stateful.
-        return existingStateHook;
-      } // Upgrade this host component fiber to be stateful. We're going to pretend
-      // it was stateful all along so we can reuse most of the implementation
-      // for function components and useTransition.
-      //
-      // Create the state hook used by TransitionAwareHostComponent. This is
-      // essentially an inlined version of mountState.
-
-      var newQueue = {
-        pending: null,
-        lanes: NoLanes,
-        // We're going to cheat and intentionally not create a bound dispatch
-        // method, because we can call it directly in startTransition.
-        dispatch: null,
-        lastRenderedReducer: basicStateReducer,
-        lastRenderedState: NotPendingTransition
-      };
-      var stateHook = {
-        memoizedState: NotPendingTransition,
-        baseState: NotPendingTransition,
-        baseQueue: null,
-        queue: newQueue,
-        next: null
-      }; // We use another state hook to track whether the form needs to be reset.
-      // The state is an empty object. To trigger a reset, we update the state
-      // to a new object. Then during rendering, we detect that the state has
-      // changed and schedule a commit effect.
-
-      var initialResetState = {};
-      var newResetStateQueue = {
-        pending: null,
-        lanes: NoLanes,
-        // We're going to cheat and intentionally not create a bound dispatch
-        // method, because we can call it directly in startTransition.
-        dispatch: null,
-        lastRenderedReducer: basicStateReducer,
-        lastRenderedState: initialResetState
-      };
-      var resetStateHook = {
-        memoizedState: initialResetState,
-        baseState: initialResetState,
-        baseQueue: null,
-        queue: newResetStateQueue,
-        next: null
-      };
-      stateHook.next = resetStateHook; // Add the hook list to both fiber alternates. The idea is that the fiber
-      // had this hook all along.
-
-      formFiber.memoizedState = stateHook;
-      var alternate = formFiber.alternate;
-
-      if (alternate !== null) {
-        alternate.memoizedState = stateHook;
-      }
-
-      return stateHook;
-    }
-
-    function requestFormReset$2(formFiber) {
-      var transition = requestCurrentTransition();
-
-      {
-        if (transition === null) {
-          // An optimistic update occurred, but startTransition is not on the stack.
-          // The form reset will be scheduled at default (sync) priority, which
-          // is probably not what the user intended. Most likely because the
-          // requestFormReset call happened after an `await`.
-          // TODO: Theoretically, requestFormReset is still useful even for
-          // non-transition updates because it allows you to update defaultValue
-          // synchronously and then wait to reset until after the update commits.
-          // I've chosen to warn anyway because it's more likely the `await` mistake
-          // described above. But arguably we shouldn't.
-          error(
-            "requestFormReset was called outside a transition or action. To " +
-              "fix, move to an action, or wrap with startTransition."
-          );
-        }
-      }
-
-      var stateHook = ensureFormComponentIsStateful(formFiber);
-      var newResetState = {};
-      var resetStateHook = stateHook.next;
-      var resetStateQueue = resetStateHook.queue;
-      dispatchSetState(formFiber, resetStateQueue, newResetState);
-    }
-
     function mountTransition() {
       var stateHook = mountStateImpl(false); // The `start` method never changes.
 
@@ -16300,11 +16375,11 @@ if (__DEV__) {
           var lastRenderedReducer = queue.lastRenderedReducer;
 
           if (lastRenderedReducer !== null) {
-            var prevDispatcher = null;
+            var prevDispatcher;
 
             {
-              prevDispatcher = ReactSharedInternals.H;
-              ReactSharedInternals.H =
+              prevDispatcher = ReactCurrentDispatcher$1.current;
+              ReactCurrentDispatcher$1.current =
                 InvalidNestedHooksDispatcherOnUpdateInDEV;
             }
 
@@ -16335,7 +16410,7 @@ if (__DEV__) {
               // Suppress the error. It will throw again in the render phase.
             } finally {
               {
-                ReactSharedInternals.H = prevDispatcher;
+                ReactCurrentDispatcher$1.current = prevDispatcher;
               }
             }
           }
@@ -16609,25 +16684,27 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           mountHookTypesDev();
           checkDepsAreArrayDev(deps);
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -16638,13 +16715,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -16779,25 +16857,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -16808,13 +16888,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -16941,25 +17022,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -16970,13 +17053,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -17112,25 +17196,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -17141,13 +17227,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -17294,26 +17381,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -17326,13 +17415,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -17483,26 +17573,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -17515,13 +17607,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -17672,26 +17765,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -17704,13 +17799,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -19187,20 +19283,7 @@ if (__DEV__) {
       // remove this extra check.
       alreadyResolvedDefaultProps
     ) {
-      var newProps = baseProps;
-
-      if (enableRefAsProp) {
-        // Remove ref from the props object, if it exists.
-        if ("ref" in baseProps) {
-          newProps = {};
-
-          for (var propName in baseProps) {
-            if (propName !== "ref") {
-              newProps[propName] = baseProps[propName];
-            }
-          }
-        }
-      } // Resolve default props.
+      var newProps = baseProps; // Resolve default props. Taken from old JSX runtime, where this used to live.
 
       var defaultProps = Component.defaultProps;
 
@@ -19209,19 +19292,26 @@ if (__DEV__) {
         // default props here in the reconciler, rather than in the JSX runtime.
         (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
       ) {
-        // We may have already copied the props object above to remove ref. If so,
-        // we can modify that. Otherwise, copy the props object with Object.assign.
-        if (newProps === baseProps) {
-          newProps = assign({}, newProps, baseProps);
-        } // Taken from old JSX runtime, where this used to live.
+        newProps = assign({}, newProps, baseProps);
 
-        for (var _propName in defaultProps) {
-          if (newProps[_propName] === undefined) {
-            newProps[_propName] = defaultProps[_propName];
+        for (var propName in defaultProps) {
+          if (newProps[propName] === undefined) {
+            newProps[propName] = defaultProps[propName];
           }
         }
       }
 
+      if (enableRefAsProp) {
+        // Remove ref from the props object, if it exists.
+        if ("ref" in newProps) {
+          if (newProps === baseProps) {
+            newProps = assign({}, newProps);
+          }
+
+          delete newProps.ref;
+        }
+      }
+
       return newProps;
     }
 
@@ -19288,6 +19378,8 @@ if (__DEV__) {
             console["error"](error);
           };
 
+    var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // Side-channel since I'm not sure we want to make this part of the public API
+
     var componentName = null;
     var errorBoundaryName = null;
     function defaultOnUncaughtError(error, errorInfo) {
@@ -19352,10 +19444,10 @@ if (__DEV__) {
 
         var error = errorInfo.value;
 
-        if (true && ReactSharedInternals.actQueue !== null) {
+        if (true && ReactCurrentActQueue$2.current !== null) {
           // For uncaught errors inside act, we track them on the act and then
           // rethrow them into the test.
-          ReactSharedInternals.thrownErrors.push(error);
+          ReactCurrentActQueue$2.thrownErrors.push(error);
           return;
         }
 
@@ -20208,6 +20300,7 @@ if (__DEV__) {
       return null;
     }
 
+    var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
     // into a dehydrated boundary.
 
     var SelectiveHydrationException = new Error(
@@ -20341,7 +20434,7 @@ if (__DEV__) {
       }
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$2.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -21026,7 +21119,7 @@ if (__DEV__) {
       }
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$2.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -21259,10 +21352,7 @@ if (__DEV__) {
 
       var instance = workInProgress.stateNode; // Rerender
 
-      {
-        ReactSharedInternals.owner = workInProgress;
-      }
-
+      ReactCurrentOwner$2.current = workInProgress;
       var nextChildren;
 
       if (
@@ -23300,7 +23390,7 @@ if (__DEV__) {
       var newChildren;
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$2.current = workInProgress;
         setIsRendering(true);
         newChildren = render(newValue);
         setIsRendering(false);
@@ -24820,8 +24910,10 @@ if (__DEV__) {
       popProvider(CacheContext, workInProgress);
     }
 
+    var ReactCurrentBatchConfig$2 =
+      ReactSharedInternals.ReactCurrentBatchConfig;
     function requestCurrentTransition() {
-      var transition = ReactSharedInternals.T;
+      var transition = ReactCurrentBatchConfig$2.transition;
 
       if (transition !== null) {
         // Whenever a transition update is scheduled, register a callback on the
@@ -26770,9 +26862,7 @@ if (__DEV__) {
     // Allows us to avoid traversing the return path to find the nearest Offscreen ancestor.
 
     var offscreenSubtreeIsHidden = false;
-    var offscreenSubtreeWasHidden = false; // Used to track if a form needs to be reset at the end of the mutation phase.
-
-    var needsFormReset = false;
+    var offscreenSubtreeWasHidden = false;
     var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
     var nextEffect = null; // Used for Profiling builds to track updaters.
 
@@ -29368,21 +29458,6 @@ if (__DEV__) {
                 }
               }
             }
-
-            if (flags & FormReset) {
-              needsFormReset = true;
-
-              {
-                if (finishedWork.type !== "form") {
-                  // Paranoid coding. In case we accidentally start using the
-                  // FormReset bit for something else.
-                  error(
-                    "Unexpected host component type. Expected a form. This is a " +
-                      "bug in React."
-                  );
-                }
-              }
-            }
           }
 
           return;
@@ -29453,20 +29528,6 @@ if (__DEV__) {
             }
           }
 
-          if (needsFormReset) {
-            // A form component requested to be reset during this commit. We do this
-            // after all mutations in the rest of the tree so that `defaultValue`
-            // will already be updated. This way you can update `defaultValue` using
-            // data sent by the server as a result of the form submission.
-            //
-            // Theoretically we could check finishedWork.subtreeFlags & FormReset,
-            // but the FormReset bit is overloaded with other flags used by other
-            // fiber types. So this extra variable lets us skip traversing the tree
-            // except when a form was actually submitted.
-            needsFormReset = false;
-            recursivelyResetForms(finishedWork);
-          }
-
           return;
         }
 
@@ -29694,26 +29755,6 @@ if (__DEV__) {
       }
     }
 
-    function recursivelyResetForms(parentFiber) {
-      if (parentFiber.subtreeFlags & FormReset) {
-        var child = parentFiber.child;
-
-        while (child !== null) {
-          resetFormOnFiber(child);
-          child = child.sibling;
-        }
-      }
-    }
-
-    function resetFormOnFiber(fiber) {
-      recursivelyResetForms(fiber);
-
-      if (fiber.tag === HostComponent && fiber.flags & FormReset) {
-        var formInstance = fiber.stateNode;
-        resetFormInstance(formInstance);
-      }
-    }
-
     function commitLayoutEffects(finishedWork, root, committedLanes) {
       inProgressLanes = committedLanes;
       inProgressRoot = root;
@@ -31857,6 +31898,7 @@ if (__DEV__) {
       };
     }
 
+    var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
     function isLegacyActEnvironment(fiber) {
       {
         // Legacy mode. We preserve the behavior of React 17's act. It assumes an
@@ -31881,7 +31923,7 @@ if (__DEV__) {
 
         if (
           !isReactActEnvironmentGlobal &&
-          ReactSharedInternals.actQueue !== null
+          ReactCurrentActQueue$1.current !== null
         ) {
           // TODO: Include link to relevant documentation page.
           error(
@@ -31913,6 +31955,11 @@ if (__DEV__) {
     }
 
     var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+      ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+      ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
+      ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue;
     var NoContext =
       /*             */
       0;
@@ -32214,11 +32261,13 @@ if (__DEV__) {
 
       if (transition !== null) {
         {
-          if (!transition._updatedFibers) {
-            transition._updatedFibers = new Set();
+          var batchConfigTransition = ReactCurrentBatchConfig$1.transition;
+
+          if (!batchConfigTransition._updatedFibers) {
+            batchConfigTransition._updatedFibers = new Set();
           }
 
-          transition._updatedFibers.add(fiber);
+          batchConfigTransition._updatedFibers.add(fiber);
         }
 
         var actionScopeLane = peekEntangledActionLane();
@@ -32227,9 +32276,26 @@ if (__DEV__) {
           : // is the first update in that scope. Either way, we need to get a
             // fresh transition lane.
             requestTransitionLane();
-      }
+      } // Updates originating inside certain React methods, like flushSync, have
+      // their priority set by tracking it with a context variable.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
 
-      return eventPriorityToLane(resolveUpdatePriority());
+      var updateLane = getCurrentUpdatePriority();
+
+      if (updateLane !== NoLane) {
+        return updateLane;
+      } // This update originated outside React. Ask the host environment for an
+      // appropriate priority, based on the type of event.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
+
+      var eventLane = getCurrentEventPriority();
+      return eventLane;
     }
 
     function requestRetryLane(fiber) {
@@ -32340,13 +32406,12 @@ if (__DEV__) {
         warnIfUpdatesNotWrappedWithActDEV(fiber);
 
         if (enableTransitionTracing) {
-          var transition = ReactSharedInternals.T;
+          var transition = ReactCurrentBatchConfig$1.transition;
 
           if (transition !== null && transition.name != null) {
             if (transition.startTime === -1) {
               transition.startTime = now$1();
-            } // $FlowFixMe[prop-missing]: The BatchConfigTransition and Transition types are incompatible but was previously untyped and thus uncaught
-            // $FlowFixMe[incompatible-call]: "
+            }
 
             addTransitionToLanesMap(root, transition, lane);
           }
@@ -32385,7 +32450,7 @@ if (__DEV__) {
           !disableLegacyMode &&
           (fiber.mode & ConcurrentMode) === NoMode
         ) {
-          if (ReactSharedInternals.isBatchingLegacy);
+          if (ReactCurrentActQueue.isBatchingLegacy);
           else {
             // Flush the synchronous work now, unless we're already working or inside
             // a batch. This is intentionally inside scheduleUpdateOnFiber instead of
@@ -32502,31 +32567,20 @@ if (__DEV__) {
             } // Check if something threw
 
             if (exitStatus === RootErrored) {
-              var lanesThatJustErrored = lanes;
+              var originallyAttemptedLanes = lanes;
               var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
                 root,
-                lanesThatJustErrored
+                originallyAttemptedLanes
               );
 
               if (errorRetryLanes !== NoLanes) {
                 lanes = errorRetryLanes;
                 exitStatus = recoverFromConcurrentError(
                   root,
-                  lanesThatJustErrored,
+                  originallyAttemptedLanes,
                   errorRetryLanes
                 );
-                renderWasConcurrent = false; // Need to check the exit status again.
-
-                if (exitStatus !== RootErrored) {
-                  // The root did not error this time. Restart the exit algorithm
-                  // from the beginning.
-                  // TODO: Refactor the exit algorithm to be less confusing. Maybe
-                  // more branches + recursion instead of a loop. I think the only
-                  // thing that causes it to be a loop is the RootDidNotComplete
-                  // check. If that's true, then we don't need a loop/recursion
-                  // at all.
-                  continue;
-                }
+                renderWasConcurrent = false;
               }
             }
 
@@ -33016,7 +33070,7 @@ if (__DEV__) {
 
           if (
             executionContext === NoContext && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
-            !ReactSharedInternals.isBatchingLegacy
+            !ReactCurrentActQueue.isBatchingLegacy
           ) {
             resetRenderTimer();
             flushSyncWorkOnLegacyRootsOnly();
@@ -33029,7 +33083,7 @@ if (__DEV__) {
     // eslint-disable-next-line no-redeclare
     // eslint-disable-next-line no-redeclare
 
-    function flushSyncFromReconciler$1(fn) {
+    function flushSync$1(fn) {
       // In legacy mode, we flush pending passive effects at the beginning of the
       // next event, not at the end of the previous one.
       if (
@@ -33043,12 +33097,12 @@ if (__DEV__) {
 
       var prevExecutionContext = executionContext;
       executionContext |= BatchedContext;
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$1.transition;
       var previousPriority = getCurrentUpdatePriority();
 
       try {
+        ReactCurrentBatchConfig$1.transition = null;
         setCurrentUpdatePriority(DiscreteEventPriority);
-        ReactSharedInternals.T = null;
 
         if (fn) {
           return fn();
@@ -33057,7 +33111,7 @@ if (__DEV__) {
         }
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$1.transition = prevTransition;
         executionContext = prevExecutionContext; // Flush the immediate callbacks that were scheduled during this batch.
         // Note that this will happen even if batchedUpdates is higher up
         // the stack.
@@ -33069,16 +33123,6 @@ if (__DEV__) {
           flushSyncWorkOnAllRoots();
         }
       }
-    } // If called outside of a render or commit will flush all sync work on all roots
-    // Returns whether the the call was during a render or not
-
-    function flushSyncWork() {
-      if ((executionContext & (RenderContext | CommitContext)) === NoContext) {
-        flushSyncWorkOnAllRoots();
-        return false;
-      }
-
-      return true;
     }
     function isAlreadyRendering() {
       // Used by the renderer to print a warning if certain APIs are called from
@@ -33201,10 +33245,7 @@ if (__DEV__) {
       // when React is executing user code.
       resetHooksAfterThrow();
       resetCurrentFiber();
-
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner$1.current = null;
 
       if (thrownValue === SuspenseException) {
         // This is a special type of exception used for Suspense. For historical
@@ -33356,8 +33397,8 @@ if (__DEV__) {
     }
 
     function pushDispatcher(container) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
       if (prevDispatcher === null) {
         // The React isomorphic package does not include a default dispatcher.
@@ -33370,20 +33411,20 @@ if (__DEV__) {
     }
 
     function popDispatcher(prevDispatcher) {
-      ReactSharedInternals.H = prevDispatcher;
+      ReactCurrentDispatcher.current = prevDispatcher;
     }
 
     function pushCacheDispatcher() {
       {
-        var prevCacheDispatcher = ReactSharedInternals.C;
-        ReactSharedInternals.C = DefaultCacheDispatcher;
+        var prevCacheDispatcher = ReactCurrentCache.current;
+        ReactCurrentCache.current = DefaultCacheDispatcher;
         return prevCacheDispatcher;
       }
     }
 
     function popCacheDispatcher(prevCacheDispatcher) {
       {
-        ReactSharedInternals.C = prevCacheDispatcher;
+        ReactCurrentCache.current = prevCacheDispatcher;
       }
     }
 
@@ -33810,7 +33851,7 @@ if (__DEV__) {
             }
           }
 
-          if (true && ReactSharedInternals.actQueue !== null) {
+          if (true && ReactCurrentActQueue.current !== null) {
             // `act` special case: If we're inside an `act` scope, don't consult
             // `shouldYield`. Always keep working until the render is complete.
             // This is not just an optimization: in a unit test environment, we
@@ -33895,9 +33936,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner$1.current = null;
     }
 
     function replaySuspendedUnitOfWork(unitOfWork) {
@@ -34025,9 +34064,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner$1.current = null;
     }
 
     function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
@@ -34237,12 +34274,12 @@ if (__DEV__) {
     ) {
       // TODO: This no longer makes any sense. We already wrap the mutation and
       // layout phases. Should be able to remove.
-      var prevTransition = ReactSharedInternals.T;
       var previousUpdateLanePriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig$1.transition;
 
       try {
+        ReactCurrentBatchConfig$1.transition = null;
         setCurrentUpdatePriority(DiscreteEventPriority);
-        ReactSharedInternals.T = null;
         commitRootImpl(
           root,
           recoverableErrors,
@@ -34252,7 +34289,7 @@ if (__DEV__) {
           spawnedLane
         );
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$1.transition = prevTransition;
         setCurrentUpdatePriority(previousUpdateLanePriority);
       }
 
@@ -34396,16 +34433,14 @@ if (__DEV__) {
         NoFlags$1;
 
       if (subtreeHasEffects || rootHasEffect) {
-        var prevTransition = ReactSharedInternals.T;
-        ReactSharedInternals.T = null;
+        var prevTransition = ReactCurrentBatchConfig$1.transition;
+        ReactCurrentBatchConfig$1.transition = null;
         var previousPriority = getCurrentUpdatePriority();
         setCurrentUpdatePriority(DiscreteEventPriority);
         var prevExecutionContext = executionContext;
         executionContext |= CommitContext; // Reset this to null before calling lifecycles
 
-        {
-          ReactSharedInternals.owner = null;
-        } // The commit phase is broken into several sub-phases. We do a separate pass
+        ReactCurrentOwner$1.current = null; // The commit phase is broken into several sub-phases. We do a separate pass
         // of the effect list for each phase: all mutation effects come before all
         // layout effects, and so on.
         // The first phase a "before mutation" phase. We use this phase to read the
@@ -34467,7 +34502,7 @@ if (__DEV__) {
         executionContext = prevExecutionContext; // Reset the priority to the previous non-sync value.
 
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$1.transition = prevTransition;
       } else {
         // No effects.
         root.current = finishedWork; // Measure these anyway so the flamegraph explicitly shows that there were
@@ -34694,16 +34729,16 @@ if (__DEV__) {
         pendingPassiveEffectsRemainingLanes = NoLanes;
         var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
         var priority = lowerEventPriority(DefaultEventPriority, renderPriority);
-        var prevTransition = ReactSharedInternals.T;
+        var prevTransition = ReactCurrentBatchConfig$1.transition;
         var previousPriority = getCurrentUpdatePriority();
 
         try {
+          ReactCurrentBatchConfig$1.transition = null;
           setCurrentUpdatePriority(priority);
-          ReactSharedInternals.T = null;
           return flushPassiveEffectsImpl();
         } finally {
           setCurrentUpdatePriority(previousPriority);
-          ReactSharedInternals.T = prevTransition; // Once passive effects have run for the tree - giving components a
+          ReactCurrentBatchConfig$1.transition = prevTransition; // Once passive effects have run for the tree - giving components a
           // chance to retain cache instances they use - release the pooled
           // cache at the root (if there is one)
 
@@ -35458,7 +35493,7 @@ if (__DEV__) {
       {
         // If we're currently inside an `act` scope, bypass Scheduler and push to
         // the `act` queue instead.
-        var actQueue = ReactSharedInternals.actQueue;
+        var actQueue = ReactCurrentActQueue.current;
 
         if (actQueue !== null) {
           actQueue.push(callback);
@@ -35471,7 +35506,7 @@ if (__DEV__) {
 
     function shouldForceFlushFallbacksInDEV() {
       // Never force flush in production. This function should get stripped out.
-      return ReactSharedInternals.actQueue !== null;
+      return ReactCurrentActQueue.current !== null;
     }
 
     function warnIfUpdatesNotWrappedWithActDEV(fiber) {
@@ -35505,7 +35540,7 @@ if (__DEV__) {
           }
         }
 
-        if (ReactSharedInternals.actQueue === null) {
+        if (ReactCurrentActQueue.current === null) {
           var previousFiber = current;
 
           try {
@@ -35540,7 +35575,7 @@ if (__DEV__) {
         if (
           root.tag !== LegacyRoot &&
           isConcurrentActEnvironment() &&
-          ReactSharedInternals.actQueue === null
+          ReactCurrentActQueue.current === null
         ) {
           error(
             "A suspended resource finished loading inside a test, but the event " +
@@ -35749,12 +35784,13 @@ if (__DEV__) {
         var staleFamilies = update.staleFamilies,
           updatedFamilies = update.updatedFamilies;
         flushPassiveEffects();
-        scheduleFibersWithFamiliesRecursively(
-          root.current,
-          updatedFamilies,
-          staleFamilies
-        );
-        flushSyncWork();
+        flushSync$1(function () {
+          scheduleFibersWithFamiliesRecursively(
+            root.current,
+            updatedFamilies,
+            staleFamilies
+          );
+        });
       }
     };
     var scheduleRoot = function (root, element) {
@@ -35766,8 +35802,10 @@ if (__DEV__) {
           return;
         }
 
-        updateContainerSync(element, root, null, null);
-        flushSyncWork();
+        flushPassiveEffects();
+        flushSync$1(function () {
+          updateContainer(element, root, null, null);
+        });
       }
     };
 
@@ -36503,7 +36541,7 @@ if (__DEV__) {
                   "named imports.";
               }
 
-              var ownerName = owner ? getComponentNameFromOwner(owner) : null;
+              var ownerName = owner ? getComponentNameFromFiber(owner) : null;
 
               if (ownerName) {
                 info += "\n\nCheck the render method of `" + ownerName + "`.";
@@ -36846,7 +36884,7 @@ if (__DEV__) {
       return root;
     }
 
-    var ReactVersion = "19.0.0-www-classic-e5ad100e";
+    var ReactVersion = "19.0.0-www-classic-67c522ab";
 
     function createPortal$1(
       children,
@@ -37073,52 +37111,13 @@ if (__DEV__) {
       return root;
     }
     function updateContainer(element, container, parentComponent, callback) {
-      var current = container.current;
-      var lane = requestUpdateLane(current);
-      updateContainerImpl(
-        current,
-        lane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return lane;
-    }
-    function updateContainerSync(
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
-      if (container.tag === LegacyRoot) {
-        flushPassiveEffects();
-      }
-
-      var current = container.current;
-      updateContainerImpl(
-        current,
-        SyncLane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return SyncLane;
-    }
-
-    function updateContainerImpl(
-      rootFiber,
-      lane,
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
       {
         onScheduleRoot(container, element);
       }
 
+      var current$1 = container.current;
+      var lane = requestUpdateLane(current$1);
+
       if (enableSchedulingProfiler) {
         markRenderScheduled(lane);
       }
@@ -37167,12 +37166,14 @@ if (__DEV__) {
         update.callback = callback;
       }
 
-      var root = enqueueUpdate(rootFiber, update, lane);
+      var root = enqueueUpdate(current$1, update, lane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, rootFiber, lane);
-        entangleTransitions(root, rootFiber, lane);
+        scheduleUpdateOnFiber(root, current$1, lane);
+        entangleTransitions(root, current$1, lane);
       }
+
+      return lane;
     }
     function getPublicRootInstance(container) {
       var containerFiber = container.current;
@@ -37205,13 +37206,13 @@ if (__DEV__) {
         }
 
         case SuspenseComponent: {
-          var _root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+          flushSync$1(function () {
+            var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-          if (_root !== null) {
-            scheduleUpdateOnFiber(_root, fiber, SyncLane);
-          }
-
-          flushSyncWork(); // If we're still blocked after this, we need to increase
+            if (root !== null) {
+              scheduleUpdateOnFiber(root, fiber, SyncLane);
+            }
+          }); // If we're still blocked after this, we need to increase
           // the priority of any promises resolving within this
           // boundary so that they next attempt also has higher pri.
 
@@ -37557,6 +37558,7 @@ if (__DEV__) {
 
     function injectIntoDevTools(devToolsConfig) {
       var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+      var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
       return injectInternals({
         bundleType: devToolsConfig.bundleType,
         version: devToolsConfig.version,
@@ -37571,7 +37573,7 @@ if (__DEV__) {
         setErrorHandler: setErrorHandler,
         setSuspenseHandler: setSuspenseHandler,
         scheduleUpdate: scheduleUpdate,
-        currentDispatcherRef: ReactSharedInternals,
+        currentDispatcherRef: ReactCurrentDispatcher,
         findHostInstanceByFiber: findHostInstanceByFiber,
         findFiberByHostInstance:
           findFiberByHostInstance || emptyFindFiberByHostInstance,
@@ -37608,9 +37610,7 @@ if (__DEV__) {
         // bails out of the update without touching the DOM.
         // TODO: Restore state in the microtask, after the discrete updates flush,
         // instead of early flushing them here.
-        // @TODO Should move to flushSyncWork once legacy mode is removed but since this flushSync
-        // flushes passive effects we can't do this yet.
-        flushSyncWork();
+        flushSync$1();
         restoreStateIfNeeded();
       }
     }
@@ -40031,9 +40031,6 @@ if (__DEV__) {
       animationend: makePrefixMap("Animation", "AnimationEnd"),
       animationiteration: makePrefixMap("Animation", "AnimationIteration"),
       animationstart: makePrefixMap("Animation", "AnimationStart"),
-      transitionrun: makePrefixMap("Transition", "TransitionRun"),
-      transitionstart: makePrefixMap("Transition", "TransitionStart"),
-      transitioncancel: makePrefixMap("Transition", "TransitionCancel"),
       transitionend: makePrefixMap("Transition", "TransitionEnd")
     };
     /**
@@ -40094,9 +40091,6 @@ if (__DEV__) {
     var ANIMATION_END = getVendorPrefixedEventName("animationend");
     var ANIMATION_ITERATION = getVendorPrefixedEventName("animationiteration");
     var ANIMATION_START = getVendorPrefixedEventName("animationstart");
-    var TRANSITION_RUN = getVendorPrefixedEventName("transitionrun");
-    var TRANSITION_START = getVendorPrefixedEventName("transitionstart");
-    var TRANSITION_CANCEL = getVendorPrefixedEventName("transitioncancel");
     var TRANSITION_END = getVendorPrefixedEventName("transitionend");
 
     var topLevelEventsToReactNames = new Map(); // NOTE: Capitalization is important in this list!
@@ -40137,9 +40131,6 @@ if (__DEV__) {
       registerSimpleEvent("dblclick", "onDoubleClick");
       registerSimpleEvent("focusin", "onFocus");
       registerSimpleEvent("focusout", "onBlur");
-      registerSimpleEvent(TRANSITION_RUN, "onTransitionRun");
-      registerSimpleEvent(TRANSITION_START, "onTransitionStart");
-      registerSimpleEvent(TRANSITION_CANCEL, "onTransitionCancel");
       registerSimpleEvent(TRANSITION_END, "onTransitionEnd");
     }
 
@@ -41427,7 +41418,8 @@ if (__DEV__) {
       // in that browser completely in favor of doing all that work.
       // See https://github.com/facebook/react/issues/11807
 
-      canDiffStyleForHydrationWarning = disableIEWorkarounds;
+      canDiffStyleForHydrationWarning =
+        disableIEWorkarounds || (canUseDOM && !document.documentMode);
     }
 
     function validatePropertiesInDevelopment(type, props) {
@@ -41947,8 +41939,10 @@ if (__DEV__) {
                 );
               }
 
-              {
+              if (disableIEWorkarounds) {
                 domElement.innerHTML = nextHtml;
+              } else {
+                setInnerHTML$1(domElement, nextHtml);
               }
             }
           }
@@ -42334,8 +42328,10 @@ if (__DEV__) {
                 );
               }
 
-              {
+              if (disableIEWorkarounds) {
                 domElement.innerHTML = nextHtml;
+              } else {
+                setInnerHTML$1(domElement, nextHtml);
               }
             }
           }
@@ -44869,6 +44865,28 @@ if (__DEV__) {
       }
     }
 
+    function noop$1() {}
+
+    var DefaultDispatcher = {
+      prefetchDNS: noop$1,
+      preconnect: noop$1,
+      preload: noop$1,
+      preloadModule: noop$1,
+      preinitScript: noop$1,
+      preinitStyle: noop$1,
+      preinitModuleScript: noop$1
+    };
+    var Internals = {
+      usingClientEntryPoint: false,
+      Events: null,
+      ReactDOMCurrentDispatcher: {
+        current: DefaultDispatcher
+      },
+      findDOMNode: null
+    };
+
+    var ReactDOMCurrentDispatcher$1 = Internals.ReactDOMCurrentDispatcher; // Unused
+
     var SUPPRESS_HYDRATION_WARNING = "suppressHydrationWarning";
     var SUSPENSE_START_DATA = "$";
     var SUSPENSE_END_DATA = "/$";
@@ -45274,6 +45292,15 @@ if (__DEV__) {
       precacheFiberNode(internalInstanceHandle, textNode);
       return textNode;
     }
+    function getCurrentEventPriority() {
+      var currentEvent = window.event;
+
+      if (currentEvent === undefined) {
+        return DefaultEventPriority;
+      }
+
+      return getEventPriority(currentEvent.type);
+    }
     var currentPopstateTransitionEvent = null;
     function shouldAttemptEagerTransition() {
       var event = window.event;
@@ -46419,60 +46446,16 @@ if (__DEV__) {
       return root.ownerDocument || root;
     }
 
-    var previousDispatcher = Internals$1.d;
-    /* ReactDOMCurrentDispatcher */
-
-    Internals$1.d =
-      /* ReactDOMCurrentDispatcher */
-      {
-        f:
-          /* flushSyncWork */
-          previousDispatcher.f,
-        /* flushSyncWork */
-        r: requestFormReset$1,
-        D:
-          /* prefetchDNS */
-          prefetchDNS$1,
-        C:
-          /* preconnect */
-          preconnect$1,
-        L:
-          /* preload */
-          preload$1,
-        m:
-          /* preloadModule */
-          preloadModule$1,
-        X:
-          /* preinitScript */
-          preinitScript,
-        S:
-          /* preinitStyle */
-          preinitStyle,
-        M:
-          /* preinitModuleScript */
-          preinitModuleScript
-      };
-
-    function requestFormReset$1(form) {
-      var formInst = getInstanceFromNode(form);
-
-      if (
-        formInst !== null &&
-        formInst.tag === HostComponent &&
-        formInst.type === "form"
-      ) {
-        requestFormReset$2(formInst);
-      } else {
-        // This form was either not rendered by this React renderer (or it's an
-        // invalid type). Try the next one.
-        //
-        // The last implementation in the sequence will throw an error.
-        previousDispatcher.r(
-          /* requestFormReset */
-          form
-        );
-      }
-    } // We expect this to get inlined. It is a function mostly to communicate the special nature of
+    var previousDispatcher = ReactDOMCurrentDispatcher$1.current;
+    ReactDOMCurrentDispatcher$1.current = {
+      prefetchDNS: prefetchDNS$1,
+      preconnect: preconnect$1,
+      preload: preload$1,
+      preloadModule: preloadModule$1,
+      preinitStyle: preinitStyle,
+      preinitScript: preinitScript,
+      preinitModuleScript: preinitModuleScript
+    }; // We expect this to get inlined. It is a function mostly to communicate the special nature of
     // how we resolve the HoistableRoot for ReactDOM.pre*() methods. Because we support calling
     // these methods outside of render there is no way to know which Document or ShadowRoot is 'scoped'
     // and so we have to fall back to something universal. Currently we just refer to the global document.
@@ -46516,29 +46499,17 @@ if (__DEV__) {
     }
 
     function prefetchDNS$1(href) {
-      previousDispatcher.D(
-        /* prefetchDNS */
-        href
-      );
+      previousDispatcher.prefetchDNS(href);
       preconnectAs("dns-prefetch", href, null);
     }
 
     function preconnect$1(href, crossOrigin) {
-      previousDispatcher.C(
-        /* preconnect */
-        href,
-        crossOrigin
-      );
+      previousDispatcher.preconnect(href, crossOrigin);
       preconnectAs("preconnect", href, crossOrigin);
     }
 
     function preload$1(href, as, options) {
-      previousDispatcher.L(
-        /* preload */
-        href,
-        as,
-        options
-      );
+      previousDispatcher.preload(href, as, options);
       var ownerDocument = getGlobalDocument();
 
       if (ownerDocument && href && as) {
@@ -46635,11 +46606,7 @@ if (__DEV__) {
     }
 
     function preloadModule$1(href, options) {
-      previousDispatcher.m(
-        /* preloadModule */
-        href,
-        options
-      );
+      previousDispatcher.preloadModule(href, options);
       var ownerDocument = getGlobalDocument();
 
       if (ownerDocument && href) {
@@ -46705,12 +46672,7 @@ if (__DEV__) {
     }
 
     function preinitStyle(href, precedence, options) {
-      previousDispatcher.S(
-        /* preinitStyle */
-        href,
-        precedence,
-        options
-      );
+      previousDispatcher.preinitStyle(href, precedence, options);
       var ownerDocument = getGlobalDocument();
 
       if (ownerDocument && href) {
@@ -46783,11 +46745,7 @@ if (__DEV__) {
     }
 
     function preinitScript(src, options) {
-      previousDispatcher.X(
-        /* preinitScript */
-        src,
-        options
-      );
+      previousDispatcher.preinitScript(src, options);
       var ownerDocument = getGlobalDocument();
 
       if (ownerDocument && src) {
@@ -46840,11 +46798,7 @@ if (__DEV__) {
     }
 
     function preinitModuleScript(src, options) {
-      previousDispatcher.M(
-        /* preinitModuleScript */
-        src,
-        options
-      );
+      previousDispatcher.preinitModuleScript(src, options);
       var ownerDocument = getGlobalDocument();
 
       if (ownerDocument && src) {
@@ -46988,16 +46942,13 @@ if (__DEV__) {
         }
 
         case "script": {
-          var async = pendingProps.async;
-          var src = pendingProps.src;
-
           if (
-            typeof src === "string" &&
-            async &&
-            typeof async !== "function" &&
-            typeof async !== "symbol"
+            typeof pendingProps.src === "string" &&
+            pendingProps.async === true
           ) {
-            var _key2 = getScriptKey(src);
+            var scriptProps = pendingProps;
+
+            var _key2 = getScriptKey(scriptProps.src);
 
             var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
 
@@ -47673,21 +47624,16 @@ if (__DEV__) {
         }
 
         case "script": {
-          var isAsync =
-            props.async &&
-            typeof props.async !== "function" &&
-            typeof props.async !== "symbol";
-
           if (
-            !isAsync ||
+            props.async !== true ||
             props.onLoad ||
             props.onError ||
-            !props.src ||
-            typeof props.src !== "string"
+            typeof props.src !== "string" ||
+            !props.src
           ) {
             {
               if (outsideHostContainerContext) {
-                if (!isAsync) {
+                if (props.async !== true) {
                   error(
                     "Cannot render a sync or defer <script> outside the main document without knowing its order." +
                       ' Try adding async="" or moving it into the root <head> tag.'
@@ -47757,13 +47703,13 @@ if (__DEV__) {
     // provide the actual unsuspend function and that will get completed when the count
     // hits zero or it will get cancelled if the root starts new work.
 
-    function noop$1() {}
+    function noop() {}
 
     function startSuspendingCommit() {
       suspendedState = {
         stylesheets: null,
         count: 0,
-        unsuspend: noop$1
+        unsuspend: noop
       };
     }
     function suspendResource(hoistableRoot, resource, props) {
@@ -48016,9 +47962,6 @@ if (__DEV__) {
     }
 
     var NotPendingTransition = NotPending;
-    function resetFormInstance(form) {
-      form.reset();
-    }
 
     var randomKey = Math.random().toString(36).slice(2);
     var internalInstanceKey = "__reactFiber$" + randomKey;
@@ -48530,7 +48473,10 @@ if (__DEV__) {
     }
 
     function queueExplicitHydrationTarget(target) {
-      var updatePriority = resolveUpdatePriority();
+      // TODO: This will read the priority if it's dispatched by the React
+      // event system but not native events. Should read window.event.type, like
+      // we do for updates (getCurrentEventPriority).
+      var updatePriority = getCurrentUpdatePriority();
       var queuedTarget = {
         blockedOn: null,
         target: target,
@@ -48823,6 +48769,8 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig; // TODO: can we stop exporting these?
+
     var _enabled = true; // This is exported in FB builds for use by legacy FB layer infra.
     // We'd like to remove this but it's not clear if this is safe.
 
@@ -48869,16 +48817,16 @@ if (__DEV__) {
       container,
       nativeEvent
     ) {
-      var prevTransition = ReactSharedInternals.T;
-      ReactSharedInternals.T = null;
       var previousPriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
+      ReactCurrentBatchConfig.transition = null;
 
       try {
         setCurrentUpdatePriority(DiscreteEventPriority);
         dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
       }
     }
 
@@ -48888,16 +48836,16 @@ if (__DEV__) {
       container,
       nativeEvent
     ) {
-      var prevTransition = ReactSharedInternals.T;
-      ReactSharedInternals.T = null;
       var previousPriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
+      ReactCurrentBatchConfig.transition = null;
 
       try {
         setCurrentUpdatePriority(ContinuousEventPriority);
         dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
       }
     }
 
@@ -49219,8 +49167,9 @@ if (__DEV__) {
             }
           }
 
-          updateContainerSync(null, root, null, null);
-          flushSyncWork();
+          flushSync$1(function () {
+            updateContainer(null, root, null, null);
+          });
           unmarkContainerAsRoot(container);
         }
       };
@@ -49573,6 +49522,7 @@ if (__DEV__) {
       return undefined;
     }
 
+    var ReactDOMCurrentDispatcher = Internals.ReactDOMCurrentDispatcher;
     function prefetchDNS(href) {
       {
         if (typeof href !== "string" || !href) {
@@ -49601,12 +49551,7 @@ if (__DEV__) {
       }
 
       if (typeof href === "string") {
-        Internals$1.d
-          /* ReactDOMCurrentDispatcher */
-          .D(
-            /* prefetchDNS */
-            href
-          );
+        ReactDOMCurrentDispatcher.current.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.
@@ -49635,13 +49580,7 @@ if (__DEV__) {
         var crossOrigin = options
           ? getCrossOriginString(options.crossOrigin)
           : null;
-        Internals$1.d
-          /* ReactDOMCurrentDispatcher */
-          .C(
-            /* preconnect */
-            href,
-            crossOrigin
-          );
+        ReactDOMCurrentDispatcher.current.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.
@@ -49685,41 +49624,32 @@ if (__DEV__) {
       ) {
         var as = options.as;
         var crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
-        Internals$1.d
-          /* ReactDOMCurrentDispatcher */
-          .L(
-            /* 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,
-              media:
-                typeof options.media === "string" ? options.media : undefined
-            }
-          );
+        ReactDOMCurrentDispatcher.current.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,
+          media: typeof options.media === "string" ? options.media : 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.
@@ -49765,30 +49695,19 @@ if (__DEV__) {
             options.as,
             options.crossOrigin
           );
-          Internals$1.d
-            /* ReactDOMCurrentDispatcher */
-            .m(
-              /* preloadModule */
-              href,
-              {
-                as:
-                  typeof options.as === "string" && options.as !== "script"
-                    ? options.as
-                    : undefined,
-                crossOrigin: crossOrigin,
-                integrity:
-                  typeof options.integrity === "string"
-                    ? options.integrity
-                    : undefined
-              }
-            );
+          ReactDOMCurrentDispatcher.current.preloadModule(href, {
+            as:
+              typeof options.as === "string" && options.as !== "script"
+                ? options.as
+                : undefined,
+            crossOrigin: crossOrigin,
+            integrity:
+              typeof options.integrity === "string"
+                ? options.integrity
+                : undefined
+          });
         } else {
-          Internals$1.d
-            /* ReactDOMCurrentDispatcher */
-            .m(
-              /* preloadModule */
-              href
-            );
+          ReactDOMCurrentDispatcher.current.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
@@ -49829,34 +49748,24 @@ if (__DEV__) {
             : undefined;
 
         if (as === "style") {
-          Internals$1.d
-            /* ReactDOMCurrentDispatcher */
-            .S(
-              /* preinitStyle */
-              href,
-              typeof options.precedence === "string"
-                ? options.precedence
-                : undefined,
-              {
-                crossOrigin: crossOrigin,
-                integrity: integrity,
-                fetchPriority: fetchPriority
-              }
-            );
+          ReactDOMCurrentDispatcher.current.preinitStyle(
+            href,
+            typeof options.precedence === "string"
+              ? options.precedence
+              : undefined,
+            {
+              crossOrigin: crossOrigin,
+              integrity: integrity,
+              fetchPriority: fetchPriority
+            }
+          );
         } else if (as === "script") {
-          Internals$1.d
-            /* ReactDOMCurrentDispatcher */
-            .X(
-              /* preinitScript */
-              href,
-              {
-                crossOrigin: crossOrigin,
-                integrity: integrity,
-                fetchPriority: fetchPriority,
-                nonce:
-                  typeof options.nonce === "string" ? options.nonce : undefined
-              }
-            );
+          ReactDOMCurrentDispatcher.current.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
@@ -49923,31 +49832,18 @@ if (__DEV__) {
               options.as,
               options.crossOrigin
             );
-            Internals$1.d
-              /* ReactDOMCurrentDispatcher */
-              .M(
-                /* preinitModuleScript */
-                href,
-                {
-                  crossOrigin: crossOrigin,
-                  integrity:
-                    typeof options.integrity === "string"
-                      ? options.integrity
-                      : undefined,
-                  nonce:
-                    typeof options.nonce === "string"
-                      ? options.nonce
-                      : undefined
-                }
-              );
+            ReactDOMCurrentDispatcher.current.preinitModuleScript(href, {
+              crossOrigin: crossOrigin,
+              integrity:
+                typeof options.integrity === "string"
+                  ? options.integrity
+                  : undefined,
+              nonce:
+                typeof options.nonce === "string" ? options.nonce : undefined
+            });
           }
         } else if (options == null) {
-          Internals$1.d
-            /* ReactDOMCurrentDispatcher */
-            .M(
-              /* preinitModuleScript */
-              href
-            );
+          ReactDOMCurrentDispatcher.current.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
@@ -50007,12 +49903,38 @@ if (__DEV__) {
       // $FlowFixMe[incompatible-return] The Flow type is opaque but there's no way to actually create it.
 
       return createPortal$1(children, container, null, key);
+    }
+
+    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$2(container, 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$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
     // eslint-disable-next-line no-redeclare
 
-    function flushSyncFromReconciler(fn) {
+    function flushSync(fn) {
       {
         if (isAlreadyRendering()) {
           error(
@@ -50023,16 +49945,14 @@ if (__DEV__) {
         }
       }
 
-      return flushSyncFromReconciler$1(fn);
+      return flushSync$1(fn);
     }
 
-    var flushSync = flushSyncFromReconciler;
-
-    function findDOMNode$2(componentOrElement) {
+    function findDOMNode$1(componentOrElement) {
       return findHostInstance(componentOrElement);
     } // Expose findDOMNode on internals
 
-    Internals$1.findDOMNode = findDOMNode$2;
+    Internals.findDOMNode = findDOMNode$1;
 
     function unstable_batchedUpdates(fn, a) {
       // batchedUpdates was a legacy mode feature that is a no-op outside of
@@ -50042,17 +49962,15 @@ if (__DEV__) {
     }
     // This is an array for better minification.
 
-    Internals$1.Events =
-      /* Events */
-      [
-        getInstanceFromNode,
-        getNodeFromInstance,
-        getFiberCurrentPropsFromNode,
-        enqueueStateRestore,
-        restoreStateIfNeeded,
-        unstable_batchedUpdates
-      ];
-    var foundDevTools$1 = injectIntoDevTools({
+    Internals.Events = [
+      getInstanceFromNode,
+      getNodeFromInstance,
+      getFiberCurrentPropsFromNode,
+      enqueueStateRestore,
+      restoreStateIfNeeded,
+      unstable_batchedUpdates
+    ];
+    var foundDevTools = injectIntoDevTools({
       findFiberByHostInstance: getClosestInstanceFromNode,
       bundleType: 1,
       version: ReactVersion,
@@ -50060,22 +49978,22 @@ if (__DEV__) {
     });
 
     {
-      if (!foundDevTools$1 && canUseDOM && window.top === window.self) {
+      if (!foundDevTools && canUseDOM && window.top === window.self) {
         // If we're in Chrome or Firefox, provide a download link if not installed.
         if (
           (navigator.userAgent.indexOf("Chrome") > -1 &&
             navigator.userAgent.indexOf("Edge") === -1) ||
           navigator.userAgent.indexOf("Firefox") > -1
         ) {
-          var protocol$1 = window.location.protocol; // Don't warn in exotic cases like chrome-extension://.
+          var protocol = window.location.protocol; // Don't warn in exotic cases like chrome-extension://.
 
-          if (/^(https?|file):$/.test(protocol$1)) {
+          if (/^(https?|file):$/.test(protocol)) {
             // eslint-disable-next-line react-internal/no-production-logging
             console.info(
               "%cDownload the React DevTools " +
                 "for a better development experience: " +
                 "https://react.dev/link/react-devtools" +
-                (protocol$1 === "file:"
+                (protocol === "file:"
                   ? "\nYou might need to use a local HTTP server (instead of file://): " +
                     "https://react.dev/link/react-devtools-faq"
                   : ""),
@@ -50128,6 +50046,7 @@ if (__DEV__) {
 
       defaultOnCaughtError(error, errorInfo);
     }
+    var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
     var topLevelUpdateWarnings;
 
     {
@@ -50224,7 +50143,7 @@ if (__DEV__) {
             : container; // $FlowFixMe[incompatible-call]
 
         listenToAllSupportedEvents(rootContainerElement);
-        flushSyncWork();
+        flushSync$1();
         return root;
       } else {
         // First clear any existing content.
@@ -50263,8 +50182,9 @@ if (__DEV__) {
 
         listenToAllSupportedEvents(_rootContainerElement); // Initial mount should not be batched.
 
-        updateContainerSync(initialChildren, _root, parentComponent, callback);
-        flushSyncWork();
+        flushSync$1(function () {
+          updateContainer(initialChildren, _root, parentComponent, callback);
+        });
         return _root;
       }
     }
@@ -50323,9 +50243,9 @@ if (__DEV__) {
       return getPublicRootInstance(root);
     }
 
-    function findDOMNode$1(componentOrElement) {
+    function findDOMNode(componentOrElement) {
       {
-        var owner = ReactSharedInternals.owner;
+        var owner = ReactCurrentOwner.current;
 
         if (owner !== null && owner.stateNode !== null) {
           var warnedAboutRefsInRender =
@@ -50444,8 +50364,6 @@ if (__DEV__) {
       }
 
       if (container._reactRootContainer) {
-        var root = container._reactRootContainer;
-
         {
           var rootEl = getReactRootElementInContainer(container);
           var renderedByDifferentReact = rootEl && !getInstanceFromNode(rootEl);
@@ -50456,13 +50374,23 @@ if (__DEV__) {
                 "was rendered by another copy of React."
             );
           }
-        }
+        } // Unmount should not be batched.
 
-        updateContainerSync(null, root, null, null);
-        flushSyncWork(); // $FlowFixMe[incompatible-type] This should probably use `delete container._reactRootContainer`
+        flushSync$1(function () {
+          legacyRenderSubtreeIntoContainer(
+            null,
+            null,
+            container,
+            false,
+            function () {
+              // $FlowFixMe[incompatible-type] This should probably use `delete container._reactRootContainer`
+              container._reactRootContainer = null;
+              unmarkContainerAsRoot(container);
+            }
+          );
+        }); // If you call unmountComponentAtNode twice in quick succession, you'll
+        // get `true` twice. That's probably fine?
 
-        container._reactRootContainer = null;
-        unmarkContainerAsRoot(container);
         return true;
       } else {
         {
@@ -50495,143 +50423,12 @@ if (__DEV__) {
       }
     }
 
-    assign(Internals$1, {
+    assign(Internals, {
       ReactBrowserEventEmitter: {
         isEnabled: isEnabled
       }
     });
 
-    function noop() {}
-
-    function requestFormReset(element) {
-      throw new Error(
-        "Invalid form element. requestFormReset must be passed a form that was " +
-          "rendered by React."
-      );
-    }
-
-    var DefaultDispatcher = {
-      f:
-        /* flushSyncWork */
-        noop,
-      r:
-        /* requestFormReset */
-        requestFormReset,
-      D:
-        /* prefetchDNS */
-        noop,
-      C:
-        /* preconnect */
-        noop,
-      L:
-        /* preload */
-        noop,
-      m:
-        /* preloadModule */
-        noop,
-      X:
-        /* preinitScript */
-        noop,
-      S:
-        /* preinitStyle */
-        noop,
-      M:
-        /* preinitModuleScript */
-        noop
-    };
-    var Internals = {
-      d:
-        /* ReactDOMCurrentDispatcher */
-        DefaultDispatcher,
-      p:
-        /* currentUpdatePriority */
-        NoEventPriority,
-      findDOMNode: null,
-      usingClientEntryPoint: false
-    };
-
-    {
-      if (
-        typeof Map !== "function" || // $FlowFixMe[prop-missing] Flow incorrectly thinks Map has no prototype
-        Map.prototype == null ||
-        typeof Map.prototype.forEach !== "function" ||
-        typeof Set !== "function" || // $FlowFixMe[prop-missing] Flow incorrectly thinks Set has no prototype
-        Set.prototype == null ||
-        typeof Set.prototype.clear !== "function" ||
-        typeof Set.prototype.forEach !== "function"
-      ) {
-        error(
-          "React depends on Map and Set built-in types. Make sure that you load a " +
-            "polyfill in older browsers. https://react.dev/link/react-polyfills"
-        );
-      }
-    }
-
-    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$2(container, 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$2(container, initialChildren, options);
-    } // Overload the definition to the two valid signatures.
-
-    function findDOMNode(componentOrElement) {
-      return findHostInstance(componentOrElement);
-    } // Expose findDOMNode on internals
-
-    Internals.findDOMNode = findDOMNode;
-    var foundDevTools = injectIntoDevTools({
-      findFiberByHostInstance: getClosestInstanceFromNode,
-      bundleType: 1,
-      version: ReactVersion,
-      rendererPackageName: "react-dom"
-    });
-
-    {
-      if (!foundDevTools && canUseDOM && window.top === window.self) {
-        // If we're in Chrome or Firefox, provide a download link if not installed.
-        if (
-          (navigator.userAgent.indexOf("Chrome") > -1 &&
-            navigator.userAgent.indexOf("Edge") === -1) ||
-          navigator.userAgent.indexOf("Firefox") > -1
-        ) {
-          var protocol = window.location.protocol; // Don't warn in exotic cases like chrome-extension://.
-
-          if (/^(https?|file):$/.test(protocol)) {
-            // eslint-disable-next-line react-internal/no-production-logging
-            console.info(
-              "%cDownload the React DevTools " +
-                "for a better development experience: " +
-                "https://react.dev/link/react-devtools" +
-                (protocol === "file:"
-                  ? "\nYou might need to use a local HTTP server (instead of file://): " +
-                    "https://react.dev/link/react-devtools-faq"
-                  : ""),
-              "font-weight:bold"
-            );
-          }
-        }
-      }
-    }
-
     function createRoot(container, options) {
       {
         Internals.usingClientEntryPoint = true;
@@ -50659,8 +50456,7 @@ if (__DEV__) {
       }
     }
 
-    exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
-      Internals$1;
+    exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
     exports.createComponentSelector = createComponentSelector;
     exports.createHasPseudoClassSelector = createHasPseudoClassSelector;
     exports.createPortal = createPortal;
@@ -50670,7 +50466,7 @@ if (__DEV__) {
     exports.createTextSelector = createTextSelector;
     exports.findAllNodes = findAllNodes;
     exports.findBoundingRects = findBoundingRects;
-    exports.findDOMNode = findDOMNode$1;
+    exports.findDOMNode = findDOMNode;
     exports.flushSync = flushSync;
     exports.focusWithin = focusWithin;
     exports.getFindAllNodesFailureDescription =
diff --git a/compiled/facebook-www/ReactDOMTesting-dev.modern.js b/compiled/facebook-www/ReactDOMTesting-dev.modern.js
index 4fc8d5646a..6c2ad202a5 100644
--- a/compiled/facebook-www/ReactDOMTesting-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMTesting-dev.modern.js
@@ -19,6 +19,26 @@ if (__DEV__) {
     var Scheduler = require("scheduler");
     var React = require("react");
 
+    function noop$3() {}
+
+    var DefaultDispatcher = {
+      prefetchDNS: noop$3,
+      preconnect: noop$3,
+      preload: noop$3,
+      preloadModule: noop$3,
+      preinitScript: noop$3,
+      preinitStyle: noop$3,
+      preinitModuleScript: noop$3
+    };
+    var Internals = {
+      usingClientEntryPoint: false,
+      Events: null,
+      ReactDOMCurrentDispatcher: {
+        current: DefaultDispatcher
+      },
+      findDOMNode: null
+    };
+
     // This refers to a WWW module.
     var warningWWW = require("warning");
 
@@ -68,10 +88,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -85,10 +107,30 @@ if (__DEV__) {
       }
     }
 
+    /**
+     * `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;
+    }
+
+    var ReactSharedInternals =
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
     // Re-export dynamic flags from the www version.
     var dynamicFeatureFlags = require("ReactFeatureFlags");
 
-    var enableTrustedTypesIntegration =
+    var disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
+      enableTrustedTypesIntegration =
         dynamicFeatureFlags.enableTrustedTypesIntegration,
       enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
       enableLazyContextPropagation =
@@ -120,14 +162,336 @@ if (__DEV__) {
     var enableProfilerTimer = true;
     var enableProfilerCommitHooks = true;
     var enableProfilerNestedUpdatePhase = true;
-    var disableIEWorkarounds = true;
     var enableAsyncActions = true;
 
     var enableSchedulingProfiler = dynamicFeatureFlags.enableSchedulingProfiler;
     var enableSuspenseCallback = true;
     var disableLegacyMode = true;
 
-    var assign = Object.assign;
+    var FunctionComponent = 0;
+    var ClassComponent = 1;
+    var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
+
+    var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
+
+    var HostComponent = 5;
+    var HostText = 6;
+    var Fragment = 7;
+    var Mode = 8;
+    var ContextConsumer = 9;
+    var ContextProvider = 10;
+    var ForwardRef = 11;
+    var Profiler = 12;
+    var SuspenseComponent = 13;
+    var MemoComponent = 14;
+    var SimpleMemoComponent = 15;
+    var LazyComponent = 16;
+    var IncompleteClassComponent = 17;
+    var DehydratedFragment = 18;
+    var SuspenseListComponent = 19;
+    var ScopeComponent = 21;
+    var OffscreenComponent = 22;
+    var LegacyHiddenComponent = 23;
+    var CacheComponent = 24;
+    var TracingMarkerComponent = 25;
+    var HostHoistable = 26;
+    var HostSingleton = 27;
+    var IncompleteFunctionComponent = 28;
+
+    // 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_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker");
+    var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel");
+    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$1(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$1(type) {
+      return type.displayName || "Context";
+    }
+
+    var REACT_CLIENT_REFERENCE = 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) {
+          // 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";
+        // Fall through
+
+        case REACT_TRACING_MARKER_TYPE:
+          if (enableTransitionTracing) {
+            return "TracingMarker";
+          }
+      }
+
+      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:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName$1(provider._context) + ".Provider";
+            }
+
+          case REACT_CONTEXT_TYPE:
+            var context = type;
+
+            if (enableRenderableContext) {
+              return getContextName$1(context) + ".Provider";
+            } else {
+              return getContextName$1(context) + ".Consumer";
+            }
+
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName$1(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
+
+          case REACT_FORWARD_REF_TYPE:
+            return getWrappedName$1(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;
+    }
+
+    function getWrappedName(outerType, innerType, wrapperName) {
+      var functionName = innerType.displayName || innerType.name || "";
+      return (
+        outerType.displayName ||
+        (functionName !== ""
+          ? wrapperName + "(" + functionName + ")"
+          : wrapperName)
+      );
+    } // Keep in sync with shared/getComponentNameFromType
+
+    function getContextName(type) {
+      return type.displayName || "Context";
+    }
+
+    function getComponentNameFromFiber(fiber) {
+      var tag = fiber.tag,
+        type = fiber.type;
+
+      switch (tag) {
+        case CacheComponent:
+          return "Cache";
+
+        case ContextConsumer:
+          if (enableRenderableContext) {
+            var consumer = type;
+            return getContextName(consumer._context) + ".Consumer";
+          } else {
+            var context = type;
+            return getContextName(context) + ".Consumer";
+          }
+
+        case ContextProvider:
+          if (enableRenderableContext) {
+            var _context = type;
+            return getContextName(_context) + ".Provider";
+          } else {
+            var provider = type;
+            return getContextName(provider._context) + ".Provider";
+          }
+
+        case DehydratedFragment:
+          return "DehydratedFragment";
+
+        case ForwardRef:
+          return getWrappedName(type, type.render, "ForwardRef");
+
+        case Fragment:
+          return "Fragment";
+
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent:
+          // Host component type is the display name (e.g. "div", "View")
+          return type;
+
+        case HostPortal:
+          return "Portal";
+
+        case HostRoot:
+          return "Root";
+
+        case HostText:
+          return "Text";
+
+        case LazyComponent:
+          // Name comes from the type in this case; we don't have a tag.
+          return getComponentNameFromType(type);
+
+        case Mode:
+          if (type === REACT_STRICT_MODE_TYPE) {
+            // Don't be less specific than shared/getComponentNameFromType
+            return "StrictMode";
+          }
+
+          return "Mode";
+
+        case OffscreenComponent:
+          return "Offscreen";
+
+        case Profiler:
+          return "Profiler";
+
+        case ScopeComponent:
+          return "Scope";
+
+        case SuspenseComponent:
+          return "Suspense";
+
+        case SuspenseListComponent:
+          return "SuspenseList";
+
+        case TracingMarkerComponent:
+          return "TracingMarker";
+        // The display name for these tags come from the user-provided type:
+
+        case IncompleteClassComponent:
+        case IncompleteFunctionComponent: {
+          break;
+        }
+
+        // Fallthrough
+
+        case ClassComponent:
+        case FunctionComponent:
+        case MemoComponent:
+        case SimpleMemoComponent:
+          if (typeof type === "function") {
+            return type.displayName || type.name || null;
+          }
+
+          if (typeof type === "string") {
+            return type;
+          }
+
+          break;
+
+        case LegacyHiddenComponent: {
+          return "LegacyHidden";
+        }
+      }
+
+      return null;
+    }
 
     var NoFlags$1 =
       /*                      */
@@ -187,7 +551,6 @@ if (__DEV__) {
     var ScheduleRetry = StoreConsistency;
     var ShouldSuspendCommit = Visibility;
     var DidDefer = ContentReset;
-    var FormReset = Snapshot;
 
     var HostEffectMask =
       /*               */
@@ -255,8 +618,7 @@ if (__DEV__) {
       ContentReset |
       Ref |
       Hydrating |
-      Visibility |
-      FormReset;
+      Visibility;
     var LayoutMask = Update | Callback | Ref | Visibility; // TODO: Split into PassiveMountMask and PassiveUnmountMask
 
     var PassiveMask = Passive$1 | Visibility | ChildDeletion; // Union of tags that don't get reset on clones.
@@ -266,6 +628,556 @@ if (__DEV__) {
     var StaticMask =
       LayoutStatic | PassiveStatic | RefStatic | MaySuspendCommit;
 
+    var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
+    function getNearestMountedFiber(fiber) {
+      var node = fiber;
+      var nearestMounted = fiber;
+
+      if (!fiber.alternate) {
+        // If there is no alternate, this might be a new tree that isn't inserted
+        // yet. If it is, then it will have a pending insertion effect on it.
+        var nextNode = node;
+
+        do {
+          node = nextNode;
+
+          if ((node.flags & (Placement | Hydrating)) !== NoFlags$1) {
+            // This is an insertion or in-progress hydration. The nearest possible
+            // mounted fiber is the parent but we need to continue to figure out
+            // if that one is still mounted.
+            nearestMounted = node.return;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
+
+          nextNode = node.return;
+        } while (nextNode);
+      } else {
+        while (node.return) {
+          node = node.return;
+        }
+      }
+
+      if (node.tag === HostRoot) {
+        // TODO: Check if this was a nested HostRoot when used with
+        // renderContainerIntoSubtree.
+        return nearestMounted;
+      } // If we didn't hit the root, that means that we're in an disconnected tree
+      // that has been unmounted.
+
+      return null;
+    }
+    function getSuspenseInstanceFromFiber(fiber) {
+      if (fiber.tag === SuspenseComponent) {
+        var suspenseState = fiber.memoizedState;
+
+        if (suspenseState === null) {
+          var current = fiber.alternate;
+
+          if (current !== null) {
+            suspenseState = current.memoizedState;
+          }
+        }
+
+        if (suspenseState !== null) {
+          return suspenseState.dehydrated;
+        }
+      }
+
+      return null;
+    }
+    function getContainerFromFiber(fiber) {
+      return fiber.tag === HostRoot ? fiber.stateNode.containerInfo : null;
+    }
+    function isMounted(component) {
+      {
+        var owner = ReactCurrentOwner$2.current;
+
+        if (owner !== null && owner.tag === ClassComponent) {
+          var ownerFiber = owner;
+          var instance = ownerFiber.stateNode;
+
+          if (!instance._warnedAboutRefsInRender) {
+            error(
+              "%s is accessing isMounted inside its render() function. " +
+                "render() should be a pure function of props and state. It should " +
+                "never access something that requires stale data from the previous " +
+                "render, such as refs. Move this logic to componentDidMount and " +
+                "componentDidUpdate instead.",
+              getComponentNameFromFiber(ownerFiber) || "A component"
+            );
+          }
+
+          instance._warnedAboutRefsInRender = true;
+        }
+      }
+
+      var fiber = get(component);
+
+      if (!fiber) {
+        return false;
+      }
+
+      return getNearestMountedFiber(fiber) === fiber;
+    }
+
+    function assertIsMounted(fiber) {
+      if (getNearestMountedFiber(fiber) !== fiber) {
+        throw new Error("Unable to find node on an unmounted component.");
+      }
+    }
+
+    function findCurrentFiberUsingSlowPath(fiber) {
+      var alternate = fiber.alternate;
+
+      if (!alternate) {
+        // If there is no alternate, then we only need to check if it is mounted.
+        var nearestMounted = getNearestMountedFiber(fiber);
+
+        if (nearestMounted === null) {
+          throw new Error("Unable to find node on an unmounted component.");
+        }
+
+        if (nearestMounted !== fiber) {
+          return null;
+        }
+
+        return fiber;
+      } // If we have two possible branches, we'll walk backwards up to the root
+      // to see what path the root points to. On the way we may hit one of the
+      // special cases and we'll deal with them.
+
+      var a = fiber;
+      var b = alternate;
+
+      while (true) {
+        var parentA = a.return;
+
+        if (parentA === null) {
+          // We're at the root.
+          break;
+        }
+
+        var parentB = parentA.alternate;
+
+        if (parentB === null) {
+          // There is no alternate. This is an unusual case. Currently, it only
+          // happens when a Suspense component is hidden. An extra fragment fiber
+          // is inserted in between the Suspense fiber and its children. Skip
+          // over this extra fragment fiber and proceed to the next parent.
+          var nextParent = parentA.return;
+
+          if (nextParent !== null) {
+            a = b = nextParent;
+            continue;
+          } // If there's no parent, we're at the root.
+
+          break;
+        } // If both copies of the parent fiber point to the same child, we can
+        // assume that the child is current. This happens when we bailout on low
+        // priority: the bailed out fiber's child reuses the current child.
+
+        if (parentA.child === parentB.child) {
+          var child = parentA.child;
+
+          while (child) {
+            if (child === a) {
+              // We've determined that A is the current branch.
+              assertIsMounted(parentA);
+              return fiber;
+            }
+
+            if (child === b) {
+              // We've determined that B is the current branch.
+              assertIsMounted(parentA);
+              return alternate;
+            }
+
+            child = child.sibling;
+          } // We should never have an alternate for any mounting node. So the only
+          // way this could possibly happen is if this was unmounted, if at all.
+
+          throw new Error("Unable to find node on an unmounted component.");
+        }
+
+        if (a.return !== b.return) {
+          // The return pointer of A and the return pointer of B point to different
+          // fibers. We assume that return pointers never criss-cross, so A must
+          // belong to the child set of A.return, and B must belong to the child
+          // set of B.return.
+          a = parentA;
+          b = parentB;
+        } else {
+          // The return pointers point to the same fiber. We'll have to use the
+          // default, slow path: scan the child sets of each parent alternate to see
+          // which child belongs to which set.
+          //
+          // Search parent A's child set
+          var didFindChild = false;
+          var _child = parentA.child;
+
+          while (_child) {
+            if (_child === a) {
+              didFindChild = true;
+              a = parentA;
+              b = parentB;
+              break;
+            }
+
+            if (_child === b) {
+              didFindChild = true;
+              b = parentA;
+              a = parentB;
+              break;
+            }
+
+            _child = _child.sibling;
+          }
+
+          if (!didFindChild) {
+            // Search parent B's child set
+            _child = parentB.child;
+
+            while (_child) {
+              if (_child === a) {
+                didFindChild = true;
+                a = parentB;
+                b = parentA;
+                break;
+              }
+
+              if (_child === b) {
+                didFindChild = true;
+                b = parentB;
+                a = parentA;
+                break;
+              }
+
+              _child = _child.sibling;
+            }
+
+            if (!didFindChild) {
+              throw new Error(
+                "Child was not found in either parent set. This indicates a bug " +
+                  "in React related to the return pointer. Please file an issue."
+              );
+            }
+          }
+        }
+
+        if (a.alternate !== b) {
+          throw new Error(
+            "Return fibers should always be each others' alternates. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+        }
+      } // If the root is not a host container, we're in a disconnected tree. I.e.
+      // unmounted.
+
+      if (a.tag !== HostRoot) {
+        throw new Error("Unable to find node on an unmounted component.");
+      }
+
+      if (a.stateNode.current === a) {
+        // We've determined that A is the current branch.
+        return fiber;
+      } // Otherwise B has to be current branch.
+
+      return alternate;
+    }
+    function findCurrentHostFiber(parent) {
+      var currentParent = findCurrentFiberUsingSlowPath(parent);
+      return currentParent !== null
+        ? findCurrentHostFiberImpl(currentParent)
+        : null;
+    }
+
+    function findCurrentHostFiberImpl(node) {
+      // Next we'll drill down this component to find the first HostComponent/Text.
+      var tag = node.tag;
+
+      if (
+        tag === HostComponent ||
+        tag === HostHoistable ||
+        tag === HostSingleton ||
+        tag === HostText
+      ) {
+        return node;
+      }
+
+      var child = node.child;
+
+      while (child !== null) {
+        var match = findCurrentHostFiberImpl(child);
+
+        if (match !== null) {
+          return match;
+        }
+
+        child = child.sibling;
+      }
+
+      return null;
+    }
+
+    function isFiberSuspenseAndTimedOut(fiber) {
+      var memoizedState = fiber.memoizedState;
+      return (
+        fiber.tag === SuspenseComponent &&
+        memoizedState !== null &&
+        memoizedState.dehydrated === null
+      );
+    }
+    function doesFiberContain(parentFiber, childFiber) {
+      var node = childFiber;
+      var parentFiberAlternate = parentFiber.alternate;
+
+      while (node !== null) {
+        if (node === parentFiber || node === parentFiberAlternate) {
+          return true;
+        }
+
+        node = node.return;
+      }
+
+      return false;
+    }
+
+    var assign = Object.assign;
+
+    var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+    function isArray(a) {
+      return isArrayImpl(a);
+    }
+
+    var ReactCurrentDispatcher$3 = ReactSharedInternals.ReactCurrentDispatcher; // Since the "not pending" value is always the same, we can reuse the
+    // same object across all transitions.
+
+    var sharedNotPendingObject = {
+      pending: false,
+      data: null,
+      method: null,
+      action: null
+    };
+    var NotPending = Object.freeze(sharedNotPendingObject);
+
+    function resolveDispatcher() {
+      // Copied from react/src/ReactHooks.js. It's the same thing but in a
+      // different package.
+      var dispatcher = ReactCurrentDispatcher$3.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://react.dev/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 useFormStatus() {
+      {
+        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] We know this exists because of the feature check above.
+
+        return dispatcher.useHostTransitionStatus();
+      }
+    }
+    function useFormState(action, initialState, permalink) {
+      {
+        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
+
+        return dispatcher.useFormState(action, initialState, permalink);
+      }
+    }
+
+    var valueStack = [];
+    var fiberStack;
+
+    {
+      fiberStack = [];
+    }
+
+    var index = -1;
+
+    function createCursor(defaultValue) {
+      return {
+        current: defaultValue
+      };
+    }
+
+    function pop(cursor, fiber) {
+      if (index < 0) {
+        {
+          error("Unexpected pop.");
+        }
+
+        return;
+      }
+
+      {
+        if (fiber !== fiberStack[index]) {
+          error("Unexpected Fiber popped.");
+        }
+      }
+
+      cursor.current = valueStack[index];
+      valueStack[index] = null;
+
+      {
+        fiberStack[index] = null;
+      }
+
+      index--;
+    }
+
+    function push(cursor, value, fiber) {
+      index++;
+      valueStack[index] = cursor.current;
+
+      {
+        fiberStack[index] = fiber;
+      }
+
+      cursor.current = value;
+    }
+
+    var contextStackCursor = createCursor(null);
+    var contextFiberStackCursor = createCursor(null);
+    var rootInstanceStackCursor = createCursor(null); // Represents the nearest host transition provider (in React DOM, a <form />)
+    // NOTE: Since forms cannot be nested, and this feature is only implemented by
+    // React DOM, we don't technically need this to be a stack. It could be a single
+    // module variable instead.
+
+    var hostTransitionProviderCursor = createCursor(null); // TODO: This should initialize to NotPendingTransition, a constant
+    // imported from the fiber config. However, because of a cycle in the module
+    // graph, that value isn't defined during this module's initialization. I can't
+    // think of a way to work around this without moving that value out of the
+    // fiber config. For now, the "no provider" case is handled when reading,
+    // inside useHostTransitionStatus.
+
+    var HostTransitionContext = {
+      $$typeof: REACT_CONTEXT_TYPE,
+      Provider: null,
+      Consumer: null,
+      _currentValue: null,
+      _currentValue2: null,
+      _threadCount: 0
+    };
+
+    function requiredContext(c) {
+      {
+        if (c === null) {
+          error(
+            "Expected host context to exist. This error is likely caused by a bug " +
+              "in React. Please file an issue."
+          );
+        }
+      }
+
+      return c;
+    }
+
+    function getCurrentRootHostContainer() {
+      return rootInstanceStackCursor.current;
+    }
+
+    function getRootHostContainer() {
+      var rootInstance = requiredContext(rootInstanceStackCursor.current);
+      return rootInstance;
+    }
+
+    function getHostTransitionProvider() {
+      return hostTransitionProviderCursor.current;
+    }
+
+    function pushHostContainer(fiber, nextRootInstance) {
+      // Push current root instance onto the stack;
+      // This allows us to reset root when portals are popped.
+      push(rootInstanceStackCursor, nextRootInstance, fiber); // Track the context and the Fiber that provided it.
+      // This enables us to pop only Fibers that provide unique contexts.
+
+      push(contextFiberStackCursor, fiber, fiber); // Finally, we need to push the host context to the stack.
+      // However, we can't just call getRootHostContext() and push it because
+      // we'd have a different number of entries on the stack depending on
+      // whether getRootHostContext() throws somewhere in renderer code or not.
+      // So we push an empty value first. This lets us safely unwind on errors.
+
+      push(contextStackCursor, null, fiber);
+      var nextRootContext = getRootHostContext(nextRootInstance); // Now that we know this function doesn't throw, replace it.
+
+      pop(contextStackCursor, fiber);
+      push(contextStackCursor, nextRootContext, fiber);
+    }
+
+    function popHostContainer(fiber) {
+      pop(contextStackCursor, fiber);
+      pop(contextFiberStackCursor, fiber);
+      pop(rootInstanceStackCursor, fiber);
+    }
+
+    function getHostContext() {
+      var context = requiredContext(contextStackCursor.current);
+      return context;
+    }
+
+    function pushHostContext(fiber) {
+      {
+        var stateHook = fiber.memoizedState;
+
+        if (stateHook !== null) {
+          // Only provide context if this fiber has been upgraded by a host
+          // transition. We use the same optimization for regular host context below.
+          push(hostTransitionProviderCursor, fiber, fiber);
+        }
+      }
+
+      var context = requiredContext(contextStackCursor.current);
+      var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
+
+      if (context !== nextContext) {
+        // Track the context and the Fiber that provided it.
+        // This enables us to pop only Fibers that provide unique contexts.
+        push(contextFiberStackCursor, fiber, fiber);
+        push(contextStackCursor, nextContext, fiber);
+      }
+    }
+
+    function popHostContext(fiber) {
+      if (contextFiberStackCursor.current === fiber) {
+        // Do not pop unless this Fiber provided the current context.
+        // pushHostContext() only pushes Fibers that provide unique contexts.
+        pop(contextStackCursor, fiber);
+        pop(contextFiberStackCursor, fiber);
+      }
+
+      {
+        if (hostTransitionProviderCursor.current === fiber) {
+          // Do not pop unless this Fiber provided the current context. This is mostly
+          // a performance optimization, but conveniently it also prevents a potential
+          // data race where a host provider is upgraded (i.e. memoizedState becomes
+          // non-null) during a concurrent event. This is a bit of a flaw in the way
+          // we upgrade host components, but because we're accounting for it here, it
+          // should be fine.
+          pop(hostTransitionProviderCursor, fiber); // When popping the transition provider, we reset the context value back
+          // to `null`. We can do this because you're not allowd to nest forms. If
+          // we allowed for multiple nested host transition providers, then we'd
+          // need to reset this to the parent provider's status.
+
+          {
+            HostTransitionContext._currentValue = null;
+          }
+        }
+      }
+    }
+
     // This module only exists as an ESM wrapper around the external CommonJS
     var scheduleCallback$3 = Scheduler.unstable_scheduleCallback;
     var cancelCallback$1 = Scheduler.unstable_cancelCallback;
@@ -1874,11 +2786,27 @@ if (__DEV__) {
       }
     }
 
-    var NoEventPriority = NoLane;
     var DiscreteEventPriority = SyncLane;
     var ContinuousEventPriority = InputContinuousLane;
     var DefaultEventPriority = DefaultLane;
     var IdleEventPriority = IdleLane;
+    var currentUpdatePriority = NoLane;
+    function getCurrentUpdatePriority() {
+      return currentUpdatePriority;
+    }
+    function setCurrentUpdatePriority(newPriority) {
+      currentUpdatePriority = newPriority;
+    }
+    function runWithPriority(priority, fn) {
+      var previousPriority = currentUpdatePriority;
+
+      try {
+        currentUpdatePriority = priority;
+        return fn();
+      } finally {
+        currentUpdatePriority = previousPriority;
+      }
+    }
     function higherEventPriority(a, b) {
       return a !== 0 && a < b ? a : b;
     }
@@ -1888,9 +2816,6 @@ if (__DEV__) {
     function isHigherEventPriority(a, b) {
       return a !== 0 && a < b;
     }
-    function eventPriorityToLane(updatePriority) {
-      return updatePriority;
-    }
     function lanesToEventPriority(lanes) {
       var lane = getHighestPriorityLane(lanes);
 
@@ -1909,952 +2834,6 @@ if (__DEV__) {
       return IdleEventPriority;
     }
 
-    function noop$4() {}
-
-    var DefaultDispatcher$1 = {
-      f:
-        /* flushSyncWork */
-        noop$4,
-      r:
-        /* requestFormReset */
-        noop$4,
-      D:
-        /* prefetchDNS */
-        noop$4,
-      C:
-        /* preconnect */
-        noop$4,
-      L:
-        /* preload */
-        noop$4,
-      m:
-        /* preloadModule */
-        noop$4,
-      X:
-        /* preinitScript */
-        noop$4,
-      S:
-        /* preinitStyle */
-        noop$4,
-      M:
-        /* preinitModuleScript */
-        noop$4
-    };
-    var Internals$1 = {
-      Events: null,
-      d:
-        /* ReactDOMCurrentDispatcher */
-        DefaultDispatcher$1,
-      p:
-        /* currentUpdatePriority */
-        NoEventPriority,
-      findDOMNode: null
-    };
-
-    /**
-     * `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;
-    }
-
-    var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-
-    var FunctionComponent = 0;
-    var ClassComponent = 1;
-    var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
-
-    var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
-
-    var HostComponent = 5;
-    var HostText = 6;
-    var Fragment = 7;
-    var Mode = 8;
-    var ContextConsumer = 9;
-    var ContextProvider = 10;
-    var ForwardRef = 11;
-    var Profiler = 12;
-    var SuspenseComponent = 13;
-    var MemoComponent = 14;
-    var SimpleMemoComponent = 15;
-    var LazyComponent = 16;
-    var IncompleteClassComponent = 17;
-    var DehydratedFragment = 18;
-    var SuspenseListComponent = 19;
-    var ScopeComponent = 21;
-    var OffscreenComponent = 22;
-    var LegacyHiddenComponent = 23;
-    var CacheComponent = 24;
-    var TracingMarkerComponent = 25;
-    var HostHoistable = 26;
-    var HostSingleton = 27;
-    var IncompleteFunctionComponent = 28;
-
-    // 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_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker");
-    var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel");
-    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$1(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$1(type) {
-      return type.displayName || "Context";
-    }
-
-    var REACT_CLIENT_REFERENCE = 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) {
-          // 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";
-        // Fall through
-
-        case REACT_TRACING_MARKER_TYPE:
-          if (enableTransitionTracing) {
-            return "TracingMarker";
-          }
-      }
-
-      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:
-            if (enableRenderableContext) {
-              return null;
-            } else {
-              var provider = type;
-              return getContextName$1(provider._context) + ".Provider";
-            }
-
-          case REACT_CONTEXT_TYPE:
-            var context = type;
-
-            if (enableRenderableContext) {
-              return getContextName$1(context) + ".Provider";
-            } else {
-              return getContextName$1(context) + ".Consumer";
-            }
-
-          case REACT_CONSUMER_TYPE:
-            if (enableRenderableContext) {
-              var consumer = type;
-              return getContextName$1(consumer._context) + ".Consumer";
-            } else {
-              return null;
-            }
-
-          case REACT_FORWARD_REF_TYPE:
-            return getWrappedName$1(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;
-    }
-
-    function getWrappedName(outerType, innerType, wrapperName) {
-      var functionName = innerType.displayName || innerType.name || "";
-      return (
-        outerType.displayName ||
-        (functionName !== ""
-          ? wrapperName + "(" + functionName + ")"
-          : wrapperName)
-      );
-    } // Keep in sync with shared/getComponentNameFromType
-
-    function getContextName(type) {
-      return type.displayName || "Context";
-    }
-
-    function getComponentNameFromOwner(owner) {
-      if (typeof owner.tag === "number") {
-        return getComponentNameFromFiber(owner);
-      }
-
-      if (typeof owner.name === "string") {
-        return owner.name;
-      }
-
-      return null;
-    }
-    function getComponentNameFromFiber(fiber) {
-      var tag = fiber.tag,
-        type = fiber.type;
-
-      switch (tag) {
-        case CacheComponent:
-          return "Cache";
-
-        case ContextConsumer:
-          if (enableRenderableContext) {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          } else {
-            var context = type;
-            return getContextName(context) + ".Consumer";
-          }
-
-        case ContextProvider:
-          if (enableRenderableContext) {
-            var _context = type;
-            return getContextName(_context) + ".Provider";
-          } else {
-            var provider = type;
-            return getContextName(provider._context) + ".Provider";
-          }
-
-        case DehydratedFragment:
-          return "DehydratedFragment";
-
-        case ForwardRef:
-          return getWrappedName(type, type.render, "ForwardRef");
-
-        case Fragment:
-          return "Fragment";
-
-        case HostHoistable:
-        case HostSingleton:
-        case HostComponent:
-          // Host component type is the display name (e.g. "div", "View")
-          return type;
-
-        case HostPortal:
-          return "Portal";
-
-        case HostRoot:
-          return "Root";
-
-        case HostText:
-          return "Text";
-
-        case LazyComponent:
-          // Name comes from the type in this case; we don't have a tag.
-          return getComponentNameFromType(type);
-
-        case Mode:
-          if (type === REACT_STRICT_MODE_TYPE) {
-            // Don't be less specific than shared/getComponentNameFromType
-            return "StrictMode";
-          }
-
-          return "Mode";
-
-        case OffscreenComponent:
-          return "Offscreen";
-
-        case Profiler:
-          return "Profiler";
-
-        case ScopeComponent:
-          return "Scope";
-
-        case SuspenseComponent:
-          return "Suspense";
-
-        case SuspenseListComponent:
-          return "SuspenseList";
-
-        case TracingMarkerComponent:
-          return "TracingMarker";
-        // The display name for these tags come from the user-provided type:
-
-        case IncompleteClassComponent:
-        case IncompleteFunctionComponent: {
-          break;
-        }
-
-        // Fallthrough
-
-        case ClassComponent:
-        case FunctionComponent:
-        case MemoComponent:
-        case SimpleMemoComponent:
-          if (typeof type === "function") {
-            return type.displayName || type.name || null;
-          }
-
-          if (typeof type === "string") {
-            return type;
-          }
-
-          break;
-
-        case LegacyHiddenComponent: {
-          return "LegacyHidden";
-        }
-      }
-
-      return null;
-    }
-
-    function getNearestMountedFiber(fiber) {
-      var node = fiber;
-      var nearestMounted = fiber;
-
-      if (!fiber.alternate) {
-        // If there is no alternate, this might be a new tree that isn't inserted
-        // yet. If it is, then it will have a pending insertion effect on it.
-        var nextNode = node;
-
-        do {
-          node = nextNode;
-
-          if ((node.flags & (Placement | Hydrating)) !== NoFlags$1) {
-            // This is an insertion or in-progress hydration. The nearest possible
-            // mounted fiber is the parent but we need to continue to figure out
-            // if that one is still mounted.
-            nearestMounted = node.return;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
-
-          nextNode = node.return;
-        } while (nextNode);
-      } else {
-        while (node.return) {
-          node = node.return;
-        }
-      }
-
-      if (node.tag === HostRoot) {
-        // TODO: Check if this was a nested HostRoot when used with
-        // renderContainerIntoSubtree.
-        return nearestMounted;
-      } // If we didn't hit the root, that means that we're in an disconnected tree
-      // that has been unmounted.
-
-      return null;
-    }
-    function getSuspenseInstanceFromFiber(fiber) {
-      if (fiber.tag === SuspenseComponent) {
-        var suspenseState = fiber.memoizedState;
-
-        if (suspenseState === null) {
-          var current = fiber.alternate;
-
-          if (current !== null) {
-            suspenseState = current.memoizedState;
-          }
-        }
-
-        if (suspenseState !== null) {
-          return suspenseState.dehydrated;
-        }
-      }
-
-      return null;
-    }
-    function getContainerFromFiber(fiber) {
-      return fiber.tag === HostRoot ? fiber.stateNode.containerInfo : null;
-    }
-    function isMounted(component) {
-      {
-        var owner = ReactSharedInternals.owner;
-
-        if (owner !== null && owner.tag === ClassComponent) {
-          var ownerFiber = owner;
-          var instance = ownerFiber.stateNode;
-
-          if (!instance._warnedAboutRefsInRender) {
-            error(
-              "%s is accessing isMounted inside its render() function. " +
-                "render() should be a pure function of props and state. It should " +
-                "never access something that requires stale data from the previous " +
-                "render, such as refs. Move this logic to componentDidMount and " +
-                "componentDidUpdate instead.",
-              getComponentNameFromFiber(ownerFiber) || "A component"
-            );
-          }
-
-          instance._warnedAboutRefsInRender = true;
-        }
-      }
-
-      var fiber = get(component);
-
-      if (!fiber) {
-        return false;
-      }
-
-      return getNearestMountedFiber(fiber) === fiber;
-    }
-
-    function assertIsMounted(fiber) {
-      if (getNearestMountedFiber(fiber) !== fiber) {
-        throw new Error("Unable to find node on an unmounted component.");
-      }
-    }
-
-    function findCurrentFiberUsingSlowPath(fiber) {
-      var alternate = fiber.alternate;
-
-      if (!alternate) {
-        // If there is no alternate, then we only need to check if it is mounted.
-        var nearestMounted = getNearestMountedFiber(fiber);
-
-        if (nearestMounted === null) {
-          throw new Error("Unable to find node on an unmounted component.");
-        }
-
-        if (nearestMounted !== fiber) {
-          return null;
-        }
-
-        return fiber;
-      } // If we have two possible branches, we'll walk backwards up to the root
-      // to see what path the root points to. On the way we may hit one of the
-      // special cases and we'll deal with them.
-
-      var a = fiber;
-      var b = alternate;
-
-      while (true) {
-        var parentA = a.return;
-
-        if (parentA === null) {
-          // We're at the root.
-          break;
-        }
-
-        var parentB = parentA.alternate;
-
-        if (parentB === null) {
-          // There is no alternate. This is an unusual case. Currently, it only
-          // happens when a Suspense component is hidden. An extra fragment fiber
-          // is inserted in between the Suspense fiber and its children. Skip
-          // over this extra fragment fiber and proceed to the next parent.
-          var nextParent = parentA.return;
-
-          if (nextParent !== null) {
-            a = b = nextParent;
-            continue;
-          } // If there's no parent, we're at the root.
-
-          break;
-        } // If both copies of the parent fiber point to the same child, we can
-        // assume that the child is current. This happens when we bailout on low
-        // priority: the bailed out fiber's child reuses the current child.
-
-        if (parentA.child === parentB.child) {
-          var child = parentA.child;
-
-          while (child) {
-            if (child === a) {
-              // We've determined that A is the current branch.
-              assertIsMounted(parentA);
-              return fiber;
-            }
-
-            if (child === b) {
-              // We've determined that B is the current branch.
-              assertIsMounted(parentA);
-              return alternate;
-            }
-
-            child = child.sibling;
-          } // We should never have an alternate for any mounting node. So the only
-          // way this could possibly happen is if this was unmounted, if at all.
-
-          throw new Error("Unable to find node on an unmounted component.");
-        }
-
-        if (a.return !== b.return) {
-          // The return pointer of A and the return pointer of B point to different
-          // fibers. We assume that return pointers never criss-cross, so A must
-          // belong to the child set of A.return, and B must belong to the child
-          // set of B.return.
-          a = parentA;
-          b = parentB;
-        } else {
-          // The return pointers point to the same fiber. We'll have to use the
-          // default, slow path: scan the child sets of each parent alternate to see
-          // which child belongs to which set.
-          //
-          // Search parent A's child set
-          var didFindChild = false;
-          var _child = parentA.child;
-
-          while (_child) {
-            if (_child === a) {
-              didFindChild = true;
-              a = parentA;
-              b = parentB;
-              break;
-            }
-
-            if (_child === b) {
-              didFindChild = true;
-              b = parentA;
-              a = parentB;
-              break;
-            }
-
-            _child = _child.sibling;
-          }
-
-          if (!didFindChild) {
-            // Search parent B's child set
-            _child = parentB.child;
-
-            while (_child) {
-              if (_child === a) {
-                didFindChild = true;
-                a = parentB;
-                b = parentA;
-                break;
-              }
-
-              if (_child === b) {
-                didFindChild = true;
-                b = parentB;
-                a = parentA;
-                break;
-              }
-
-              _child = _child.sibling;
-            }
-
-            if (!didFindChild) {
-              throw new Error(
-                "Child was not found in either parent set. This indicates a bug " +
-                  "in React related to the return pointer. Please file an issue."
-              );
-            }
-          }
-        }
-
-        if (a.alternate !== b) {
-          throw new Error(
-            "Return fibers should always be each others' alternates. " +
-              "This error is likely caused by a bug in React. Please file an issue."
-          );
-        }
-      } // If the root is not a host container, we're in a disconnected tree. I.e.
-      // unmounted.
-
-      if (a.tag !== HostRoot) {
-        throw new Error("Unable to find node on an unmounted component.");
-      }
-
-      if (a.stateNode.current === a) {
-        // We've determined that A is the current branch.
-        return fiber;
-      } // Otherwise B has to be current branch.
-
-      return alternate;
-    }
-    function findCurrentHostFiber(parent) {
-      var currentParent = findCurrentFiberUsingSlowPath(parent);
-      return currentParent !== null
-        ? findCurrentHostFiberImpl(currentParent)
-        : null;
-    }
-
-    function findCurrentHostFiberImpl(node) {
-      // Next we'll drill down this component to find the first HostComponent/Text.
-      var tag = node.tag;
-
-      if (
-        tag === HostComponent ||
-        tag === HostHoistable ||
-        tag === HostSingleton ||
-        tag === HostText
-      ) {
-        return node;
-      }
-
-      var child = node.child;
-
-      while (child !== null) {
-        var match = findCurrentHostFiberImpl(child);
-
-        if (match !== null) {
-          return match;
-        }
-
-        child = child.sibling;
-      }
-
-      return null;
-    }
-
-    function isFiberSuspenseAndTimedOut(fiber) {
-      var memoizedState = fiber.memoizedState;
-      return (
-        fiber.tag === SuspenseComponent &&
-        memoizedState !== null &&
-        memoizedState.dehydrated === null
-      );
-    }
-    function doesFiberContain(parentFiber, childFiber) {
-      var node = childFiber;
-      var parentFiberAlternate = parentFiber.alternate;
-
-      while (node !== null) {
-        if (node === parentFiber || node === parentFiberAlternate) {
-          return true;
-        }
-
-        node = node.return;
-      }
-
-      return false;
-    }
-
-    var LegacyRoot = 0;
-    var ConcurrentRoot = 1;
-
-    var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-    function isArray(a) {
-      return isArrayImpl(a);
-    }
-
-    // same object across all transitions.
-
-    var sharedNotPendingObject = {
-      pending: false,
-      data: null,
-      method: null,
-      action: null
-    };
-    var NotPending = Object.freeze(sharedNotPendingObject);
-
-    function resolveDispatcher() {
-      // Copied from react/src/ReactHooks.js. It's the same thing but in a
-      // different package.
-      var dispatcher = ReactSharedInternals.H;
-
-      {
-        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://react.dev/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 useFormStatus() {
-      {
-        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] We know this exists because of the feature check above.
-
-        return dispatcher.useHostTransitionStatus();
-      }
-    }
-    function useFormState(action, initialState, permalink) {
-      {
-        var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
-
-        return dispatcher.useFormState(action, initialState, permalink);
-      }
-    }
-
-    var valueStack = [];
-    var fiberStack;
-
-    {
-      fiberStack = [];
-    }
-
-    var index = -1;
-
-    function createCursor(defaultValue) {
-      return {
-        current: defaultValue
-      };
-    }
-
-    function pop(cursor, fiber) {
-      if (index < 0) {
-        {
-          error("Unexpected pop.");
-        }
-
-        return;
-      }
-
-      {
-        if (fiber !== fiberStack[index]) {
-          error("Unexpected Fiber popped.");
-        }
-      }
-
-      cursor.current = valueStack[index];
-      valueStack[index] = null;
-
-      {
-        fiberStack[index] = null;
-      }
-
-      index--;
-    }
-
-    function push(cursor, value, fiber) {
-      index++;
-      valueStack[index] = cursor.current;
-
-      {
-        fiberStack[index] = fiber;
-      }
-
-      cursor.current = value;
-    }
-
-    var contextStackCursor = createCursor(null);
-    var contextFiberStackCursor = createCursor(null);
-    var rootInstanceStackCursor = createCursor(null); // Represents the nearest host transition provider (in React DOM, a <form />)
-    // NOTE: Since forms cannot be nested, and this feature is only implemented by
-    // React DOM, we don't technically need this to be a stack. It could be a single
-    // module variable instead.
-
-    var hostTransitionProviderCursor = createCursor(null); // TODO: This should initialize to NotPendingTransition, a constant
-    // imported from the fiber config. However, because of a cycle in the module
-    // graph, that value isn't defined during this module's initialization. I can't
-    // think of a way to work around this without moving that value out of the
-    // fiber config. For now, the "no provider" case is handled when reading,
-    // inside useHostTransitionStatus.
-
-    var HostTransitionContext = {
-      $$typeof: REACT_CONTEXT_TYPE,
-      Provider: null,
-      Consumer: null,
-      _currentValue: null,
-      _currentValue2: null,
-      _threadCount: 0
-    };
-
-    function requiredContext(c) {
-      {
-        if (c === null) {
-          error(
-            "Expected host context to exist. This error is likely caused by a bug " +
-              "in React. Please file an issue."
-          );
-        }
-      }
-
-      return c;
-    }
-
-    function getCurrentRootHostContainer() {
-      return rootInstanceStackCursor.current;
-    }
-
-    function getRootHostContainer() {
-      var rootInstance = requiredContext(rootInstanceStackCursor.current);
-      return rootInstance;
-    }
-
-    function getHostTransitionProvider() {
-      return hostTransitionProviderCursor.current;
-    }
-
-    function pushHostContainer(fiber, nextRootInstance) {
-      // Push current root instance onto the stack;
-      // This allows us to reset root when portals are popped.
-      push(rootInstanceStackCursor, nextRootInstance, fiber); // Track the context and the Fiber that provided it.
-      // This enables us to pop only Fibers that provide unique contexts.
-
-      push(contextFiberStackCursor, fiber, fiber); // Finally, we need to push the host context to the stack.
-      // However, we can't just call getRootHostContext() and push it because
-      // we'd have a different number of entries on the stack depending on
-      // whether getRootHostContext() throws somewhere in renderer code or not.
-      // So we push an empty value first. This lets us safely unwind on errors.
-
-      push(contextStackCursor, null, fiber);
-      var nextRootContext = getRootHostContext(nextRootInstance); // Now that we know this function doesn't throw, replace it.
-
-      pop(contextStackCursor, fiber);
-      push(contextStackCursor, nextRootContext, fiber);
-    }
-
-    function popHostContainer(fiber) {
-      pop(contextStackCursor, fiber);
-      pop(contextFiberStackCursor, fiber);
-      pop(rootInstanceStackCursor, fiber);
-    }
-
-    function getHostContext() {
-      var context = requiredContext(contextStackCursor.current);
-      return context;
-    }
-
-    function pushHostContext(fiber) {
-      {
-        var stateHook = fiber.memoizedState;
-
-        if (stateHook !== null) {
-          // Only provide context if this fiber has been upgraded by a host
-          // transition. We use the same optimization for regular host context below.
-          push(hostTransitionProviderCursor, fiber, fiber);
-        }
-      }
-
-      var context = requiredContext(contextStackCursor.current);
-      var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
-
-      if (context !== nextContext) {
-        // Track the context and the Fiber that provided it.
-        // This enables us to pop only Fibers that provide unique contexts.
-        push(contextFiberStackCursor, fiber, fiber);
-        push(contextStackCursor, nextContext, fiber);
-      }
-    }
-
-    function popHostContext(fiber) {
-      if (contextFiberStackCursor.current === fiber) {
-        // Do not pop unless this Fiber provided the current context.
-        // pushHostContext() only pushes Fibers that provide unique contexts.
-        pop(contextStackCursor, fiber);
-        pop(contextFiberStackCursor, fiber);
-      }
-
-      {
-        if (hostTransitionProviderCursor.current === fiber) {
-          // Do not pop unless this Fiber provided the current context. This is mostly
-          // a performance optimization, but conveniently it also prevents a potential
-          // data race where a host provider is upgraded (i.e. memoizedState becomes
-          // non-null) during a concurrent event. This is a bit of a flaw in the way
-          // we upgrade host components, but because we're accounting for it here, it
-          // should be fine.
-          pop(hostTransitionProviderCursor, fiber); // When popping the transition provider, we reset the context value back
-          // to `null`. We can do this because you're not allowd to nest forms. If
-          // we allowed for multiple nested host transition providers, then we'd
-          // need to reset this to the parent provider's status.
-
-          {
-            HostTransitionContext._currentValue = null;
-          }
-        }
-      }
-    }
-
     // $FlowFixMe[method-unbinding]
     var hasOwnProperty = Object.prototype.hasOwnProperty;
 
@@ -2946,6 +2925,20 @@ if (__DEV__) {
         }
       }
     }
+    function checkPropStringCoercion(value, propName) {
+      {
+        if (willCoercionThrow(value)) {
+          error(
+            "The provided `%s` prop is an unsupported type %s." +
+              " This value must be coerced to a string before using it here.",
+            propName,
+            typeName(value)
+          );
+
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
+    }
     function checkCSSPropertyStringCoercion(value, propName) {
       {
         if (willCoercionThrow(value)) {
@@ -2988,48 +2981,6 @@ if (__DEV__) {
       }
     }
 
-    function setCurrentUpdatePriority(
-      newPriority, // Closure will consistently not inline this function when it has arity 1
-      // however when it has arity 2 even if the second arg is omitted at every
-      // callsite it seems to inline it even when the internal length of the function
-      // is much longer. I hope this is consistent enough to rely on across builds
-      IntentionallyUnusedArgument
-    ) {
-      Internals$1.p =
-        /* currentUpdatePriority */
-        newPriority;
-    }
-    function getCurrentUpdatePriority() {
-      return Internals$1.p;
-      /* currentUpdatePriority */
-    }
-    function resolveUpdatePriority() {
-      var updatePriority = Internals$1.p;
-      /* currentUpdatePriority */
-
-      if (updatePriority !== NoEventPriority) {
-        return updatePriority;
-      }
-
-      var currentEvent = window.event;
-
-      if (currentEvent === undefined) {
-        return DefaultEventPriority;
-      }
-
-      return getEventPriority(currentEvent.type);
-    }
-    function runWithPriority(priority, fn) {
-      var previousPriority = getCurrentUpdatePriority();
-
-      try {
-        setCurrentUpdatePriority(priority);
-        return fn();
-      } finally {
-        setCurrentUpdatePriority(previousPriority);
-      }
-    }
-
     var randomKey = Math.random().toString(36).slice(2);
     var internalInstanceKey = "__reactFiber$" + randomKey;
     var internalPropsKey = "__reactProps$" + randomKey;
@@ -3778,8 +3729,9 @@ if (__DEV__) {
       setValueForAttribute(node, name, value);
     }
 
+    var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -3836,13 +3788,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher$2.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher$2.current = null;
         disableLogs();
       }
       /**
@@ -4035,7 +3987,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher$2.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -4054,12 +4006,12 @@ if (__DEV__) {
       return syntheticFrame;
     }
 
-    function describeClassComponentFrame(ctor) {
+    function describeClassComponentFrame(ctor, ownerFn) {
       {
         return describeNativeComponentFrame(ctor, true);
       }
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -4128,6 +4080,7 @@ if (__DEV__) {
       }
     }
 
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
     var current = null;
     var isRendering = false;
     function getCurrentFiberOwnerNameInDevOrNull() {
@@ -4138,8 +4091,8 @@ if (__DEV__) {
 
         var owner = current._debugOwner;
 
-        if (owner != null) {
-          return getComponentNameFromOwner(owner);
+        if (owner !== null && typeof owner !== "undefined") {
+          return getComponentNameFromFiber(owner);
         }
       }
 
@@ -4159,14 +4112,14 @@ if (__DEV__) {
 
     function resetCurrentFiber() {
       {
-        ReactSharedInternals.getCurrentStack = null;
+        ReactDebugCurrentFrame.getCurrentStack = null;
         current = null;
         isRendering = false;
       }
     }
     function setCurrentFiber(fiber) {
       {
-        ReactSharedInternals.getCurrentStack =
+        ReactDebugCurrentFrame.getCurrentStack =
           fiber === null ? null : getCurrentFiberStackInDev;
         current = fiber;
         isRendering = false;
@@ -5588,7 +5541,68 @@ if (__DEV__) {
     var MATH_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
     var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 
-    if (typeof MSApp !== "undefined" && MSApp.execUnsafeLocalFunction);
+    var reusableSVGContainer;
+
+    function setInnerHTMLImpl(node, html) {
+      if (node.namespaceURI === SVG_NAMESPACE) {
+        {
+          if (enableTrustedTypesIntegration) {
+            // TODO: reconsider the text of this warning and when it should show
+            // before enabling the feature flag.
+            if (typeof trustedTypes !== "undefined") {
+              error(
+                "Using 'dangerouslySetInnerHTML' in an svg element with " +
+                  "Trusted Types enabled in an Internet Explorer will cause " +
+                  "the trusted value to be converted to string. Assigning string " +
+                  "to 'innerHTML' will throw an error if Trusted Types are enforced. " +
+                  "You can try to wrap your svg element inside a div and use 'dangerouslySetInnerHTML' " +
+                  "on the enclosing div instead."
+              );
+            }
+          }
+        }
+
+        if (!("innerHTML" in node)) {
+          // IE does not have innerHTML for SVG nodes, so instead we inject the
+          // new markup in a temp node and then move the child nodes across into
+          // the target node
+          reusableSVGContainer =
+            reusableSVGContainer || document.createElement("div");
+          reusableSVGContainer.innerHTML =
+            "<svg>" + html.valueOf().toString() + "</svg>";
+          var svgNode = reusableSVGContainer.firstChild;
+
+          while (node.firstChild) {
+            node.removeChild(node.firstChild);
+          } // $FlowFixMe[incompatible-use]
+          // $FlowFixMe[incompatible-type]
+
+          while (svgNode.firstChild) {
+            node.appendChild(svgNode.firstChild);
+          }
+
+          return;
+        }
+      }
+
+      node.innerHTML = html;
+    }
+
+    var setInnerHTML = setInnerHTMLImpl; // $FlowFixMe[cannot-resolve-name]
+
+    if (typeof MSApp !== "undefined" && MSApp.execUnsafeLocalFunction) {
+      /**
+       * Create a function which has 'unsafe' privileges (required by windows8 apps)
+       */
+      setInnerHTML = function (node, html) {
+        // $FlowFixMe[cannot-resolve-name]
+        return MSApp.execUnsafeLocalFunction(function () {
+          return setInnerHTMLImpl(node, html);
+        });
+      };
+    }
+
+    var setInnerHTML$1 = setInnerHTML;
 
     /**
      * HTML nodeType values that represent the type of the node
@@ -7695,9 +7709,7 @@ if (__DEV__) {
         // bails out of the update without touching the DOM.
         // TODO: Restore state in the microtask, after the discrete updates flush,
         // instead of early flushing them here.
-        // @TODO Should move to flushSyncWork once legacy mode is removed but since this flushSync
-        // flushes passive effects we can't do this yet.
-        flushSyncWork$1();
+        flushSync$1();
         restoreStateIfNeeded();
       }
     }
@@ -10168,9 +10180,6 @@ if (__DEV__) {
       animationend: makePrefixMap("Animation", "AnimationEnd"),
       animationiteration: makePrefixMap("Animation", "AnimationIteration"),
       animationstart: makePrefixMap("Animation", "AnimationStart"),
-      transitionrun: makePrefixMap("Transition", "TransitionRun"),
-      transitionstart: makePrefixMap("Transition", "TransitionStart"),
-      transitioncancel: makePrefixMap("Transition", "TransitionCancel"),
       transitionend: makePrefixMap("Transition", "TransitionEnd")
     };
     /**
@@ -10231,9 +10240,6 @@ if (__DEV__) {
     var ANIMATION_END = getVendorPrefixedEventName("animationend");
     var ANIMATION_ITERATION = getVendorPrefixedEventName("animationiteration");
     var ANIMATION_START = getVendorPrefixedEventName("animationstart");
-    var TRANSITION_RUN = getVendorPrefixedEventName("transitionrun");
-    var TRANSITION_START = getVendorPrefixedEventName("transitionstart");
-    var TRANSITION_CANCEL = getVendorPrefixedEventName("transitioncancel");
     var TRANSITION_END = getVendorPrefixedEventName("transitionend");
 
     var topLevelEventsToReactNames = new Map(); // NOTE: Capitalization is important in this list!
@@ -10274,9 +10280,6 @@ if (__DEV__) {
       registerSimpleEvent("dblclick", "onDoubleClick");
       registerSimpleEvent("focusin", "onFocus");
       registerSimpleEvent("focusout", "onBlur");
-      registerSimpleEvent(TRANSITION_RUN, "onTransitionRun");
-      registerSimpleEvent(TRANSITION_START, "onTransitionStart");
-      registerSimpleEvent(TRANSITION_CANCEL, "onTransitionCancel");
       registerSimpleEvent(TRANSITION_END, "onTransitionEnd");
     }
 
@@ -11604,7 +11607,8 @@ if (__DEV__) {
       // in that browser completely in favor of doing all that work.
       // See https://github.com/facebook/react/issues/11807
 
-      canDiffStyleForHydrationWarning = disableIEWorkarounds;
+      canDiffStyleForHydrationWarning =
+        disableIEWorkarounds || (canUseDOM && !document.documentMode);
     }
 
     function validatePropertiesInDevelopment(type, props) {
@@ -11845,7 +11849,7 @@ if (__DEV__) {
       return false;
     }
 
-    function noop$3() {}
+    function noop$2() {}
 
     function trapClickOnNonInteractiveElement(node) {
       // Mobile Safari does not fire properly bubble click events on
@@ -11857,7 +11861,7 @@ if (__DEV__) {
       // bookkeeping for it. Not sure if we need to clear it when the listener is
       // removed.
       // TODO: Only do this for the relevant Safaris maybe?
-      node.onclick = noop$3;
+      node.onclick = noop$2;
     }
     var xlinkNamespace = "http://www.w3.org/1999/xlink";
     var xmlNamespace = "http://www.w3.org/XML/1998/namespace";
@@ -12124,8 +12128,10 @@ if (__DEV__) {
                 );
               }
 
-              {
+              if (disableIEWorkarounds) {
                 domElement.innerHTML = nextHtml;
+              } else {
+                setInnerHTML$1(domElement, nextHtml);
               }
             }
           }
@@ -12511,8 +12517,10 @@ if (__DEV__) {
                 );
               }
 
-              {
+              if (disableIEWorkarounds) {
                 domElement.innerHTML = nextHtml;
+              } else {
+                setInnerHTML$1(domElement, nextHtml);
               }
             }
           }
@@ -15038,6 +15046,3135 @@ if (__DEV__) {
       }
     }
 
+    var ReactDOMCurrentDispatcher$1 = Internals.ReactDOMCurrentDispatcher; // Unused
+
+    var SUPPRESS_HYDRATION_WARNING = "suppressHydrationWarning";
+    var SUSPENSE_START_DATA = "$";
+    var SUSPENSE_END_DATA = "/$";
+    var SUSPENSE_PENDING_START_DATA = "$?";
+    var SUSPENSE_FALLBACK_START_DATA = "$!";
+    var FORM_STATE_IS_MATCHING = "F!";
+    var FORM_STATE_IS_NOT_MATCHING = "F";
+    var STYLE = "style";
+    var HostContextNamespaceNone = 0;
+    var HostContextNamespaceSvg = 1;
+    var HostContextNamespaceMath = 2;
+    var eventsEnabled = null;
+    var selectionInformation = null;
+
+    function getOwnerDocumentFromRootContainer(rootContainerElement) {
+      return rootContainerElement.nodeType === DOCUMENT_NODE
+        ? rootContainerElement
+        : rootContainerElement.ownerDocument;
+    }
+
+    function getRootHostContext(rootContainerInstance) {
+      var type;
+      var context;
+      var nodeType = rootContainerInstance.nodeType;
+
+      switch (nodeType) {
+        case DOCUMENT_NODE:
+        case DOCUMENT_FRAGMENT_NODE: {
+          type = nodeType === DOCUMENT_NODE ? "#document" : "#fragment";
+          var root = rootContainerInstance.documentElement;
+
+          if (root) {
+            var namespaceURI = root.namespaceURI;
+            context = namespaceURI
+              ? getOwnHostContext(namespaceURI)
+              : HostContextNamespaceNone;
+          } else {
+            context = HostContextNamespaceNone;
+          }
+
+          break;
+        }
+
+        default: {
+          var container =
+            nodeType === COMMENT_NODE
+              ? rootContainerInstance.parentNode
+              : rootContainerInstance;
+          type = container.tagName;
+          var _namespaceURI = container.namespaceURI;
+
+          if (!_namespaceURI) {
+            switch (type) {
+              case "svg":
+                context = HostContextNamespaceSvg;
+                break;
+
+              case "math":
+                context = HostContextNamespaceMath;
+                break;
+
+              default:
+                context = HostContextNamespaceNone;
+                break;
+            }
+          } else {
+            var ownContext = getOwnHostContext(_namespaceURI);
+            context = getChildHostContextProd(ownContext, type);
+          }
+
+          break;
+        }
+      }
+
+      {
+        var validatedTag = type.toLowerCase();
+        var ancestorInfo = updatedAncestorInfoDev(null, validatedTag);
+        return {
+          context: context,
+          ancestorInfo: ancestorInfo
+        };
+      }
+    }
+
+    function getOwnHostContext(namespaceURI) {
+      switch (namespaceURI) {
+        case SVG_NAMESPACE:
+          return HostContextNamespaceSvg;
+
+        case MATH_NAMESPACE:
+          return HostContextNamespaceMath;
+
+        default:
+          return HostContextNamespaceNone;
+      }
+    }
+
+    function getChildHostContextProd(parentNamespace, type) {
+      if (parentNamespace === HostContextNamespaceNone) {
+        // No (or default) parent namespace: potential entry point.
+        switch (type) {
+          case "svg":
+            return HostContextNamespaceSvg;
+
+          case "math":
+            return HostContextNamespaceMath;
+
+          default:
+            return HostContextNamespaceNone;
+        }
+      }
+
+      if (
+        parentNamespace === HostContextNamespaceSvg &&
+        type === "foreignObject"
+      ) {
+        // We're leaving SVG.
+        return HostContextNamespaceNone;
+      } // By default, pass namespace below.
+
+      return parentNamespace;
+    }
+
+    function getChildHostContext(parentHostContext, type) {
+      {
+        var parentHostContextDev = parentHostContext;
+        var context = getChildHostContextProd(
+          parentHostContextDev.context,
+          type
+        );
+        var ancestorInfo = updatedAncestorInfoDev(
+          parentHostContextDev.ancestorInfo,
+          type
+        );
+        return {
+          context: context,
+          ancestorInfo: ancestorInfo
+        };
+      }
+    }
+    function getPublicInstance(instance) {
+      return instance;
+    }
+    function prepareForCommit(containerInfo) {
+      eventsEnabled = isEnabled();
+      selectionInformation = getSelectionInformation();
+      var activeInstance = null;
+
+      {
+        var focusedElem = selectionInformation.focusedElem;
+
+        if (focusedElem !== null) {
+          activeInstance = getClosestInstanceFromNode(focusedElem);
+        }
+      }
+
+      setEnabled(false);
+      return activeInstance;
+    }
+    function beforeActiveInstanceBlur(internalInstanceHandle) {
+      {
+        setEnabled(true);
+        dispatchBeforeDetachedBlur(
+          selectionInformation.focusedElem,
+          internalInstanceHandle
+        );
+        setEnabled(false);
+      }
+    }
+    function afterActiveInstanceBlur() {
+      {
+        setEnabled(true);
+        dispatchAfterDetachedBlur(selectionInformation.focusedElem);
+        setEnabled(false);
+      }
+    }
+    function resetAfterCommit(containerInfo) {
+      restoreSelection(selectionInformation);
+      setEnabled(eventsEnabled);
+      eventsEnabled = null;
+      selectionInformation = null;
+    }
+    function createHoistableInstance(
+      type,
+      props,
+      rootContainerInstance,
+      internalInstanceHandle
+    ) {
+      var ownerDocument = getOwnerDocumentFromRootContainer(
+        rootContainerInstance
+      );
+      var domElement = ownerDocument.createElement(type);
+      precacheFiberNode(internalInstanceHandle, domElement);
+      updateFiberProps(domElement, props);
+      setInitialProperties(domElement, type, props);
+      markNodeAsHoistable(domElement);
+      return domElement;
+    }
+    var didWarnScriptTags = false;
+    var warnedUnknownTags = {
+      // There are working polyfills for <dialog>. Let people use it.
+      dialog: true,
+      // Electron ships a custom <webview> tag to display external web content in
+      // an isolated frame and process.
+      // This tag is not present in non Electron environments such as JSDom which
+      // is often used for testing purposes.
+      // @see https://electronjs.org/docs/api/webview-tag
+      webview: true
+    };
+    function createInstance(
+      type,
+      props,
+      rootContainerInstance,
+      hostContext,
+      internalInstanceHandle
+    ) {
+      var hostContextProd;
+
+      {
+        // TODO: take namespace into account when validating.
+        var hostContextDev = hostContext;
+        validateDOMNesting(type, hostContextDev.ancestorInfo);
+        hostContextProd = hostContextDev.context;
+      }
+
+      var ownerDocument = getOwnerDocumentFromRootContainer(
+        rootContainerInstance
+      );
+      var domElement;
+
+      switch (hostContextProd) {
+        case HostContextNamespaceSvg:
+          domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
+          break;
+
+        case HostContextNamespaceMath:
+          domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
+          break;
+
+        default:
+          switch (type) {
+            case "svg": {
+              domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
+              break;
+            }
+
+            case "math": {
+              domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
+              break;
+            }
+
+            case "script": {
+              // Create the script via .innerHTML so its "parser-inserted" flag is
+              // set to true and it does not execute
+              var div = ownerDocument.createElement("div");
+
+              {
+                if (enableTrustedTypesIntegration && !didWarnScriptTags) {
+                  error(
+                    "Encountered a script tag while rendering React component. " +
+                      "Scripts inside React components are never executed when rendering " +
+                      "on the client. Consider using template tag instead " +
+                      "(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)."
+                  );
+
+                  didWarnScriptTags = true;
+                }
+              }
+
+              div.innerHTML = "<script><" + "/script>"; // eslint-disable-line
+              // This is guaranteed to yield a script element.
+
+              var firstChild = div.firstChild;
+              domElement = div.removeChild(firstChild);
+              break;
+            }
+
+            case "select": {
+              if (typeof props.is === "string") {
+                domElement = ownerDocument.createElement("select", {
+                  is: props.is
+                });
+              } else {
+                // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
+                // See discussion in https://github.com/facebook/react/pull/6896
+                // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
+                domElement = ownerDocument.createElement("select");
+              }
+
+              if (props.multiple) {
+                domElement.multiple = true;
+              } else if (props.size) {
+                // Setting a size greater than 1 causes a select to behave like `multiple=true`, where
+                // it is possible that no option is selected.
+                //
+                // This is only necessary when a select in "single selection mode".
+                domElement.size = props.size;
+              }
+
+              break;
+            }
+
+            default: {
+              if (typeof props.is === "string") {
+                domElement = ownerDocument.createElement(type, {
+                  is: props.is
+                });
+              } else {
+                // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
+                // See discussion in https://github.com/facebook/react/pull/6896
+                // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
+                domElement = ownerDocument.createElement(type);
+              }
+
+              {
+                if (type.indexOf("-") === -1) {
+                  // We're not SVG/MathML and we don't have a dash, so we're not a custom element
+                  // Even if you use `is`, these should be of known type and lower case.
+                  if (type !== type.toLowerCase()) {
+                    error(
+                      "<%s /> is using incorrect casing. " +
+                        "Use PascalCase for React components, " +
+                        "or lowercase for HTML elements.",
+                      type
+                    );
+                  }
+
+                  if (
+                    // $FlowFixMe[method-unbinding]
+                    Object.prototype.toString.call(domElement) ===
+                      "[object HTMLUnknownElement]" &&
+                    !hasOwnProperty.call(warnedUnknownTags, type)
+                  ) {
+                    warnedUnknownTags[type] = true;
+
+                    error(
+                      "The tag <%s> is unrecognized in this browser. " +
+                        "If you meant to render a React component, start its name with " +
+                        "an uppercase letter.",
+                      type
+                    );
+                  }
+                }
+              }
+            }
+          }
+      }
+
+      precacheFiberNode(internalInstanceHandle, domElement);
+      updateFiberProps(domElement, props);
+      return domElement;
+    }
+    function appendInitialChild(parentInstance, child) {
+      parentInstance.appendChild(child);
+    }
+    function finalizeInitialChildren(domElement, type, props, hostContext) {
+      setInitialProperties(domElement, type, props);
+
+      switch (type) {
+        case "button":
+        case "input":
+        case "select":
+        case "textarea":
+          return !!props.autoFocus;
+
+        case "img":
+          return true;
+
+        default:
+          return false;
+      }
+    }
+    function shouldSetTextContent(type, props) {
+      return (
+        type === "textarea" ||
+        type === "noscript" ||
+        typeof props.children === "string" ||
+        typeof props.children === "number" ||
+        typeof props.children === "bigint" ||
+        (typeof props.dangerouslySetInnerHTML === "object" &&
+          props.dangerouslySetInnerHTML !== null &&
+          props.dangerouslySetInnerHTML.__html != null)
+      );
+    }
+    function createTextInstance(
+      text,
+      rootContainerInstance,
+      hostContext,
+      internalInstanceHandle
+    ) {
+      {
+        var hostContextDev = hostContext;
+        var ancestor = hostContextDev.ancestorInfo.current;
+
+        if (ancestor != null) {
+          validateTextNesting(text, ancestor.tag);
+        }
+      }
+
+      var textNode = getOwnerDocumentFromRootContainer(
+        rootContainerInstance
+      ).createTextNode(text);
+      precacheFiberNode(internalInstanceHandle, textNode);
+      return textNode;
+    }
+    function getCurrentEventPriority() {
+      var currentEvent = window.event;
+
+      if (currentEvent === undefined) {
+        return DefaultEventPriority;
+      }
+
+      return getEventPriority(currentEvent.type);
+    }
+    var currentPopstateTransitionEvent = null;
+    function shouldAttemptEagerTransition() {
+      var event = window.event;
+
+      if (event && event.type === "popstate") {
+        // This is a popstate event. Attempt to render any transition during this
+        // event synchronously. Unless we already attempted during this event.
+        if (event === currentPopstateTransitionEvent) {
+          // We already attempted to render this popstate transition synchronously.
+          // Any subsequent attempts must have happened as the result of a derived
+          // update, like startTransition inside useEffect, or useDV. Switch back to
+          // the default behavior for all remaining transitions during the current
+          // popstate event.
+          return false;
+        } else {
+          // Cache the current event in case a derived transition is scheduled.
+          // (Refer to previous branch.)
+          currentPopstateTransitionEvent = event;
+          return true;
+        }
+      } // We're not inside a popstate event.
+
+      currentPopstateTransitionEvent = null;
+      return false;
+    }
+    // if a component just imports ReactDOM (e.g. for findDOMNode).
+    // Some environments might not have setTimeout or clearTimeout.
+
+    var scheduleTimeout =
+      typeof setTimeout === "function" ? setTimeout : undefined;
+    var cancelTimeout =
+      typeof clearTimeout === "function" ? clearTimeout : undefined;
+    var noTimeout = -1;
+    var localPromise = typeof Promise === "function" ? Promise : undefined;
+    var localRequestAnimationFrame =
+      typeof requestAnimationFrame === "function"
+        ? requestAnimationFrame
+        : scheduleTimeout;
+    function getInstanceFromNode(node) {
+      return getClosestInstanceFromNode(node) || null;
+    }
+    function preparePortalMount(portalInstance) {
+      listenToAllSupportedEvents(portalInstance);
+    }
+    function prepareScopeUpdate(scopeInstance, internalInstanceHandle) {
+      {
+        precacheFiberNode(internalInstanceHandle, scopeInstance);
+      }
+    }
+    function getInstanceFromScope(scopeInstance) {
+      {
+        return getFiberFromScopeInstance(scopeInstance);
+      }
+    } // -------------------
+    var scheduleMicrotask =
+      typeof queueMicrotask === "function"
+        ? queueMicrotask
+        : typeof localPromise !== "undefined"
+        ? function (callback) {
+            return localPromise
+              .resolve(null)
+              .then(callback)
+              .catch(handleErrorInNextTick);
+          }
+        : scheduleTimeout; // TODO: Determine the best fallback here.
+
+    function handleErrorInNextTick(error) {
+      setTimeout(function () {
+        throw error;
+      });
+    } // -------------------
+    function commitMount(domElement, type, newProps, internalInstanceHandle) {
+      // Despite the naming that might imply otherwise, this method only
+      // fires if there is an `Update` effect scheduled during mounting.
+      // This happens if `finalizeInitialChildren` returns `true` (which it
+      // does to implement the `autoFocus` attribute on the client). But
+      // there are also other cases when this might happen (such as patching
+      // up text content during hydration mismatch). So we'll check this again.
+      switch (type) {
+        case "button":
+        case "input":
+        case "select":
+        case "textarea":
+          if (newProps.autoFocus) {
+            domElement.focus();
+          }
+
+          return;
+
+        case "img": {
+          if (newProps.src) {
+            domElement.src = newProps.src;
+          }
+
+          return;
+        }
+      }
+    }
+    function commitUpdate(
+      domElement,
+      updatePayload,
+      type,
+      oldProps,
+      newProps,
+      internalInstanceHandle
+    ) {
+      // Diff and update the properties.
+      updateProperties(domElement, type, oldProps, newProps); // Update the props handle so that we know which props are the ones with
+      // with current event handlers.
+
+      updateFiberProps(domElement, newProps);
+    }
+    function resetTextContent(domElement) {
+      setTextContent(domElement, "");
+    }
+    function commitTextUpdate(textInstance, oldText, newText) {
+      textInstance.nodeValue = newText;
+    }
+    function appendChild(parentInstance, child) {
+      parentInstance.appendChild(child);
+    }
+    function appendChildToContainer(container, child) {
+      var parentNode;
+
+      if (container.nodeType === COMMENT_NODE) {
+        parentNode = container.parentNode;
+        parentNode.insertBefore(child, container);
+      } else {
+        parentNode = container;
+        parentNode.appendChild(child);
+      } // This container might be used for a portal.
+      // If something inside a portal is clicked, that click should bubble
+      // through the React tree. However, on Mobile Safari the click would
+      // never bubble through the *DOM* tree unless an ancestor with onclick
+      // event exists. So we wouldn't see it and dispatch it.
+      // This is why we ensure that non React root containers have inline onclick
+      // defined.
+      // https://github.com/facebook/react/issues/11918
+
+      var reactRootContainer = container._reactRootContainer;
+
+      if (
+        (reactRootContainer === null || reactRootContainer === undefined) &&
+        parentNode.onclick === null
+      ) {
+        // TODO: This cast may not be sound for SVG, MathML or custom elements.
+        trapClickOnNonInteractiveElement(parentNode);
+      }
+    }
+    function insertBefore(parentInstance, child, beforeChild) {
+      parentInstance.insertBefore(child, beforeChild);
+    }
+    function insertInContainerBefore(container, child, beforeChild) {
+      if (container.nodeType === COMMENT_NODE) {
+        container.parentNode.insertBefore(child, beforeChild);
+      } else {
+        container.insertBefore(child, beforeChild);
+      }
+    }
+
+    function createEvent(type, bubbles) {
+      var event = document.createEvent("Event");
+      event.initEvent(type, bubbles, false);
+      return event;
+    }
+
+    function dispatchBeforeDetachedBlur(target, internalInstanceHandle) {
+      {
+        var event = createEvent("beforeblur", true); // Dispatch "beforeblur" directly on the target,
+        // so it gets picked up by the event system and
+        // can propagate through the React internal tree.
+        // $FlowFixMe[prop-missing]: internal field
+
+        event._detachedInterceptFiber = internalInstanceHandle;
+        target.dispatchEvent(event);
+      }
+    }
+
+    function dispatchAfterDetachedBlur(target) {
+      {
+        var event = createEvent("afterblur", false); // So we know what was detached, make the relatedTarget the
+        // detached target on the "afterblur" event.
+
+        event.relatedTarget = target; // Dispatch the event on the document.
+
+        document.dispatchEvent(event);
+      }
+    }
+
+    function removeChild(parentInstance, child) {
+      parentInstance.removeChild(child);
+    }
+    function removeChildFromContainer(container, child) {
+      if (container.nodeType === COMMENT_NODE) {
+        container.parentNode.removeChild(child);
+      } else {
+        container.removeChild(child);
+      }
+    }
+    function clearSuspenseBoundary(parentInstance, suspenseInstance) {
+      var node = suspenseInstance; // Delete all nodes within this suspense boundary.
+      // There might be nested nodes so we need to keep track of how
+      // deep we are and only break out when we're back on top.
+
+      var depth = 0;
+
+      do {
+        var nextNode = node.nextSibling;
+        parentInstance.removeChild(node);
+
+        if (nextNode && nextNode.nodeType === COMMENT_NODE) {
+          var data = nextNode.data;
+
+          if (data === SUSPENSE_END_DATA) {
+            if (depth === 0) {
+              parentInstance.removeChild(nextNode); // Retry if any event replaying was blocked on this.
+
+              retryIfBlockedOn(suspenseInstance);
+              return;
+            } else {
+              depth--;
+            }
+          } else if (
+            data === SUSPENSE_START_DATA ||
+            data === SUSPENSE_PENDING_START_DATA ||
+            data === SUSPENSE_FALLBACK_START_DATA
+          ) {
+            depth++;
+          }
+        } // $FlowFixMe[incompatible-type] we bail out when we get a null
+
+        node = nextNode;
+      } while (node); // TODO: Warn, we didn't find the end comment boundary.
+      // Retry if any event replaying was blocked on this.
+
+      retryIfBlockedOn(suspenseInstance);
+    }
+    function clearSuspenseBoundaryFromContainer(container, suspenseInstance) {
+      if (container.nodeType === COMMENT_NODE) {
+        clearSuspenseBoundary(container.parentNode, suspenseInstance);
+      } else if (container.nodeType === ELEMENT_NODE) {
+        clearSuspenseBoundary(container, suspenseInstance);
+      } else; // Retry if any event replaying was blocked on this.
+
+      retryIfBlockedOn(container);
+    }
+    function hideInstance(instance) {
+      // TODO: Does this work for all element types? What about MathML? Should we
+      // pass host context to this method?
+      instance = instance;
+      var style = instance.style; // $FlowFixMe[method-unbinding]
+
+      if (typeof style.setProperty === "function") {
+        style.setProperty("display", "none", "important");
+      } else {
+        style.display = "none";
+      }
+    }
+    function hideTextInstance(textInstance) {
+      textInstance.nodeValue = "";
+    }
+    function unhideInstance(instance, props) {
+      instance = instance;
+      var styleProp = props[STYLE];
+      var display =
+        styleProp !== undefined &&
+        styleProp !== null &&
+        styleProp.hasOwnProperty("display")
+          ? styleProp.display
+          : null;
+      instance.style.display =
+        display == null || typeof display === "boolean"
+          ? "" // The value would've errored already if it wasn't safe.
+          : // eslint-disable-next-line react-internal/safe-string-coercion
+            ("" + display).trim();
+    }
+    function unhideTextInstance(textInstance, text) {
+      textInstance.nodeValue = text;
+    }
+    function clearContainer(container) {
+      var nodeType = container.nodeType;
+
+      if (nodeType === DOCUMENT_NODE) {
+        clearContainerSparingly(container);
+      } else if (nodeType === ELEMENT_NODE) {
+        switch (container.nodeName) {
+          case "HEAD":
+          case "HTML":
+          case "BODY":
+            clearContainerSparingly(container);
+            return;
+
+          default: {
+            container.textContent = "";
+          }
+        }
+      }
+    }
+
+    function clearContainerSparingly(container) {
+      var node;
+      var nextNode = container.firstChild;
+
+      if (nextNode && nextNode.nodeType === DOCUMENT_TYPE_NODE) {
+        nextNode = nextNode.nextSibling;
+      }
+
+      while (nextNode) {
+        node = nextNode;
+        nextNode = nextNode.nextSibling;
+
+        switch (node.nodeName) {
+          case "HTML":
+          case "HEAD":
+          case "BODY": {
+            var element = node;
+            clearContainerSparingly(element); // If these singleton instances had previously been rendered with React they
+            // may still hold on to references to the previous fiber tree. We detatch them
+            // prospectively to reset them to a baseline starting state since we cannot create
+            // new instances.
+
+            detachDeletedInstance(element);
+            continue;
+          }
+          // Script tags are retained to avoid an edge case bug. Normally scripts will execute if they
+          // are ever inserted into the DOM. However when streaming if a script tag is opened but not
+          // yet closed some browsers create and insert the script DOM Node but the script cannot execute
+          // yet until the closing tag is parsed. If something causes React to call clearContainer while
+          // this DOM node is in the document but not yet executable the DOM node will be removed from the
+          // document and when the script closing tag comes in the script will not end up running. This seems
+          // to happen in Chrome/Firefox but not Safari at the moment though this is not necessarily specified
+          // behavior so it could change in future versions of browsers. While leaving all scripts is broader
+          // than strictly necessary this is the least amount of additional code to avoid this breaking
+          // edge case.
+          //
+          // Style tags are retained because they may likely come from 3rd party scripts and extensions
+
+          case "SCRIPT":
+          case "STYLE": {
+            continue;
+          }
+          // Stylesheet tags are retained because tehy may likely come from 3rd party scripts and extensions
+
+          case "LINK": {
+            if (node.rel.toLowerCase() === "stylesheet") {
+              continue;
+            }
+          }
+        }
+
+        container.removeChild(node);
+      }
+
+      return;
+    } // Making this so we can eventually move all of the instance caching to the commit phase.
+    function canHydrateInstance(instance, type, props, inRootOrSingleton) {
+      while (instance.nodeType === ELEMENT_NODE) {
+        var element = instance;
+        var anyProps = props;
+
+        if (element.nodeName.toLowerCase() !== type.toLowerCase()) {
+          if (!inRootOrSingleton) {
+            // Usually we error for mismatched tags.
+            if (element.nodeName === "INPUT" && element.type === "hidden");
+            else {
+              return null;
+            }
+          } // In root or singleton parents we skip past mismatched instances.
+        } else if (!inRootOrSingleton) {
+          // Match
+          if (type === "input" && element.type === "hidden") {
+            {
+              checkAttributeStringCoercion(anyProps.name, "name");
+            }
+
+            var name = anyProps.name == null ? null : "" + anyProps.name;
+
+            if (
+              anyProps.type !== "hidden" ||
+              element.getAttribute("name") !== name
+            );
+            else {
+              return element;
+            }
+          } else {
+            return element;
+          }
+        } else if (isMarkedHoistable(element));
+        else {
+          // We have an Element with the right type.
+          // We are going to try to exclude it if we can definitely identify it as a hoisted Node or if
+          // we can guess that the node is likely hoisted or was inserted by a 3rd party script or browser extension
+          // using high entropy attributes for certain types. This technique will fail for strange insertions like
+          // extension prepending <div> in the <body> but that already breaks before and that is an edge case.
+          switch (type) {
+            // case 'title':
+            //We assume all titles are matchable. You should only have one in the Document, at least in a hoistable scope
+            // and if you are a HostComponent with type title we must either be in an <svg> context or this title must have an `itemProp` prop.
+            case "meta": {
+              // The only way to opt out of hoisting meta tags is to give it an itemprop attribute. We assume there will be
+              // not 3rd party meta tags that are prepended, accepting the cases where this isn't true because meta tags
+              // are usually only functional for SSR so even in a rare case where we did bind to an injected tag the runtime
+              // implications are minimal
+              if (!element.hasAttribute("itemprop")) {
+                // This is a Hoistable
+                break;
+              }
+
+              return element;
+            }
+
+            case "link": {
+              // Links come in many forms and we do expect 3rd parties to inject them into <head> / <body>. We exclude known resources
+              // and then use high-entroy attributes like href which are almost always used and almost always unique to filter out unlikely
+              // matches.
+              var rel = element.getAttribute("rel");
+
+              if (
+                rel === "stylesheet" &&
+                element.hasAttribute("data-precedence")
+              ) {
+                // This is a stylesheet resource
+                break;
+              } else if (
+                rel !== anyProps.rel ||
+                element.getAttribute("href") !==
+                  (anyProps.href == null ? null : anyProps.href) ||
+                element.getAttribute("crossorigin") !==
+                  (anyProps.crossOrigin == null
+                    ? null
+                    : anyProps.crossOrigin) ||
+                element.getAttribute("title") !==
+                  (anyProps.title == null ? null : anyProps.title)
+              ) {
+                // rel + href should usually be enough to uniquely identify a link however crossOrigin can vary for rel preconnect
+                // and title could vary for rel alternate
+                break;
+              }
+
+              return element;
+            }
+
+            case "style": {
+              // Styles are hard to match correctly. We can exclude known resources but otherwise we accept the fact that a non-hoisted style tags
+              // in <head> or <body> are likely never going to be unmounted given their position in the document and the fact they likely hold global styles
+              if (element.hasAttribute("data-precedence")) {
+                // This is a style resource
+                break;
+              }
+
+              return element;
+            }
+
+            case "script": {
+              // Scripts are a little tricky, we exclude known resources and then similar to links try to use high-entropy attributes
+              // to reject poor matches. One challenge with scripts are inline scripts. We don't attempt to check text content which could
+              // in theory lead to a hydration error later if a 3rd party injected an inline script before the React rendered nodes.
+              // Falling back to client rendering if this happens should be seemless though so we will try this hueristic and revisit later
+              // if we learn it is problematic
+              var srcAttr = element.getAttribute("src");
+
+              if (
+                srcAttr !== (anyProps.src == null ? null : anyProps.src) ||
+                element.getAttribute("type") !==
+                  (anyProps.type == null ? null : anyProps.type) ||
+                element.getAttribute("crossorigin") !==
+                  (anyProps.crossOrigin == null ? null : anyProps.crossOrigin)
+              ) {
+                // This script is for a different src/type/crossOrigin. It may be a script resource
+                // or it may just be a mistmatch
+                if (
+                  srcAttr &&
+                  element.hasAttribute("async") &&
+                  !element.hasAttribute("itemprop")
+                ) {
+                  // This is an async script resource
+                  break;
+                }
+              }
+
+              return element;
+            }
+
+            default: {
+              // We have excluded the most likely cases of mismatch between hoistable tags, 3rd party script inserted tags,
+              // and browser extension inserted tags. While it is possible this is not the right match it is a decent hueristic
+              // that should work in the vast majority of cases.
+              return element;
+            }
+          }
+        }
+
+        var nextInstance = getNextHydratableSibling(element);
+
+        if (nextInstance === null) {
+          break;
+        }
+
+        instance = nextInstance;
+      } // This is a suspense boundary or Text node or we got the end.
+      // Suspense Boundaries are never expected to be injected by 3rd parties. If we see one it should be matched
+      // and this is a hydration error.
+      // Text Nodes are also not expected to be injected by 3rd parties. This is less of a guarantee for <body>
+      // but it seems reasonable and conservative to reject this as a hydration error as well
+
+      return null;
+    }
+    function canHydrateTextInstance(instance, text, inRootOrSingleton) {
+      // Empty strings are not parsed by HTML so there won't be a correct match here.
+      if (text === "") return null;
+
+      while (instance.nodeType !== TEXT_NODE) {
+        if (
+          instance.nodeType === ELEMENT_NODE &&
+          instance.nodeName === "INPUT" &&
+          instance.type === "hidden"
+        );
+        else if (!inRootOrSingleton) {
+          return null;
+        }
+
+        var nextInstance = getNextHydratableSibling(instance);
+
+        if (nextInstance === null) {
+          return null;
+        }
+
+        instance = nextInstance;
+      } // This has now been refined to a text node.
+
+      return instance;
+    }
+    function canHydrateSuspenseInstance(instance, inRootOrSingleton) {
+      while (instance.nodeType !== COMMENT_NODE) {
+        if (!inRootOrSingleton) {
+          return null;
+        }
+
+        var nextInstance = getNextHydratableSibling(instance);
+
+        if (nextInstance === null) {
+          return null;
+        }
+
+        instance = nextInstance;
+      } // This has now been refined to a suspense node.
+
+      return instance;
+    }
+    function isSuspenseInstancePending(instance) {
+      return instance.data === SUSPENSE_PENDING_START_DATA;
+    }
+    function isSuspenseInstanceFallback(instance) {
+      return instance.data === SUSPENSE_FALLBACK_START_DATA;
+    }
+    function getSuspenseInstanceFallbackErrorDetails(instance) {
+      var dataset = instance.nextSibling && instance.nextSibling.dataset;
+      var digest, message, stack, componentStack;
+
+      if (dataset) {
+        digest = dataset.dgst;
+
+        {
+          message = dataset.msg;
+          stack = dataset.stck;
+          componentStack = dataset.cstck;
+        }
+      }
+
+      {
+        return {
+          message: message,
+          digest: digest,
+          stack: stack,
+          componentStack: componentStack
+        };
+      }
+    }
+    function registerSuspenseInstanceRetry(instance, callback) {
+      instance._reactRetry = callback;
+    }
+    function canHydrateFormStateMarker(instance, inRootOrSingleton) {
+      while (instance.nodeType !== COMMENT_NODE) {
+        if (!inRootOrSingleton) {
+          return null;
+        }
+
+        var nextInstance = getNextHydratableSibling(instance);
+
+        if (nextInstance === null) {
+          return null;
+        }
+
+        instance = nextInstance;
+      }
+
+      var nodeData = instance.data;
+
+      if (
+        nodeData === FORM_STATE_IS_MATCHING ||
+        nodeData === FORM_STATE_IS_NOT_MATCHING
+      ) {
+        var markerInstance = instance;
+        return markerInstance;
+      }
+
+      return null;
+    }
+    function isFormStateMarkerMatching(markerInstance) {
+      return markerInstance.data === FORM_STATE_IS_MATCHING;
+    }
+
+    function getNextHydratable(node) {
+      // Skip non-hydratable nodes.
+      for (; node != null; node = node.nextSibling) {
+        var nodeType = node.nodeType;
+
+        if (nodeType === ELEMENT_NODE || nodeType === TEXT_NODE) {
+          break;
+        }
+
+        if (nodeType === COMMENT_NODE) {
+          var nodeData = node.data;
+
+          if (
+            nodeData === SUSPENSE_START_DATA ||
+            nodeData === SUSPENSE_FALLBACK_START_DATA ||
+            nodeData === SUSPENSE_PENDING_START_DATA ||
+            nodeData === FORM_STATE_IS_MATCHING ||
+            nodeData === FORM_STATE_IS_NOT_MATCHING
+          ) {
+            break;
+          }
+
+          if (nodeData === SUSPENSE_END_DATA) {
+            return null;
+          }
+        }
+      }
+
+      return node;
+    }
+
+    function getNextHydratableSibling(instance) {
+      return getNextHydratable(instance.nextSibling);
+    }
+    function getFirstHydratableChild(parentInstance) {
+      return getNextHydratable(parentInstance.firstChild);
+    }
+    function getFirstHydratableChildWithinContainer(parentContainer) {
+      return getNextHydratable(parentContainer.firstChild);
+    }
+    function getFirstHydratableChildWithinSuspenseInstance(parentInstance) {
+      return getNextHydratable(parentInstance.nextSibling);
+    }
+    function describeHydratableInstanceForDevWarnings(instance) {
+      // Reverse engineer a pseudo react-element from hydratable instnace
+      if (instance.nodeType === ELEMENT_NODE) {
+        // Reverse engineer a set of props that can print for dev warnings
+        return {
+          type: instance.nodeName.toLowerCase(),
+          props: getPropsFromElement(instance)
+        };
+      } else if (instance.nodeType === COMMENT_NODE) {
+        return {
+          type: "Suspense",
+          props: {}
+        };
+      } else {
+        return instance.nodeValue;
+      }
+    }
+    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
+    ) {
+      precacheFiberNode(internalInstanceHandle, instance); // TODO: Possibly defer this until the commit phase where all the events
+      // get attached.
+
+      updateFiberProps(instance, props);
+      return hydrateProperties(instance, type, props);
+    } // Returns a Map of properties that were different on the server.
+
+    function diffHydratedPropsForDevWarnings(
+      instance,
+      type,
+      props,
+      hostContext
+    ) {
+      return diffHydratedProperties(instance, type, props, 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,
+      parentInstanceProps
+    ) {
+      precacheFiberNode(internalInstanceHandle, textInstance);
+      return hydrateText(textInstance, text, parentInstanceProps);
+    } // Returns the server text if it differs from the client.
+
+    function diffHydratedTextForDevWarnings(textInstance, text, parentProps) {
+      if (
+        parentProps === null ||
+        parentProps[SUPPRESS_HYDRATION_WARNING] !== true
+      ) {
+        return diffHydratedText(textInstance, text);
+      }
+
+      return null;
+    }
+    function hydrateSuspenseInstance(suspenseInstance, internalInstanceHandle) {
+      precacheFiberNode(internalInstanceHandle, suspenseInstance);
+    }
+    function getNextHydratableInstanceAfterSuspenseInstance(suspenseInstance) {
+      var node = suspenseInstance.nextSibling; // Skip past all nodes within this suspense boundary.
+      // There might be nested nodes so we need to keep track of how
+      // deep we are and only break out when we're back on top.
+
+      var depth = 0;
+
+      while (node) {
+        if (node.nodeType === COMMENT_NODE) {
+          var data = node.data;
+
+          if (data === SUSPENSE_END_DATA) {
+            if (depth === 0) {
+              return getNextHydratableSibling(node);
+            } else {
+              depth--;
+            }
+          } else if (
+            data === SUSPENSE_START_DATA ||
+            data === SUSPENSE_FALLBACK_START_DATA ||
+            data === SUSPENSE_PENDING_START_DATA
+          ) {
+            depth++;
+          }
+        }
+
+        node = node.nextSibling;
+      } // TODO: Warn, we didn't find the end comment boundary.
+
+      return null;
+    } // Returns the SuspenseInstance if this node is a direct child of a
+    // SuspenseInstance. I.e. if its previous sibling is a Comment with
+    // SUSPENSE_x_START_DATA. Otherwise, null.
+
+    function getParentSuspenseInstance(targetInstance) {
+      var node = targetInstance.previousSibling; // Skip past all nodes within this suspense boundary.
+      // There might be nested nodes so we need to keep track of how
+      // deep we are and only break out when we're back on top.
+
+      var depth = 0;
+
+      while (node) {
+        if (node.nodeType === COMMENT_NODE) {
+          var data = node.data;
+
+          if (
+            data === SUSPENSE_START_DATA ||
+            data === SUSPENSE_FALLBACK_START_DATA ||
+            data === SUSPENSE_PENDING_START_DATA
+          ) {
+            if (depth === 0) {
+              return node;
+            } else {
+              depth--;
+            }
+          } else if (data === SUSPENSE_END_DATA) {
+            depth++;
+          }
+        }
+
+        node = node.previousSibling;
+      }
+
+      return null;
+    }
+    function commitHydratedContainer(container) {
+      // Retry if any event replaying was blocked on this.
+      retryIfBlockedOn(container);
+    }
+    function commitHydratedSuspenseInstance(suspenseInstance) {
+      // Retry if any event replaying was blocked on this.
+      retryIfBlockedOn(suspenseInstance);
+    }
+    function shouldDeleteUnhydratedTailInstances(parentType) {
+      return parentType !== "form" && parentType !== "button";
+    } // -------------------
+    function findFiberRoot(node) {
+      var stack = [node];
+      var index = 0;
+
+      while (index < stack.length) {
+        var current = stack[index++];
+
+        if (isContainerMarkedAsRoot(current)) {
+          return getInstanceFromNode$1(current);
+        }
+
+        stack.push.apply(stack, current.children);
+      }
+
+      return null;
+    }
+    function getBoundingRect(node) {
+      var rect = node.getBoundingClientRect();
+      return {
+        x: rect.left,
+        y: rect.top,
+        width: rect.width,
+        height: rect.height
+      };
+    }
+    function matchAccessibilityRole(node, role) {
+      if (hasRole(node, role)) {
+        return true;
+      }
+
+      return false;
+    }
+    function getTextContent(fiber) {
+      switch (fiber.tag) {
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent:
+          var textContent = "";
+          var childNodes = fiber.stateNode.childNodes;
+
+          for (var i = 0; i < childNodes.length; i++) {
+            var childNode = childNodes[i];
+
+            if (childNode.nodeType === Node.TEXT_NODE) {
+              textContent += childNode.textContent;
+            }
+          }
+
+          return textContent;
+
+        case HostText:
+          return fiber.stateNode.textContent;
+      }
+
+      return null;
+    }
+    function isHiddenSubtree(fiber) {
+      return fiber.tag === HostComponent && fiber.memoizedProps.hidden === true;
+    }
+    function setFocusIfFocusable(node) {
+      // The logic for determining if an element is focusable is kind of complex,
+      // and since we want to actually change focus anyway- we can just skip it.
+      // Instead we'll just listen for a "focus" event to verify that focus was set.
+      //
+      // We could compare the node to document.activeElement after focus,
+      // but this would not handle the case where application code managed focus to automatically blur.
+      var didFocus = false;
+
+      var handleFocus = function () {
+        didFocus = true;
+      };
+
+      var element = node;
+
+      try {
+        element.addEventListener("focus", handleFocus); // $FlowFixMe[method-unbinding]
+
+        (element.focus || HTMLElement.prototype.focus).call(element);
+      } finally {
+        element.removeEventListener("focus", handleFocus);
+      }
+
+      return didFocus;
+    }
+    function setupIntersectionObserver(targets, callback, options) {
+      var rectRatioCache = new Map();
+      targets.forEach(function (target) {
+        rectRatioCache.set(target, {
+          rect: getBoundingRect(target),
+          ratio: 0
+        });
+      });
+
+      var handleIntersection = function (entries) {
+        entries.forEach(function (entry) {
+          var boundingClientRect = entry.boundingClientRect,
+            intersectionRatio = entry.intersectionRatio,
+            target = entry.target;
+          rectRatioCache.set(target, {
+            rect: {
+              x: boundingClientRect.left,
+              y: boundingClientRect.top,
+              width: boundingClientRect.width,
+              height: boundingClientRect.height
+            },
+            ratio: intersectionRatio
+          });
+        });
+        callback(Array.from(rectRatioCache.values()));
+      };
+
+      var observer = new IntersectionObserver(handleIntersection, options);
+      targets.forEach(function (target) {
+        observer.observe(target);
+      });
+      return {
+        disconnect: function () {
+          return observer.disconnect();
+        },
+        observe: function (target) {
+          rectRatioCache.set(target, {
+            rect: getBoundingRect(target),
+            ratio: 0
+          });
+          observer.observe(target);
+        },
+        unobserve: function (target) {
+          rectRatioCache.delete(target);
+          observer.unobserve(target);
+        }
+      };
+    }
+    function requestPostPaintCallback(callback) {
+      localRequestAnimationFrame(function () {
+        localRequestAnimationFrame(function (time) {
+          return callback(time);
+        });
+      });
+    } // -------------------
+    function isHostSingletonType(type) {
+      return type === "html" || type === "head" || type === "body";
+    }
+    function resolveSingletonInstance(
+      type,
+      props,
+      rootContainerInstance,
+      hostContext,
+      validateDOMNestingDev
+    ) {
+      {
+        var hostContextDev = hostContext;
+
+        if (validateDOMNestingDev) {
+          validateDOMNesting(type, hostContextDev.ancestorInfo);
+        }
+      }
+
+      var ownerDocument = getOwnerDocumentFromRootContainer(
+        rootContainerInstance
+      );
+
+      switch (type) {
+        case "html": {
+          var documentElement = ownerDocument.documentElement;
+
+          if (!documentElement) {
+            throw new Error(
+              "React expected an <html> element (document.documentElement) to exist in the Document but one was" +
+                " not found. React never removes the documentElement for any Document it renders into so" +
+                " the cause is likely in some other script running on this page."
+            );
+          }
+
+          return documentElement;
+        }
+
+        case "head": {
+          var head = ownerDocument.head;
+
+          if (!head) {
+            throw new Error(
+              "React expected a <head> element (document.head) to exist in the Document but one was" +
+                " not found. React never removes the head for any Document it renders into so" +
+                " the cause is likely in some other script running on this page."
+            );
+          }
+
+          return head;
+        }
+
+        case "body": {
+          var body = ownerDocument.body;
+
+          if (!body) {
+            throw new Error(
+              "React expected a <body> element (document.body) to exist in the Document but one was" +
+                " not found. React never removes the body for any Document it renders into so" +
+                " the cause is likely in some other script running on this page."
+            );
+          }
+
+          return body;
+        }
+
+        default: {
+          throw new Error(
+            "resolveSingletonInstance was called with an element type that is not supported. This is a bug in React."
+          );
+        }
+      }
+    }
+    function acquireSingletonInstance(
+      type,
+      props,
+      instance,
+      internalInstanceHandle
+    ) {
+      {
+        var currentInstanceHandle = getInstanceFromNode$1(instance);
+
+        if (currentInstanceHandle) {
+          var tagName = instance.tagName.toLowerCase();
+
+          error(
+            "You are mounting a new %s component when a previous one has not first unmounted. It is an" +
+              " error to render more than one %s component at a time and attributes and children of these" +
+              " components will likely fail in unpredictable ways. Please only render a single instance of" +
+              " <%s> and if you need to mount a new one, ensure any previous ones have unmounted first.",
+            tagName,
+            tagName,
+            tagName
+          );
+        }
+
+        switch (type) {
+          case "html":
+          case "head":
+          case "body": {
+            break;
+          }
+
+          default: {
+            error(
+              "acquireSingletonInstance was called with an element type that is not supported. This is a bug in React."
+            );
+          }
+        }
+      }
+
+      var attributes = instance.attributes;
+
+      while (attributes.length) {
+        instance.removeAttributeNode(attributes[0]);
+      }
+
+      setInitialProperties(instance, type, props);
+      precacheFiberNode(internalInstanceHandle, instance);
+      updateFiberProps(instance, props);
+    }
+    function releaseSingletonInstance(instance) {
+      var attributes = instance.attributes;
+
+      while (attributes.length) {
+        instance.removeAttributeNode(attributes[0]);
+      }
+
+      detachDeletedInstance(instance);
+    }
+    function clearSingleton(instance) {
+      var element = instance;
+      var node = element.firstChild;
+
+      while (node) {
+        var nextNode = node.nextSibling;
+        var nodeName = node.nodeName;
+
+        if (
+          isMarkedHoistable(node) ||
+          nodeName === "HEAD" ||
+          nodeName === "BODY" ||
+          nodeName === "SCRIPT" ||
+          nodeName === "STYLE" ||
+          (nodeName === "LINK" && node.rel.toLowerCase() === "stylesheet")
+        );
+        else {
+          element.removeChild(node);
+        }
+
+        node = nextNode;
+      }
+
+      return;
+    } // -------------------
+    var NotLoaded =
+      /*       */
+      0;
+    var Loaded =
+      /*          */
+      1;
+    var Errored =
+      /*         */
+      2;
+    var Settled =
+      /*         */
+      3;
+    var Inserted =
+      /*        */
+      4;
+    function prepareToCommitHoistables() {
+      tagCaches = null;
+    } // global collections of Resources
+
+    var preloadPropsMap = new Map();
+    var preconnectsSet = new Set(); // getRootNode is missing from IE and old jsdom versions
+
+    function getHoistableRoot(container) {
+      // $FlowFixMe[method-unbinding]
+      return typeof container.getRootNode === "function"
+        ? /* $FlowFixMe[incompatible-return] Flow types this as returning a `Node`,
+           * but it's either a `Document` or `ShadowRoot`. */
+          container.getRootNode()
+        : container.ownerDocument;
+    }
+
+    function getCurrentResourceRoot() {
+      var currentContainer = getCurrentRootHostContainer();
+      return currentContainer ? getHoistableRoot(currentContainer) : null;
+    }
+
+    function getDocumentFromRoot(root) {
+      return root.ownerDocument || root;
+    }
+
+    var previousDispatcher = ReactDOMCurrentDispatcher$1.current;
+    ReactDOMCurrentDispatcher$1.current = {
+      prefetchDNS: prefetchDNS$1,
+      preconnect: preconnect$1,
+      preload: preload$1,
+      preloadModule: preloadModule$1,
+      preinitStyle: preinitStyle,
+      preinitScript: preinitScript,
+      preinitModuleScript: preinitModuleScript
+    }; // We expect this to get inlined. It is a function mostly to communicate the special nature of
+    // how we resolve the HoistableRoot for ReactDOM.pre*() methods. Because we support calling
+    // these methods outside of render there is no way to know which Document or ShadowRoot is 'scoped'
+    // and so we have to fall back to something universal. Currently we just refer to the global document.
+    // This is notable because nowhere else in ReactDOM do we actually reference the global document or window
+    // because we may be rendering inside an iframe.
+
+    var globalDocument = typeof document === "undefined" ? null : document;
+
+    function getGlobalDocument() {
+      return globalDocument;
+    }
+
+    function preconnectAs(rel, href, crossOrigin) {
+      var ownerDocument = getGlobalDocument();
+
+      if (ownerDocument && typeof href === "string" && href) {
+        var limitedEscapedHref =
+          escapeSelectorAttributeValueInsideDoubleQuotes(href);
+        var key = 'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
+
+        if (typeof crossOrigin === "string") {
+          key += '[crossorigin="' + crossOrigin + '"]';
+        }
+
+        if (!preconnectsSet.has(key)) {
+          preconnectsSet.add(key);
+          var preconnectProps = {
+            rel: rel,
+            crossOrigin: crossOrigin,
+            href: href
+          };
+
+          if (null === ownerDocument.querySelector(key)) {
+            var instance = ownerDocument.createElement("link");
+            setInitialProperties(instance, "link", preconnectProps);
+            markNodeAsHoistable(instance);
+            ownerDocument.head.appendChild(instance);
+          }
+        }
+      }
+    }
+
+    function prefetchDNS$1(href) {
+      previousDispatcher.prefetchDNS(href);
+      preconnectAs("dns-prefetch", href, null);
+    }
+
+    function preconnect$1(href, crossOrigin) {
+      previousDispatcher.preconnect(href, crossOrigin);
+      preconnectAs("preconnect", href, crossOrigin);
+    }
+
+    function preload$1(href, as, options) {
+      previousDispatcher.preload(href, as, options);
+      var ownerDocument = getGlobalDocument();
+
+      if (ownerDocument && href && as) {
+        var preloadSelector =
+          'link[rel="preload"][as="' +
+          escapeSelectorAttributeValueInsideDoubleQuotes(as) +
+          '"]';
+
+        if (as === "image") {
+          if (options && options.imageSrcSet) {
+            preloadSelector +=
+              '[imagesrcset="' +
+              escapeSelectorAttributeValueInsideDoubleQuotes(
+                options.imageSrcSet
+              ) +
+              '"]';
+
+            if (typeof options.imageSizes === "string") {
+              preloadSelector +=
+                '[imagesizes="' +
+                escapeSelectorAttributeValueInsideDoubleQuotes(
+                  options.imageSizes
+                ) +
+                '"]';
+            }
+          } else {
+            preloadSelector +=
+              '[href="' +
+              escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+              '"]';
+          }
+        } else {
+          preloadSelector +=
+            '[href="' +
+            escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+            '"]';
+        } // Some preloads are keyed under their selector. This happens when the preload is for
+        // an arbitrary type. Other preloads are keyed under the resource key they represent a preload for.
+        // Here we figure out which key to use to determine if we have a preload already.
+
+        var key = preloadSelector;
+
+        switch (as) {
+          case "style":
+            key = getStyleKey(href);
+            break;
+
+          case "script":
+            key = getScriptKey(href);
+            break;
+        }
+
+        if (!preloadPropsMap.has(key)) {
+          var preloadProps = assign(
+            {
+              rel: "preload",
+              // There is a bug in Safari where imageSrcSet is not respected on preload links
+              // so we omit the href here if we have imageSrcSet b/c safari will load the wrong image.
+              // This harms older browers that do not support imageSrcSet by making their preloads not work
+              // but this population is shrinking fast and is already small so we accept this tradeoff.
+              href:
+                as === "image" && options && options.imageSrcSet
+                  ? undefined
+                  : href,
+              as: as
+            },
+            options
+          );
+
+          preloadPropsMap.set(key, preloadProps);
+
+          if (null === ownerDocument.querySelector(preloadSelector)) {
+            if (
+              as === "style" &&
+              ownerDocument.querySelector(getStylesheetSelectorFromKey(key))
+            ) {
+              // We already have a stylesheet for this key. We don't need to preload it.
+              return;
+            } else if (
+              as === "script" &&
+              ownerDocument.querySelector(getScriptSelectorFromKey(key))
+            ) {
+              // We already have a stylesheet for this key. We don't need to preload it.
+              return;
+            }
+
+            var instance = ownerDocument.createElement("link");
+            setInitialProperties(instance, "link", preloadProps);
+            markNodeAsHoistable(instance);
+            ownerDocument.head.appendChild(instance);
+          }
+        }
+      }
+    }
+
+    function preloadModule$1(href, options) {
+      previousDispatcher.preloadModule(href, options);
+      var ownerDocument = getGlobalDocument();
+
+      if (ownerDocument && href) {
+        var as =
+          options && typeof options.as === "string" ? options.as : "script";
+        var preloadSelector =
+          'link[rel="modulepreload"][as="' +
+          escapeSelectorAttributeValueInsideDoubleQuotes(as) +
+          '"][href="' +
+          escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+          '"]'; // Some preloads are keyed under their selector. This happens when the preload is for
+        // an arbitrary type. Other preloads are keyed under the resource key they represent a preload for.
+        // Here we figure out which key to use to determine if we have a preload already.
+
+        var key = preloadSelector;
+
+        switch (as) {
+          case "audioworklet":
+          case "paintworklet":
+          case "serviceworker":
+          case "sharedworker":
+          case "worker":
+          case "script": {
+            key = getScriptKey(href);
+            break;
+          }
+        }
+
+        if (!preloadPropsMap.has(key)) {
+          var props = assign(
+            {
+              rel: "modulepreload",
+              href: href
+            },
+            options
+          );
+
+          preloadPropsMap.set(key, props);
+
+          if (null === ownerDocument.querySelector(preloadSelector)) {
+            switch (as) {
+              case "audioworklet":
+              case "paintworklet":
+              case "serviceworker":
+              case "sharedworker":
+              case "worker":
+              case "script": {
+                if (
+                  ownerDocument.querySelector(getScriptSelectorFromKey(key))
+                ) {
+                  return;
+                }
+              }
+            }
+
+            var instance = ownerDocument.createElement("link");
+            setInitialProperties(instance, "link", props);
+            markNodeAsHoistable(instance);
+            ownerDocument.head.appendChild(instance);
+          }
+        }
+      }
+    }
+
+    function preinitStyle(href, precedence, options) {
+      previousDispatcher.preinitStyle(href, precedence, options);
+      var ownerDocument = getGlobalDocument();
+
+      if (ownerDocument && href) {
+        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles;
+        var key = getStyleKey(href);
+        precedence = precedence || "default"; // Check if this resource already exists
+
+        var resource = styles.get(key);
+
+        if (resource) {
+          // We can early return. The resource exists and there is nothing
+          // more to do
+          return;
+        }
+
+        var state = {
+          loading: NotLoaded,
+          preload: null
+        }; // Attempt to hydrate instance from DOM
+
+        var instance = ownerDocument.querySelector(
+          getStylesheetSelectorFromKey(key)
+        );
+
+        if (instance) {
+          state.loading = Loaded | Inserted;
+        } else {
+          // Construct a new instance and insert it
+          var stylesheetProps = assign(
+            {
+              rel: "stylesheet",
+              href: href,
+              "data-precedence": precedence
+            },
+            options
+          );
+
+          var preloadProps = preloadPropsMap.get(key);
+
+          if (preloadProps) {
+            adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
+          }
+
+          var link = (instance = ownerDocument.createElement("link"));
+          markNodeAsHoistable(link);
+          setInitialProperties(link, "link", stylesheetProps);
+          link._p = new Promise(function (resolve, reject) {
+            link.onload = resolve;
+            link.onerror = reject;
+          });
+          link.addEventListener("load", function () {
+            state.loading |= Loaded;
+          });
+          link.addEventListener("error", function () {
+            state.loading |= Errored;
+          });
+          state.loading |= Inserted;
+          insertStylesheet(instance, precedence, ownerDocument);
+        } // Construct a Resource and cache it
+
+        resource = {
+          type: "stylesheet",
+          instance: instance,
+          count: 1,
+          state: state
+        };
+        styles.set(key, resource);
+        return;
+      }
+    }
+
+    function preinitScript(src, options) {
+      previousDispatcher.preinitScript(src, options);
+      var ownerDocument = getGlobalDocument();
+
+      if (ownerDocument && src) {
+        var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts;
+        var key = getScriptKey(src); // Check if this resource already exists
+
+        var resource = scripts.get(key);
+
+        if (resource) {
+          // We can early return. The resource exists and there is nothing
+          // more to do
+          return;
+        } // Attempt to hydrate instance from DOM
+
+        var instance = ownerDocument.querySelector(
+          getScriptSelectorFromKey(key)
+        );
+
+        if (!instance) {
+          // Construct a new instance and insert it
+          var scriptProps = assign(
+            {
+              src: src,
+              async: true
+            },
+            options
+          ); // Adopt certain preload props
+
+          var preloadProps = preloadPropsMap.get(key);
+
+          if (preloadProps) {
+            adoptPreloadPropsForScript(scriptProps, preloadProps);
+          }
+
+          instance = ownerDocument.createElement("script");
+          markNodeAsHoistable(instance);
+          setInitialProperties(instance, "link", scriptProps);
+          ownerDocument.head.appendChild(instance);
+        } // Construct a Resource and cache it
+
+        resource = {
+          type: "script",
+          instance: instance,
+          count: 1,
+          state: null
+        };
+        scripts.set(key, resource);
+        return;
+      }
+    }
+
+    function preinitModuleScript(src, options) {
+      previousDispatcher.preinitModuleScript(src, options);
+      var ownerDocument = getGlobalDocument();
+
+      if (ownerDocument && src) {
+        var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts;
+        var key = getScriptKey(src); // Check if this resource already exists
+
+        var resource = scripts.get(key);
+
+        if (resource) {
+          // We can early return. The resource exists and there is nothing
+          // more to do
+          return;
+        } // Attempt to hydrate instance from DOM
+
+        var instance = ownerDocument.querySelector(
+          getScriptSelectorFromKey(key)
+        );
+
+        if (!instance) {
+          // Construct a new instance and insert it
+          var scriptProps = assign(
+            {
+              src: src,
+              async: true,
+              type: "module"
+            },
+            options
+          ); // Adopt certain preload props
+
+          var preloadProps = preloadPropsMap.get(key);
+
+          if (preloadProps) {
+            adoptPreloadPropsForScript(scriptProps, preloadProps);
+          }
+
+          instance = ownerDocument.createElement("script");
+          markNodeAsHoistable(instance);
+          setInitialProperties(instance, "link", scriptProps);
+          ownerDocument.head.appendChild(instance);
+        } // Construct a Resource and cache it
+
+        resource = {
+          type: "script",
+          instance: instance,
+          count: 1,
+          state: null
+        };
+        scripts.set(key, resource);
+        return;
+      }
+    } // This function is called in begin work and we should always have a currentDocument set
+
+    function getResource(type, currentProps, pendingProps) {
+      var resourceRoot = getCurrentResourceRoot();
+
+      if (!resourceRoot) {
+        throw new Error(
+          '"resourceRoot" was expected to exist. This is a bug in React.'
+        );
+      }
+
+      switch (type) {
+        case "meta":
+        case "title": {
+          return null;
+        }
+
+        case "style": {
+          if (
+            typeof pendingProps.precedence === "string" &&
+            typeof pendingProps.href === "string"
+          ) {
+            var key = getStyleKey(pendingProps.href);
+            var styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
+            var resource = styles.get(key);
+
+            if (!resource) {
+              resource = {
+                type: "style",
+                instance: null,
+                count: 0,
+                state: null
+              };
+              styles.set(key, resource);
+            }
+
+            return resource;
+          }
+
+          return {
+            type: "void",
+            instance: null,
+            count: 0,
+            state: null
+          };
+        }
+
+        case "link": {
+          if (
+            pendingProps.rel === "stylesheet" &&
+            typeof pendingProps.href === "string" &&
+            typeof pendingProps.precedence === "string"
+          ) {
+            var qualifiedProps = pendingProps;
+
+            var _key = getStyleKey(qualifiedProps.href);
+
+            var _styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
+
+            var _resource = _styles.get(_key);
+
+            if (!_resource) {
+              // We asserted this above but Flow can't figure out that the type satisfies
+              var ownerDocument = getDocumentFromRoot(resourceRoot);
+              _resource = {
+                type: "stylesheet",
+                instance: null,
+                count: 0,
+                state: {
+                  loading: NotLoaded,
+                  preload: null
+                }
+              };
+
+              _styles.set(_key, _resource);
+
+              if (!preloadPropsMap.has(_key)) {
+                preloadStylesheet(
+                  ownerDocument,
+                  _key,
+                  preloadPropsFromStylesheet(qualifiedProps),
+                  _resource.state
+                );
+              }
+            }
+
+            return _resource;
+          }
+
+          return null;
+        }
+
+        case "script": {
+          if (
+            typeof pendingProps.src === "string" &&
+            pendingProps.async === true
+          ) {
+            var scriptProps = pendingProps;
+
+            var _key2 = getScriptKey(scriptProps.src);
+
+            var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
+
+            var _resource2 = scripts.get(_key2);
+
+            if (!_resource2) {
+              _resource2 = {
+                type: "script",
+                instance: null,
+                count: 0,
+                state: null
+              };
+              scripts.set(_key2, _resource2);
+            }
+
+            return _resource2;
+          }
+
+          return {
+            type: "void",
+            instance: null,
+            count: 0,
+            state: null
+          };
+        }
+
+        default: {
+          throw new Error(
+            'getResource encountered a type it did not expect: "' +
+              type +
+              '". this is a bug in React.'
+          );
+        }
+      }
+    }
+
+    function styleTagPropsFromRawProps(rawProps) {
+      return assign({}, rawProps, {
+        "data-href": rawProps.href,
+        "data-precedence": rawProps.precedence,
+        href: null,
+        precedence: null
+      });
+    }
+
+    function getStyleKey(href) {
+      var limitedEscapedHref =
+        escapeSelectorAttributeValueInsideDoubleQuotes(href);
+      return 'href="' + limitedEscapedHref + '"';
+    }
+
+    function getStyleTagSelector(href) {
+      var limitedEscapedHref =
+        escapeSelectorAttributeValueInsideDoubleQuotes(href);
+      return 'style[data-href~="' + limitedEscapedHref + '"]';
+    }
+
+    function getStylesheetSelectorFromKey(key) {
+      return 'link[rel="stylesheet"][' + key + "]";
+    }
+
+    function getPreloadStylesheetSelectorFromKey(key) {
+      return 'link[rel="preload"][as="style"][' + key + "]";
+    }
+
+    function stylesheetPropsFromRawProps(rawProps) {
+      return assign({}, rawProps, {
+        "data-precedence": rawProps.precedence,
+        precedence: null
+      });
+    }
+
+    function preloadStylesheet(ownerDocument, key, preloadProps, state) {
+      preloadPropsMap.set(key, preloadProps);
+
+      if (!ownerDocument.querySelector(getStylesheetSelectorFromKey(key))) {
+        // There is no matching stylesheet instance in the Document.
+        // We will insert a preload now to kick off loading because
+        // we expect this stylesheet to commit
+        var preloadEl = ownerDocument.querySelector(
+          getPreloadStylesheetSelectorFromKey(key)
+        );
+
+        if (preloadEl) {
+          // If we find a preload already it was SSR'd and we won't have an actual
+          // loading state to track. For now we will just assume it is loaded
+          state.loading = Loaded;
+        } else {
+          var instance = ownerDocument.createElement("link");
+          state.preload = instance;
+          instance.addEventListener("load", function () {
+            return (state.loading |= Loaded);
+          });
+          instance.addEventListener("error", function () {
+            return (state.loading |= Errored);
+          });
+          setInitialProperties(instance, "link", preloadProps);
+          markNodeAsHoistable(instance);
+          ownerDocument.head.appendChild(instance);
+        }
+      }
+    }
+
+    function preloadPropsFromStylesheet(props) {
+      return {
+        rel: "preload",
+        as: "style",
+        href: props.href,
+        crossOrigin: props.crossOrigin,
+        integrity: props.integrity,
+        media: props.media,
+        hrefLang: props.hrefLang,
+        referrerPolicy: props.referrerPolicy
+      };
+    }
+
+    function getScriptKey(src) {
+      var limitedEscapedSrc =
+        escapeSelectorAttributeValueInsideDoubleQuotes(src);
+      return '[src="' + limitedEscapedSrc + '"]';
+    }
+
+    function getScriptSelectorFromKey(key) {
+      return "script[async]" + key;
+    }
+
+    function acquireResource(hoistableRoot, resource, props) {
+      resource.count++;
+
+      if (resource.instance === null) {
+        switch (resource.type) {
+          case "style": {
+            var qualifiedProps = props; // Attempt to hydrate instance from DOM
+
+            var instance = hoistableRoot.querySelector(
+              getStyleTagSelector(qualifiedProps.href)
+            );
+
+            if (instance) {
+              resource.instance = instance;
+              markNodeAsHoistable(instance);
+              return instance;
+            }
+
+            var styleProps = styleTagPropsFromRawProps(props);
+            var ownerDocument = getDocumentFromRoot(hoistableRoot);
+            instance = ownerDocument.createElement("style");
+            markNodeAsHoistable(instance);
+            setInitialProperties(instance, "style", styleProps); // TODO: `style` does not have loading state for tracking insertions. I
+            // guess because these aren't suspensey? Not sure whether this is a
+            // factoring smell.
+            // resource.state.loading |= Inserted;
+
+            insertStylesheet(
+              instance,
+              qualifiedProps.precedence,
+              hoistableRoot
+            );
+            resource.instance = instance;
+            return instance;
+          }
+
+          case "stylesheet": {
+            // This typing is enforce by `getResource`. If we change the logic
+            // there for what qualifies as a stylesheet resource we need to ensure
+            // this cast still makes sense;
+            var _qualifiedProps = props;
+            var key = getStyleKey(_qualifiedProps.href); // Attempt to hydrate instance from DOM
+
+            var _instance = hoistableRoot.querySelector(
+              getStylesheetSelectorFromKey(key)
+            );
+
+            if (_instance) {
+              resource.state.loading |= Inserted;
+              resource.instance = _instance;
+              markNodeAsHoistable(_instance);
+              return _instance;
+            }
+
+            var stylesheetProps = stylesheetPropsFromRawProps(props);
+            var preloadProps = preloadPropsMap.get(key);
+
+            if (preloadProps) {
+              adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
+            } // Construct and insert a new instance
+
+            var _ownerDocument = getDocumentFromRoot(hoistableRoot);
+
+            _instance = _ownerDocument.createElement("link");
+            markNodeAsHoistable(_instance);
+            var linkInstance = _instance;
+            linkInstance._p = new Promise(function (resolve, reject) {
+              linkInstance.onload = resolve;
+              linkInstance.onerror = reject;
+            });
+            setInitialProperties(_instance, "link", stylesheetProps);
+            resource.state.loading |= Inserted;
+            insertStylesheet(
+              _instance,
+              _qualifiedProps.precedence,
+              hoistableRoot
+            );
+            resource.instance = _instance;
+            return _instance;
+          }
+
+          case "script": {
+            // This typing is enforce by `getResource`. If we change the logic
+            // there for what qualifies as a stylesheet resource we need to ensure
+            // this cast still makes sense;
+            var borrowedScriptProps = props;
+
+            var _key3 = getScriptKey(borrowedScriptProps.src); // Attempt to hydrate instance from DOM
+
+            var _instance2 = hoistableRoot.querySelector(
+              getScriptSelectorFromKey(_key3)
+            );
+
+            if (_instance2) {
+              resource.instance = _instance2;
+              markNodeAsHoistable(_instance2);
+              return _instance2;
+            }
+
+            var scriptProps = borrowedScriptProps;
+
+            var _preloadProps = preloadPropsMap.get(_key3);
+
+            if (_preloadProps) {
+              scriptProps = assign({}, borrowedScriptProps);
+              adoptPreloadPropsForScript(scriptProps, _preloadProps);
+            } // Construct and insert a new instance
+
+            var _ownerDocument2 = getDocumentFromRoot(hoistableRoot);
+
+            _instance2 = _ownerDocument2.createElement("script");
+            markNodeAsHoistable(_instance2);
+            setInitialProperties(_instance2, "link", scriptProps);
+
+            _ownerDocument2.head.appendChild(_instance2);
+
+            resource.instance = _instance2;
+            return _instance2;
+          }
+
+          case "void": {
+            return null;
+          }
+
+          default: {
+            throw new Error(
+              'acquireResource encountered a resource type it did not expect: "' +
+                resource.type +
+                '". this is a bug in React.'
+            );
+          }
+        }
+      } else {
+        // In the case of stylesheets, they might have already been assigned an
+        // instance during `suspendResource`. But that doesn't mean they were
+        // inserted, because the commit might have been interrupted. So we need to
+        // check now.
+        //
+        // The other resource types are unaffected because they are not
+        // yet suspensey.
+        //
+        // TODO: This is a bit of a code smell. Consider refactoring how
+        // `suspendResource` and `acquireResource` work together. The idea is that
+        // `suspendResource` does all the same stuff as `acquireResource` except
+        // for the insertion.
+        if (
+          resource.type === "stylesheet" &&
+          (resource.state.loading & Inserted) === NotLoaded
+        ) {
+          var _qualifiedProps2 = props;
+          var _instance3 = resource.instance;
+          resource.state.loading |= Inserted;
+          insertStylesheet(
+            _instance3,
+            _qualifiedProps2.precedence,
+            hoistableRoot
+          );
+        }
+      }
+
+      return resource.instance;
+    }
+    function releaseResource(resource) {
+      resource.count--;
+    }
+
+    function insertStylesheet(instance, precedence, root) {
+      var nodes = root.querySelectorAll(
+        'link[rel="stylesheet"][data-precedence],style[data-precedence]'
+      );
+      var last = nodes.length ? nodes[nodes.length - 1] : null;
+      var prior = last;
+
+      for (var i = 0; i < nodes.length; i++) {
+        var node = nodes[i];
+        var nodePrecedence = node.dataset.precedence;
+
+        if (nodePrecedence === precedence) {
+          prior = node;
+        } else if (prior !== last) {
+          break;
+        }
+      }
+
+      if (prior) {
+        // We get the prior from the document so we know it is in the tree.
+        // We also know that links can't be the topmost Node so the parentNode
+        // must exist.
+        prior.parentNode.insertBefore(instance, prior.nextSibling);
+      } else {
+        var parent = root.nodeType === DOCUMENT_NODE ? root.head : root;
+        parent.insertBefore(instance, parent.firstChild);
+      }
+    }
+
+    function adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps) {
+      if (stylesheetProps.crossOrigin == null)
+        stylesheetProps.crossOrigin = preloadProps.crossOrigin;
+      if (stylesheetProps.referrerPolicy == null)
+        stylesheetProps.referrerPolicy = preloadProps.referrerPolicy;
+      if (stylesheetProps.title == null)
+        stylesheetProps.title = preloadProps.title;
+    }
+
+    function adoptPreloadPropsForScript(scriptProps, preloadProps) {
+      if (scriptProps.crossOrigin == null)
+        scriptProps.crossOrigin = preloadProps.crossOrigin;
+      if (scriptProps.referrerPolicy == null)
+        scriptProps.referrerPolicy = preloadProps.referrerPolicy;
+      if (scriptProps.integrity == null)
+        scriptProps.integrity = preloadProps.integrity;
+    }
+
+    var tagCaches = null;
+    function hydrateHoistable(
+      hoistableRoot,
+      type,
+      props,
+      internalInstanceHandle
+    ) {
+      var ownerDocument = getDocumentFromRoot(hoistableRoot);
+      var instance = null;
+
+      getInstance: switch (type) {
+        case "title": {
+          instance = ownerDocument.getElementsByTagName("title")[0];
+
+          if (
+            !instance ||
+            isOwnedInstance(instance) ||
+            instance.namespaceURI === SVG_NAMESPACE ||
+            instance.hasAttribute("itemprop")
+          ) {
+            instance = ownerDocument.createElement(type);
+            ownerDocument.head.insertBefore(
+              instance,
+              ownerDocument.querySelector("head > title")
+            );
+          }
+
+          setInitialProperties(instance, type, props);
+          precacheFiberNode(internalInstanceHandle, instance);
+          markNodeAsHoistable(instance);
+          return instance;
+        }
+
+        case "link": {
+          var cache = getHydratableHoistableCache(
+            "link",
+            "href",
+            ownerDocument
+          );
+          var key = type + (props.href || "");
+          var maybeNodes = cache.get(key);
+
+          if (maybeNodes) {
+            var nodes = maybeNodes;
+
+            for (var i = 0; i < nodes.length; i++) {
+              var node = nodes[i];
+
+              if (
+                node.getAttribute("href") !==
+                  (props.href == null ? null : props.href) ||
+                node.getAttribute("rel") !==
+                  (props.rel == null ? null : props.rel) ||
+                node.getAttribute("title") !==
+                  (props.title == null ? null : props.title) ||
+                node.getAttribute("crossorigin") !==
+                  (props.crossOrigin == null ? null : props.crossOrigin)
+              ) {
+                // mismatch, try the next node;
+                continue;
+              }
+
+              instance = node;
+              nodes.splice(i, 1);
+              break getInstance;
+            }
+          }
+
+          instance = ownerDocument.createElement(type);
+          setInitialProperties(instance, type, props);
+          ownerDocument.head.appendChild(instance);
+          break;
+        }
+
+        case "meta": {
+          var _cache = getHydratableHoistableCache(
+            "meta",
+            "content",
+            ownerDocument
+          );
+
+          var _key4 = type + (props.content || "");
+
+          var _maybeNodes = _cache.get(_key4);
+
+          if (_maybeNodes) {
+            var _nodes = _maybeNodes;
+
+            for (var _i = 0; _i < _nodes.length; _i++) {
+              var _node = _nodes[_i]; // We coerce content to string because it is the most likely one to
+              // use a `toString` capable value. For the rest we just do identity match
+              // passing non-strings here is not really valid anyway.
+
+              {
+                checkAttributeStringCoercion(props.content, "content");
+              }
+
+              if (
+                _node.getAttribute("content") !==
+                  (props.content == null ? null : "" + props.content) ||
+                _node.getAttribute("name") !==
+                  (props.name == null ? null : props.name) ||
+                _node.getAttribute("property") !==
+                  (props.property == null ? null : props.property) ||
+                _node.getAttribute("http-equiv") !==
+                  (props.httpEquiv == null ? null : props.httpEquiv) ||
+                _node.getAttribute("charset") !==
+                  (props.charSet == null ? null : props.charSet)
+              ) {
+                // mismatch, try the next node;
+                continue;
+              }
+
+              instance = _node;
+
+              _nodes.splice(_i, 1);
+
+              break getInstance;
+            }
+          }
+
+          instance = ownerDocument.createElement(type);
+          setInitialProperties(instance, type, props);
+          ownerDocument.head.appendChild(instance);
+          break;
+        }
+
+        default:
+          throw new Error(
+            'getNodesForType encountered a type it did not expect: "' +
+              type +
+              '". This is a bug in React.'
+          );
+      } // This node is a match
+
+      precacheFiberNode(internalInstanceHandle, instance);
+      markNodeAsHoistable(instance);
+      return instance;
+    }
+
+    function getHydratableHoistableCache(type, keyAttribute, ownerDocument) {
+      var cache;
+      var caches;
+
+      if (tagCaches === null) {
+        cache = new Map();
+        caches = tagCaches = new Map();
+        caches.set(ownerDocument, cache);
+      } else {
+        caches = tagCaches;
+        var maybeCache = caches.get(ownerDocument);
+
+        if (!maybeCache) {
+          cache = new Map();
+          caches.set(ownerDocument, cache);
+        } else {
+          cache = maybeCache;
+        }
+      }
+
+      if (cache.has(type)) {
+        // We use type as a special key that signals that this cache has been seeded for this type
+        return cache;
+      } // Mark this cache as seeded for this type
+
+      cache.set(type, null);
+      var nodes = ownerDocument.getElementsByTagName(type);
+
+      for (var i = 0; i < nodes.length; i++) {
+        var node = nodes[i];
+
+        if (
+          !isOwnedInstance(node) &&
+          (type !== "link" || node.getAttribute("rel") !== "stylesheet") &&
+          node.namespaceURI !== SVG_NAMESPACE
+        ) {
+          var nodeKey = node.getAttribute(keyAttribute) || "";
+          var key = type + nodeKey;
+          var existing = cache.get(key);
+
+          if (existing) {
+            existing.push(node);
+          } else {
+            cache.set(key, [node]);
+          }
+        }
+      }
+
+      return cache;
+    }
+
+    function mountHoistable(hoistableRoot, type, instance) {
+      var ownerDocument = getDocumentFromRoot(hoistableRoot);
+      ownerDocument.head.insertBefore(
+        instance,
+        type === "title" ? ownerDocument.querySelector("head > title") : null
+      );
+    }
+    function unmountHoistable(instance) {
+      instance.parentNode.removeChild(instance);
+    }
+    function isHostHoistableType(type, props, hostContext) {
+      var outsideHostContainerContext;
+      var hostContextProd;
+
+      {
+        var hostContextDev = hostContext; // We can only render resources when we are not within the host container context
+
+        outsideHostContainerContext =
+          !hostContextDev.ancestorInfo.containerTagInScope;
+        hostContextProd = hostContextDev.context;
+      } // Global opt out of hoisting for anything in SVG Namespace or anything with an itemProp inside an itemScope
+
+      if (
+        hostContextProd === HostContextNamespaceSvg ||
+        props.itemProp != null
+      ) {
+        {
+          if (
+            outsideHostContainerContext &&
+            props.itemProp != null &&
+            (type === "meta" ||
+              type === "title" ||
+              type === "style" ||
+              type === "link" ||
+              type === "script")
+          ) {
+            error(
+              "Cannot render a <%s> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an" +
+                " `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <%s> remove the `itemProp` prop." +
+                " Otherwise, try moving this tag into the <head> or <body> of the Document.",
+              type,
+              type
+            );
+          }
+        }
+
+        return false;
+      }
+
+      switch (type) {
+        case "meta":
+        case "title": {
+          return true;
+        }
+
+        case "style": {
+          if (
+            typeof props.precedence !== "string" ||
+            typeof props.href !== "string" ||
+            props.href === ""
+          ) {
+            {
+              if (outsideHostContainerContext) {
+                error(
+                  "Cannot render a <style> outside the main document without knowing its precedence and a unique href key." +
+                    " React can hoist and deduplicate <style> tags if you provide a `precedence` prop along with an `href` prop that" +
+                    ' does not conflic with the `href` values used in any other hoisted <style> or <link rel="stylesheet" ...> tags. ' +
+                    " Note that hoisting <style> tags is considered an advanced feature that most will not use directly." +
+                    ' Consider moving the <style> tag to the <head> or consider adding a `precedence="default"` and `href="some unique resource identifier"`, or move the <style>' +
+                    " to the <style> tag."
+                );
+              }
+            }
+
+            return false;
+          }
+
+          return true;
+        }
+
+        case "link": {
+          if (
+            typeof props.rel !== "string" ||
+            typeof props.href !== "string" ||
+            props.href === "" ||
+            props.onLoad ||
+            props.onError
+          ) {
+            {
+              if (
+                props.rel === "stylesheet" &&
+                typeof props.precedence === "string"
+              ) {
+                validateLinkPropsForStyleResource(props);
+              }
+
+              if (outsideHostContainerContext) {
+                if (
+                  typeof props.rel !== "string" ||
+                  typeof props.href !== "string" ||
+                  props.href === ""
+                ) {
+                  error(
+                    "Cannot render a <link> outside the main document without a `rel` and `href` prop." +
+                      " Try adding a `rel` and/or `href` prop to this <link> or moving the link into the <head> tag"
+                  );
+                } else if (props.onError || props.onLoad) {
+                  error(
+                    "Cannot render a <link> with onLoad or onError listeners outside the main document." +
+                      " Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or" +
+                      " somewhere in the <body>."
+                  );
+                }
+              }
+            }
+
+            return false;
+          }
+
+          switch (props.rel) {
+            case "stylesheet": {
+              var precedence = props.precedence,
+                disabled = props.disabled;
+
+              {
+                if (typeof precedence !== "string") {
+                  if (outsideHostContainerContext) {
+                    error(
+                      'Cannot render a <link rel="stylesheet" /> outside the main document without knowing its precedence.' +
+                        ' Consider adding precedence="default" or moving it into the root <head> tag.'
+                    );
+                  }
+                }
+              }
+
+              return typeof precedence === "string" && disabled == null;
+            }
+
+            default: {
+              return true;
+            }
+          }
+        }
+
+        case "script": {
+          if (
+            props.async !== true ||
+            props.onLoad ||
+            props.onError ||
+            typeof props.src !== "string" ||
+            !props.src
+          ) {
+            {
+              if (outsideHostContainerContext) {
+                if (props.async !== true) {
+                  error(
+                    "Cannot render a sync or defer <script> outside the main document without knowing its order." +
+                      ' Try adding async="" or moving it into the root <head> tag.'
+                  );
+                } else if (props.onLoad || props.onError) {
+                  error(
+                    "Cannot render a <script> with onLoad or onError listeners outside the main document." +
+                      " Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or" +
+                      " somewhere in the <body>."
+                  );
+                } else {
+                  error(
+                    "Cannot render a <script> outside the main document without `async={true}` and a non-empty `src` prop." +
+                      " Ensure there is a valid `src` and either make the script async or move it into the root <head> tag or" +
+                      " somewhere in the <body>."
+                  );
+                }
+              }
+            }
+
+            return false;
+          }
+
+          return true;
+        }
+
+        case "noscript":
+        case "template": {
+          {
+            if (outsideHostContainerContext) {
+              error(
+                "Cannot render <%s> outside the main document. Try moving it into the root <head> tag.",
+                type
+              );
+            }
+          }
+
+          return false;
+        }
+      }
+
+      return false;
+    }
+    function mayResourceSuspendCommit(resource) {
+      return (
+        resource.type === "stylesheet" &&
+        (resource.state.loading & Inserted) === NotLoaded
+      );
+    }
+    function preloadInstance(type, props) {
+      // Return true to indicate it's already loaded
+      return true;
+    }
+    function preloadResource(resource) {
+      if (
+        resource.type === "stylesheet" &&
+        (resource.state.loading & Settled) === NotLoaded
+      ) {
+        // we have not finished loading the underlying stylesheet yet.
+        return false;
+      } // Return true to indicate it's already loaded
+
+      return true;
+    }
+    var suspendedState = null; // We use a noop function when we begin suspending because if possible we want the
+    // waitfor step to finish synchronously. If it doesn't we'll return a function to
+    // provide the actual unsuspend function and that will get completed when the count
+    // hits zero or it will get cancelled if the root starts new work.
+
+    function noop$1() {}
+
+    function startSuspendingCommit() {
+      suspendedState = {
+        stylesheets: null,
+        count: 0,
+        unsuspend: noop$1
+      };
+    }
+    function suspendResource(hoistableRoot, resource, props) {
+      if (suspendedState === null) {
+        throw new Error(
+          "Internal React Error: suspendedState null when it was expected to exists. Please report this as a React bug."
+        );
+      }
+
+      var state = suspendedState;
+
+      if (resource.type === "stylesheet") {
+        if (typeof props.media === "string") {
+          // If we don't currently match media we avoid suspending on this resource
+          // and let it insert on the mutation path
+          if (matchMedia(props.media).matches === false) {
+            return;
+          }
+        }
+
+        if ((resource.state.loading & Inserted) === NotLoaded) {
+          if (resource.instance === null) {
+            var qualifiedProps = props;
+            var key = getStyleKey(qualifiedProps.href); // Attempt to hydrate instance from DOM
+
+            var instance = hoistableRoot.querySelector(
+              getStylesheetSelectorFromKey(key)
+            );
+
+            if (instance) {
+              // If this instance has a loading state it came from the Fizz runtime.
+              // If there is not loading state it is assumed to have been server rendered
+              // as part of the preamble and therefore synchronously loaded. It could have
+              // errored however which we still do not yet have a means to detect. For now
+              // we assume it is loaded.
+              var maybeLoadingState = instance._p;
+
+              if (
+                maybeLoadingState !== null &&
+                typeof maybeLoadingState === "object" && // $FlowFixMe[method-unbinding]
+                typeof maybeLoadingState.then === "function"
+              ) {
+                var loadingState = maybeLoadingState;
+                state.count++;
+                var ping = onUnsuspend.bind(state);
+                loadingState.then(ping, ping);
+              }
+
+              resource.state.loading |= Inserted;
+              resource.instance = instance;
+              markNodeAsHoistable(instance);
+              return;
+            }
+
+            var ownerDocument = getDocumentFromRoot(hoistableRoot);
+            var stylesheetProps = stylesheetPropsFromRawProps(props);
+            var preloadProps = preloadPropsMap.get(key);
+
+            if (preloadProps) {
+              adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
+            } // Construct and insert a new instance
+
+            instance = ownerDocument.createElement("link");
+            markNodeAsHoistable(instance);
+            var linkInstance = instance; // This Promise is a loading state used by the Fizz runtime. We need this incase there is a race
+            // between this resource being rendered on the client and being rendered with a late completed boundary.
+
+            linkInstance._p = new Promise(function (resolve, reject) {
+              linkInstance.onload = resolve;
+              linkInstance.onerror = reject;
+            });
+            setInitialProperties(instance, "link", stylesheetProps);
+            resource.instance = instance;
+          }
+
+          if (state.stylesheets === null) {
+            state.stylesheets = new Map();
+          }
+
+          state.stylesheets.set(resource, hoistableRoot);
+          var preloadEl = resource.state.preload;
+
+          if (preloadEl && (resource.state.loading & Settled) === NotLoaded) {
+            state.count++;
+
+            var _ping = onUnsuspend.bind(state);
+
+            preloadEl.addEventListener("load", _ping);
+            preloadEl.addEventListener("error", _ping);
+          }
+        }
+      }
+    }
+    function waitForCommitToBeReady() {
+      if (suspendedState === null) {
+        throw new Error(
+          "Internal React Error: suspendedState null when it was expected to exists. Please report this as a React bug."
+        );
+      }
+
+      var state = suspendedState;
+
+      if (state.stylesheets && state.count === 0) {
+        // We are not currently blocked but we have not inserted all stylesheets.
+        // If this insertion happens and loads or errors synchronously then we can
+        // avoid suspending the commit. To do this we check the count again immediately after
+        insertSuspendedStylesheets(state, state.stylesheets);
+      } // We need to check the count again because the inserted stylesheets may have led to new
+      // tasks to wait on.
+
+      if (state.count > 0) {
+        return function (commit) {
+          // We almost never want to show content before its styles have loaded. But
+          // eventually we will give up and allow unstyled content. So this number is
+          // somewhat arbitrary — big enough that you'd only reach it under
+          // extreme circumstances.
+          // TODO: Figure out what the browser engines do during initial page load and
+          // consider aligning our behavior with that.
+          var stylesheetTimer = setTimeout(function () {
+            if (state.stylesheets) {
+              insertSuspendedStylesheets(state, state.stylesheets);
+            }
+
+            if (state.unsuspend) {
+              var unsuspend = state.unsuspend;
+              state.unsuspend = null;
+              unsuspend();
+            }
+          }, 60000); // one minute
+
+          state.unsuspend = commit;
+          return function () {
+            state.unsuspend = null;
+            clearTimeout(stylesheetTimer);
+          };
+        };
+      }
+
+      return null;
+    }
+
+    function onUnsuspend() {
+      this.count--;
+
+      if (this.count === 0) {
+        if (this.stylesheets) {
+          // If we haven't actually inserted the stylesheets yet we need to do so now before starting the commit.
+          // The reason we do this after everything else has finished is because we want to have all the stylesheets
+          // load synchronously right before mutating. Ideally the new styles will cause a single recalc only on the
+          // new tree. When we filled up stylesheets we only inlcuded stylesheets with matching media attributes so we
+          // wait for them to load before actually continuing. We expect this to increase the count above zero
+          insertSuspendedStylesheets(this, this.stylesheets);
+        } else if (this.unsuspend) {
+          var unsuspend = this.unsuspend;
+          this.unsuspend = null;
+          unsuspend();
+        }
+      }
+    } // 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) {
+      // We need to clear this out so we don't try to reinsert after the stylesheets have loaded
+      state.stylesheets = null;
+
+      if (state.unsuspend === null) {
+        // The suspended commit was cancelled. We don't need to insert any stylesheets.
+        return;
+      } // Temporarily increment count. we don't want any synchronously loaded stylesheets to try to unsuspend
+      // before we finish inserting all stylesheets.
+
+      state.count++;
+      precedencesByRoot = new Map();
+      resources.forEach(insertStylesheetIntoRoot, state);
+      precedencesByRoot = null; // We can remove our temporary count and if we're still at zero we can unsuspend.
+      // If we are in the synchronous phase before deciding if the commit should suspend and this
+      // ends up hitting the unsuspend path it will just invoke the noop unsuspend.
+
+      onUnsuspend.call(state);
+    }
+
+    function insertStylesheetIntoRoot(root, resource, map) {
+      if (resource.state.loading & Inserted) {
+        // This resource was inserted by another root committing. we don't need to insert it again
+        return;
+      }
+
+      var last;
+      var precedences = precedencesByRoot.get(root);
+
+      if (!precedences) {
+        precedences = new Map();
+        precedencesByRoot.set(root, precedences);
+        var nodes = root.querySelectorAll(
+          "link[data-precedence],style[data-precedence]"
+        );
+
+        for (var i = 0; i < nodes.length; i++) {
+          var node = nodes[i];
+
+          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(node.dataset.precedence, node);
+            last = node;
+          }
+        }
+
+        if (last) {
+          precedences.set(LAST_PRECEDENCE, last);
+        }
+      } else {
+        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(precedence) || last;
+
+      if (prior === last) {
+        precedences.set(LAST_PRECEDENCE, instance);
+      }
+
+      precedences.set(precedence, instance);
+      this.count++;
+      var onComplete = onUnsuspend.bind(this);
+      instance.addEventListener("load", onComplete);
+      instance.addEventListener("error", onComplete);
+
+      if (prior) {
+        prior.parentNode.insertBefore(instance, prior.nextSibling);
+      } else {
+        var parent = root.nodeType === DOCUMENT_NODE ? root.head : root;
+        parent.insertBefore(instance, parent.firstChild);
+      }
+
+      resource.state.loading |= Inserted;
+    }
+
+    var NotPendingTransition = NotPending;
+
+    var emptyContextObject = {};
+
+    {
+      Object.freeze(emptyContextObject);
+    } // A cursor to the current merged context object on the stack.
+
+    function hasContextChanged() {
+      {
+        return false;
+      }
+    }
+
+    function isContextProvider(type) {
+      {
+        return false;
+      }
+    }
+
+    function processChildContext(fiber, type, parentContext) {
+      {
+        return parentContext;
+      }
+    }
+
+    function findCurrentUnmaskedContext(fiber) {
+      {
+        return emptyContextObject;
+      }
+    }
+
+    var LegacyRoot = 0;
+    var ConcurrentRoot = 1;
+
+    // We use the existence of the state object as an indicator that the component
+    // is hidden.
+    var OffscreenVisible =
+      /*                     */
+      1;
+    var OffscreenDetached =
+      /*                    */
+      2;
+    var OffscreenPassiveEffectsConnected =
+      /*     */
+      4;
+    function isOffscreenManual(offscreenFiber) {
+      return (
+        offscreenFiber.memoizedProps !== null &&
+        offscreenFiber.memoizedProps.mode === "manual"
+      );
+    }
+
     var nativeConsole = console;
     var nativeConsoleLog = null;
     var pendingGroupArgs = [];
@@ -15255,1283 +18392,12 @@ if (__DEV__) {
       }
     }
 
-    // We use the existence of the state object as an indicator that the component
-    // is hidden.
-    var OffscreenVisible =
-      /*                     */
-      1;
-    var OffscreenDetached =
-      /*                    */
-      2;
-    var OffscreenPassiveEffectsConnected =
-      /*     */
-      4;
-    function isOffscreenManual(offscreenFiber) {
-      return (
-        offscreenFiber.memoizedProps !== null &&
-        offscreenFiber.memoizedProps.mode === "manual"
-      );
-    }
-
-    // we wait until the current render is over (either finished or interrupted)
-    // before adding it to the fiber/hook queue. Push to this array so we can
-    // access the queue, fiber, update, et al later.
-
-    var concurrentQueues = [];
-    var concurrentQueuesIndex = 0;
-    var concurrentlyUpdatedLanes = NoLanes;
-    function finishQueueingConcurrentUpdates() {
-      var endIndex = concurrentQueuesIndex;
-      concurrentQueuesIndex = 0;
-      concurrentlyUpdatedLanes = NoLanes;
-      var i = 0;
-
-      while (i < endIndex) {
-        var fiber = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var queue = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var update = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var lane = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-
-        if (queue !== null && update !== null) {
-          var pending = queue.pending;
-
-          if (pending === null) {
-            // This is the first update. Create a circular list.
-            update.next = update;
-          } else {
-            update.next = pending.next;
-            pending.next = update;
-          }
-
-          queue.pending = update;
-        }
-
-        if (lane !== NoLane) {
-          markUpdateLaneFromFiberToRoot(fiber, update, lane);
-        }
-      }
-    }
-    function getConcurrentlyUpdatedLanes() {
-      return concurrentlyUpdatedLanes;
-    }
-
-    function enqueueUpdate$1(fiber, queue, update, lane) {
-      // Don't update the `childLanes` on the return path yet. If we already in
-      // the middle of rendering, wait until after it has completed.
-      concurrentQueues[concurrentQueuesIndex++] = fiber;
-      concurrentQueues[concurrentQueuesIndex++] = queue;
-      concurrentQueues[concurrentQueuesIndex++] = update;
-      concurrentQueues[concurrentQueuesIndex++] = lane;
-      concurrentlyUpdatedLanes = mergeLanes(concurrentlyUpdatedLanes, lane); // The fiber's `lane` field is used in some places to check if any work is
-      // scheduled, to perform an eager bailout, so we need to update it immediately.
-      // TODO: We should probably move this to the "shared" queue instead.
-
-      fiber.lanes = mergeLanes(fiber.lanes, lane);
-      var alternate = fiber.alternate;
-
-      if (alternate !== null) {
-        alternate.lanes = mergeLanes(alternate.lanes, lane);
-      }
-    }
-
-    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-      var concurrentQueue = queue;
-      var concurrentUpdate = update;
-      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane);
-      return getRootForUpdatedFiber(fiber);
-    }
-    function enqueueConcurrentHookUpdateAndEagerlyBailout(
-      fiber,
-      queue,
-      update
-    ) {
-      // This function is used to queue an update that doesn't need a rerender. The
-      // only reason we queue it is in case there's a subsequent higher priority
-      // update that causes it to be rebased.
-      var lane = NoLane;
-      var concurrentQueue = queue;
-      var concurrentUpdate = update;
-      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane); // Usually we can rely on the upcoming render phase to process the concurrent
-      // queue. However, since this is a bail out, we're not scheduling any work
-      // here. So the update we just queued will leak until something else happens
-      // to schedule work (if ever).
-      //
-      // Check if we're currently in the middle of rendering a tree, and if not,
-      // process the queue immediately to prevent a leak.
-
-      var isConcurrentlyRendering = getWorkInProgressRoot() !== null;
-
-      if (!isConcurrentlyRendering) {
-        finishQueueingConcurrentUpdates();
-      }
-    }
-    function enqueueConcurrentClassUpdate(fiber, queue, update, lane) {
-      var concurrentQueue = queue;
-      var concurrentUpdate = update;
-      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane);
-      return getRootForUpdatedFiber(fiber);
-    }
-    function enqueueConcurrentRenderForLane(fiber, lane) {
-      enqueueUpdate$1(fiber, null, null, lane);
-      return getRootForUpdatedFiber(fiber);
-    } // Calling this function outside this module should only be done for backwards
-    // compatibility and should always be accompanied by a warning.
-
-    function unsafe_markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
-      // NOTE: For Hyrum's Law reasons, if an infinite update loop is detected, it
-      // should throw before `markUpdateLaneFromFiberToRoot` is called. But this is
-      // undefined behavior and we can change it if we need to; it just so happens
-      // that, at the time of this writing, there's an internal product test that
-      // happens to rely on this.
-      var root = getRootForUpdatedFiber(sourceFiber);
-      markUpdateLaneFromFiberToRoot(sourceFiber, null, lane);
-      return root;
-    }
-
-    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
-      // Update the source fiber's lanes
-      sourceFiber.lanes = mergeLanes(sourceFiber.lanes, lane);
-      var alternate = sourceFiber.alternate;
-
-      if (alternate !== null) {
-        alternate.lanes = mergeLanes(alternate.lanes, lane);
-      } // Walk the parent path to the root and update the child lanes.
-
-      var isHidden = false;
-      var parent = sourceFiber.return;
-      var node = sourceFiber;
-
-      while (parent !== null) {
-        parent.childLanes = mergeLanes(parent.childLanes, lane);
-        alternate = parent.alternate;
-
-        if (alternate !== null) {
-          alternate.childLanes = mergeLanes(alternate.childLanes, lane);
-        }
-
-        if (parent.tag === OffscreenComponent) {
-          // Check if this offscreen boundary is currently hidden.
-          //
-          // The instance may be null if the Offscreen parent was unmounted. Usually
-          // the parent wouldn't be reachable in that case because we disconnect
-          // fibers from the tree when they are deleted. However, there's a weird
-          // edge case where setState is called on a fiber that was interrupted
-          // before it ever mounted. Because it never mounts, it also never gets
-          // deleted. Because it never gets deleted, its return pointer never gets
-          // disconnected. Which means it may be attached to a deleted Offscreen
-          // parent node. (This discovery suggests it may be better for memory usage
-          // if we don't attach the `return` pointer until the commit phase, though
-          // in order to do that we'd need some other way to track the return
-          // pointer during the initial render, like on the stack.)
-          //
-          // This case is always accompanied by a warning, but we still need to
-          // account for it. (There may be other cases that we haven't discovered,
-          // too.)
-          var offscreenInstance = parent.stateNode;
-
-          if (
-            offscreenInstance !== null &&
-            !(offscreenInstance._visibility & OffscreenVisible)
-          ) {
-            isHidden = true;
-          }
-        }
-
-        node = parent;
-        parent = parent.return;
-      }
-
-      if (isHidden && update !== null && node.tag === HostRoot) {
-        var root = node.stateNode;
-        markHiddenUpdate(root, update, lane);
-      }
-    }
-
-    function getRootForUpdatedFiber(sourceFiber) {
-      // TODO: We will detect and infinite update loop and throw even if this fiber
-      // has already unmounted. This isn't really necessary but it happens to be the
-      // current behavior we've used for several release cycles. Consider not
-      // performing this check if the updated fiber already unmounted, since it's
-      // not possible for that to cause an infinite update loop.
-      throwIfInfiniteUpdateLoopDetected(); // When a setState happens, we must ensure the root is scheduled. Because
-      // update queues do not have a backpointer to the root, the only way to do
-      // this currently is to walk up the return path. This used to not be a big
-      // deal because we would have to walk up the return path to set
-      // the `childLanes`, anyway, but now those two traversals happen at
-      // different times.
-      // TODO: Consider adding a `root` backpointer on the update queue.
-
-      detectUpdateOnUnmountedFiber(sourceFiber, sourceFiber);
-      var node = sourceFiber;
-      var parent = node.return;
-
-      while (parent !== null) {
-        detectUpdateOnUnmountedFiber(sourceFiber, node);
-        node = parent;
-        parent = node.return;
-      }
-
-      return node.tag === HostRoot ? node.stateNode : null;
-    }
-
-    function detectUpdateOnUnmountedFiber(sourceFiber, parent) {
-      {
-        var alternate = parent.alternate;
-
-        if (
-          alternate === null &&
-          (parent.flags & (Placement | Hydrating)) !== NoFlags$1
-        ) {
-          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
-        }
-      }
-    }
-
-    var emptyContextObject = {};
-
-    {
-      Object.freeze(emptyContextObject);
-    } // A cursor to the current merged context object on the stack.
-
-    function hasContextChanged() {
-      {
-        return false;
-      }
-    }
-
-    function isContextProvider(type) {
-      {
-        return false;
-      }
-    }
-
-    function processChildContext(fiber, type, parentContext) {
-      {
-        return parentContext;
-      }
-    }
-
-    function findCurrentUnmaskedContext(fiber) {
-      {
-        return emptyContextObject;
-      }
-    }
-
-    /* eslint-disable react-internal/prod-error-codes */
-    // Used by React Refresh runtime through DevTools Global Hook.
-
-    var resolveFamily = null;
-    var failedBoundaries = null;
-    var setRefreshHandler = function (handler) {
-      {
-        resolveFamily = handler;
-      }
-    };
-    function resolveFunctionForHotReloading(type) {
-      {
-        if (resolveFamily === null) {
-          // Hot reloading is disabled.
-          return type;
-        }
-
-        var family = resolveFamily(type);
-
-        if (family === undefined) {
-          return type;
-        } // Use the latest known implementation.
-
-        return family.current;
-      }
-    }
-    function resolveClassForHotReloading(type) {
-      // No implementation differences.
-      return resolveFunctionForHotReloading(type);
-    }
-    function resolveForwardRefForHotReloading(type) {
-      {
-        if (resolveFamily === null) {
-          // Hot reloading is disabled.
-          return type;
-        }
-
-        var family = resolveFamily(type);
-
-        if (family === undefined) {
-          // Check if we're dealing with a real forwardRef. Don't want to crash early.
-          if (
-            type !== null &&
-            type !== undefined &&
-            typeof type.render === "function"
-          ) {
-            // ForwardRef is special because its resolved .type is an object,
-            // but it's possible that we only have its inner render function in the map.
-            // If that inner render function is different, we'll build a new forwardRef type.
-            var currentRender = resolveFunctionForHotReloading(type.render);
-
-            if (type.render !== currentRender) {
-              var syntheticType = {
-                $$typeof: REACT_FORWARD_REF_TYPE,
-                render: currentRender
-              };
-
-              if (type.displayName !== undefined) {
-                syntheticType.displayName = type.displayName;
-              }
-
-              return syntheticType;
-            }
-          }
-
-          return type;
-        } // Use the latest known implementation.
-
-        return family.current;
-      }
-    }
-    function isCompatibleFamilyForHotReloading(fiber, element) {
-      {
-        if (resolveFamily === null) {
-          // Hot reloading is disabled.
-          return false;
-        }
-
-        var prevType = fiber.elementType;
-        var nextType = element.type; // If we got here, we know types aren't === equal.
-
-        var needsCompareFamilies = false;
-        var $$typeofNextType =
-          typeof nextType === "object" && nextType !== null
-            ? nextType.$$typeof
-            : null;
-
-        switch (fiber.tag) {
-          case ClassComponent: {
-            if (typeof nextType === "function") {
-              needsCompareFamilies = true;
-            }
-
-            break;
-          }
-
-          case FunctionComponent: {
-            if (typeof nextType === "function") {
-              needsCompareFamilies = true;
-            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
-              // We don't know the inner type yet.
-              // We're going to assume that the lazy inner type is stable,
-              // and so it is sufficient to avoid reconciling it away.
-              // We're not going to unwrap or actually use the new lazy type.
-              needsCompareFamilies = true;
-            }
-
-            break;
-          }
-
-          case ForwardRef: {
-            if ($$typeofNextType === REACT_FORWARD_REF_TYPE) {
-              needsCompareFamilies = true;
-            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
-              needsCompareFamilies = true;
-            }
-
-            break;
-          }
-
-          case MemoComponent:
-          case SimpleMemoComponent: {
-            if ($$typeofNextType === REACT_MEMO_TYPE) {
-              // TODO: if it was but can no longer be simple,
-              // we shouldn't set this.
-              needsCompareFamilies = true;
-            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
-              needsCompareFamilies = true;
-            }
-
-            break;
-          }
-
-          default:
-            return false;
-        } // Check if both types have a family and it's the same one.
-
-        if (needsCompareFamilies) {
-          // Note: memo() and forwardRef() we'll compare outer rather than inner type.
-          // This means both of them need to be registered to preserve state.
-          // If we unwrapped and compared the inner types for wrappers instead,
-          // then we would risk falsely saying two separate memo(Foo)
-          // calls are equivalent because they wrap the same Foo function.
-          var prevFamily = resolveFamily(prevType); // $FlowFixMe[not-a-function] found when upgrading Flow
-
-          if (
-            prevFamily !== undefined &&
-            prevFamily === resolveFamily(nextType)
-          ) {
-            return true;
-          }
-        }
-
-        return false;
-      }
-    }
-    function markFailedErrorBoundaryForHotReloading(fiber) {
-      {
-        if (resolveFamily === null) {
-          // Hot reloading is disabled.
-          return;
-        }
-
-        if (typeof WeakSet !== "function") {
-          return;
-        }
-
-        if (failedBoundaries === null) {
-          failedBoundaries = new WeakSet();
-        }
-
-        failedBoundaries.add(fiber);
-      }
-    }
-    var scheduleRefresh = function (root, update) {
-      {
-        if (resolveFamily === null) {
-          // Hot reloading is disabled.
-          return;
-        }
-
-        var staleFamilies = update.staleFamilies,
-          updatedFamilies = update.updatedFamilies;
-        flushPassiveEffects();
-        scheduleFibersWithFamiliesRecursively(
-          root.current,
-          updatedFamilies,
-          staleFamilies
-        );
-        flushSyncWork$1();
-      }
-    };
-    var scheduleRoot = function (root, element) {
-      {
-        if (root.context !== emptyContextObject) {
-          // Super edge case: root has a legacy _renderSubtree context
-          // but we don't know the parentComponent so we can't pass it.
-          // Just ignore. We'll delete this with _renderSubtree code path later.
-          return;
-        }
-
-        updateContainerSync(element, root, null, null);
-        flushSyncWork$1();
-      }
-    };
-
-    function scheduleFibersWithFamiliesRecursively(
-      fiber,
-      updatedFamilies,
-      staleFamilies
-    ) {
-      {
-        var alternate = fiber.alternate,
-          child = fiber.child,
-          sibling = fiber.sibling,
-          tag = fiber.tag,
-          type = fiber.type;
-        var candidateType = null;
-
-        switch (tag) {
-          case FunctionComponent:
-          case SimpleMemoComponent:
-          case ClassComponent:
-            candidateType = type;
-            break;
-
-          case ForwardRef:
-            candidateType = type.render;
-            break;
-        }
-
-        if (resolveFamily === null) {
-          throw new Error(
-            "Expected resolveFamily to be set during hot reload."
-          );
-        }
-
-        var needsRender = false;
-        var needsRemount = false;
-
-        if (candidateType !== null) {
-          var family = resolveFamily(candidateType);
-
-          if (family !== undefined) {
-            if (staleFamilies.has(family)) {
-              needsRemount = true;
-            } else if (updatedFamilies.has(family)) {
-              if (tag === ClassComponent) {
-                needsRemount = true;
-              } else {
-                needsRender = true;
-              }
-            }
-          }
-        }
-
-        if (failedBoundaries !== null) {
-          if (
-            failedBoundaries.has(fiber) || // $FlowFixMe[incompatible-use] found when upgrading Flow
-            (alternate !== null && failedBoundaries.has(alternate))
-          ) {
-            needsRemount = true;
-          }
-        }
-
-        if (needsRemount) {
-          fiber._debugNeedsRemount = true;
-        }
-
-        if (needsRemount || needsRender) {
-          var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
-
-          if (root !== null) {
-            scheduleUpdateOnFiber(root, fiber, SyncLane);
-          }
-        }
-
-        if (child !== null && !needsRemount) {
-          scheduleFibersWithFamiliesRecursively(
-            child,
-            updatedFamilies,
-            staleFamilies
-          );
-        }
-
-        if (sibling !== null) {
-          scheduleFibersWithFamiliesRecursively(
-            sibling,
-            updatedFamilies,
-            staleFamilies
-          );
-        }
-      }
-    }
-
-    var findHostInstancesForRefresh = function (root, families) {
-      {
-        var hostInstances = new Set();
-        var types = new Set(
-          families.map(function (family) {
-            return family.current;
-          })
-        );
-        findHostInstancesForMatchingFibersRecursively(
-          root.current,
-          types,
-          hostInstances
-        );
-        return hostInstances;
-      }
-    };
-
-    function findHostInstancesForMatchingFibersRecursively(
-      fiber,
-      types,
-      hostInstances
-    ) {
-      {
-        var child = fiber.child,
-          sibling = fiber.sibling,
-          tag = fiber.tag,
-          type = fiber.type;
-        var candidateType = null;
-
-        switch (tag) {
-          case FunctionComponent:
-          case SimpleMemoComponent:
-          case ClassComponent:
-            candidateType = type;
-            break;
-
-          case ForwardRef:
-            candidateType = type.render;
-            break;
-        }
-
-        var didMatch = false;
-
-        if (candidateType !== null) {
-          if (types.has(candidateType)) {
-            didMatch = true;
-          }
-        }
-
-        if (didMatch) {
-          // We have a match. This only drills down to the closest host components.
-          // There's no need to search deeper because for the purpose of giving
-          // visual feedback, "flashing" outermost parent rectangles is sufficient.
-          findHostInstancesForFiberShallowly(fiber, hostInstances);
-        } else {
-          // If there's no match, maybe there will be one further down in the child tree.
-          if (child !== null) {
-            findHostInstancesForMatchingFibersRecursively(
-              child,
-              types,
-              hostInstances
-            );
-          }
-        }
-
-        if (sibling !== null) {
-          findHostInstancesForMatchingFibersRecursively(
-            sibling,
-            types,
-            hostInstances
-          );
-        }
-      }
-    }
-
-    function findHostInstancesForFiberShallowly(fiber, hostInstances) {
-      {
-        var foundHostInstances = findChildHostInstancesForFiberShallowly(
-          fiber,
-          hostInstances
-        );
-
-        if (foundHostInstances) {
-          return;
-        } // If we didn't find any host children, fallback to closest host parent.
-
-        var node = fiber;
-
-        while (true) {
-          switch (node.tag) {
-            case HostSingleton:
-            case HostComponent:
-              hostInstances.add(node.stateNode);
-              return;
-
-            case HostPortal:
-              hostInstances.add(node.stateNode.containerInfo);
-              return;
-
-            case HostRoot:
-              hostInstances.add(node.stateNode.containerInfo);
-              return;
-          }
-
-          if (node.return === null) {
-            throw new Error("Expected to reach root first.");
-          }
-
-          node = node.return;
-        }
-      }
-    }
-
-    function findChildHostInstancesForFiberShallowly(fiber, hostInstances) {
-      {
-        var node = fiber;
-        var foundHostInstances = false;
-
-        while (true) {
-          if (
-            node.tag === HostComponent ||
-            node.tag === HostHoistable ||
-            node.tag === HostSingleton
-          ) {
-            // We got a match.
-            foundHostInstances = true;
-            hostInstances.add(node.stateNode); // There may still be more, so keep searching.
-          } else if (node.child !== null) {
-            node.child.return = node;
-            node = node.child;
-            continue;
-          }
-
-          if (node === fiber) {
-            return foundHostInstances;
-          }
-
-          while (node.sibling === null) {
-            if (node.return === null || node.return === fiber) {
-              return foundHostInstances;
-            }
-
-            node = node.return;
-          }
-
-          node.sibling.return = node.return;
-          node = node.sibling;
-        }
-      }
-
-      return false;
-    }
-
-    // TODO: Is there a way to not include the tag or name here?
-
-    var TransitionRoot = 0;
-    var TransitionTracingMarker = 1;
-    function processTransitionCallbacks(
-      pendingTransitions,
-      endTime,
-      callbacks
-    ) {
-      if (enableTransitionTracing) {
-        if (pendingTransitions !== null) {
-          var transitionStart = pendingTransitions.transitionStart;
-          var onTransitionStart = callbacks.onTransitionStart;
-
-          if (transitionStart !== null && onTransitionStart != null) {
-            transitionStart.forEach(function (transition) {
-              return onTransitionStart(transition.name, transition.startTime);
-            });
-          }
-
-          var markerProgress = pendingTransitions.markerProgress;
-          var onMarkerProgress = callbacks.onMarkerProgress;
-
-          if (onMarkerProgress != null && markerProgress !== null) {
-            markerProgress.forEach(function (markerInstance, markerName) {
-              if (markerInstance.transitions !== null) {
-                // TODO: Clone the suspense object so users can't modify it
-                var pending =
-                  markerInstance.pendingBoundaries !== null
-                    ? Array.from(markerInstance.pendingBoundaries.values())
-                    : [];
-                markerInstance.transitions.forEach(function (transition) {
-                  onMarkerProgress(
-                    transition.name,
-                    markerName,
-                    transition.startTime,
-                    endTime,
-                    pending
-                  );
-                });
-              }
-            });
-          }
-
-          var markerComplete = pendingTransitions.markerComplete;
-          var onMarkerComplete = callbacks.onMarkerComplete;
-
-          if (markerComplete !== null && onMarkerComplete != null) {
-            markerComplete.forEach(function (transitions, markerName) {
-              transitions.forEach(function (transition) {
-                onMarkerComplete(
-                  transition.name,
-                  markerName,
-                  transition.startTime,
-                  endTime
-                );
-              });
-            });
-          }
-
-          var markerIncomplete = pendingTransitions.markerIncomplete;
-          var onMarkerIncomplete = callbacks.onMarkerIncomplete;
-
-          if (onMarkerIncomplete != null && markerIncomplete !== null) {
-            markerIncomplete.forEach(function (_ref, markerName) {
-              var transitions = _ref.transitions,
-                aborts = _ref.aborts;
-              transitions.forEach(function (transition) {
-                var filteredAborts = [];
-                aborts.forEach(function (abort) {
-                  switch (abort.reason) {
-                    case "marker": {
-                      filteredAborts.push({
-                        type: "marker",
-                        name: abort.name,
-                        endTime: endTime
-                      });
-                      break;
-                    }
-
-                    case "suspense": {
-                      filteredAborts.push({
-                        type: "suspense",
-                        name: abort.name,
-                        endTime: endTime
-                      });
-                      break;
-                    }
-                  }
-                });
-
-                if (filteredAborts.length > 0) {
-                  onMarkerIncomplete(
-                    transition.name,
-                    markerName,
-                    transition.startTime,
-                    filteredAborts
-                  );
-                }
-              });
-            });
-          }
-
-          var transitionProgress = pendingTransitions.transitionProgress;
-          var onTransitionProgress = callbacks.onTransitionProgress;
-
-          if (onTransitionProgress != null && transitionProgress !== null) {
-            transitionProgress.forEach(function (pending, transition) {
-              onTransitionProgress(
-                transition.name,
-                transition.startTime,
-                endTime,
-                Array.from(pending.values())
-              );
-            });
-          }
-
-          var transitionComplete = pendingTransitions.transitionComplete;
-          var onTransitionComplete = callbacks.onTransitionComplete;
-
-          if (transitionComplete !== null && onTransitionComplete != null) {
-            transitionComplete.forEach(function (transition) {
-              return onTransitionComplete(
-                transition.name,
-                transition.startTime,
-                endTime
-              );
-            });
-          }
-        }
-      }
-    } // For every tracing marker, store a pointer to it. We will later access it
-    // to get the set of suspense boundaries that need to resolve before the
-    // tracing marker can be logged as complete
-    // This code lives separate from the ReactFiberTransition code because
-    // we push and pop on the tracing marker, not the suspense boundary
-
-    var markerInstanceStack = createCursor(null);
-    function pushRootMarkerInstance(workInProgress) {
-      if (enableTransitionTracing) {
-        // On the root, every transition gets mapped to it's own map of
-        // suspense boundaries. The transition is marked as complete when
-        // the suspense boundaries map is empty. We do this because every
-        // transition completes at different times and depends on different
-        // suspense boundaries to complete. We store all the transitions
-        // along with its map of suspense boundaries in the root incomplete
-        // transitions map. Each entry in this map functions like a tracing
-        // marker does, so we can push it onto the marker instance stack
-        var transitions = getWorkInProgressTransitions();
-        var root = workInProgress.stateNode;
-
-        if (transitions !== null) {
-          transitions.forEach(function (transition) {
-            if (!root.incompleteTransitions.has(transition)) {
-              var markerInstance = {
-                tag: TransitionRoot,
-                transitions: new Set([transition]),
-                pendingBoundaries: null,
-                aborts: null,
-                name: null
-              };
-              root.incompleteTransitions.set(transition, markerInstance);
-            }
-          });
-        }
-
-        var markerInstances = []; // For ever transition on the suspense boundary, we push the transition
-        // along with its map of pending suspense boundaries onto the marker
-        // instance stack.
-
-        root.incompleteTransitions.forEach(function (markerInstance) {
-          markerInstances.push(markerInstance);
-        });
-        push(markerInstanceStack, markerInstances, workInProgress);
-      }
-    }
-    function popRootMarkerInstance(workInProgress) {
-      if (enableTransitionTracing) {
-        pop(markerInstanceStack, workInProgress);
-      }
-    }
-    function pushMarkerInstance(workInProgress, markerInstance) {
-      if (enableTransitionTracing) {
-        if (markerInstanceStack.current === null) {
-          push(markerInstanceStack, [markerInstance], workInProgress);
-        } else {
-          push(
-            markerInstanceStack,
-            markerInstanceStack.current.concat(markerInstance),
-            workInProgress
-          );
-        }
-      }
-    }
-    function popMarkerInstance(workInProgress) {
-      if (enableTransitionTracing) {
-        pop(markerInstanceStack, workInProgress);
-      }
-    }
-    function getMarkerInstances() {
-      if (enableTransitionTracing) {
-        return markerInstanceStack.current;
-      }
-
-      return null;
-    }
-
-    var ReactStrictModeWarnings = {
-      recordUnsafeLifecycleWarnings: function (fiber, instance) {},
-      flushPendingUnsafeLifecycleWarnings: function () {},
-      recordLegacyContextWarning: function (fiber, instance) {},
-      flushLegacyContextWarning: function () {},
-      discardPendingWarnings: function () {}
-    };
-
-    {
-      var findStrictRoot = function (fiber) {
-        var maybeStrictRoot = null;
-        var node = fiber;
-
-        while (node !== null) {
-          if (node.mode & StrictLegacyMode) {
-            maybeStrictRoot = node;
-          }
-
-          node = node.return;
-        }
-
-        return maybeStrictRoot;
-      };
-
-      var setToSortedString = function (set) {
-        var array = [];
-        set.forEach(function (value) {
-          array.push(value);
-        });
-        return array.sort().join(", ");
-      };
-
-      var pendingComponentWillMountWarnings = [];
-      var pendingUNSAFE_ComponentWillMountWarnings = [];
-      var pendingComponentWillReceivePropsWarnings = [];
-      var pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
-      var pendingComponentWillUpdateWarnings = [];
-      var pendingUNSAFE_ComponentWillUpdateWarnings = []; // Tracks components we have already warned about.
-
-      var didWarnAboutUnsafeLifecycles = new Set();
-
-      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function (
-        fiber,
-        instance
-      ) {
-        // Dedupe strategy: Warn once per component.
-        if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
-          return;
-        }
-
-        if (
-          typeof instance.componentWillMount === "function" && // Don't warn about react-lifecycles-compat polyfilled components.
-          instance.componentWillMount.__suppressDeprecationWarning !== true
-        ) {
-          pendingComponentWillMountWarnings.push(fiber);
-        }
-
-        if (
-          fiber.mode & StrictLegacyMode &&
-          typeof instance.UNSAFE_componentWillMount === "function"
-        ) {
-          pendingUNSAFE_ComponentWillMountWarnings.push(fiber);
-        }
-
-        if (
-          typeof instance.componentWillReceiveProps === "function" &&
-          instance.componentWillReceiveProps.__suppressDeprecationWarning !==
-            true
-        ) {
-          pendingComponentWillReceivePropsWarnings.push(fiber);
-        }
-
-        if (
-          fiber.mode & StrictLegacyMode &&
-          typeof instance.UNSAFE_componentWillReceiveProps === "function"
-        ) {
-          pendingUNSAFE_ComponentWillReceivePropsWarnings.push(fiber);
-        }
-
-        if (
-          typeof instance.componentWillUpdate === "function" &&
-          instance.componentWillUpdate.__suppressDeprecationWarning !== true
-        ) {
-          pendingComponentWillUpdateWarnings.push(fiber);
-        }
-
-        if (
-          fiber.mode & StrictLegacyMode &&
-          typeof instance.UNSAFE_componentWillUpdate === "function"
-        ) {
-          pendingUNSAFE_ComponentWillUpdateWarnings.push(fiber);
-        }
-      };
-
-      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings =
-        function () {
-          // We do an initial pass to gather component names
-          var componentWillMountUniqueNames = new Set();
-
-          if (pendingComponentWillMountWarnings.length > 0) {
-            pendingComponentWillMountWarnings.forEach(function (fiber) {
-              componentWillMountUniqueNames.add(
-                getComponentNameFromFiber(fiber) || "Component"
-              );
-              didWarnAboutUnsafeLifecycles.add(fiber.type);
-            });
-            pendingComponentWillMountWarnings = [];
-          }
-
-          var UNSAFE_componentWillMountUniqueNames = new Set();
-
-          if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
-            pendingUNSAFE_ComponentWillMountWarnings.forEach(function (fiber) {
-              UNSAFE_componentWillMountUniqueNames.add(
-                getComponentNameFromFiber(fiber) || "Component"
-              );
-              didWarnAboutUnsafeLifecycles.add(fiber.type);
-            });
-            pendingUNSAFE_ComponentWillMountWarnings = [];
-          }
-
-          var componentWillReceivePropsUniqueNames = new Set();
-
-          if (pendingComponentWillReceivePropsWarnings.length > 0) {
-            pendingComponentWillReceivePropsWarnings.forEach(function (fiber) {
-              componentWillReceivePropsUniqueNames.add(
-                getComponentNameFromFiber(fiber) || "Component"
-              );
-              didWarnAboutUnsafeLifecycles.add(fiber.type);
-            });
-            pendingComponentWillReceivePropsWarnings = [];
-          }
-
-          var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
-
-          if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
-            pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(
-              function (fiber) {
-                UNSAFE_componentWillReceivePropsUniqueNames.add(
-                  getComponentNameFromFiber(fiber) || "Component"
-                );
-                didWarnAboutUnsafeLifecycles.add(fiber.type);
-              }
-            );
-            pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
-          }
-
-          var componentWillUpdateUniqueNames = new Set();
-
-          if (pendingComponentWillUpdateWarnings.length > 0) {
-            pendingComponentWillUpdateWarnings.forEach(function (fiber) {
-              componentWillUpdateUniqueNames.add(
-                getComponentNameFromFiber(fiber) || "Component"
-              );
-              didWarnAboutUnsafeLifecycles.add(fiber.type);
-            });
-            pendingComponentWillUpdateWarnings = [];
-          }
-
-          var UNSAFE_componentWillUpdateUniqueNames = new Set();
-
-          if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
-            pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function (fiber) {
-              UNSAFE_componentWillUpdateUniqueNames.add(
-                getComponentNameFromFiber(fiber) || "Component"
-              );
-              didWarnAboutUnsafeLifecycles.add(fiber.type);
-            });
-            pendingUNSAFE_ComponentWillUpdateWarnings = [];
-          } // Finally, we flush all the warnings
-          // UNSAFE_ ones before the deprecated ones, since they'll be 'louder'
-
-          if (UNSAFE_componentWillMountUniqueNames.size > 0) {
-            var sortedNames = setToSortedString(
-              UNSAFE_componentWillMountUniqueNames
-            );
-
-            error(
-              "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
-                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
-                "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
-                "\nPlease update the following components: %s",
-              sortedNames
-            );
-          }
-
-          if (UNSAFE_componentWillReceivePropsUniqueNames.size > 0) {
-            var _sortedNames = setToSortedString(
-              UNSAFE_componentWillReceivePropsUniqueNames
-            );
-
-            error(
-              "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
-                "and may indicate bugs in your code. " +
-                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
-                "* Move data fetching code or side effects to componentDidUpdate.\n" +
-                "* If you're updating state whenever props change, " +
-                "refactor your code to use memoization techniques or move it to " +
-                "static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n" +
-                "\nPlease update the following components: %s",
-              _sortedNames
-            );
-          }
-
-          if (UNSAFE_componentWillUpdateUniqueNames.size > 0) {
-            var _sortedNames2 = setToSortedString(
-              UNSAFE_componentWillUpdateUniqueNames
-            );
-
-            error(
-              "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
-                "and may indicate bugs in your code. " +
-                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
-                "* Move data fetching code or side effects to componentDidUpdate.\n" +
-                "\nPlease update the following components: %s",
-              _sortedNames2
-            );
-          }
-
-          if (componentWillMountUniqueNames.size > 0) {
-            var _sortedNames3 = setToSortedString(
-              componentWillMountUniqueNames
-            );
-
-            warn(
-              "componentWillMount has been renamed, and is not recommended for use. " +
-                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
-                "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
-                "* Rename componentWillMount to UNSAFE_componentWillMount to suppress " +
-                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
-                "To rename all deprecated lifecycles to their new names, you can run " +
-                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
-                "\nPlease update the following components: %s",
-              _sortedNames3
-            );
-          }
-
-          if (componentWillReceivePropsUniqueNames.size > 0) {
-            var _sortedNames4 = setToSortedString(
-              componentWillReceivePropsUniqueNames
-            );
-
-            warn(
-              "componentWillReceiveProps has been renamed, and is not recommended for use. " +
-                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
-                "* Move data fetching code or side effects to componentDidUpdate.\n" +
-                "* If you're updating state whenever props change, refactor your " +
-                "code to use memoization techniques or move it to " +
-                "static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n" +
-                "* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress " +
-                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
-                "To rename all deprecated lifecycles to their new names, you can run " +
-                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
-                "\nPlease update the following components: %s",
-              _sortedNames4
-            );
-          }
-
-          if (componentWillUpdateUniqueNames.size > 0) {
-            var _sortedNames5 = setToSortedString(
-              componentWillUpdateUniqueNames
-            );
-
-            warn(
-              "componentWillUpdate has been renamed, and is not recommended for use. " +
-                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
-                "* Move data fetching code or side effects to componentDidUpdate.\n" +
-                "* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress " +
-                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
-                "To rename all deprecated lifecycles to their new names, you can run " +
-                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
-                "\nPlease update the following components: %s",
-              _sortedNames5
-            );
-          }
-        };
-
-      var pendingLegacyContextWarning = new Map(); // Tracks components we have already warned about.
-
-      var didWarnAboutLegacyContext = new Set();
-
-      ReactStrictModeWarnings.recordLegacyContextWarning = function (
-        fiber,
-        instance
-      ) {
-        var strictRoot = findStrictRoot(fiber);
-
-        if (strictRoot === null) {
-          error(
-            "Expected to find a StrictMode component in a strict mode tree. " +
-              "This error is likely caused by a bug in React. Please file an issue."
-          );
-
-          return;
-        } // Dedup strategy: Warn once per component.
-
-        if (didWarnAboutLegacyContext.has(fiber.type)) {
-          return;
-        }
-
-        var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
-
-        if (
-          fiber.type.contextTypes != null ||
-          fiber.type.childContextTypes != null ||
-          (instance !== null && typeof instance.getChildContext === "function")
-        ) {
-          if (warningsForRoot === undefined) {
-            warningsForRoot = [];
-            pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
-          }
-
-          warningsForRoot.push(fiber);
-        }
-      };
-
-      ReactStrictModeWarnings.flushLegacyContextWarning = function () {
-        pendingLegacyContextWarning.forEach(function (fiberArray, strictRoot) {
-          if (fiberArray.length === 0) {
-            return;
-          }
-
-          var firstFiber = fiberArray[0];
-          var uniqueNames = new Set();
-          fiberArray.forEach(function (fiber) {
-            uniqueNames.add(getComponentNameFromFiber(fiber) || "Component");
-            didWarnAboutLegacyContext.add(fiber.type);
-          });
-          var sortedNames = setToSortedString(uniqueNames);
-
-          try {
-            setCurrentFiber(firstFiber);
-
-            error(
-              "Legacy context API has been detected within a strict-mode tree." +
-                "\n\nThe old API will be supported in all 16.x releases, but applications " +
-                "using it should migrate to the new version." +
-                "\n\nPlease update the following components: %s" +
-                "\n\nLearn more about this warning here: https://react.dev/link/legacy-context",
-              sortedNames
-            );
-          } finally {
-            resetCurrentFiber();
-          }
-        });
-      };
-
-      ReactStrictModeWarnings.discardPendingWarnings = function () {
-        pendingComponentWillMountWarnings = [];
-        pendingUNSAFE_ComponentWillMountWarnings = [];
-        pendingComponentWillReceivePropsWarnings = [];
-        pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
-        pendingComponentWillUpdateWarnings = [];
-        pendingUNSAFE_ComponentWillUpdateWarnings = [];
-        pendingLegacyContextWarning = new Map();
-      };
+    // This is imported by the event replaying implementation in React DOM. It's
+    // in a separate file to break a circular dependency between the renderer and
+    // the reconciler.
+    function isRootDehydrated(root) {
+      var currentState = root.current.memoizedState;
+      return currentState.isDehydrated;
     }
 
     var CapturedStacks = new WeakMap();
@@ -18072,6 +19938,1686 @@ if (__DEV__) {
       }
     }
 
+    // we wait until the current render is over (either finished or interrupted)
+    // before adding it to the fiber/hook queue. Push to this array so we can
+    // access the queue, fiber, update, et al later.
+
+    var concurrentQueues = [];
+    var concurrentQueuesIndex = 0;
+    var concurrentlyUpdatedLanes = NoLanes;
+    function finishQueueingConcurrentUpdates() {
+      var endIndex = concurrentQueuesIndex;
+      concurrentQueuesIndex = 0;
+      concurrentlyUpdatedLanes = NoLanes;
+      var i = 0;
+
+      while (i < endIndex) {
+        var fiber = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var queue = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var update = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var lane = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+
+        if (queue !== null && update !== null) {
+          var pending = queue.pending;
+
+          if (pending === null) {
+            // This is the first update. Create a circular list.
+            update.next = update;
+          } else {
+            update.next = pending.next;
+            pending.next = update;
+          }
+
+          queue.pending = update;
+        }
+
+        if (lane !== NoLane) {
+          markUpdateLaneFromFiberToRoot(fiber, update, lane);
+        }
+      }
+    }
+    function getConcurrentlyUpdatedLanes() {
+      return concurrentlyUpdatedLanes;
+    }
+
+    function enqueueUpdate$1(fiber, queue, update, lane) {
+      // Don't update the `childLanes` on the return path yet. If we already in
+      // the middle of rendering, wait until after it has completed.
+      concurrentQueues[concurrentQueuesIndex++] = fiber;
+      concurrentQueues[concurrentQueuesIndex++] = queue;
+      concurrentQueues[concurrentQueuesIndex++] = update;
+      concurrentQueues[concurrentQueuesIndex++] = lane;
+      concurrentlyUpdatedLanes = mergeLanes(concurrentlyUpdatedLanes, lane); // The fiber's `lane` field is used in some places to check if any work is
+      // scheduled, to perform an eager bailout, so we need to update it immediately.
+      // TODO: We should probably move this to the "shared" queue instead.
+
+      fiber.lanes = mergeLanes(fiber.lanes, lane);
+      var alternate = fiber.alternate;
+
+      if (alternate !== null) {
+        alternate.lanes = mergeLanes(alternate.lanes, lane);
+      }
+    }
+
+    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
+      var concurrentQueue = queue;
+      var concurrentUpdate = update;
+      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane);
+      return getRootForUpdatedFiber(fiber);
+    }
+    function enqueueConcurrentHookUpdateAndEagerlyBailout(
+      fiber,
+      queue,
+      update
+    ) {
+      // This function is used to queue an update that doesn't need a rerender. The
+      // only reason we queue it is in case there's a subsequent higher priority
+      // update that causes it to be rebased.
+      var lane = NoLane;
+      var concurrentQueue = queue;
+      var concurrentUpdate = update;
+      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane); // Usually we can rely on the upcoming render phase to process the concurrent
+      // queue. However, since this is a bail out, we're not scheduling any work
+      // here. So the update we just queued will leak until something else happens
+      // to schedule work (if ever).
+      //
+      // Check if we're currently in the middle of rendering a tree, and if not,
+      // process the queue immediately to prevent a leak.
+
+      var isConcurrentlyRendering = getWorkInProgressRoot() !== null;
+
+      if (!isConcurrentlyRendering) {
+        finishQueueingConcurrentUpdates();
+      }
+    }
+    function enqueueConcurrentClassUpdate(fiber, queue, update, lane) {
+      var concurrentQueue = queue;
+      var concurrentUpdate = update;
+      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane);
+      return getRootForUpdatedFiber(fiber);
+    }
+    function enqueueConcurrentRenderForLane(fiber, lane) {
+      enqueueUpdate$1(fiber, null, null, lane);
+      return getRootForUpdatedFiber(fiber);
+    } // Calling this function outside this module should only be done for backwards
+    // compatibility and should always be accompanied by a warning.
+
+    function unsafe_markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
+      // NOTE: For Hyrum's Law reasons, if an infinite update loop is detected, it
+      // should throw before `markUpdateLaneFromFiberToRoot` is called. But this is
+      // undefined behavior and we can change it if we need to; it just so happens
+      // that, at the time of this writing, there's an internal product test that
+      // happens to rely on this.
+      var root = getRootForUpdatedFiber(sourceFiber);
+      markUpdateLaneFromFiberToRoot(sourceFiber, null, lane);
+      return root;
+    }
+
+    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+      // Update the source fiber's lanes
+      sourceFiber.lanes = mergeLanes(sourceFiber.lanes, lane);
+      var alternate = sourceFiber.alternate;
+
+      if (alternate !== null) {
+        alternate.lanes = mergeLanes(alternate.lanes, lane);
+      } // Walk the parent path to the root and update the child lanes.
+
+      var isHidden = false;
+      var parent = sourceFiber.return;
+      var node = sourceFiber;
+
+      while (parent !== null) {
+        parent.childLanes = mergeLanes(parent.childLanes, lane);
+        alternate = parent.alternate;
+
+        if (alternate !== null) {
+          alternate.childLanes = mergeLanes(alternate.childLanes, lane);
+        }
+
+        if (parent.tag === OffscreenComponent) {
+          // Check if this offscreen boundary is currently hidden.
+          //
+          // The instance may be null if the Offscreen parent was unmounted. Usually
+          // the parent wouldn't be reachable in that case because we disconnect
+          // fibers from the tree when they are deleted. However, there's a weird
+          // edge case where setState is called on a fiber that was interrupted
+          // before it ever mounted. Because it never mounts, it also never gets
+          // deleted. Because it never gets deleted, its return pointer never gets
+          // disconnected. Which means it may be attached to a deleted Offscreen
+          // parent node. (This discovery suggests it may be better for memory usage
+          // if we don't attach the `return` pointer until the commit phase, though
+          // in order to do that we'd need some other way to track the return
+          // pointer during the initial render, like on the stack.)
+          //
+          // This case is always accompanied by a warning, but we still need to
+          // account for it. (There may be other cases that we haven't discovered,
+          // too.)
+          var offscreenInstance = parent.stateNode;
+
+          if (
+            offscreenInstance !== null &&
+            !(offscreenInstance._visibility & OffscreenVisible)
+          ) {
+            isHidden = true;
+          }
+        }
+
+        node = parent;
+        parent = parent.return;
+      }
+
+      if (isHidden && update !== null && node.tag === HostRoot) {
+        var root = node.stateNode;
+        markHiddenUpdate(root, update, lane);
+      }
+    }
+
+    function getRootForUpdatedFiber(sourceFiber) {
+      // TODO: We will detect and infinite update loop and throw even if this fiber
+      // has already unmounted. This isn't really necessary but it happens to be the
+      // current behavior we've used for several release cycles. Consider not
+      // performing this check if the updated fiber already unmounted, since it's
+      // not possible for that to cause an infinite update loop.
+      throwIfInfiniteUpdateLoopDetected(); // When a setState happens, we must ensure the root is scheduled. Because
+      // update queues do not have a backpointer to the root, the only way to do
+      // this currently is to walk up the return path. This used to not be a big
+      // deal because we would have to walk up the return path to set
+      // the `childLanes`, anyway, but now those two traversals happen at
+      // different times.
+      // TODO: Consider adding a `root` backpointer on the update queue.
+
+      detectUpdateOnUnmountedFiber(sourceFiber, sourceFiber);
+      var node = sourceFiber;
+      var parent = node.return;
+
+      while (parent !== null) {
+        detectUpdateOnUnmountedFiber(sourceFiber, node);
+        node = parent;
+        parent = node.return;
+      }
+
+      return node.tag === HostRoot ? node.stateNode : null;
+    }
+
+    function detectUpdateOnUnmountedFiber(sourceFiber, parent) {
+      {
+        var alternate = parent.alternate;
+
+        if (
+          alternate === null &&
+          (parent.flags & (Placement | Hydrating)) !== NoFlags$1
+        ) {
+          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
+        }
+      }
+    }
+
+    var ReactCurrentActQueue$4 = 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$4.current !== null) {
+        // We're inside an `act` scope.
+        if (!didScheduleMicrotask_act) {
+          didScheduleMicrotask_act = true;
+          scheduleImmediateTask(processRootScheduleInMicrotask);
+        }
+      } else {
+        if (!didScheduleMicrotask) {
+          didScheduleMicrotask = true;
+          scheduleImmediateTask(processRootScheduleInMicrotask);
+        }
+      }
+
+      if (!enableDeferRootSchedulingToMicrotask) {
+        // While this flag is disabled, we schedule the render task immediately
+        // instead of waiting a microtask.
+        // TODO: We need to land enableDeferRootSchedulingToMicrotask ASAP to
+        // unblock additional features we have planned.
+        scheduleTaskForRootDuringMicrotask(root, now$1());
+      }
+    }
+    function flushSyncWorkOnAllRoots() {
+      // This is allowed to be called synchronously, but the caller should check
+      // the execution context first.
+      flushSyncWorkAcrossRoots_impl(false);
+    }
+
+    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;
+      isFlushingWork = true;
+
+      do {
+        didPerformSomeWork = false;
+        var root = firstScheduledRoot;
+
+        while (root !== null) {
+          if (onlyLegacy && disableLegacyMode);
+          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.
+              didPerformSomeWork = true;
+              performSyncWorkOnRoot(root, nextLanes);
+            }
+          }
+
+          root = root.next;
+        }
+      } while (didPerformSomeWork);
+
+      isFlushingWork = false;
+    }
+
+    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$4.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$4.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$4.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$4.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$4.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: {
+          var _payload = update.payload;
+          var partialState;
+
+          if (typeof _payload === "function") {
+            // Updater function
+            {
+              enterDisallowedContextReadInDEV();
+            }
+
+            partialState = _payload.call(instance, prevState, nextProps);
+
+            {
+              if (workInProgress.mode & StrictLegacyMode) {
+                setIsStrictModeForDevtools(true);
+
+                try {
+                  _payload.call(instance, prevState, nextProps);
+                } finally {
+                  setIsStrictModeForDevtools(false);
+                }
+              }
+
+              exitDisallowedContextReadInDEV();
+            }
+          } else {
+            // Partial state object
+            partialState = _payload;
+          }
+
+          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);
+        }
+
+        case ForceUpdate: {
+          hasForceUpdate = true;
+          return prevState;
+        }
+      }
+
+      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) {
+      didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
+
+      var queue = workInProgress.updateQueue;
+      hasForceUpdate = false;
+
+      {
+        currentlyProcessingQueue = queue.shared;
+      }
+
+      var firstBaseUpdate = queue.firstBaseUpdate;
+      var lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
+
+      var pendingQueue = queue.shared.pending;
+
+      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.
+
+        var lastPendingUpdate = pendingQueue;
+        var firstPendingUpdate = lastPendingUpdate.next;
+        lastPendingUpdate.next = null; // Append pending updates to base queue
+
+        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
+
+        var current = workInProgress.alternate;
+
+        if (current !== null) {
+          // This is always non-null on a ClassComponent or HostRoot
+          var currentQueue = current.updateQueue;
+          var currentLastBaseUpdate = currentQueue.lastBaseUpdate;
+
+          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.
+        var newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
+        // from the original lanes.
+
+        var newLanes = NoLanes;
+        var newBaseState = null;
+        var newFirstBaseUpdate = null;
+        var newLastBaseUpdate = null;
+        var 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.
+          var updateLane = removeLanes(update.lane, OffscreenLane);
+          var 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.
+
+          var 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.
+            var 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 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
+                // 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
+            );
+            var callback = update.callback;
+
+            if (callback !== null) {
+              workInProgress.flags |= Callback;
+
+              if (isHiddenUpdate) {
+                workInProgress.flags |= Visibility;
+              }
+
+              var 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.
+              var _lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
+              // unravel them when transferring them to the base queue.
+
+              var _firstPendingUpdate = _lastPendingUpdate.next;
+              _lastPendingUpdate.next = null;
+              update = _firstPendingUpdate;
+              queue.lastBaseUpdate = _lastPendingUpdate;
+              queue.shared.pending = null;
+            }
+          }
+        } while (true);
+
+        if (newLastBaseUpdate === null) {
+          newBaseState = newState;
+        }
+
+        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;
+      }
+
+      {
+        currentlyProcessingQueue = null;
+      }
+    }
+
+    function callCallback(callback, context) {
+      if (typeof callback !== "function") {
+        throw new Error(
+          "Invalid argument passed as callback. Expected a function. Instead " +
+            ("received: " + 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.
+      var newHiddenCallbacks = updateQueue.callbacks;
+
+      if (newHiddenCallbacks !== null) {
+        var existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
+
+        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.
+      var hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
+
+      if (hiddenCallbacks !== null) {
+        updateQueue.shared.hiddenCallbacks = null;
+
+        for (var i = 0; i < hiddenCallbacks.length; i++) {
+          var callback = hiddenCallbacks[i];
+          callCallback(callback, context);
+        }
+      }
+    }
+    function commitCallbacks(updateQueue, context) {
+      var callbacks = updateQueue.callbacks;
+
+      if (callbacks !== null) {
+        updateQueue.callbacks = null;
+
+        for (var i = 0; i < callbacks.length; i++) {
+          var callback = callbacks[i];
+          callCallback(callback, context);
+        }
+      }
+    }
+
+    var ReactStrictModeWarnings = {
+      recordUnsafeLifecycleWarnings: function (fiber, instance) {},
+      flushPendingUnsafeLifecycleWarnings: function () {},
+      recordLegacyContextWarning: function (fiber, instance) {},
+      flushLegacyContextWarning: function () {},
+      discardPendingWarnings: function () {}
+    };
+
+    {
+      var findStrictRoot = function (fiber) {
+        var maybeStrictRoot = null;
+        var node = fiber;
+
+        while (node !== null) {
+          if (node.mode & StrictLegacyMode) {
+            maybeStrictRoot = node;
+          }
+
+          node = node.return;
+        }
+
+        return maybeStrictRoot;
+      };
+
+      var setToSortedString = function (set) {
+        var array = [];
+        set.forEach(function (value) {
+          array.push(value);
+        });
+        return array.sort().join(", ");
+      };
+
+      var pendingComponentWillMountWarnings = [];
+      var pendingUNSAFE_ComponentWillMountWarnings = [];
+      var pendingComponentWillReceivePropsWarnings = [];
+      var pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+      var pendingComponentWillUpdateWarnings = [];
+      var pendingUNSAFE_ComponentWillUpdateWarnings = []; // Tracks components we have already warned about.
+
+      var didWarnAboutUnsafeLifecycles = new Set();
+
+      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function (
+        fiber,
+        instance
+      ) {
+        // Dedupe strategy: Warn once per component.
+        if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
+          return;
+        }
+
+        if (
+          typeof instance.componentWillMount === "function" && // Don't warn about react-lifecycles-compat polyfilled components.
+          instance.componentWillMount.__suppressDeprecationWarning !== true
+        ) {
+          pendingComponentWillMountWarnings.push(fiber);
+        }
+
+        if (
+          fiber.mode & StrictLegacyMode &&
+          typeof instance.UNSAFE_componentWillMount === "function"
+        ) {
+          pendingUNSAFE_ComponentWillMountWarnings.push(fiber);
+        }
+
+        if (
+          typeof instance.componentWillReceiveProps === "function" &&
+          instance.componentWillReceiveProps.__suppressDeprecationWarning !==
+            true
+        ) {
+          pendingComponentWillReceivePropsWarnings.push(fiber);
+        }
+
+        if (
+          fiber.mode & StrictLegacyMode &&
+          typeof instance.UNSAFE_componentWillReceiveProps === "function"
+        ) {
+          pendingUNSAFE_ComponentWillReceivePropsWarnings.push(fiber);
+        }
+
+        if (
+          typeof instance.componentWillUpdate === "function" &&
+          instance.componentWillUpdate.__suppressDeprecationWarning !== true
+        ) {
+          pendingComponentWillUpdateWarnings.push(fiber);
+        }
+
+        if (
+          fiber.mode & StrictLegacyMode &&
+          typeof instance.UNSAFE_componentWillUpdate === "function"
+        ) {
+          pendingUNSAFE_ComponentWillUpdateWarnings.push(fiber);
+        }
+      };
+
+      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings =
+        function () {
+          // We do an initial pass to gather component names
+          var componentWillMountUniqueNames = new Set();
+
+          if (pendingComponentWillMountWarnings.length > 0) {
+            pendingComponentWillMountWarnings.forEach(function (fiber) {
+              componentWillMountUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingComponentWillMountWarnings = [];
+          }
+
+          var UNSAFE_componentWillMountUniqueNames = new Set();
+
+          if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
+            pendingUNSAFE_ComponentWillMountWarnings.forEach(function (fiber) {
+              UNSAFE_componentWillMountUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingUNSAFE_ComponentWillMountWarnings = [];
+          }
+
+          var componentWillReceivePropsUniqueNames = new Set();
+
+          if (pendingComponentWillReceivePropsWarnings.length > 0) {
+            pendingComponentWillReceivePropsWarnings.forEach(function (fiber) {
+              componentWillReceivePropsUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingComponentWillReceivePropsWarnings = [];
+          }
+
+          var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
+
+          if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
+            pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(
+              function (fiber) {
+                UNSAFE_componentWillReceivePropsUniqueNames.add(
+                  getComponentNameFromFiber(fiber) || "Component"
+                );
+                didWarnAboutUnsafeLifecycles.add(fiber.type);
+              }
+            );
+            pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+          }
+
+          var componentWillUpdateUniqueNames = new Set();
+
+          if (pendingComponentWillUpdateWarnings.length > 0) {
+            pendingComponentWillUpdateWarnings.forEach(function (fiber) {
+              componentWillUpdateUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingComponentWillUpdateWarnings = [];
+          }
+
+          var UNSAFE_componentWillUpdateUniqueNames = new Set();
+
+          if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
+            pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function (fiber) {
+              UNSAFE_componentWillUpdateUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingUNSAFE_ComponentWillUpdateWarnings = [];
+          } // Finally, we flush all the warnings
+          // UNSAFE_ ones before the deprecated ones, since they'll be 'louder'
+
+          if (UNSAFE_componentWillMountUniqueNames.size > 0) {
+            var sortedNames = setToSortedString(
+              UNSAFE_componentWillMountUniqueNames
+            );
+
+            error(
+              "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
+                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
+                "\nPlease update the following components: %s",
+              sortedNames
+            );
+          }
+
+          if (UNSAFE_componentWillReceivePropsUniqueNames.size > 0) {
+            var _sortedNames = setToSortedString(
+              UNSAFE_componentWillReceivePropsUniqueNames
+            );
+
+            error(
+              "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
+                "and may indicate bugs in your code. " +
+                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "* If you're updating state whenever props change, " +
+                "refactor your code to use memoization techniques or move it to " +
+                "static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames
+            );
+          }
+
+          if (UNSAFE_componentWillUpdateUniqueNames.size > 0) {
+            var _sortedNames2 = setToSortedString(
+              UNSAFE_componentWillUpdateUniqueNames
+            );
+
+            error(
+              "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
+                "and may indicate bugs in your code. " +
+                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames2
+            );
+          }
+
+          if (componentWillMountUniqueNames.size > 0) {
+            var _sortedNames3 = setToSortedString(
+              componentWillMountUniqueNames
+            );
+
+            warn(
+              "componentWillMount has been renamed, and is not recommended for use. " +
+                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
+                "* Rename componentWillMount to UNSAFE_componentWillMount to suppress " +
+                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
+                "To rename all deprecated lifecycles to their new names, you can run " +
+                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames3
+            );
+          }
+
+          if (componentWillReceivePropsUniqueNames.size > 0) {
+            var _sortedNames4 = setToSortedString(
+              componentWillReceivePropsUniqueNames
+            );
+
+            warn(
+              "componentWillReceiveProps has been renamed, and is not recommended for use. " +
+                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "* If you're updating state whenever props change, refactor your " +
+                "code to use memoization techniques or move it to " +
+                "static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n" +
+                "* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress " +
+                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
+                "To rename all deprecated lifecycles to their new names, you can run " +
+                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames4
+            );
+          }
+
+          if (componentWillUpdateUniqueNames.size > 0) {
+            var _sortedNames5 = setToSortedString(
+              componentWillUpdateUniqueNames
+            );
+
+            warn(
+              "componentWillUpdate has been renamed, and is not recommended for use. " +
+                "See https://react.dev/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress " +
+                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
+                "To rename all deprecated lifecycles to their new names, you can run " +
+                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames5
+            );
+          }
+        };
+
+      var pendingLegacyContextWarning = new Map(); // Tracks components we have already warned about.
+
+      var didWarnAboutLegacyContext = new Set();
+
+      ReactStrictModeWarnings.recordLegacyContextWarning = function (
+        fiber,
+        instance
+      ) {
+        var strictRoot = findStrictRoot(fiber);
+
+        if (strictRoot === null) {
+          error(
+            "Expected to find a StrictMode component in a strict mode tree. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+
+          return;
+        } // Dedup strategy: Warn once per component.
+
+        if (didWarnAboutLegacyContext.has(fiber.type)) {
+          return;
+        }
+
+        var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
+
+        if (
+          fiber.type.contextTypes != null ||
+          fiber.type.childContextTypes != null ||
+          (instance !== null && typeof instance.getChildContext === "function")
+        ) {
+          if (warningsForRoot === undefined) {
+            warningsForRoot = [];
+            pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
+          }
+
+          warningsForRoot.push(fiber);
+        }
+      };
+
+      ReactStrictModeWarnings.flushLegacyContextWarning = function () {
+        pendingLegacyContextWarning.forEach(function (fiberArray, strictRoot) {
+          if (fiberArray.length === 0) {
+            return;
+          }
+
+          var firstFiber = fiberArray[0];
+          var uniqueNames = new Set();
+          fiberArray.forEach(function (fiber) {
+            uniqueNames.add(getComponentNameFromFiber(fiber) || "Component");
+            didWarnAboutLegacyContext.add(fiber.type);
+          });
+          var sortedNames = setToSortedString(uniqueNames);
+
+          try {
+            setCurrentFiber(firstFiber);
+
+            error(
+              "Legacy context API has been detected within a strict-mode tree." +
+                "\n\nThe old API will be supported in all 16.x releases, but applications " +
+                "using it should migrate to the new version." +
+                "\n\nPlease update the following components: %s" +
+                "\n\nLearn more about this warning here: https://react.dev/link/legacy-context",
+              sortedNames
+            );
+          } finally {
+            resetCurrentFiber();
+          }
+        });
+      };
+
+      ReactStrictModeWarnings.discardPendingWarnings = function () {
+        pendingComponentWillMountWarnings = [];
+        pendingUNSAFE_ComponentWillMountWarnings = [];
+        pendingComponentWillReceivePropsWarnings = [];
+        pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+        pendingComponentWillUpdateWarnings = [];
+        pendingUNSAFE_ComponentWillUpdateWarnings = [];
+        pendingLegacyContextWarning = new Map();
+      };
+    }
+
+    var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue;
+
     function getThenablesFromState(state) {
       {
         var devState = state;
@@ -18122,11 +21668,11 @@ if (__DEV__) {
       return status === "fulfilled" || status === "rejected";
     }
 
-    function noop$2() {}
+    function noop() {}
 
     function trackUsedThenable(thenableState, thenable, index) {
-      if (ReactSharedInternals.actQueue !== null) {
-        ReactSharedInternals.didUsePromise = true;
+      if (ReactCurrentActQueue$3.current !== null) {
+        ReactCurrentActQueue$3.didUsePromise = true;
       }
 
       var trackedThenables = getThenablesFromState(thenableState);
@@ -18168,7 +21714,7 @@ if (__DEV__) {
           } // Avoid an unhandled rejection errors for the Promises that we'll
           // intentionally ignore.
 
-          thenable.then(noop$2, noop$2);
+          thenable.then(noop, noop);
           thenable = previous;
         }
       } // We use an expando to track the status and result of a thenable so that we
@@ -18197,7 +21743,7 @@ if (__DEV__) {
             // 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);
+            thenable.then(noop, noop);
           } else {
             // This is an uncached thenable that we haven't seen before.
             // Detect infinite ping loops caused by uncached promises.
@@ -18356,6 +21902,7 @@ if (__DEV__) {
 
     var didWarnAboutMaps;
     var didWarnAboutGenerators;
+    var didWarnAboutStringRefs;
     var ownerHasKeyUseWarning;
     var ownerHasFunctionTypeWarning;
     var ownerHasSymbolTypeWarning;
@@ -18365,6 +21912,7 @@ if (__DEV__) {
     {
       didWarnAboutMaps = false;
       didWarnAboutGenerators = false;
+      didWarnAboutStringRefs = {};
       /**
        * 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
@@ -18409,6 +21957,10 @@ if (__DEV__) {
       };
     }
 
+    function isReactClass(type) {
+      return type.prototype && type.prototype.isReactComponent;
+    }
+
     function unwrapThenable(thenable) {
       var index = thenableIndexCounter$1;
       thenableIndexCounter$1 += 1;
@@ -18420,22 +21972,159 @@ if (__DEV__) {
       return trackUsedThenable(thenableState$1, thenable, index);
     }
 
+    function convertStringRefToCallbackRef(
+      returnFiber,
+      current,
+      element,
+      mixedRef
+    ) {
+      {
+        checkPropStringCoercion(mixedRef, "ref");
+      }
+
+      var stringRef = "" + mixedRef;
+      var owner = element._owner;
+
+      if (!owner) {
+        throw new Error(
+          "Element ref was specified as a string (" +
+            stringRef +
+            ") 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://react.dev/link/refs-must-have-owner for more information."
+        );
+      }
+
+      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://react.dev/link/strict-mode-string-ref"
+        );
+      }
+
+      {
+        if (
+          // Will already warn with "Function components cannot be given refs"
+          !(typeof element.type === "function" && !isReactClass(element.type))
+        ) {
+          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://react.dev/link/strict-mode-string-ref",
+              componentName,
+              stringRef
+            );
+
+            didWarnAboutStringRefs[componentName] = true;
+          }
+        }
+      }
+
+      var inst = owner.stateNode;
+
+      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
+
+      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
+
+      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 ref;
+      var mixedRef;
 
       if (enableRefAsProp) {
         // 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;
-        ref = refProp !== undefined ? refProp : null;
+        mixedRef = refProp !== undefined ? refProp : null;
       } else {
         // Old behavior.
-        ref = element.ref;
+        mixedRef = element.ref;
+      }
+
+      var coercedRef;
+
+      if (
+        typeof mixedRef === "string" ||
+        typeof mixedRef === "number" ||
+        typeof mixedRef === "boolean"
+      ) {
+        coercedRef = convertStringRefToCallbackRef(
+          returnFiber,
+          current,
+          element,
+          mixedRef
+        );
+
+        if (enableRefAsProp) {
+          // 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 = ref;
+      workInProgress.ref = coercedRef;
     }
 
     function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -20284,771 +23973,8 @@ if (__DEV__) {
       /*   */
       8;
 
-    // replace it with a lightweight shim that only has the features we use.
-
-    var AbortControllerLocal =
-      typeof AbortController !== "undefined"
-        ? AbortController // $FlowFixMe[missing-this-annot]
-        : // $FlowFixMe[prop-missing]
-          function AbortControllerShim() {
-            var listeners = [];
-            var signal = (this.signal = {
-              aborted: false,
-              addEventListener: function (type, listener) {
-                listeners.push(listener);
-              }
-            });
-
-            this.abort = function () {
-              signal.aborted = true;
-              listeners.forEach(function (listener) {
-                return listener();
-              });
-            };
-          }; // Intentionally not named imports because Rollup would
-    // use dynamic dispatch for CommonJS interop named imports.
-
-    var scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
-      NormalPriority = Scheduler.unstable_NormalPriority;
-    var CacheContext = {
-      $$typeof: REACT_CONTEXT_TYPE,
-      // We don't use Consumer/Provider for Cache components. So we'll cheat.
-      Consumer: null,
-      Provider: null,
-      // We'll initialize these at the root.
-      _currentValue: null,
-      _currentValue2: null,
-      _threadCount: 0
-    };
-
-    {
-      CacheContext._currentRenderer = null;
-      CacheContext._currentRenderer2 = null;
-    } // Creates a new empty Cache instance with a ref-count of 0. The caller is responsible
-    // for retaining the cache once it is in use (retainCache), and releasing the cache
-    // once it is no longer needed (releaseCache).
-
-    function createCache() {
-      var cache = {
-        controller: new AbortControllerLocal(),
-        data: new Map(),
-        refCount: 0
-      };
-      return cache;
-    }
-    function retainCache(cache) {
-      {
-        if (cache.controller.signal.aborted) {
-          warn(
-            "A cache instance was retained after it was already freed. " +
-              "This likely indicates a bug in React."
-          );
-        }
-      }
-
-      cache.refCount++;
-    } // Cleanup a cache instance, potentially freeing it if there are no more references
-
-    function releaseCache(cache) {
-      cache.refCount--;
-
-      {
-        if (cache.refCount < 0) {
-          warn(
-            "A cache instance was released after it was already freed. " +
-              "This likely indicates a bug in React."
-          );
-        }
-      }
-
-      if (cache.refCount === 0) {
-        scheduleCallback$2(NormalPriority, function () {
-          cache.controller.abort();
-        });
-      }
-    }
-    function pushCacheProvider(workInProgress, cache) {
-      pushProvider(workInProgress, CacheContext, cache);
-    }
-    function popCacheProvider(workInProgress, cache) {
-      popProvider(CacheContext, workInProgress);
-    }
-
-    // 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 (ReactSharedInternals.actQueue !== null) {
-        // We're inside an `act` scope.
-        if (!didScheduleMicrotask_act) {
-          didScheduleMicrotask_act = true;
-          scheduleImmediateTask(processRootScheduleInMicrotask);
-        }
-      } else {
-        if (!didScheduleMicrotask) {
-          didScheduleMicrotask = true;
-          scheduleImmediateTask(processRootScheduleInMicrotask);
-        }
-      }
-
-      if (!enableDeferRootSchedulingToMicrotask) {
-        // While this flag is disabled, we schedule the render task immediately
-        // instead of waiting a microtask.
-        // TODO: We need to land enableDeferRootSchedulingToMicrotask ASAP to
-        // unblock additional features we have planned.
-        scheduleTaskForRootDuringMicrotask(root, now$1());
-      }
-    }
-    function flushSyncWorkOnAllRoots() {
-      // This is allowed to be called synchronously, but the caller should check
-      // the execution context first.
-      flushSyncWorkAcrossRoots_impl(false);
-    }
-
-    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;
-      isFlushingWork = true;
-
-      do {
-        didPerformSomeWork = false;
-        var root = firstScheduledRoot;
-
-        while (root !== null) {
-          if (onlyLegacy && disableLegacyMode);
-          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.
-              didPerformSomeWork = true;
-              performSyncWorkOnRoot(root, nextLanes);
-            }
-          }
-
-          root = root.next;
-        }
-      } while (didPerformSomeWork);
-
-      isFlushingWork = false;
-    }
-
-    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.
-          !(
-            ReactSharedInternals.actQueue !== 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$1(
-          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$1(priorityLevel, callback) {
-      if (ReactSharedInternals.actQueue !== 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.
-        ReactSharedInternals.actQueue.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 (ReactSharedInternals.actQueue !== 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.
-        ReactSharedInternals.actQueue.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;
-    }
-
-    function requestCurrentTransition() {
-      var transition = ReactSharedInternals.T;
-
-      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.
-
-    var resumedCache = createCursor(null); // During the render/synchronous commit phase, we don't actually process the
-    // transitions. Therefore, we want to lazily combine transitions. Instead of
-    // comparing the arrays of transitions when we combine them and storing them
-    // and filtering out the duplicates, we will instead store the unprocessed transitions
-    // in an array and actually filter them in the passive phase.
-
-    var transitionStack = createCursor(null);
-
-    function peekCacheFromPool() {
-      // If we're rendering inside a Suspense boundary that is currently hidden,
-      // we should use the same cache that we used during the previous render, if
-      // one exists.
-
-      var cacheResumedFromPreviousRender = resumedCache.current;
-
-      if (cacheResumedFromPreviousRender !== null) {
-        return cacheResumedFromPreviousRender;
-      } // Otherwise, check the root's cache pool.
-
-      var root = getWorkInProgressRoot();
-      var cacheFromRootCachePool = root.pooledCache;
-      return cacheFromRootCachePool;
-    }
-
-    function requestCacheFromPool(renderLanes) {
-      // Similar to previous function, except if there's not already a cache in the
-      // pool, we allocate a new one.
-      var cacheFromPool = peekCacheFromPool();
-
-      if (cacheFromPool !== null) {
-        return cacheFromPool;
-      } // Create a fresh cache and add it to the root cache pool. A cache can have
-      // multiple owners:
-      // - A cache pool that lives on the FiberRoot. This is where all fresh caches
-      //   are originally created (TODO: except during refreshes, until we implement
-      //   this correctly). The root takes ownership immediately when the cache is
-      //   created. Conceptually, root.pooledCache is an Option<Arc<Cache>> (owned),
-      //   and the return value of this function is a &Arc<Cache> (borrowed).
-      // - One of several fiber types: host root, cache boundary, suspense
-      //   component. These retain and release in the commit phase.
-
-      var root = getWorkInProgressRoot();
-      var freshCache = createCache();
-      root.pooledCache = freshCache;
-      retainCache(freshCache);
-
-      if (freshCache !== null) {
-        root.pooledCacheLanes |= renderLanes;
-      }
-
-      return freshCache;
-    }
-    function pushRootTransition(workInProgress, root, renderLanes) {
-      if (enableTransitionTracing) {
-        var rootTransitions = getWorkInProgressTransitions();
-        push(transitionStack, rootTransitions, workInProgress);
-      }
-    }
-    function popRootTransition(workInProgress, root, renderLanes) {
-      if (enableTransitionTracing) {
-        pop(transitionStack, workInProgress);
-      }
-    }
-    function pushTransition(
-      offscreenWorkInProgress,
-      prevCachePool,
-      newTransitions
-    ) {
-      {
-        if (prevCachePool === null) {
-          push(resumedCache, resumedCache.current, offscreenWorkInProgress);
-        } else {
-          push(resumedCache, prevCachePool.pool, offscreenWorkInProgress);
-        }
-      }
-
-      if (enableTransitionTracing) {
-        if (transitionStack.current === null) {
-          push(transitionStack, newTransitions, offscreenWorkInProgress);
-        } else if (newTransitions === null) {
-          push(
-            transitionStack,
-            transitionStack.current,
-            offscreenWorkInProgress
-          );
-        } else {
-          push(
-            transitionStack,
-            transitionStack.current.concat(newTransitions),
-            offscreenWorkInProgress
-          );
-        }
-      }
-    }
-    function popTransition(workInProgress, current) {
-      if (current !== null) {
-        if (enableTransitionTracing) {
-          pop(transitionStack, workInProgress);
-        }
-
-        {
-          pop(resumedCache, workInProgress);
-        }
-      }
-    }
-    function getPendingTransitions() {
-      if (!enableTransitionTracing) {
-        return null;
-      }
-
-      return transitionStack.current;
-    }
-    function getSuspendedCache() {
-      // cache that would have been used to render fresh data during this render,
-      // if there was any, so that we can resume rendering with the same cache when
-      // we receive more data.
-
-      var cacheFromPool = peekCacheFromPool();
-
-      if (cacheFromPool === null) {
-        return null;
-      }
-
-      return {
-        // We must also save the parent, so that when we resume we can detect
-        // a refresh.
-        parent: CacheContext._currentValue,
-        pool: cacheFromPool
-      };
-    }
-    function getOffscreenDeferredCache() {
-      var cacheFromPool = peekCacheFromPool();
-
-      if (cacheFromPool === null) {
-        return null;
-      }
-
-      return {
-        // We must also store the parent, so that when we resume we can detect
-        // a refresh.
-        parent: CacheContext._currentValue,
-        pool: cacheFromPool
-      };
-    }
-
+    var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
     var didWarnAboutMismatchedHooksForComponent;
     var didWarnUncachedGetSnapshot;
     var didWarnAboutUseWrappedInTryCatch;
@@ -21214,8 +24140,8 @@ if (__DEV__) {
           didWarnAboutUseFormState.add(componentName);
 
           error(
-            "ReactDOM.useFormState has been renamed to React.useActionState. " +
-              "Please update %s to use React.useActionState.",
+            "ReactDOM.useFormState has been deprecated and replaced by " +
+              "React.useActionState. Please update %s to use React.useActionState.",
             componentName
           );
         }
@@ -21351,16 +24277,17 @@ if (__DEV__) {
 
       {
         if (current !== null && current.memoizedState !== null) {
-          ReactSharedInternals.H = HooksDispatcherOnUpdateInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
         } else if (hookTypesDev !== null) {
           // This dispatcher handles an edge case where a component is updating,
           // but no stateful hooks have been used.
           // We want to match the production code behavior (which will use HooksDispatcherOnMount),
           // but with the extra DEV validation to ensure hooks ordering hasn't changed.
           // This dispatcher does that.
-          ReactSharedInternals.H = HooksDispatcherOnMountWithHookTypesInDEV;
+          ReactCurrentDispatcher$1.current =
+            HooksDispatcherOnMountWithHookTypesInDEV;
         } else {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       } // In Strict Mode, during development, user functions are double invoked to
       // help detect side effects. The logic for how this is implemented for in
@@ -21432,7 +24359,7 @@ if (__DEV__) {
       } // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
       // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
       var didRenderTooFewHooks =
@@ -21605,7 +24532,7 @@ if (__DEV__) {
           hookTypesUpdateIndexDev = -1;
         }
 
-        ReactSharedInternals.H = HooksDispatcherOnRerenderInDEV;
+        ReactCurrentDispatcher$1.current = HooksDispatcherOnRerenderInDEV;
         children = Component(props, secondArg);
       } while (didScheduleRenderPhaseUpdateDuringThisPass);
 
@@ -21627,34 +24554,18 @@ if (__DEV__) {
       );
     }
     function TransitionAwareHostComponent() {
-      var dispatcher = ReactSharedInternals.H;
+      var dispatcher = ReactCurrentDispatcher$1.current;
 
       var _dispatcher$useState = dispatcher.useState(),
         maybeThenable = _dispatcher$useState[0];
 
-      var nextState;
-
       if (typeof maybeThenable.then === "function") {
         var thenable = maybeThenable;
-        nextState = useThenable(thenable);
+        return useThenable(thenable);
       } else {
         var status = maybeThenable;
-        nextState = status;
-      } // The "reset state" is an object. If it changes, that means something
-      // requested that we reset the form.
-
-      var _dispatcher$useState2 = dispatcher.useState(),
-        nextResetState = _dispatcher$useState2[0];
-
-      var prevResetState =
-        currentHook !== null ? currentHook.memoizedState : null;
-
-      if (prevResetState !== nextResetState) {
-        // Schedule a form reset
-        currentlyRenderingFiber$1.flags |= FormReset;
+        return status;
       }
-
-      return nextState;
     }
     function checkDidRenderIdHook() {
       // This should be called immediately after every renderWithHooks call.
@@ -21691,7 +24602,7 @@ if (__DEV__) {
       currentlyRenderingFiber$1 = null; // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
     }
     function resetHooksOnUnwind(workInProgress) {
       if (didScheduleRenderPhaseUpdate) {
@@ -21865,7 +24776,7 @@ if (__DEV__) {
         // time (perhaps because it threw). Subsequent Hook calls should use the
         // mount dispatcher.
         {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       }
 
@@ -22707,14 +25618,14 @@ if (__DEV__) {
       var action = actionQueue.action;
       var prevState = actionQueue.state; // This is a fork of startTransition
 
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$3.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
-      ReactSharedInternals.T = currentTransition;
+      ReactCurrentBatchConfig$3.transition = currentTransition;
 
       {
-        ReactSharedInternals.T._updatedFibers = new Set();
+        ReactCurrentBatchConfig$3.transition._updatedFibers = new Set();
       } // Optimistically update the pending state, similar to useTransition.
       // This will be reverted automatically when all actions are finished.
 
@@ -22772,7 +25683,7 @@ if (__DEV__) {
         setState(rejectedThenable);
         finishRunningActionStateAction(actionQueue, setPendingState, setState);
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$3.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -23431,7 +26342,7 @@ if (__DEV__) {
       setCurrentUpdatePriority(
         higherEventPriority(previousPriority, ContinuousEventPriority)
       );
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$3.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
@@ -23443,19 +26354,19 @@ if (__DEV__) {
         // optimistic update anyway to make it less likely the behavior accidentally
         // diverges; for example, both an optimistic update and this one should
         // share the same lane.
-        ReactSharedInternals.T = currentTransition;
+        ReactCurrentBatchConfig$3.transition = currentTransition;
         dispatchOptimisticSetState(fiber, false, queue, pendingState);
       }
 
       if (enableTransitionTracing) {
         if (options !== undefined && options.name !== undefined) {
-          currentTransition.name = options.name;
-          currentTransition.startTime = now$1();
+          ReactCurrentBatchConfig$3.transition.name = options.name;
+          ReactCurrentBatchConfig$3.transition.startTime = now$1();
         }
       }
 
       {
-        currentTransition._updatedFibers = new Set();
+        ReactCurrentBatchConfig$3.transition._updatedFibers = new Set();
       }
 
       try {
@@ -23501,7 +26412,7 @@ if (__DEV__) {
         }
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$3.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -23529,8 +26440,46 @@ if (__DEV__) {
         );
       }
 
-      var stateHook = ensureFormComponentIsStateful(formFiber);
-      var queue = stateHook.queue;
+      var queue;
+
+      if (formFiber.memoizedState === null) {
+        // Upgrade this host component fiber to be stateful. We're going to pretend
+        // it was stateful all along so we can reuse most of the implementation
+        // for function components and useTransition.
+        //
+        // Create the state hook used by TransitionAwareHostComponent. This is
+        // essentially an inlined version of mountState.
+        var newQueue = {
+          pending: null,
+          lanes: NoLanes,
+          // We're going to cheat and intentionally not create a bound dispatch
+          // method, because we can call it directly in startTransition.
+          dispatch: null,
+          lastRenderedReducer: basicStateReducer,
+          lastRenderedState: NotPendingTransition
+        };
+        queue = newQueue;
+        var stateHook = {
+          memoizedState: NotPendingTransition,
+          baseState: NotPendingTransition,
+          baseQueue: null,
+          queue: newQueue,
+          next: null
+        }; // Add the state hook to both fiber alternates. The idea is that the fiber
+        // had this hook all along.
+
+        formFiber.memoizedState = stateHook;
+        var alternate = formFiber.alternate;
+
+        if (alternate !== null) {
+          alternate.memoizedState = stateHook;
+        }
+      } else {
+        // This fiber was already upgraded to be stateful.
+        var _stateHook = formFiber.memoizedState;
+        queue = _stateHook.queue;
+      }
+
       startTransition(
         formFiber,
         queue,
@@ -23538,104 +26487,11 @@ if (__DEV__) {
         NotPendingTransition, // TODO: We can avoid this extra wrapper, somehow. Figure out layering
         // once more of this function is implemented.
         function () {
-          // Automatically reset the form when the action completes.
-          requestFormReset$2(formFiber);
           return callback(formData);
         }
       );
     }
 
-    function ensureFormComponentIsStateful(formFiber) {
-      var existingStateHook = formFiber.memoizedState;
-
-      if (existingStateHook !== null) {
-        // This fiber was already upgraded to be stateful.
-        return existingStateHook;
-      } // Upgrade this host component fiber to be stateful. We're going to pretend
-      // it was stateful all along so we can reuse most of the implementation
-      // for function components and useTransition.
-      //
-      // Create the state hook used by TransitionAwareHostComponent. This is
-      // essentially an inlined version of mountState.
-
-      var newQueue = {
-        pending: null,
-        lanes: NoLanes,
-        // We're going to cheat and intentionally not create a bound dispatch
-        // method, because we can call it directly in startTransition.
-        dispatch: null,
-        lastRenderedReducer: basicStateReducer,
-        lastRenderedState: NotPendingTransition
-      };
-      var stateHook = {
-        memoizedState: NotPendingTransition,
-        baseState: NotPendingTransition,
-        baseQueue: null,
-        queue: newQueue,
-        next: null
-      }; // We use another state hook to track whether the form needs to be reset.
-      // The state is an empty object. To trigger a reset, we update the state
-      // to a new object. Then during rendering, we detect that the state has
-      // changed and schedule a commit effect.
-
-      var initialResetState = {};
-      var newResetStateQueue = {
-        pending: null,
-        lanes: NoLanes,
-        // We're going to cheat and intentionally not create a bound dispatch
-        // method, because we can call it directly in startTransition.
-        dispatch: null,
-        lastRenderedReducer: basicStateReducer,
-        lastRenderedState: initialResetState
-      };
-      var resetStateHook = {
-        memoizedState: initialResetState,
-        baseState: initialResetState,
-        baseQueue: null,
-        queue: newResetStateQueue,
-        next: null
-      };
-      stateHook.next = resetStateHook; // Add the hook list to both fiber alternates. The idea is that the fiber
-      // had this hook all along.
-
-      formFiber.memoizedState = stateHook;
-      var alternate = formFiber.alternate;
-
-      if (alternate !== null) {
-        alternate.memoizedState = stateHook;
-      }
-
-      return stateHook;
-    }
-
-    function requestFormReset$2(formFiber) {
-      var transition = requestCurrentTransition();
-
-      {
-        if (transition === null) {
-          // An optimistic update occurred, but startTransition is not on the stack.
-          // The form reset will be scheduled at default (sync) priority, which
-          // is probably not what the user intended. Most likely because the
-          // requestFormReset call happened after an `await`.
-          // TODO: Theoretically, requestFormReset is still useful even for
-          // non-transition updates because it allows you to update defaultValue
-          // synchronously and then wait to reset until after the update commits.
-          // I've chosen to warn anyway because it's more likely the `await` mistake
-          // described above. But arguably we shouldn't.
-          error(
-            "requestFormReset was called outside a transition or action. To " +
-              "fix, move to an action, or wrap with startTransition."
-          );
-        }
-      }
-
-      var stateHook = ensureFormComponentIsStateful(formFiber);
-      var newResetState = {};
-      var resetStateHook = stateHook.next;
-      var resetStateQueue = resetStateHook.queue;
-      dispatchSetState(formFiber, resetStateQueue, newResetState);
-    }
-
     function mountTransition() {
       var stateHook = mountStateImpl(false); // The `start` method never changes.
 
@@ -23852,11 +26708,11 @@ if (__DEV__) {
           var lastRenderedReducer = queue.lastRenderedReducer;
 
           if (lastRenderedReducer !== null) {
-            var prevDispatcher = null;
+            var prevDispatcher;
 
             {
-              prevDispatcher = ReactSharedInternals.H;
-              ReactSharedInternals.H =
+              prevDispatcher = ReactCurrentDispatcher$1.current;
+              ReactCurrentDispatcher$1.current =
                 InvalidNestedHooksDispatcherOnUpdateInDEV;
             }
 
@@ -23887,7 +26743,7 @@ if (__DEV__) {
               // Suppress the error. It will throw again in the render phase.
             } finally {
               {
-                ReactSharedInternals.H = prevDispatcher;
+                ReactCurrentDispatcher$1.current = prevDispatcher;
               }
             }
           }
@@ -24161,25 +27017,27 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           mountHookTypesDev();
           checkDepsAreArrayDev(deps);
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -24190,13 +27048,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -24331,25 +27190,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -24360,13 +27221,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -24493,25 +27355,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -24522,13 +27386,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -24664,25 +27529,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -24693,13 +27560,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -24846,26 +27714,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -24878,13 +27748,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -25035,26 +27906,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -25067,13 +27940,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -25224,26 +28098,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -25256,13 +28132,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -25531,6 +28408,1205 @@ if (__DEV__) {
       }
     }
 
+    var fakeInternalInstance = {};
+    var didWarnAboutStateAssignmentForComponent;
+    var didWarnAboutUninitializedState;
+    var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
+    var didWarnAboutLegacyLifecyclesAndDerivedState;
+    var didWarnAboutUndefinedDerivedState;
+    var didWarnAboutDirectlyAssigningPropsToState;
+    var didWarnAboutInvalidateContextType;
+    var didWarnOnInvalidCallback;
+
+    {
+      didWarnAboutStateAssignmentForComponent = new Set();
+      didWarnAboutUninitializedState = new Set();
+      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
+      didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
+      didWarnAboutDirectlyAssigningPropsToState = new Set();
+      didWarnAboutUndefinedDerivedState = new Set();
+      didWarnAboutInvalidateContextType = new Set();
+      didWarnOnInvalidCallback = new Set(); // This is so gross but it's at least non-critical and can be removed if
+      // it causes problems. This is meant to give a nicer error message for
+      // ReactDOM15.unstable_renderSubtreeIntoContainer(reactDOM16Component,
+      // ...)) which otherwise throws a "_processChildContext is not a function"
+      // exception.
+
+      Object.defineProperty(fakeInternalInstance, "_processChildContext", {
+        enumerable: false,
+        value: function () {
+          throw new Error(
+            "_processChildContext is not available in React 16+. This likely " +
+              "means you have multiple copies of React and are attempting to nest " +
+              "a React 15 tree inside a React 16 tree using " +
+              "unstable_renderSubtreeIntoContainer, which isn't supported. Try " +
+              "to make sure you have only one copy of React (and ideally, switch " +
+              "to ReactDOM.createPortal)."
+          );
+        }
+      });
+      Object.freeze(fakeInternalInstance);
+    }
+
+    function warnOnInvalidCallback(callback) {
+      {
+        if (callback === null || typeof callback === "function") {
+          return;
+        } // eslint-disable-next-line react-internal/safe-string-coercion
+
+        var key = String(callback);
+
+        if (!didWarnOnInvalidCallback.has(key)) {
+          didWarnOnInvalidCallback.add(key);
+
+          error(
+            "Expected the last optional `callback` argument to be a " +
+              "function. Instead received: %s.",
+            callback
+          );
+        }
+      }
+    }
+
+    function warnOnUndefinedDerivedState(type, partialState) {
+      {
+        if (partialState === undefined) {
+          var componentName = getComponentNameFromType(type) || "Component";
+
+          if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
+            didWarnAboutUndefinedDerivedState.add(componentName);
+
+            error(
+              "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
+                "You have returned undefined.",
+              componentName
+            );
+          }
+        }
+      }
+    }
+
+    function applyDerivedStateFromProps(
+      workInProgress,
+      ctor,
+      getDerivedStateFromProps,
+      nextProps
+    ) {
+      var prevState = workInProgress.memoizedState;
+      var partialState = getDerivedStateFromProps(nextProps, prevState);
+
+      {
+        if (workInProgress.mode & StrictLegacyMode) {
+          setIsStrictModeForDevtools(true);
+
+          try {
+            // Invoke the function an extra time to help detect side-effects.
+            partialState = getDerivedStateFromProps(nextProps, prevState);
+          } finally {
+            setIsStrictModeForDevtools(false);
+          }
+        }
+
+        warnOnUndefinedDerivedState(ctor, partialState);
+      } // Merge the partial state and the previous state.
+
+      var memoizedState =
+        partialState === null || partialState === undefined
+          ? prevState
+          : assign({}, prevState, partialState);
+      workInProgress.memoizedState = memoizedState; // Once the update queue is empty, persist the derived state onto the
+      // base state.
+
+      if (workInProgress.lanes === NoLanes) {
+        // Queue is always non-null for classes
+        var updateQueue = workInProgress.updateQueue;
+        updateQueue.baseState = memoizedState;
+      }
+    }
+
+    var classComponentUpdater = {
+      isMounted: isMounted,
+      // $FlowFixMe[missing-local-annot]
+      enqueueSetState: function (inst, payload, callback) {
+        var fiber = get(inst);
+        var lane = requestUpdateLane(fiber);
+        var update = createUpdate(lane);
+        update.payload = payload;
+
+        if (callback !== undefined && callback !== null) {
+          {
+            warnOnInvalidCallback(callback);
+          }
+
+          update.callback = callback;
+        }
+
+        var root = enqueueUpdate(fiber, update, lane);
+
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitions(root, fiber, lane);
+        }
+
+        {
+          if (enableDebugTracing) {
+            if (fiber.mode & DebugTracingMode) {
+              var name = getComponentNameFromFiber(fiber) || "Unknown";
+              logStateUpdateScheduled(name, lane, payload);
+            }
+          }
+        }
+
+        if (enableSchedulingProfiler) {
+          markStateUpdateScheduled(fiber, lane);
+        }
+      },
+      enqueueReplaceState: function (inst, payload, callback) {
+        var fiber = get(inst);
+        var lane = requestUpdateLane(fiber);
+        var update = createUpdate(lane);
+        update.tag = ReplaceState;
+        update.payload = payload;
+
+        if (callback !== undefined && callback !== null) {
+          {
+            warnOnInvalidCallback(callback);
+          }
+
+          update.callback = callback;
+        }
+
+        var root = enqueueUpdate(fiber, update, lane);
+
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitions(root, fiber, lane);
+        }
+
+        {
+          if (enableDebugTracing) {
+            if (fiber.mode & DebugTracingMode) {
+              var name = getComponentNameFromFiber(fiber) || "Unknown";
+              logStateUpdateScheduled(name, lane, payload);
+            }
+          }
+        }
+
+        if (enableSchedulingProfiler) {
+          markStateUpdateScheduled(fiber, lane);
+        }
+      },
+      // $FlowFixMe[missing-local-annot]
+      enqueueForceUpdate: function (inst, callback) {
+        var fiber = get(inst);
+        var lane = requestUpdateLane(fiber);
+        var update = createUpdate(lane);
+        update.tag = ForceUpdate;
+
+        if (callback !== undefined && callback !== null) {
+          {
+            warnOnInvalidCallback(callback);
+          }
+
+          update.callback = callback;
+        }
+
+        var root = enqueueUpdate(fiber, update, lane);
+
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitions(root, fiber, lane);
+        }
+
+        {
+          if (enableDebugTracing) {
+            if (fiber.mode & DebugTracingMode) {
+              var name = getComponentNameFromFiber(fiber) || "Unknown";
+              logForceUpdateScheduled(name, lane);
+            }
+          }
+        }
+
+        if (enableSchedulingProfiler) {
+          markForceUpdateScheduled(fiber, lane);
+        }
+      }
+    };
+
+    function checkShouldComponentUpdate(
+      workInProgress,
+      ctor,
+      oldProps,
+      newProps,
+      oldState,
+      newState,
+      nextContext
+    ) {
+      var instance = workInProgress.stateNode;
+
+      if (typeof instance.shouldComponentUpdate === "function") {
+        var shouldUpdate = instance.shouldComponentUpdate(
+          newProps,
+          newState,
+          nextContext
+        );
+
+        {
+          if (workInProgress.mode & StrictLegacyMode) {
+            setIsStrictModeForDevtools(true);
+
+            try {
+              // Invoke the function an extra time to help detect side-effects.
+              shouldUpdate = instance.shouldComponentUpdate(
+                newProps,
+                newState,
+                nextContext
+              );
+            } finally {
+              setIsStrictModeForDevtools(false);
+            }
+          }
+
+          if (shouldUpdate === undefined) {
+            error(
+              "%s.shouldComponentUpdate(): Returned undefined instead of a " +
+                "boolean value. Make sure to return true or false.",
+              getComponentNameFromType(ctor) || "Component"
+            );
+          }
+        }
+
+        return shouldUpdate;
+      }
+
+      if (ctor.prototype && ctor.prototype.isPureReactComponent) {
+        return (
+          !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+        );
+      }
+
+      return true;
+    }
+
+    function checkClassInstance(workInProgress, ctor, newProps) {
+      var instance = workInProgress.stateNode;
+
+      {
+        var name = getComponentNameFromType(ctor) || "Component";
+        var renderPresent = instance.render;
+
+        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
+            );
+          }
+        }
+
+        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 (ctor.childContextTypes) {
+            error(
+              "%s uses the legacy childContextTypes API which was removed in React 19. " +
+                "Use React.createContext() instead.",
+              name
+            );
+          }
+
+          if (ctor.contextTypes) {
+            error(
+              "%s uses the legacy contextTypes API which was removed in React 19. " +
+                "Use React.createContext() with static contextType instead.",
+              name
+            );
+          }
+        }
+
+        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 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(
+            "When calling super() in `%s`, make sure to pass " +
+              "up the same props that your component's constructor was passed.",
+            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 constructClassInstance(workInProgress, ctor, props) {
+      var context = emptyContextObject;
+      var contextType = ctor.contextType;
+
+      {
+        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 = "";
+
+            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(", ") +
+                "}.";
+            }
+
+            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(contextType);
+      }
+
+      var instance = new ctor(props, context); // Instantiate twice to help detect side-effects.
+
+      {
+        if (workInProgress.mode & StrictLegacyMode) {
+          setIsStrictModeForDevtools(true);
+
+          try {
+            instance = new ctor(props, context); // eslint-disable-line no-new
+          } finally {
+            setIsStrictModeForDevtools(false);
+          }
+        }
+      }
+
+      var state = (workInProgress.memoizedState =
+        instance.state !== null && instance.state !== undefined
+          ? instance.state
+          : null);
+      instance.updater = classComponentUpdater;
+      workInProgress.stateNode = instance; // The instance needs access to the fiber so that it can schedule updates
+
+      set(instance, workInProgress);
+
+      {
+        instance._reactInternalInstance = fakeInternalInstance;
+      }
+
+      {
+        if (
+          typeof ctor.getDerivedStateFromProps === "function" &&
+          state === null
+        ) {
+          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);
+
+              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://react.dev/link/unsafe-component-lifecycles",
+                _componentName,
+                newApiName,
+                foundWillMountName !== null ? "\n  " + foundWillMountName : "",
+                foundWillReceivePropsName !== null
+                  ? "\n  " + foundWillReceivePropsName
+                  : "",
+                foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : ""
+              );
+            }
+          }
+        }
+      } // Cache unmasked context so we can avoid recreating masked context unless necessary.
+
+      return instance;
+    }
+
+    function callComponentWillMount(workInProgress, instance) {
+      var oldState = instance.state;
+
+      if (typeof instance.componentWillMount === "function") {
+        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.",
+            getComponentNameFromFiber(workInProgress) || "Component"
+          );
+        }
+
+        classComponentUpdater.enqueueReplaceState(
+          instance,
+          instance.state,
+          null
+        );
+      }
+    }
+
+    function callComponentWillReceiveProps(
+      workInProgress,
+      instance,
+      newProps,
+      nextContext
+    ) {
+      var oldState = instance.state;
+
+      if (typeof instance.componentWillReceiveProps === "function") {
+        instance.componentWillReceiveProps(newProps, nextContext);
+      }
+
+      if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
+        instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
+      }
+
+      if (instance.state !== oldState) {
+        {
+          var componentName =
+            getComponentNameFromFiber(workInProgress) || "Component";
+
+          if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
+            didWarnAboutStateAssignmentForComponent.add(componentName);
+
+            error(
+              "%s.componentWillReceiveProps(): Assigning directly to " +
+                "this.state is deprecated (except inside a component's " +
+                "constructor). Use setState instead.",
+              componentName
+            );
+          }
+        }
+
+        classComponentUpdater.enqueueReplaceState(
+          instance,
+          instance.state,
+          null
+        );
+      }
+    } // Invokes the mount life-cycles on a previously never rendered instance.
+
+    function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
+      {
+        checkClassInstance(workInProgress, ctor, newProps);
+      }
+
+      var instance = workInProgress.stateNode;
+      instance.props = newProps;
+      instance.state = workInProgress.memoizedState;
+      instance.refs = {};
+      initializeUpdateQueue(workInProgress);
+      var contextType = ctor.contextType;
+
+      if (typeof contextType === "object" && contextType !== null) {
+        instance.context = readContext(contextType);
+      } else {
+        instance.context = emptyContextObject;
+      }
+
+      {
+        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
+            );
+          }
+        }
+
+        if (workInProgress.mode & StrictLegacyMode) {
+          ReactStrictModeWarnings.recordLegacyContextWarning(
+            workInProgress,
+            instance
+          );
+        }
+
+        ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
+          workInProgress,
+          instance
+        );
+      }
+
+      instance.state = workInProgress.memoizedState;
+      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+
+      if (typeof getDerivedStateFromProps === "function") {
+        applyDerivedStateFromProps(
+          workInProgress,
+          ctor,
+          getDerivedStateFromProps,
+          newProps
+        );
+        instance.state = workInProgress.memoizedState;
+      } // 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(workInProgress, instance); // If we had additional state updates during this life-cycle, let's
+        // process them now.
+
+        processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+        suspendIfUpdateReadFromEntangledAsyncAction();
+        instance.state = workInProgress.memoizedState;
+      }
+
+      if (typeof instance.componentDidMount === "function") {
+        workInProgress.flags |= Update | LayoutStatic;
+      }
+
+      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+        workInProgress.flags |= MountLayoutDev;
+      }
+    }
+
+    function resumeMountClassInstance(
+      workInProgress,
+      ctor,
+      newProps,
+      renderLanes
+    ) {
+      var instance = workInProgress.stateNode;
+      var unresolvedOldProps = workInProgress.memoizedProps;
+      var oldProps = resolveClassComponentProps(
+        ctor,
+        unresolvedOldProps,
+        workInProgress.type === workInProgress.elementType
+      );
+      instance.props = oldProps;
+      var oldContext = instance.context;
+      var contextType = ctor.contextType;
+      var nextContext = emptyContextObject;
+
+      if (typeof contextType === "object" && contextType !== null) {
+        nextContext = readContext(contextType);
+      }
+
+      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+      var hasNewLifecycles =
+        typeof getDerivedStateFromProps === "function" ||
+        typeof instance.getSnapshotBeforeUpdate === "function"; // When comparing whether props changed, we should compare using the
+      // unresolved props object that is stored on the fiber, rather than the
+      // one that gets assigned to the instance, because that object may have been
+      // cloned to resolve default props and/or remove `ref`.
+
+      var unresolvedNewProps = workInProgress.pendingProps;
+      var didReceiveNewProps = unresolvedNewProps !== unresolvedOldProps; // Note: During these life-cycles, instance.props/instance.state are what
+      // ever the previously attempted to render - not the "current". However,
+      // during componentDidUpdate we pass the "current" props.
+      // In order to support react-lifecycles-compat polyfilled components,
+      // Unsafe lifecycles should not be invoked for components using the new APIs.
+
+      if (
+        !hasNewLifecycles &&
+        (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
+          typeof instance.componentWillReceiveProps === "function")
+      ) {
+        if (didReceiveNewProps || oldContext !== nextContext) {
+          callComponentWillReceiveProps(
+            workInProgress,
+            instance,
+            newProps,
+            nextContext
+          );
+        }
+      }
+
+      resetHasForceUpdateBeforeProcessing();
+      var oldState = workInProgress.memoizedState;
+      var newState = (instance.state = oldState);
+      processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
+      newState = workInProgress.memoizedState;
+
+      if (
+        !didReceiveNewProps &&
+        oldState === newState &&
+        !hasContextChanged() &&
+        !checkHasForceUpdateAfterProcessing()
+      ) {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidMount === "function") {
+          workInProgress.flags |= Update | LayoutStatic;
+        }
+
+        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+          workInProgress.flags |= MountLayoutDev;
+        }
+
+        return false;
+      }
+
+      if (typeof getDerivedStateFromProps === "function") {
+        applyDerivedStateFromProps(
+          workInProgress,
+          ctor,
+          getDerivedStateFromProps,
+          newProps
+        );
+        newState = workInProgress.memoizedState;
+      }
+
+      var shouldUpdate =
+        checkHasForceUpdateAfterProcessing() ||
+        checkShouldComponentUpdate(
+          workInProgress,
+          ctor,
+          oldProps,
+          newProps,
+          oldState,
+          newState,
+          nextContext
+        );
+
+      if (shouldUpdate) {
+        // In order to support react-lifecycles-compat polyfilled components,
+        // Unsafe lifecycles should not be invoked for components using the new APIs.
+        if (
+          !hasNewLifecycles &&
+          (typeof instance.UNSAFE_componentWillMount === "function" ||
+            typeof instance.componentWillMount === "function")
+        ) {
+          if (typeof instance.componentWillMount === "function") {
+            instance.componentWillMount();
+          }
+
+          if (typeof instance.UNSAFE_componentWillMount === "function") {
+            instance.UNSAFE_componentWillMount();
+          }
+        }
+
+        if (typeof instance.componentDidMount === "function") {
+          workInProgress.flags |= Update | LayoutStatic;
+        }
+
+        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+          workInProgress.flags |= MountLayoutDev;
+        }
+      } else {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidMount === "function") {
+          workInProgress.flags |= Update | LayoutStatic;
+        }
+
+        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+          workInProgress.flags |= MountLayoutDev;
+        } // If shouldComponentUpdate returned false, we should still update the
+        // memoized state to indicate that this work can be reused.
+
+        workInProgress.memoizedProps = newProps;
+        workInProgress.memoizedState = newState;
+      } // Update the existing instance's state, props, and context pointers even
+      // if shouldComponentUpdate returns false.
+
+      instance.props = newProps;
+      instance.state = newState;
+      instance.context = nextContext;
+      return shouldUpdate;
+    } // Invokes the update life-cycles and returns false if it shouldn't rerender.
+
+    function updateClassInstance(
+      current,
+      workInProgress,
+      ctor,
+      newProps,
+      renderLanes
+    ) {
+      var instance = workInProgress.stateNode;
+      cloneUpdateQueue(current, workInProgress);
+      var unresolvedOldProps = workInProgress.memoizedProps;
+      var oldProps = resolveClassComponentProps(
+        ctor,
+        unresolvedOldProps,
+        workInProgress.type === workInProgress.elementType
+      );
+      instance.props = oldProps;
+      var unresolvedNewProps = workInProgress.pendingProps;
+      var oldContext = instance.context;
+      var contextType = ctor.contextType;
+      var nextContext = emptyContextObject;
+
+      if (typeof contextType === "object" && contextType !== null) {
+        nextContext = readContext(contextType);
+      }
+
+      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+      var hasNewLifecycles =
+        typeof getDerivedStateFromProps === "function" ||
+        typeof instance.getSnapshotBeforeUpdate === "function"; // Note: During these life-cycles, instance.props/instance.state are what
+      // ever the previously attempted to render - not the "current". However,
+      // during componentDidUpdate we pass the "current" props.
+      // In order to support react-lifecycles-compat polyfilled components,
+      // Unsafe lifecycles should not be invoked for components using the new APIs.
+
+      if (
+        !hasNewLifecycles &&
+        (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
+          typeof instance.componentWillReceiveProps === "function")
+      ) {
+        if (
+          unresolvedOldProps !== unresolvedNewProps ||
+          oldContext !== nextContext
+        ) {
+          callComponentWillReceiveProps(
+            workInProgress,
+            instance,
+            newProps,
+            nextContext
+          );
+        }
+      }
+
+      resetHasForceUpdateBeforeProcessing();
+      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 &&
+          current !== null &&
+          current.dependencies !== null &&
+          checkIfContextChanged(current.dependencies)
+        )
+      ) {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Update;
+          }
+        }
+
+        if (typeof instance.getSnapshotBeforeUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Snapshot;
+          }
+        }
+
+        return false;
+      }
+
+      if (typeof getDerivedStateFromProps === "function") {
+        applyDerivedStateFromProps(
+          workInProgress,
+          ctor,
+          getDerivedStateFromProps,
+          newProps
+        );
+        newState = workInProgress.memoizedState;
+      }
+
+      var shouldUpdate =
+        checkHasForceUpdateAfterProcessing() ||
+        checkShouldComponentUpdate(
+          workInProgress,
+          ctor,
+          oldProps,
+          newProps,
+          oldState,
+          newState,
+          nextContext
+        ) || // TODO: In some cases, we'll end up checking if context has changed twice,
+        // both before and after `shouldComponentUpdate` has been called. Not ideal,
+        // but I'm loath to refactor this function. This only happens for memoized
+        // components so it's not that common.
+        (enableLazyContextPropagation &&
+          current !== null &&
+          current.dependencies !== null &&
+          checkIfContextChanged(current.dependencies));
+
+      if (shouldUpdate) {
+        // In order to support react-lifecycles-compat polyfilled components,
+        // Unsafe lifecycles should not be invoked for components using the new APIs.
+        if (
+          !hasNewLifecycles &&
+          (typeof instance.UNSAFE_componentWillUpdate === "function" ||
+            typeof instance.componentWillUpdate === "function")
+        ) {
+          if (typeof instance.componentWillUpdate === "function") {
+            instance.componentWillUpdate(newProps, newState, nextContext);
+          }
+
+          if (typeof instance.UNSAFE_componentWillUpdate === "function") {
+            instance.UNSAFE_componentWillUpdate(
+              newProps,
+              newState,
+              nextContext
+            );
+          }
+        }
+
+        if (typeof instance.componentDidUpdate === "function") {
+          workInProgress.flags |= Update;
+        }
+
+        if (typeof instance.getSnapshotBeforeUpdate === "function") {
+          workInProgress.flags |= Snapshot;
+        }
+      } else {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Update;
+          }
+        }
+
+        if (typeof instance.getSnapshotBeforeUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Snapshot;
+          }
+        } // If shouldComponentUpdate returned false, we should still update the
+        // memoized props/state to indicate that this work can be reused.
+
+        workInProgress.memoizedProps = newProps;
+        workInProgress.memoizedState = newState;
+      } // Update the existing instance's state, props, and context pointers even
+      // if shouldComponentUpdate returns false.
+
+      instance.props = newProps;
+      instance.state = newState;
+      instance.context = nextContext;
+      return shouldUpdate;
+    }
+
+    function resolveClassComponentProps(
+      Component,
+      baseProps, // Only resolve default props if this is a lazy component. Otherwise, they
+      // would have already been resolved by the JSX runtime.
+      // TODO: We're going to remove default prop resolution from the JSX runtime
+      // and keep it only for class components. As part of that change, we should
+      // remove this extra check.
+      alreadyResolvedDefaultProps
+    ) {
+      var newProps = baseProps; // Resolve default props. Taken from old JSX runtime, where this used to live.
+
+      var defaultProps = Component.defaultProps;
+
+      if (
+        defaultProps && // If disableDefaultPropsExceptForClasses is true, we always resolve
+        // default props here in the reconciler, rather than in the JSX runtime.
+        (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
+      ) {
+        newProps = assign({}, newProps, baseProps);
+
+        for (var propName in defaultProps) {
+          if (newProps[propName] === undefined) {
+            newProps[propName] = defaultProps[propName];
+          }
+        }
+      }
+
+      if (enableRefAsProp) {
+        // Remove ref from the props object, if it exists.
+        if ("ref" in newProps) {
+          if (newProps === baseProps) {
+            newProps = assign({}, newProps);
+          }
+
+          delete newProps.ref;
+        }
+      }
+
+      return newProps;
+    }
+
     function resolveDefaultPropsOnNonClassComponent(Component, baseProps) {
       if (disableDefaultPropsExceptForClasses) {
         // Support for defaultProps is removed in React 19 for all types
@@ -25555,6 +29631,8 @@ if (__DEV__) {
       return baseProps;
     }
 
+    var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // Side-channel since I'm not sure we want to make this part of the public API
+
     var componentName = null;
     var errorBoundaryName = null;
     function defaultOnUncaughtError(error, errorInfo) {
@@ -25619,10 +29697,10 @@ if (__DEV__) {
 
         var error = errorInfo.value;
 
-        if (true && ReactSharedInternals.actQueue !== null) {
+        if (true && ReactCurrentActQueue$2.current !== null) {
           // For uncaught errors inside act, we track them on the act and then
           // rethrow them into the test.
-          ReactSharedInternals.thrownErrors.push(error);
+          ReactCurrentActQueue$2.thrownErrors.push(error);
           return;
         }
 
@@ -26172,6 +30250,214 @@ if (__DEV__) {
       return false;
     }
 
+    // TODO: Is there a way to not include the tag or name here?
+
+    var TransitionRoot = 0;
+    var TransitionTracingMarker = 1;
+    function processTransitionCallbacks(
+      pendingTransitions,
+      endTime,
+      callbacks
+    ) {
+      if (enableTransitionTracing) {
+        if (pendingTransitions !== null) {
+          var transitionStart = pendingTransitions.transitionStart;
+          var onTransitionStart = callbacks.onTransitionStart;
+
+          if (transitionStart !== null && onTransitionStart != null) {
+            transitionStart.forEach(function (transition) {
+              return onTransitionStart(transition.name, transition.startTime);
+            });
+          }
+
+          var markerProgress = pendingTransitions.markerProgress;
+          var onMarkerProgress = callbacks.onMarkerProgress;
+
+          if (onMarkerProgress != null && markerProgress !== null) {
+            markerProgress.forEach(function (markerInstance, markerName) {
+              if (markerInstance.transitions !== null) {
+                // TODO: Clone the suspense object so users can't modify it
+                var pending =
+                  markerInstance.pendingBoundaries !== null
+                    ? Array.from(markerInstance.pendingBoundaries.values())
+                    : [];
+                markerInstance.transitions.forEach(function (transition) {
+                  onMarkerProgress(
+                    transition.name,
+                    markerName,
+                    transition.startTime,
+                    endTime,
+                    pending
+                  );
+                });
+              }
+            });
+          }
+
+          var markerComplete = pendingTransitions.markerComplete;
+          var onMarkerComplete = callbacks.onMarkerComplete;
+
+          if (markerComplete !== null && onMarkerComplete != null) {
+            markerComplete.forEach(function (transitions, markerName) {
+              transitions.forEach(function (transition) {
+                onMarkerComplete(
+                  transition.name,
+                  markerName,
+                  transition.startTime,
+                  endTime
+                );
+              });
+            });
+          }
+
+          var markerIncomplete = pendingTransitions.markerIncomplete;
+          var onMarkerIncomplete = callbacks.onMarkerIncomplete;
+
+          if (onMarkerIncomplete != null && markerIncomplete !== null) {
+            markerIncomplete.forEach(function (_ref, markerName) {
+              var transitions = _ref.transitions,
+                aborts = _ref.aborts;
+              transitions.forEach(function (transition) {
+                var filteredAborts = [];
+                aborts.forEach(function (abort) {
+                  switch (abort.reason) {
+                    case "marker": {
+                      filteredAborts.push({
+                        type: "marker",
+                        name: abort.name,
+                        endTime: endTime
+                      });
+                      break;
+                    }
+
+                    case "suspense": {
+                      filteredAborts.push({
+                        type: "suspense",
+                        name: abort.name,
+                        endTime: endTime
+                      });
+                      break;
+                    }
+                  }
+                });
+
+                if (filteredAborts.length > 0) {
+                  onMarkerIncomplete(
+                    transition.name,
+                    markerName,
+                    transition.startTime,
+                    filteredAborts
+                  );
+                }
+              });
+            });
+          }
+
+          var transitionProgress = pendingTransitions.transitionProgress;
+          var onTransitionProgress = callbacks.onTransitionProgress;
+
+          if (onTransitionProgress != null && transitionProgress !== null) {
+            transitionProgress.forEach(function (pending, transition) {
+              onTransitionProgress(
+                transition.name,
+                transition.startTime,
+                endTime,
+                Array.from(pending.values())
+              );
+            });
+          }
+
+          var transitionComplete = pendingTransitions.transitionComplete;
+          var onTransitionComplete = callbacks.onTransitionComplete;
+
+          if (transitionComplete !== null && onTransitionComplete != null) {
+            transitionComplete.forEach(function (transition) {
+              return onTransitionComplete(
+                transition.name,
+                transition.startTime,
+                endTime
+              );
+            });
+          }
+        }
+      }
+    } // For every tracing marker, store a pointer to it. We will later access it
+    // to get the set of suspense boundaries that need to resolve before the
+    // tracing marker can be logged as complete
+    // This code lives separate from the ReactFiberTransition code because
+    // we push and pop on the tracing marker, not the suspense boundary
+
+    var markerInstanceStack = createCursor(null);
+    function pushRootMarkerInstance(workInProgress) {
+      if (enableTransitionTracing) {
+        // On the root, every transition gets mapped to it's own map of
+        // suspense boundaries. The transition is marked as complete when
+        // the suspense boundaries map is empty. We do this because every
+        // transition completes at different times and depends on different
+        // suspense boundaries to complete. We store all the transitions
+        // along with its map of suspense boundaries in the root incomplete
+        // transitions map. Each entry in this map functions like a tracing
+        // marker does, so we can push it onto the marker instance stack
+        var transitions = getWorkInProgressTransitions();
+        var root = workInProgress.stateNode;
+
+        if (transitions !== null) {
+          transitions.forEach(function (transition) {
+            if (!root.incompleteTransitions.has(transition)) {
+              var markerInstance = {
+                tag: TransitionRoot,
+                transitions: new Set([transition]),
+                pendingBoundaries: null,
+                aborts: null,
+                name: null
+              };
+              root.incompleteTransitions.set(transition, markerInstance);
+            }
+          });
+        }
+
+        var markerInstances = []; // For ever transition on the suspense boundary, we push the transition
+        // along with its map of pending suspense boundaries onto the marker
+        // instance stack.
+
+        root.incompleteTransitions.forEach(function (markerInstance) {
+          markerInstances.push(markerInstance);
+        });
+        push(markerInstanceStack, markerInstances, workInProgress);
+      }
+    }
+    function popRootMarkerInstance(workInProgress) {
+      if (enableTransitionTracing) {
+        pop(markerInstanceStack, workInProgress);
+      }
+    }
+    function pushMarkerInstance(workInProgress, markerInstance) {
+      if (enableTransitionTracing) {
+        if (markerInstanceStack.current === null) {
+          push(markerInstanceStack, [markerInstance], workInProgress);
+        } else {
+          push(
+            markerInstanceStack,
+            markerInstanceStack.current.concat(markerInstance),
+            workInProgress
+          );
+        }
+      }
+    }
+    function popMarkerInstance(workInProgress) {
+      if (enableTransitionTracing) {
+        pop(markerInstanceStack, workInProgress);
+      }
+    }
+    function getMarkerInstances() {
+      if (enableTransitionTracing) {
+        return markerInstanceStack.current;
+      }
+
+      return null;
+    }
+
+    var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
     // into a dehydrated boundary.
 
     var SelectiveHydrationException = new Error(
@@ -26305,7 +30591,7 @@ if (__DEV__) {
       }
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -26952,7 +31238,7 @@ if (__DEV__) {
       }
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -27177,10 +31463,7 @@ if (__DEV__) {
 
       var instance = workInProgress.stateNode; // Rerender
 
-      {
-        ReactSharedInternals.owner = workInProgress;
-      }
-
+      ReactCurrentOwner$1.current = workInProgress;
       var nextChildren;
 
       if (
@@ -29097,7 +33380,7 @@ if (__DEV__) {
       var newChildren;
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         newChildren = render(newValue);
         setIsRendering(false);
@@ -30480,1807 +34763,2011 @@ if (__DEV__) {
       return value;
     }
 
-    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`.
+    // replace it with a lightweight shim that only has the features we use.
 
-    var hasForceUpdate = false;
-    var didWarnUpdateInsideUpdate;
-    var currentlyProcessingQueue;
+    var AbortControllerLocal =
+      typeof AbortController !== "undefined"
+        ? AbortController // $FlowFixMe[missing-this-annot]
+        : // $FlowFixMe[prop-missing]
+          function AbortControllerShim() {
+            var listeners = [];
+            var signal = (this.signal = {
+              aborted: false,
+              addEventListener: function (type, listener) {
+                listeners.push(listener);
+              }
+            });
+
+            this.abort = function () {
+              signal.aborted = true;
+              listeners.forEach(function (listener) {
+                return listener();
+              });
+            };
+          }; // Intentionally not named imports because Rollup would
+    // use dynamic dispatch for CommonJS interop named imports.
+
+    var scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
+      NormalPriority = Scheduler.unstable_NormalPriority;
+    var CacheContext = {
+      $$typeof: REACT_CONTEXT_TYPE,
+      // We don't use Consumer/Provider for Cache components. So we'll cheat.
+      Consumer: null,
+      Provider: null,
+      // We'll initialize these at the root.
+      _currentValue: null,
+      _currentValue2: null,
+      _threadCount: 0
+    };
 
     {
-      didWarnUpdateInsideUpdate = false;
-      currentlyProcessingQueue = null;
-    }
+      CacheContext._currentRenderer = null;
+      CacheContext._currentRenderer2 = null;
+    } // Creates a new empty Cache instance with a ref-count of 0. The caller is responsible
+    // for retaining the cache once it is in use (retainCache), and releasing the cache
+    // once it is no longer needed (releaseCache).
 
-    function initializeUpdateQueue(fiber) {
-      var queue = {
-        baseState: fiber.memoizedState,
-        firstBaseUpdate: null,
-        lastBaseUpdate: null,
-        shared: {
-          pending: null,
-          lanes: NoLanes,
-          hiddenCallbacks: null
-        },
-        callbacks: null
+    function createCache() {
+      var cache = {
+        controller: new AbortControllerLocal(),
+        data: new Map(),
+        refCount: 0
       };
-      fiber.updateQueue = queue;
+      return cache;
     }
-    function cloneUpdateQueue(current, workInProgress) {
-      // Clone the update queue from current. Unless it's already a clone.
-      var queue = workInProgress.updateQueue;
-      var currentQueue = current.updateQueue;
+    function retainCache(cache) {
+      {
+        if (cache.controller.signal.aborted) {
+          warn(
+            "A cache instance was retained after it was already freed. " +
+              "This likely indicates a bug in React."
+          );
+        }
+      }
 
-      if (queue === currentQueue) {
-        var clone = {
-          baseState: currentQueue.baseState,
-          firstBaseUpdate: currentQueue.firstBaseUpdate,
-          lastBaseUpdate: currentQueue.lastBaseUpdate,
-          shared: currentQueue.shared,
-          callbacks: null
-        };
-        workInProgress.updateQueue = clone;
+      cache.refCount++;
+    } // Cleanup a cache instance, potentially freeing it if there are no more references
+
+    function releaseCache(cache) {
+      cache.refCount--;
+
+      {
+        if (cache.refCount < 0) {
+          warn(
+            "A cache instance was released after it was already freed. " +
+              "This likely indicates a bug in React."
+          );
+        }
+      }
+
+      if (cache.refCount === 0) {
+        scheduleCallback$1(NormalPriority, function () {
+          cache.controller.abort();
+        });
       }
     }
-    function createUpdate(lane) {
-      var update = {
-        lane: lane,
-        tag: UpdateState,
-        payload: null,
-        callback: null,
-        next: null
-      };
-      return update;
+    function pushCacheProvider(workInProgress, cache) {
+      pushProvider(workInProgress, CacheContext, cache);
+    }
+    function popCacheProvider(workInProgress, cache) {
+      popProvider(CacheContext, workInProgress);
     }
-    function enqueueUpdate(fiber, update, lane) {
-      var updateQueue = fiber.updateQueue;
 
-      if (updateQueue === null) {
-        // Only occurs if the fiber has been unmounted.
+    var ReactCurrentBatchConfig$2 =
+      ReactSharedInternals.ReactCurrentBatchConfig;
+    function requestCurrentTransition() {
+      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.
+
+    var resumedCache = createCursor(null); // During the render/synchronous commit phase, we don't actually process the
+    // transitions. Therefore, we want to lazily combine transitions. Instead of
+    // comparing the arrays of transitions when we combine them and storing them
+    // and filtering out the duplicates, we will instead store the unprocessed transitions
+    // in an array and actually filter them in the passive phase.
+
+    var transitionStack = createCursor(null);
+
+    function peekCacheFromPool() {
+      // If we're rendering inside a Suspense boundary that is currently hidden,
+      // we should use the same cache that we used during the previous render, if
+      // one exists.
+
+      var cacheResumedFromPreviousRender = resumedCache.current;
+
+      if (cacheResumedFromPreviousRender !== null) {
+        return cacheResumedFromPreviousRender;
+      } // Otherwise, check the root's cache pool.
+
+      var root = getWorkInProgressRoot();
+      var cacheFromRootCachePool = root.pooledCache;
+      return cacheFromRootCachePool;
+    }
+
+    function requestCacheFromPool(renderLanes) {
+      // Similar to previous function, except if there's not already a cache in the
+      // pool, we allocate a new one.
+      var cacheFromPool = peekCacheFromPool();
+
+      if (cacheFromPool !== null) {
+        return cacheFromPool;
+      } // Create a fresh cache and add it to the root cache pool. A cache can have
+      // multiple owners:
+      // - A cache pool that lives on the FiberRoot. This is where all fresh caches
+      //   are originally created (TODO: except during refreshes, until we implement
+      //   this correctly). The root takes ownership immediately when the cache is
+      //   created. Conceptually, root.pooledCache is an Option<Arc<Cache>> (owned),
+      //   and the return value of this function is a &Arc<Cache> (borrowed).
+      // - One of several fiber types: host root, cache boundary, suspense
+      //   component. These retain and release in the commit phase.
+
+      var root = getWorkInProgressRoot();
+      var freshCache = createCache();
+      root.pooledCache = freshCache;
+      retainCache(freshCache);
+
+      if (freshCache !== null) {
+        root.pooledCacheLanes |= renderLanes;
+      }
+
+      return freshCache;
+    }
+    function pushRootTransition(workInProgress, root, renderLanes) {
+      if (enableTransitionTracing) {
+        var rootTransitions = getWorkInProgressTransitions();
+        push(transitionStack, rootTransitions, workInProgress);
+      }
+    }
+    function popRootTransition(workInProgress, root, renderLanes) {
+      if (enableTransitionTracing) {
+        pop(transitionStack, workInProgress);
+      }
+    }
+    function pushTransition(
+      offscreenWorkInProgress,
+      prevCachePool,
+      newTransitions
+    ) {
+      {
+        if (prevCachePool === null) {
+          push(resumedCache, resumedCache.current, offscreenWorkInProgress);
+        } else {
+          push(resumedCache, prevCachePool.pool, offscreenWorkInProgress);
+        }
+      }
+
+      if (enableTransitionTracing) {
+        if (transitionStack.current === null) {
+          push(transitionStack, newTransitions, offscreenWorkInProgress);
+        } else if (newTransitions === null) {
+          push(
+            transitionStack,
+            transitionStack.current,
+            offscreenWorkInProgress
+          );
+        } else {
+          push(
+            transitionStack,
+            transitionStack.current.concat(newTransitions),
+            offscreenWorkInProgress
+          );
+        }
+      }
+    }
+    function popTransition(workInProgress, current) {
+      if (current !== null) {
+        if (enableTransitionTracing) {
+          pop(transitionStack, workInProgress);
+        }
+
+        {
+          pop(resumedCache, workInProgress);
+        }
+      }
+    }
+    function getPendingTransitions() {
+      if (!enableTransitionTracing) {
         return null;
       }
 
-      var sharedQueue = updateQueue.shared;
+      return transitionStack.current;
+    }
+    function getSuspendedCache() {
+      // cache that would have been used to render fresh data during this render,
+      // if there was any, so that we can resume rendering with the same cache when
+      // we receive more data.
 
-      {
-        if (
-          currentlyProcessingQueue === sharedQueue &&
-          !didWarnUpdateInsideUpdate
-        ) {
-          var componentName = getComponentNameFromFiber(fiber);
+      var cacheFromPool = peekCacheFromPool();
 
-          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 (cacheFromPool === null) {
+        return null;
       }
 
-      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;
+      return {
+        // We must also save the parent, so that when we resume we can detect
+        // a refresh.
+        parent: CacheContext._currentValue,
+        pool: cacheFromPool
+      };
+    }
+    function getOffscreenDeferredCache() {
+      var cacheFromPool = peekCacheFromPool();
 
-        if (pending === null) {
-          // This is the first update. Create a circular list.
-          update.next = update;
-        } else {
-          update.next = pending.next;
-          pending.next = update;
+      if (cacheFromPool === null) {
+        return null;
+      }
+
+      return {
+        // We must also store the parent, so that when we resume we can detect
+        // a refresh.
+        parent: CacheContext._currentValue,
+        pool: cacheFromPool
+      };
+    }
+
+    function getSuspenseFallbackChild(fiber) {
+      return fiber.child.sibling.child;
+    }
+
+    var emptyObject = {};
+
+    function collectScopedNodes(node, fn, scopedNodes) {
+      {
+        if (node.tag === HostComponent) {
+          var type = node.type,
+            memoizedProps = node.memoizedProps,
+            stateNode = node.stateNode;
+          var instance = getPublicInstance(stateNode);
+
+          if (
+            instance !== null &&
+            fn(type, memoizedProps || emptyObject, instance) === true
+          ) {
+            scopedNodes.push(instance);
+          }
         }
 
-        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).
+        var child = node.child;
 
-        return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
-      } else {
-        return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
+        if (isFiberSuspenseAndTimedOut(node)) {
+          child = getSuspenseFallbackChild(node);
+        }
+
+        if (child !== null) {
+          collectScopedNodesFromChildren(child, fn, scopedNodes);
+        }
       }
     }
-    function entangleTransitions(root, fiber, lane) {
-      var updateQueue = fiber.updateQueue;
 
-      if (updateQueue === null) {
-        // Only occurs if the fiber has been unmounted.
+    function collectFirstScopedNode(node, fn) {
+      {
+        if (node.tag === HostComponent) {
+          var type = node.type,
+            memoizedProps = node.memoizedProps,
+            stateNode = node.stateNode;
+          var instance = getPublicInstance(stateNode);
+
+          if (instance !== null && fn(type, memoizedProps, instance) === true) {
+            return instance;
+          }
+        }
+
+        var child = node.child;
+
+        if (isFiberSuspenseAndTimedOut(node)) {
+          child = getSuspenseFallbackChild(node);
+        }
+
+        if (child !== null) {
+          return collectFirstScopedNodeFromChildren(child, fn);
+        }
+      }
+
+      return null;
+    }
+
+    function collectScopedNodesFromChildren(startingChild, fn, scopedNodes) {
+      var child = startingChild;
+
+      while (child !== null) {
+        collectScopedNodes(child, fn, scopedNodes);
+        child = child.sibling;
+      }
+    }
+
+    function collectFirstScopedNodeFromChildren(startingChild, fn) {
+      var child = startingChild;
+
+      while (child !== null) {
+        var scopedNode = collectFirstScopedNode(child, fn);
+
+        if (scopedNode !== null) {
+          return scopedNode;
+        }
+
+        child = child.sibling;
+      }
+
+      return null;
+    }
+
+    function collectNearestContextValues(node, context, childContextValues) {
+      if (
+        node.tag === ContextProvider &&
+        (enableRenderableContext ? node.type : node.type._context) === context
+      ) {
+        var contextValue = node.memoizedProps.value;
+        childContextValues.push(contextValue);
+      } else {
+        var child = node.child;
+
+        if (isFiberSuspenseAndTimedOut(node)) {
+          child = getSuspenseFallbackChild(node);
+        }
+
+        if (child !== null) {
+          collectNearestChildContextValues(child, context, childContextValues);
+        }
+      }
+    }
+
+    function collectNearestChildContextValues(
+      startingChild,
+      context,
+      childContextValues
+    ) {
+      var child = startingChild;
+
+      while (child !== null) {
+        collectNearestContextValues(child, context, childContextValues);
+        child = child.sibling;
+      }
+    }
+
+    function DO_NOT_USE_queryAllNodes(fn) {
+      var currentFiber = getInstanceFromScope(this);
+
+      if (currentFiber === null) {
+        return null;
+      }
+
+      var child = currentFiber.child;
+      var scopedNodes = [];
+
+      if (child !== null) {
+        collectScopedNodesFromChildren(child, fn, scopedNodes);
+      }
+
+      return scopedNodes.length === 0 ? null : scopedNodes;
+    }
+
+    function DO_NOT_USE_queryFirstNode(fn) {
+      var currentFiber = getInstanceFromScope(this);
+
+      if (currentFiber === null) {
+        return null;
+      }
+
+      var child = currentFiber.child;
+
+      if (child !== null) {
+        return collectFirstScopedNodeFromChildren(child, fn);
+      }
+
+      return null;
+    }
+
+    function containsNode(node) {
+      var fiber = getInstanceFromNode(node);
+
+      while (fiber !== null) {
+        if (fiber.tag === ScopeComponent && fiber.stateNode === this) {
+          return true;
+        }
+
+        fiber = fiber.return;
+      }
+
+      return false;
+    }
+
+    function getChildContextValues(context) {
+      var currentFiber = getInstanceFromScope(this);
+
+      if (currentFiber === null) {
+        return [];
+      }
+
+      var child = currentFiber.child;
+      var childContextValues = [];
+
+      if (child !== null) {
+        collectNearestChildContextValues(child, context, childContextValues);
+      }
+
+      return childContextValues;
+    }
+
+    function createScopeInstance() {
+      return {
+        DO_NOT_USE_queryAllNodes: DO_NOT_USE_queryAllNodes,
+        DO_NOT_USE_queryFirstNode: DO_NOT_USE_queryFirstNode,
+        containsNode: containsNode,
+        getChildContextValues: getChildContextValues
+      };
+    }
+
+    /**
+     * Tag the fiber with an update effect. This turns a Placement into
+     * a PlacementAndUpdate.
+     */
+
+    function markUpdate(workInProgress) {
+      workInProgress.flags |= Update;
+    }
+
+    function appendAllChildren(
+      parent,
+      workInProgress,
+      needsVisibilityToggle,
+      isHidden
+    ) {
+      {
+        // We only have the top Fiber that was created but we need recurse down its
+        // children to find all the terminal nodes.
+        var node = workInProgress.child;
+
+        while (node !== null) {
+          if (node.tag === HostComponent || node.tag === HostText) {
+            appendInitialChild(parent, node.stateNode);
+          } else if (node.tag === HostPortal || node.tag === HostSingleton);
+          else if (node.child !== null) {
+            node.child.return = node;
+            node = node.child;
+            continue;
+          }
+
+          if (node === workInProgress) {
+            return;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          while (node.sibling === null) {
+            // $FlowFixMe[incompatible-use] found when upgrading Flow
+            if (node.return === null || node.return === workInProgress) {
+              return;
+            }
+
+            node = node.return;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          node.sibling.return = node.return;
+          node = node.sibling;
+        }
+      }
+    } // An unfortunate fork of appendAllChildren because we have two different parent types.
+
+    function updateHostComponent(
+      current,
+      workInProgress,
+      type,
+      newProps,
+      renderLanes
+    ) {
+      {
+        // If we have an alternate, that means this is an update and we need to
+        // schedule a side-effect to do the updates.
+        var oldProps = current.memoizedProps;
+
+        if (oldProps === newProps) {
+          // In mutation mode, this is sufficient for a bailout because
+          // we won't touch this node even if children changed.
+          return;
+        }
+
+        markUpdate(workInProgress);
+      }
+    } // This function must be called at the very end of the complete phase, because
+    // it might throw to suspend, and if the resource immediately loads, the work
+    // loop will resume rendering as if the work-in-progress completed. So it must
+    // fully complete.
+    // TODO: This should ideally move to begin phase, but currently the instance is
+    // not created until the complete phase. For our existing use cases, host nodes
+    // that suspend don't have children, so it doesn't matter. But that might not
+    // always be true in the future.
+
+    function preloadInstanceAndSuspendIfNeeded(
+      workInProgress,
+      type,
+      props,
+      renderLanes
+    ) {
+      {
+        // If this flag was set previously, we can remove it. The flag
+        // represents whether this particular set of props might ever need to
+        // suspend. The safest thing to do is for maySuspendCommit to always
+        // return true, but if the renderer is reasonably confident that the
+        // underlying resource won't be evicted, it can return false as a
+        // performance optimization.
+        workInProgress.flags &= ~MaySuspendCommit;
+        return;
+      } // Mark this fiber with a flag. This gets set on all host instances
+    }
+
+    function preloadResourceAndSuspendIfNeeded(
+      workInProgress,
+      resource,
+      type,
+      props,
+      renderLanes
+    ) {
+      // This is a fork of preloadInstanceAndSuspendIfNeeded, but for resources.
+      if (!mayResourceSuspendCommit(resource)) {
+        workInProgress.flags &= ~MaySuspendCommit;
         return;
       }
 
-      var sharedQueue = updateQueue.shared;
+      workInProgress.flags |= MaySuspendCommit;
+      var rootRenderLanes = getWorkInProgressRootRenderLanes();
 
-      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.
+      if (!includesOnlyNonUrgentLanes(rootRenderLanes));
+      else {
+        var isReady = preloadResource(resource);
 
-        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);
+        if (!isReady) {
+          if (shouldRemainOnPreviousScreen()) {
+            workInProgress.flags |= ShouldSuspendCommit;
+          } else {
+            suspendCommit();
+          }
+        }
       }
     }
-    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;
+    function scheduleRetryEffect(workInProgress, retryQueue) {
+      var wakeables = retryQueue;
 
-      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;
+      if (wakeables !== null) {
+        // Schedule an effect to attach a retry listener to the promise.
+        // TODO: Move to passive phase
+        workInProgress.flags |= Update;
       } else {
-        lastBaseUpdate.next = capturedUpdate;
+        // This boundary suspended, but no wakeables were added to the retry
+        // queue. Check if the renderer suspended commit. If so, this means
+        // that once the fallback is committed, we can immediately retry
+        // rendering again, because rendering wasn't actually blocked. Only
+        // the commit phase.
+        // TODO: Consider a model where we always schedule an immediate retry, even
+        // for normal Suspense. That way the retry can partially render up to the
+        // first thing that suspends.
+        if (workInProgress.flags & ScheduleRetry) {
+          var retryLane = // TODO: This check should probably be moved into claimNextRetryLane
+            // I also suspect that we need some further consolidation of offscreen
+            // and retry lanes.
+            workInProgress.tag !== OffscreenComponent
+              ? claimNextRetryLane()
+              : OffscreenLane;
+          workInProgress.lanes = mergeLanes(workInProgress.lanes, retryLane);
+        }
       }
-
-      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;
+    function updateHostText(current, workInProgress, oldText, newText) {
+      {
+        // If the text differs, mark it as an update. All the work in done in commitWork.
+        if (oldText !== newText) {
+          markUpdate(workInProgress);
         }
+      }
+    }
 
-        case CaptureUpdate: {
-          workInProgress.flags =
-            (workInProgress.flags & ~ShouldCapture) | DidCapture;
-        }
-        // Intentional fallthrough
+    function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+      if (getIsHydrating()) {
+        // If we're hydrating, we should consume as many items as we can
+        // so we don't leave any behind.
+        return;
+      }
 
-        case UpdateState: {
-          var _payload = update.payload;
-          var partialState;
+      switch (renderState.tailMode) {
+        case "hidden": {
+          // Any insertions at the end of the tail list after this point
+          // should be invisible. If there are already mounted boundaries
+          // anything before them are not considered for collapsing.
+          // Therefore we need to go through the whole tail to find if
+          // there are any.
+          var tailNode = renderState.tail;
+          var lastTailNode = null;
 
-          if (typeof _payload === "function") {
-            // Updater function
-            {
-              enterDisallowedContextReadInDEV();
+          while (tailNode !== null) {
+            if (tailNode.alternate !== null) {
+              lastTailNode = tailNode;
             }
 
-            partialState = _payload.call(instance, prevState, nextProps);
+            tailNode = tailNode.sibling;
+          } // Next we're simply going to delete all insertions after the
+          // last rendered item.
 
-            {
-              if (workInProgress.mode & StrictLegacyMode) {
-                setIsStrictModeForDevtools(true);
-
-                try {
-                  _payload.call(instance, prevState, nextProps);
-                } finally {
-                  setIsStrictModeForDevtools(false);
-                }
-              }
-
-              exitDisallowedContextReadInDEV();
-            }
+          if (lastTailNode === null) {
+            // All remaining items in the tail are insertions.
+            renderState.tail = null;
           } else {
-            // Partial state object
-            partialState = _payload;
+            // Detach the insertion after the last node that was already
+            // inserted.
+            lastTailNode.sibling = null;
           }
 
-          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);
+          break;
         }
 
-        case ForceUpdate: {
-          hasForceUpdate = true;
-          return prevState;
-        }
-      }
+        case "collapsed": {
+          // Any insertions at the end of the tail list after this point
+          // should be invisible. If there are already mounted boundaries
+          // anything before them are not considered for collapsing.
+          // Therefore we need to go through the whole tail to find if
+          // there are any.
+          var _tailNode = renderState.tail;
+          var _lastTailNode = null;
 
-      return prevState;
-    }
+          while (_tailNode !== null) {
+            if (_tailNode.alternate !== null) {
+              _lastTailNode = _tailNode;
+            }
 
-    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.
+            _tailNode = _tailNode.sibling;
+          } // Next we're simply going to delete all insertions after the
+          // last rendered item.
 
-    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 (_lastTailNode === null) {
+            // All remaining items in the tail are insertions.
+            if (!hasRenderedATailFallback && renderState.tail !== null) {
+              // We suspended during the head. We want to show at least one
+              // row at the tail. So we'll keep on and cut off the rest.
+              renderState.tail.sibling = null;
+            } else {
+              renderState.tail = null;
+            }
+          } else {
+            // Detach the insertion after the last node that was already
+            // inserted.
+            _lastTailNode.sibling = null;
+          }
 
-        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;
+          break;
         }
       }
     }
-    function processUpdateQueue(workInProgress, props, instance, renderLanes) {
-      didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
 
-      var queue = workInProgress.updateQueue;
-      hasForceUpdate = false;
+    function bubbleProperties(completedWork) {
+      var didBailout =
+        completedWork.alternate !== null &&
+        completedWork.alternate.child === completedWork.child;
+      var newChildLanes = NoLanes;
+      var subtreeFlags = NoFlags$1;
 
-      {
-        currentlyProcessingQueue = queue.shared;
-      }
+      if (!didBailout) {
+        // Bubble up the earliest expiration time.
+        if ((completedWork.mode & ProfileMode) !== NoMode) {
+          // In profiling mode, resetChildExpirationTime is also used to reset
+          // profiler durations.
+          var actualDuration = completedWork.actualDuration;
+          var treeBaseDuration = completedWork.selfBaseDuration;
+          var child = completedWork.child;
 
-      var firstBaseUpdate = queue.firstBaseUpdate;
-      var lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
+          while (child !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(child.lanes, child.childLanes)
+            );
+            subtreeFlags |= child.subtreeFlags;
+            subtreeFlags |= child.flags; // When a fiber is cloned, its actualDuration is reset to 0. This value will
+            // only be updated if work is done on the fiber (i.e. it doesn't bailout).
+            // When work is done, it should bubble to the parent's actualDuration. If
+            // the fiber has not been cloned though, (meaning no work was done), then
+            // this value will reflect the amount of time spent working on a previous
+            // render. In that case it should not bubble. We determine whether it was
+            // cloned by comparing the child pointer.
+            // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
 
-      var pendingQueue = queue.shared.pending;
+            actualDuration += child.actualDuration; // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
 
-      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.
+            treeBaseDuration += child.treeBaseDuration;
+            child = child.sibling;
+          }
 
-        var lastPendingUpdate = pendingQueue;
-        var firstPendingUpdate = lastPendingUpdate.next;
-        lastPendingUpdate.next = null; // Append pending updates to base queue
-
-        if (lastBaseUpdate === null) {
-          firstBaseUpdate = firstPendingUpdate;
+          completedWork.actualDuration = actualDuration;
+          completedWork.treeBaseDuration = treeBaseDuration;
         } else {
-          lastBaseUpdate.next = firstPendingUpdate;
-        }
+          var _child = completedWork.child;
 
-        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
-
-        var current = workInProgress.alternate;
-
-        if (current !== null) {
-          // This is always non-null on a ClassComponent or HostRoot
-          var currentQueue = current.updateQueue;
-          var currentLastBaseUpdate = currentQueue.lastBaseUpdate;
-
-          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.
-        var newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
-        // from the original lanes.
-
-        var newLanes = NoLanes;
-        var newBaseState = null;
-        var newFirstBaseUpdate = null;
-        var newLastBaseUpdate = null;
-        var 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.
-          var updateLane = removeLanes(update.lane, OffscreenLane);
-          var 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.
-
-          var 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.
-            var 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 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
-                // 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
+          while (_child !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(_child.lanes, _child.childLanes)
             );
-            var callback = update.callback;
+            subtreeFlags |= _child.subtreeFlags;
+            subtreeFlags |= _child.flags; // Update the return pointer so the tree is consistent. This is a code
+            // smell because it assumes the commit phase is never concurrent with
+            // the render phase. Will address during refactor to alternate model.
 
-            if (callback !== null) {
-              workInProgress.flags |= Callback;
-
-              if (isHiddenUpdate) {
-                workInProgress.flags |= Visibility;
-              }
-
-              var 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.
-              var _lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
-              // unravel them when transferring them to the base queue.
-
-              var _firstPendingUpdate = _lastPendingUpdate.next;
-              _lastPendingUpdate.next = null;
-              update = _firstPendingUpdate;
-              queue.lastBaseUpdate = _lastPendingUpdate;
-              queue.shared.pending = null;
-            }
+            _child.return = completedWork;
+            _child = _child.sibling;
           }
-        } while (true);
-
-        if (newLastBaseUpdate === null) {
-          newBaseState = newState;
         }
 
-        queue.baseState = newBaseState;
-        queue.firstBaseUpdate = newFirstBaseUpdate;
-        queue.lastBaseUpdate = newLastBaseUpdate;
+        completedWork.subtreeFlags |= subtreeFlags;
+      } else {
+        // Bubble up the earliest expiration time.
+        if ((completedWork.mode & ProfileMode) !== NoMode) {
+          // In profiling mode, resetChildExpirationTime is also used to reset
+          // profiler durations.
+          var _treeBaseDuration = completedWork.selfBaseDuration;
+          var _child2 = completedWork.child;
 
-        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.
+          while (_child2 !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(_child2.lanes, _child2.childLanes)
+            ); // "Static" flags share the lifetime of the fiber/hook they belong to,
+            // so we should bubble those up even during a bailout. All the other
+            // flags have a lifetime only of a single render + commit, so we should
+            // ignore them.
 
-        markSkippedUpdateLanes(newLanes);
-        workInProgress.lanes = newLanes;
-        workInProgress.memoizedState = newState;
-      }
+            subtreeFlags |= _child2.subtreeFlags & StaticMask;
+            subtreeFlags |= _child2.flags & StaticMask; // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
 
-      {
-        currentlyProcessingQueue = null;
-      }
-    }
+            _treeBaseDuration += _child2.treeBaseDuration;
+            _child2 = _child2.sibling;
+          }
 
-    function callCallback(callback, context) {
-      if (typeof callback !== "function") {
-        throw new Error(
-          "Invalid argument passed as callback. Expected a function. Instead " +
-            ("received: " + 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.
-      var newHiddenCallbacks = updateQueue.callbacks;
-
-      if (newHiddenCallbacks !== null) {
-        var existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
-
-        if (existingHiddenCallbacks === null) {
-          updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
+          completedWork.treeBaseDuration = _treeBaseDuration;
         } else {
-          updateQueue.shared.hiddenCallbacks =
-            existingHiddenCallbacks.concat(newHiddenCallbacks);
+          var _child3 = completedWork.child;
+
+          while (_child3 !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(_child3.lanes, _child3.childLanes)
+            ); // "Static" flags share the lifetime of the fiber/hook they belong to,
+            // so we should bubble those up even during a bailout. All the other
+            // flags have a lifetime only of a single render + commit, so we should
+            // ignore them.
+
+            subtreeFlags |= _child3.subtreeFlags & StaticMask;
+            subtreeFlags |= _child3.flags & StaticMask; // Update the return pointer so the tree is consistent. This is a code
+            // smell because it assumes the commit phase is never concurrent with
+            // the render phase. Will address during refactor to alternate model.
+
+            _child3.return = completedWork;
+            _child3 = _child3.sibling;
+          }
         }
+
+        completedWork.subtreeFlags |= subtreeFlags;
       }
-    }
-    function commitHiddenCallbacks(updateQueue, context) {
-      // This component is switching from hidden -> visible. Commit any callbacks
-      // that were previously deferred.
-      var hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-      if (hiddenCallbacks !== null) {
-        updateQueue.shared.hiddenCallbacks = null;
-
-        for (var i = 0; i < hiddenCallbacks.length; i++) {
-          var callback = hiddenCallbacks[i];
-          callCallback(callback, context);
-        }
-      }
-    }
-    function commitCallbacks(updateQueue, context) {
-      var callbacks = updateQueue.callbacks;
-
-      if (callbacks !== null) {
-        updateQueue.callbacks = null;
-
-        for (var i = 0; i < callbacks.length; i++) {
-          var callback = callbacks[i];
-          callCallback(callback, context);
-        }
-      }
+      completedWork.childLanes = newChildLanes;
+      return didBailout;
     }
 
-    var fakeInternalInstance = {};
-    var didWarnAboutStateAssignmentForComponent;
-    var didWarnAboutUninitializedState;
-    var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
-    var didWarnAboutLegacyLifecyclesAndDerivedState;
-    var didWarnAboutUndefinedDerivedState;
-    var didWarnAboutDirectlyAssigningPropsToState;
-    var didWarnAboutInvalidateContextType;
-    var didWarnOnInvalidCallback;
-
-    {
-      didWarnAboutStateAssignmentForComponent = new Set();
-      didWarnAboutUninitializedState = new Set();
-      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
-      didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
-      didWarnAboutDirectlyAssigningPropsToState = new Set();
-      didWarnAboutUndefinedDerivedState = new Set();
-      didWarnAboutInvalidateContextType = new Set();
-      didWarnOnInvalidCallback = new Set(); // This is so gross but it's at least non-critical and can be removed if
-      // it causes problems. This is meant to give a nicer error message for
-      // ReactDOM15.unstable_renderSubtreeIntoContainer(reactDOM16Component,
-      // ...)) which otherwise throws a "_processChildContext is not a function"
-      // exception.
-
-      Object.defineProperty(fakeInternalInstance, "_processChildContext", {
-        enumerable: false,
-        value: function () {
-          throw new Error(
-            "_processChildContext is not available in React 16+. This likely " +
-              "means you have multiple copies of React and are attempting to nest " +
-              "a React 15 tree inside a React 16 tree using " +
-              "unstable_renderSubtreeIntoContainer, which isn't supported. Try " +
-              "to make sure you have only one copy of React (and ideally, switch " +
-              "to ReactDOM.createPortal)."
-          );
-        }
-      });
-      Object.freeze(fakeInternalInstance);
-    }
-
-    function warnOnInvalidCallback(callback) {
-      {
-        if (callback === null || typeof callback === "function") {
-          return;
-        } // eslint-disable-next-line react-internal/safe-string-coercion
-
-        var key = String(callback);
-
-        if (!didWarnOnInvalidCallback.has(key)) {
-          didWarnOnInvalidCallback.add(key);
-
-          error(
-            "Expected the last optional `callback` argument to be a " +
-              "function. Instead received: %s.",
-            callback
-          );
-        }
-      }
-    }
-
-    function warnOnUndefinedDerivedState(type, partialState) {
-      {
-        if (partialState === undefined) {
-          var componentName = getComponentNameFromType(type) || "Component";
-
-          if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
-            didWarnAboutUndefinedDerivedState.add(componentName);
-
-            error(
-              "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
-                "You have returned undefined.",
-              componentName
-            );
-          }
-        }
-      }
-    }
-
-    function applyDerivedStateFromProps(
-      workInProgress,
-      ctor,
-      getDerivedStateFromProps,
-      nextProps
-    ) {
-      var prevState = workInProgress.memoizedState;
-      var partialState = getDerivedStateFromProps(nextProps, prevState);
-
-      {
-        if (workInProgress.mode & StrictLegacyMode) {
-          setIsStrictModeForDevtools(true);
-
-          try {
-            // Invoke the function an extra time to help detect side-effects.
-            partialState = getDerivedStateFromProps(nextProps, prevState);
-          } finally {
-            setIsStrictModeForDevtools(false);
-          }
-        }
-
-        warnOnUndefinedDerivedState(ctor, partialState);
-      } // Merge the partial state and the previous state.
-
-      var memoizedState =
-        partialState === null || partialState === undefined
-          ? prevState
-          : assign({}, prevState, partialState);
-      workInProgress.memoizedState = memoizedState; // Once the update queue is empty, persist the derived state onto the
-      // base state.
-
-      if (workInProgress.lanes === NoLanes) {
-        // Queue is always non-null for classes
-        var updateQueue = workInProgress.updateQueue;
-        updateQueue.baseState = memoizedState;
-      }
-    }
-
-    var classComponentUpdater = {
-      isMounted: isMounted,
-      // $FlowFixMe[missing-local-annot]
-      enqueueSetState: function (inst, payload, callback) {
-        var fiber = get(inst);
-        var lane = requestUpdateLane(fiber);
-        var update = createUpdate(lane);
-        update.payload = payload;
-
-        if (callback !== undefined && callback !== null) {
-          {
-            warnOnInvalidCallback(callback);
-          }
-
-          update.callback = callback;
-        }
-
-        var root = enqueueUpdate(fiber, update, lane);
-
-        if (root !== null) {
-          scheduleUpdateOnFiber(root, fiber, lane);
-          entangleTransitions(root, fiber, lane);
-        }
-
-        {
-          if (enableDebugTracing) {
-            if (fiber.mode & DebugTracingMode) {
-              var name = getComponentNameFromFiber(fiber) || "Unknown";
-              logStateUpdateScheduled(name, lane, payload);
-            }
-          }
-        }
-
-        if (enableSchedulingProfiler) {
-          markStateUpdateScheduled(fiber, lane);
-        }
-      },
-      enqueueReplaceState: function (inst, payload, callback) {
-        var fiber = get(inst);
-        var lane = requestUpdateLane(fiber);
-        var update = createUpdate(lane);
-        update.tag = ReplaceState;
-        update.payload = payload;
-
-        if (callback !== undefined && callback !== null) {
-          {
-            warnOnInvalidCallback(callback);
-          }
-
-          update.callback = callback;
-        }
-
-        var root = enqueueUpdate(fiber, update, lane);
-
-        if (root !== null) {
-          scheduleUpdateOnFiber(root, fiber, lane);
-          entangleTransitions(root, fiber, lane);
-        }
-
-        {
-          if (enableDebugTracing) {
-            if (fiber.mode & DebugTracingMode) {
-              var name = getComponentNameFromFiber(fiber) || "Unknown";
-              logStateUpdateScheduled(name, lane, payload);
-            }
-          }
-        }
-
-        if (enableSchedulingProfiler) {
-          markStateUpdateScheduled(fiber, lane);
-        }
-      },
-      // $FlowFixMe[missing-local-annot]
-      enqueueForceUpdate: function (inst, callback) {
-        var fiber = get(inst);
-        var lane = requestUpdateLane(fiber);
-        var update = createUpdate(lane);
-        update.tag = ForceUpdate;
-
-        if (callback !== undefined && callback !== null) {
-          {
-            warnOnInvalidCallback(callback);
-          }
-
-          update.callback = callback;
-        }
-
-        var root = enqueueUpdate(fiber, update, lane);
-
-        if (root !== null) {
-          scheduleUpdateOnFiber(root, fiber, lane);
-          entangleTransitions(root, fiber, lane);
-        }
-
-        {
-          if (enableDebugTracing) {
-            if (fiber.mode & DebugTracingMode) {
-              var name = getComponentNameFromFiber(fiber) || "Unknown";
-              logForceUpdateScheduled(name, lane);
-            }
-          }
-        }
-
-        if (enableSchedulingProfiler) {
-          markForceUpdateScheduled(fiber, lane);
-        }
-      }
-    };
-
-    function checkShouldComponentUpdate(
-      workInProgress,
-      ctor,
-      oldProps,
-      newProps,
-      oldState,
-      newState,
-      nextContext
-    ) {
-      var instance = workInProgress.stateNode;
-
-      if (typeof instance.shouldComponentUpdate === "function") {
-        var shouldUpdate = instance.shouldComponentUpdate(
-          newProps,
-          newState,
-          nextContext
-        );
-
-        {
-          if (workInProgress.mode & StrictLegacyMode) {
-            setIsStrictModeForDevtools(true);
-
-            try {
-              // Invoke the function an extra time to help detect side-effects.
-              shouldUpdate = instance.shouldComponentUpdate(
-                newProps,
-                newState,
-                nextContext
-              );
-            } finally {
-              setIsStrictModeForDevtools(false);
-            }
-          }
-
-          if (shouldUpdate === undefined) {
-            error(
-              "%s.shouldComponentUpdate(): Returned undefined instead of a " +
-                "boolean value. Make sure to return true or false.",
-              getComponentNameFromType(ctor) || "Component"
-            );
-          }
-        }
-
-        return shouldUpdate;
-      }
-
-      if (ctor.prototype && ctor.prototype.isPureReactComponent) {
-        return (
-          !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-        );
-      }
-
-      return true;
-    }
-
-    function checkClassInstance(workInProgress, ctor, newProps) {
-      var instance = workInProgress.stateNode;
-
-      {
-        var name = getComponentNameFromType(ctor) || "Component";
-        var renderPresent = instance.render;
-
-        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
-            );
-          }
-        }
-
-        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 (ctor.childContextTypes) {
-            error(
-              "%s uses the legacy childContextTypes API which was removed in React 19. " +
-                "Use React.createContext() instead.",
-              name
-            );
-          }
-
-          if (ctor.contextTypes) {
-            error(
-              "%s uses the legacy contextTypes API which was removed in React 19. " +
-                "Use React.createContext() with static contextType instead.",
-              name
-            );
-          }
-        }
-
-        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 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(
-            "When calling super() in `%s`, make sure to pass " +
-              "up the same props that your component's constructor was passed.",
-            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 constructClassInstance(workInProgress, ctor, props) {
-      var context = emptyContextObject;
-      var contextType = ctor.contextType;
-
-      {
-        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 = "";
-
-            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(", ") +
-                "}.";
-            }
-
-            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(contextType);
-      }
-
-      var instance = new ctor(props, context); // Instantiate twice to help detect side-effects.
-
-      {
-        if (workInProgress.mode & StrictLegacyMode) {
-          setIsStrictModeForDevtools(true);
-
-          try {
-            instance = new ctor(props, context); // eslint-disable-line no-new
-          } finally {
-            setIsStrictModeForDevtools(false);
-          }
-        }
-      }
-
-      var state = (workInProgress.memoizedState =
-        instance.state !== null && instance.state !== undefined
-          ? instance.state
-          : null);
-      instance.updater = classComponentUpdater;
-      workInProgress.stateNode = instance; // The instance needs access to the fiber so that it can schedule updates
-
-      set(instance, workInProgress);
-
-      {
-        instance._reactInternalInstance = fakeInternalInstance;
-      }
-
-      {
-        if (
-          typeof ctor.getDerivedStateFromProps === "function" &&
-          state === null
-        ) {
-          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);
-
-              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://react.dev/link/unsafe-component-lifecycles",
-                _componentName,
-                newApiName,
-                foundWillMountName !== null ? "\n  " + foundWillMountName : "",
-                foundWillReceivePropsName !== null
-                  ? "\n  " + foundWillReceivePropsName
-                  : "",
-                foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : ""
-              );
-            }
-          }
-        }
-      } // Cache unmasked context so we can avoid recreating masked context unless necessary.
-
-      return instance;
-    }
-
-    function callComponentWillMount(workInProgress, instance) {
-      var oldState = instance.state;
-
-      if (typeof instance.componentWillMount === "function") {
-        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.",
-            getComponentNameFromFiber(workInProgress) || "Component"
-          );
-        }
-
-        classComponentUpdater.enqueueReplaceState(
-          instance,
-          instance.state,
-          null
-        );
-      }
-    }
-
-    function callComponentWillReceiveProps(
-      workInProgress,
-      instance,
-      newProps,
-      nextContext
-    ) {
-      var oldState = instance.state;
-
-      if (typeof instance.componentWillReceiveProps === "function") {
-        instance.componentWillReceiveProps(newProps, nextContext);
-      }
-
-      if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
-        instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
-      }
-
-      if (instance.state !== oldState) {
-        {
-          var componentName =
-            getComponentNameFromFiber(workInProgress) || "Component";
-
-          if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
-            didWarnAboutStateAssignmentForComponent.add(componentName);
-
-            error(
-              "%s.componentWillReceiveProps(): Assigning directly to " +
-                "this.state is deprecated (except inside a component's " +
-                "constructor). Use setState instead.",
-              componentName
-            );
-          }
-        }
-
-        classComponentUpdater.enqueueReplaceState(
-          instance,
-          instance.state,
-          null
-        );
-      }
-    } // Invokes the mount life-cycles on a previously never rendered instance.
-
-    function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
-      {
-        checkClassInstance(workInProgress, ctor, newProps);
-      }
-
-      var instance = workInProgress.stateNode;
-      instance.props = newProps;
-      instance.state = workInProgress.memoizedState;
-      instance.refs = {};
-      initializeUpdateQueue(workInProgress);
-      var contextType = ctor.contextType;
-
-      if (typeof contextType === "object" && contextType !== null) {
-        instance.context = readContext(contextType);
-      } else {
-        instance.context = emptyContextObject;
-      }
-
-      {
-        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
-            );
-          }
-        }
-
-        if (workInProgress.mode & StrictLegacyMode) {
-          ReactStrictModeWarnings.recordLegacyContextWarning(
-            workInProgress,
-            instance
-          );
-        }
-
-        ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
-          workInProgress,
-          instance
-        );
-      }
-
-      instance.state = workInProgress.memoizedState;
-      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-
-      if (typeof getDerivedStateFromProps === "function") {
-        applyDerivedStateFromProps(
-          workInProgress,
-          ctor,
-          getDerivedStateFromProps,
-          newProps
-        );
-        instance.state = workInProgress.memoizedState;
-      } // 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(workInProgress, instance); // If we had additional state updates during this life-cycle, let's
-        // process them now.
-
-        processUpdateQueue(workInProgress, newProps, instance, renderLanes);
-        suspendIfUpdateReadFromEntangledAsyncAction();
-        instance.state = workInProgress.memoizedState;
-      }
-
-      if (typeof instance.componentDidMount === "function") {
-        workInProgress.flags |= Update | LayoutStatic;
-      }
-
-      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-        workInProgress.flags |= MountLayoutDev;
-      }
-    }
-
-    function resumeMountClassInstance(
-      workInProgress,
-      ctor,
-      newProps,
-      renderLanes
-    ) {
-      var instance = workInProgress.stateNode;
-      var unresolvedOldProps = workInProgress.memoizedProps;
-      var oldProps = resolveClassComponentProps(
-        ctor,
-        unresolvedOldProps,
-        workInProgress.type === workInProgress.elementType
-      );
-      instance.props = oldProps;
-      var oldContext = instance.context;
-      var contextType = ctor.contextType;
-      var nextContext = emptyContextObject;
-
-      if (typeof contextType === "object" && contextType !== null) {
-        nextContext = readContext(contextType);
-      }
-
-      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-      var hasNewLifecycles =
-        typeof getDerivedStateFromProps === "function" ||
-        typeof instance.getSnapshotBeforeUpdate === "function"; // When comparing whether props changed, we should compare using the
-      // unresolved props object that is stored on the fiber, rather than the
-      // one that gets assigned to the instance, because that object may have been
-      // cloned to resolve default props and/or remove `ref`.
-
-      var unresolvedNewProps = workInProgress.pendingProps;
-      var didReceiveNewProps = unresolvedNewProps !== unresolvedOldProps; // Note: During these life-cycles, instance.props/instance.state are what
-      // ever the previously attempted to render - not the "current". However,
-      // during componentDidUpdate we pass the "current" props.
-      // In order to support react-lifecycles-compat polyfilled components,
-      // Unsafe lifecycles should not be invoked for components using the new APIs.
-
-      if (
-        !hasNewLifecycles &&
-        (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
-          typeof instance.componentWillReceiveProps === "function")
-      ) {
-        if (didReceiveNewProps || oldContext !== nextContext) {
-          callComponentWillReceiveProps(
-            workInProgress,
-            instance,
-            newProps,
-            nextContext
-          );
-        }
-      }
-
-      resetHasForceUpdateBeforeProcessing();
-      var oldState = workInProgress.memoizedState;
-      var newState = (instance.state = oldState);
-      processUpdateQueue(workInProgress, newProps, instance, renderLanes);
-      suspendIfUpdateReadFromEntangledAsyncAction();
-      newState = workInProgress.memoizedState;
-
-      if (
-        !didReceiveNewProps &&
-        oldState === newState &&
-        !hasContextChanged() &&
-        !checkHasForceUpdateAfterProcessing()
-      ) {
-        // If an update was already in progress, we should schedule an Update
-        // effect even though we're bailing out, so that cWU/cDU are called.
-        if (typeof instance.componentDidMount === "function") {
-          workInProgress.flags |= Update | LayoutStatic;
-        }
-
-        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-          workInProgress.flags |= MountLayoutDev;
-        }
-
-        return false;
-      }
-
-      if (typeof getDerivedStateFromProps === "function") {
-        applyDerivedStateFromProps(
-          workInProgress,
-          ctor,
-          getDerivedStateFromProps,
-          newProps
-        );
-        newState = workInProgress.memoizedState;
-      }
-
-      var shouldUpdate =
-        checkHasForceUpdateAfterProcessing() ||
-        checkShouldComponentUpdate(
-          workInProgress,
-          ctor,
-          oldProps,
-          newProps,
-          oldState,
-          newState,
-          nextContext
-        );
-
-      if (shouldUpdate) {
-        // In order to support react-lifecycles-compat polyfilled components,
-        // Unsafe lifecycles should not be invoked for components using the new APIs.
-        if (
-          !hasNewLifecycles &&
-          (typeof instance.UNSAFE_componentWillMount === "function" ||
-            typeof instance.componentWillMount === "function")
-        ) {
-          if (typeof instance.componentWillMount === "function") {
-            instance.componentWillMount();
-          }
-
-          if (typeof instance.UNSAFE_componentWillMount === "function") {
-            instance.UNSAFE_componentWillMount();
-          }
-        }
-
-        if (typeof instance.componentDidMount === "function") {
-          workInProgress.flags |= Update | LayoutStatic;
-        }
-
-        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-          workInProgress.flags |= MountLayoutDev;
-        }
-      } else {
-        // If an update was already in progress, we should schedule an Update
-        // effect even though we're bailing out, so that cWU/cDU are called.
-        if (typeof instance.componentDidMount === "function") {
-          workInProgress.flags |= Update | LayoutStatic;
-        }
-
-        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-          workInProgress.flags |= MountLayoutDev;
-        } // If shouldComponentUpdate returned false, we should still update the
-        // memoized state to indicate that this work can be reused.
-
-        workInProgress.memoizedProps = newProps;
-        workInProgress.memoizedState = newState;
-      } // Update the existing instance's state, props, and context pointers even
-      // if shouldComponentUpdate returns false.
-
-      instance.props = newProps;
-      instance.state = newState;
-      instance.context = nextContext;
-      return shouldUpdate;
-    } // Invokes the update life-cycles and returns false if it shouldn't rerender.
-
-    function updateClassInstance(
+    function completeDehydratedSuspenseBoundary(
       current,
       workInProgress,
-      ctor,
-      newProps,
-      renderLanes
+      nextState
     ) {
-      var instance = workInProgress.stateNode;
-      cloneUpdateQueue(current, workInProgress);
-      var unresolvedOldProps = workInProgress.memoizedProps;
-      var oldProps = resolveClassComponentProps(
-        ctor,
-        unresolvedOldProps,
-        workInProgress.type === workInProgress.elementType
-      );
-      instance.props = oldProps;
-      var unresolvedNewProps = workInProgress.pendingProps;
-      var oldContext = instance.context;
-      var contextType = ctor.contextType;
-      var nextContext = emptyContextObject;
+      var wasHydrated = popHydrationState(workInProgress);
 
-      if (typeof contextType === "object" && contextType !== null) {
-        nextContext = readContext(contextType);
-      }
-
-      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-      var hasNewLifecycles =
-        typeof getDerivedStateFromProps === "function" ||
-        typeof instance.getSnapshotBeforeUpdate === "function"; // Note: During these life-cycles, instance.props/instance.state are what
-      // ever the previously attempted to render - not the "current". However,
-      // during componentDidUpdate we pass the "current" props.
-      // In order to support react-lifecycles-compat polyfilled components,
-      // Unsafe lifecycles should not be invoked for components using the new APIs.
-
-      if (
-        !hasNewLifecycles &&
-        (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
-          typeof instance.componentWillReceiveProps === "function")
-      ) {
-        if (
-          unresolvedOldProps !== unresolvedNewProps ||
-          oldContext !== nextContext
-        ) {
-          callComponentWillReceiveProps(
-            workInProgress,
-            instance,
-            newProps,
-            nextContext
-          );
-        }
-      }
-
-      resetHasForceUpdateBeforeProcessing();
-      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 &&
-          current !== null &&
-          current.dependencies !== null &&
-          checkIfContextChanged(current.dependencies)
-        )
-      ) {
-        // If an update was already in progress, we should schedule an Update
-        // effect even though we're bailing out, so that cWU/cDU are called.
-        if (typeof instance.componentDidUpdate === "function") {
-          if (
-            unresolvedOldProps !== current.memoizedProps ||
-            oldState !== current.memoizedState
-          ) {
-            workInProgress.flags |= Update;
-          }
-        }
-
-        if (typeof instance.getSnapshotBeforeUpdate === "function") {
-          if (
-            unresolvedOldProps !== current.memoizedProps ||
-            oldState !== current.memoizedState
-          ) {
-            workInProgress.flags |= Snapshot;
-          }
-        }
-
-        return false;
-      }
-
-      if (typeof getDerivedStateFromProps === "function") {
-        applyDerivedStateFromProps(
-          workInProgress,
-          ctor,
-          getDerivedStateFromProps,
-          newProps
-        );
-        newState = workInProgress.memoizedState;
-      }
-
-      var shouldUpdate =
-        checkHasForceUpdateAfterProcessing() ||
-        checkShouldComponentUpdate(
-          workInProgress,
-          ctor,
-          oldProps,
-          newProps,
-          oldState,
-          newState,
-          nextContext
-        ) || // TODO: In some cases, we'll end up checking if context has changed twice,
-        // both before and after `shouldComponentUpdate` has been called. Not ideal,
-        // but I'm loath to refactor this function. This only happens for memoized
-        // components so it's not that common.
-        (enableLazyContextPropagation &&
-          current !== null &&
-          current.dependencies !== null &&
-          checkIfContextChanged(current.dependencies));
-
-      if (shouldUpdate) {
-        // In order to support react-lifecycles-compat polyfilled components,
-        // Unsafe lifecycles should not be invoked for components using the new APIs.
-        if (
-          !hasNewLifecycles &&
-          (typeof instance.UNSAFE_componentWillUpdate === "function" ||
-            typeof instance.componentWillUpdate === "function")
-        ) {
-          if (typeof instance.componentWillUpdate === "function") {
-            instance.componentWillUpdate(newProps, newState, nextContext);
-          }
-
-          if (typeof instance.UNSAFE_componentWillUpdate === "function") {
-            instance.UNSAFE_componentWillUpdate(
-              newProps,
-              newState,
-              nextContext
+      if (nextState !== null && nextState.dehydrated !== null) {
+        // We might be inside a hydration state the first time we're picking up this
+        // Suspense boundary, and also after we've reentered it for further hydration.
+        if (current === null) {
+          if (!wasHydrated) {
+            throw new Error(
+              "A dehydrated suspense component was completed without a hydrated node. " +
+                "This is probably a bug in React."
             );
           }
-        }
 
-        if (typeof instance.componentDidUpdate === "function") {
-          workInProgress.flags |= Update;
-        }
+          prepareToHydrateHostSuspenseInstance(workInProgress);
+          bubbleProperties(workInProgress);
 
-        if (typeof instance.getSnapshotBeforeUpdate === "function") {
-          workInProgress.flags |= Snapshot;
-        }
-      } else {
-        // If an update was already in progress, we should schedule an Update
-        // effect even though we're bailing out, so that cWU/cDU are called.
-        if (typeof instance.componentDidUpdate === "function") {
-          if (
-            unresolvedOldProps !== current.memoizedProps ||
-            oldState !== current.memoizedState
-          ) {
-            workInProgress.flags |= Update;
-          }
-        }
+          {
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              var isTimedOutSuspense = nextState !== null;
 
-        if (typeof instance.getSnapshotBeforeUpdate === "function") {
-          if (
-            unresolvedOldProps !== current.memoizedProps ||
-            oldState !== current.memoizedState
-          ) {
-            workInProgress.flags |= Snapshot;
-          }
-        } // If shouldComponentUpdate returned false, we should still update the
-        // memoized props/state to indicate that this work can be reused.
+              if (isTimedOutSuspense) {
+                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+                var primaryChildFragment = workInProgress.child;
 
-        workInProgress.memoizedProps = newProps;
-        workInProgress.memoizedState = newState;
-      } // Update the existing instance's state, props, and context pointers even
-      // if shouldComponentUpdate returns false.
-
-      instance.props = newProps;
-      instance.state = newState;
-      instance.context = nextContext;
-      return shouldUpdate;
-    }
-
-    function resolveClassComponentProps(
-      Component,
-      baseProps, // Only resolve default props if this is a lazy component. Otherwise, they
-      // would have already been resolved by the JSX runtime.
-      // TODO: We're going to remove default prop resolution from the JSX runtime
-      // and keep it only for class components. As part of that change, we should
-      // remove this extra check.
-      alreadyResolvedDefaultProps
-    ) {
-      var newProps = baseProps;
-
-      if (enableRefAsProp) {
-        // Remove ref from the props object, if it exists.
-        if ("ref" in baseProps) {
-          newProps = {};
-
-          for (var propName in baseProps) {
-            if (propName !== "ref") {
-              newProps[propName] = baseProps[propName];
+                if (primaryChildFragment !== null) {
+                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+                  workInProgress.treeBaseDuration -=
+                    primaryChildFragment.treeBaseDuration;
+                }
+              }
             }
           }
-        }
-      } // Resolve default props.
 
-      var defaultProps = Component.defaultProps;
+          return false;
+        } else {
+          emitPendingHydrationWarnings(); // We might have reentered this boundary to hydrate it. If so, we need to reset the hydration
+          // state since we're now exiting out of it. popHydrationState doesn't do that for us.
 
-      if (
-        defaultProps && // If disableDefaultPropsExceptForClasses is true, we always resolve
-        // default props here in the reconciler, rather than in the JSX runtime.
-        (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
-      ) {
-        // We may have already copied the props object above to remove ref. If so,
-        // we can modify that. Otherwise, copy the props object with Object.assign.
-        if (newProps === baseProps) {
-          newProps = assign({}, newProps, baseProps);
-        } // Taken from old JSX runtime, where this used to live.
+          resetHydrationState();
 
-        for (var _propName in defaultProps) {
-          if (newProps[_propName] === undefined) {
-            newProps[_propName] = defaultProps[_propName];
+          if ((workInProgress.flags & DidCapture) === NoFlags$1) {
+            // This boundary did not suspend so it's now hydrated and unsuspended.
+            workInProgress.memoizedState = null;
+          } // If nothing suspended, we need to schedule an effect to mark this boundary
+          // as having hydrated so events know that they're free to be invoked.
+          // It's also a signal to replay events and the suspense callback.
+          // If something suspended, schedule an effect to attach retry listeners.
+          // So we might as well always mark this.
+
+          workInProgress.flags |= Update;
+          bubbleProperties(workInProgress);
+
+          {
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              var _isTimedOutSuspense = nextState !== null;
+
+              if (_isTimedOutSuspense) {
+                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+                var _primaryChildFragment = workInProgress.child;
+
+                if (_primaryChildFragment !== null) {
+                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+                  workInProgress.treeBaseDuration -=
+                    _primaryChildFragment.treeBaseDuration;
+                }
+              }
+            }
           }
+
+          return false;
+        }
+      } else {
+        // Successfully completed this tree. If this was a forced client render,
+        // there may have been recoverable errors during first hydration
+        // attempt. If so, add them to a queue so we can log them in the
+        // commit phase.
+        upgradeHydrationErrorsToRecoverable(); // Fall through to normal Suspense path
+
+        return true;
+      }
+    }
+
+    function completeWork(current, workInProgress, renderLanes) {
+      var newProps = workInProgress.pendingProps; // Note: This intentionally doesn't check if we're hydrating because comparing
+      // to the current tree provider fiber is just as fast and less error-prone.
+      // Ideally we would have a special version of the work loop only
+      // for hydration.
+
+      popTreeContext(workInProgress);
+
+      switch (workInProgress.tag) {
+        case IncompleteFunctionComponent: {
+          {
+            break;
+          } // Fallthrough
+        }
+
+        case LazyComponent:
+        case SimpleMemoComponent:
+        case FunctionComponent:
+        case ForwardRef:
+        case Fragment:
+        case Mode:
+        case Profiler:
+        case ContextConsumer:
+        case MemoComponent:
+          bubbleProperties(workInProgress);
+          return null;
+
+        case ClassComponent: {
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case HostRoot: {
+          var fiberRoot = workInProgress.stateNode;
+
+          if (enableTransitionTracing) {
+            var transitions = getWorkInProgressTransitions(); // We set the Passive flag here because if there are new transitions,
+            // we will need to schedule callbacks and process the transitions,
+            // which we do in the passive phase
+
+            if (transitions !== null) {
+              workInProgress.flags |= Passive$1;
+            }
+          }
+
+          {
+            var previousCache = null;
+
+            if (current !== null) {
+              previousCache = current.memoizedState.cache;
+            }
+
+            var cache = workInProgress.memoizedState.cache;
+
+            if (cache !== previousCache) {
+              // Run passive effects to retain/release the cache.
+              workInProgress.flags |= Passive$1;
+            }
+
+            popCacheProvider(workInProgress);
+          }
+
+          if (enableTransitionTracing) {
+            popRootMarkerInstance(workInProgress);
+          }
+
+          popRootTransition(workInProgress);
+          popHostContainer(workInProgress);
+
+          if (fiberRoot.pendingContext) {
+            fiberRoot.context = fiberRoot.pendingContext;
+            fiberRoot.pendingContext = null;
+          }
+
+          if (current === null || current.child === null) {
+            // If we hydrated, pop so that we can delete any remaining children
+            // that weren't hydrated.
+            var wasHydrated = popHydrationState(workInProgress);
+
+            if (wasHydrated) {
+              emitPendingHydrationWarnings(); // If we hydrated, then we'll need to schedule an update for
+              // the commit side-effects on the root.
+
+              markUpdate(workInProgress);
+            } else {
+              if (current !== null) {
+                var prevState = current.memoizedState;
+
+                if (
+                  // Check if this is a client root
+                  !prevState.isDehydrated || // Check if we reverted to client rendering (e.g. due to an error)
+                  (workInProgress.flags & ForceClientRender) !== NoFlags$1
+                ) {
+                  // Schedule an effect to clear this container at the start of the
+                  // next commit. This handles the case of React rendering into a
+                  // container with previous children. It's also safe to do for
+                  // updates too, because current.child would only be null if the
+                  // previous render was null (so the container would already
+                  // be empty).
+                  workInProgress.flags |= Snapshot; // If this was a forced client render, there may have been
+                  // recoverable errors during first hydration attempt. If so, add
+                  // them to a queue so we can log them in the commit phase.
+
+                  upgradeHydrationErrorsToRecoverable();
+                }
+              }
+            }
+          }
+          bubbleProperties(workInProgress);
+
+          if (enableTransitionTracing) {
+            if ((workInProgress.subtreeFlags & Visibility) !== NoFlags$1) {
+              // If any of our suspense children toggle visibility, this means that
+              // the pending boundaries array needs to be updated, which we only
+              // do in the passive phase.
+              workInProgress.flags |= Passive$1;
+            }
+          }
+
+          return null;
+        }
+
+        case HostHoistable: {
+          {
+            var nextResource = workInProgress.memoizedState;
+
+            if (current === null) {
+              // We are mounting and must Update this Hoistable in this commit
+              // @TODO refactor this block to create the instance here in complete
+              // phase if we are not hydrating.
+              markUpdate(workInProgress);
+
+              if (nextResource !== null) {
+                // This is a Hoistable Resource
+                // This must come at the very end of the complete phase.
+                bubbleProperties(workInProgress);
+                preloadResourceAndSuspendIfNeeded(workInProgress, nextResource);
+                return null;
+              } else {
+                // This is a Hoistable Instance
+                // This must come at the very end of the complete phase.
+                bubbleProperties(workInProgress);
+                preloadInstanceAndSuspendIfNeeded(workInProgress);
+                return null;
+              }
+            } else {
+              // We are updating.
+              var currentResource = current.memoizedState;
+
+              if (nextResource !== currentResource) {
+                // We are transitioning to, from, or between Hoistable Resources
+                // and require an update
+                markUpdate(workInProgress);
+              }
+
+              if (nextResource !== null) {
+                // This is a Hoistable Resource
+                // This must come at the very end of the complete phase.
+                bubbleProperties(workInProgress);
+
+                if (nextResource === currentResource) {
+                  workInProgress.flags &= ~MaySuspendCommit;
+                } else {
+                  preloadResourceAndSuspendIfNeeded(
+                    workInProgress,
+                    nextResource
+                  );
+                }
+
+                return null;
+              } else {
+                // This is a Hoistable Instance
+                // We may have props to update on the Hoistable instance.
+                {
+                  var oldProps = current.memoizedProps;
+
+                  if (oldProps !== newProps) {
+                    markUpdate(workInProgress);
+                  }
+                } // This must come at the very end of the complete phase.
+
+                bubbleProperties(workInProgress);
+                preloadInstanceAndSuspendIfNeeded(workInProgress);
+                return null;
+              }
+            }
+          } // Fall through
+        }
+
+        case HostSingleton: {
+          {
+            popHostContext(workInProgress);
+            var rootContainerInstance = getRootHostContainer();
+            var _type = workInProgress.type;
+
+            if (current !== null && workInProgress.stateNode != null) {
+              {
+                var _oldProps2 = current.memoizedProps;
+
+                if (_oldProps2 !== newProps) {
+                  markUpdate(workInProgress);
+                }
+              }
+            } else {
+              if (!newProps) {
+                if (workInProgress.stateNode === null) {
+                  throw new Error(
+                    "We must have new props for new mounts. This error is likely " +
+                      "caused by a bug in React. Please file an issue."
+                  );
+                } // This can happen when we abort work.
+
+                bubbleProperties(workInProgress);
+                return null;
+              }
+
+              var currentHostContext = getHostContext();
+
+              var _wasHydrated = popHydrationState(workInProgress);
+
+              var instance;
+
+              if (_wasHydrated) {
+                // We ignore the boolean indicating there is an updateQueue because
+                // it is used only to set text children and HostSingletons do not
+                // use them.
+                prepareToHydrateHostInstance(
+                  workInProgress,
+                  currentHostContext
+                );
+                instance = workInProgress.stateNode;
+              } else {
+                instance = resolveSingletonInstance(
+                  _type,
+                  newProps,
+                  rootContainerInstance,
+                  currentHostContext,
+                  true
+                );
+                workInProgress.stateNode = instance;
+                markUpdate(workInProgress);
+              }
+            }
+
+            bubbleProperties(workInProgress);
+            return null;
+          } // Fall through
+        }
+
+        case HostComponent: {
+          popHostContext(workInProgress);
+          var _type2 = workInProgress.type;
+
+          if (current !== null && workInProgress.stateNode != null) {
+            updateHostComponent(current, workInProgress, _type2, newProps);
+          } else {
+            if (!newProps) {
+              if (workInProgress.stateNode === null) {
+                throw new Error(
+                  "We must have new props for new mounts. This error is likely " +
+                    "caused by a bug in React. Please file an issue."
+                );
+              } // This can happen when we abort work.
+
+              bubbleProperties(workInProgress);
+              return null;
+            }
+
+            var _currentHostContext = getHostContext(); // TODO: Move createInstance to beginWork and keep it on a context
+            // "stack" as the parent. Then append children as we go in beginWork
+            // or completeWork depending on whether we want to add them top->down or
+            // bottom->up. Top->down is faster in IE11.
+
+            var _wasHydrated2 = popHydrationState(workInProgress);
+
+            if (_wasHydrated2) {
+              // TODO: Move this and createInstance step into the beginPhase
+              // to consolidate.
+              prepareToHydrateHostInstance(workInProgress, _currentHostContext);
+            } else {
+              var _rootContainerInstance = getRootHostContainer();
+
+              var _instance3 = createInstance(
+                _type2,
+                newProps,
+                _rootContainerInstance,
+                _currentHostContext,
+                workInProgress
+              ); // TODO: For persistent renderers, we should pass children as part
+              // of the initial instance creation
+
+              appendAllChildren(_instance3, workInProgress);
+              workInProgress.stateNode = _instance3; // Certain renderers require commit-time effects for initial mount.
+              // (eg DOM renderer supports auto-focus for certain elements).
+              // Make sure such renderers get scheduled for later work.
+
+              if (finalizeInitialChildren(_instance3, _type2, newProps)) {
+                markUpdate(workInProgress);
+              }
+            }
+          }
+
+          bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
+          // throw to suspend, and if the resource immediately loads, the work loop
+          // will resume rendering as if the work-in-progress completed. So it must
+          // fully complete.
+
+          preloadInstanceAndSuspendIfNeeded(workInProgress);
+          return null;
+        }
+
+        case HostText: {
+          var newText = newProps;
+
+          if (current && workInProgress.stateNode != null) {
+            var oldText = current.memoizedProps; // If we have an alternate, that means this is an update and we need
+            // to schedule a side-effect to do the updates.
+
+            updateHostText(current, workInProgress, oldText, newText);
+          } else {
+            if (typeof newText !== "string") {
+              if (workInProgress.stateNode === null) {
+                throw new Error(
+                  "We must have new props for new mounts. This error is likely " +
+                    "caused by a bug in React. Please file an issue."
+                );
+              } // This can happen when we abort work.
+            }
+
+            var _rootContainerInstance2 = getRootHostContainer();
+
+            var _currentHostContext2 = getHostContext();
+
+            var _wasHydrated3 = popHydrationState(workInProgress);
+
+            if (_wasHydrated3) {
+              prepareToHydrateHostTextInstance(workInProgress);
+            } else {
+              workInProgress.stateNode = createTextInstance(
+                newText,
+                _rootContainerInstance2,
+                _currentHostContext2,
+                workInProgress
+              );
+            }
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case SuspenseComponent: {
+          var nextState = workInProgress.memoizedState; // Special path for dehydrated boundaries. We may eventually move this
+          // to its own fiber type so that we can add other kinds of hydration
+          // boundaries that aren't associated with a Suspense tree. In anticipation
+          // of such a refactor, all the hydration logic is contained in
+          // this branch.
+
+          if (
+            current === null ||
+            (current.memoizedState !== null &&
+              current.memoizedState.dehydrated !== null)
+          ) {
+            var fallthroughToNormalSuspensePath =
+              completeDehydratedSuspenseBoundary(
+                current,
+                workInProgress,
+                nextState
+              );
+
+            if (!fallthroughToNormalSuspensePath) {
+              if (workInProgress.flags & ForceClientRender) {
+                popSuspenseHandler(workInProgress); // Special case. There were remaining unhydrated nodes. We treat
+                // this as a mismatch. Revert to client rendering.
+
+                return workInProgress;
+              } else {
+                popSuspenseHandler(workInProgress); // Did not finish hydrating, either because this is the initial
+                // render or because something suspended.
+
+                return null;
+              }
+            } // Continue with the normal Suspense path.
+          }
+
+          popSuspenseHandler(workInProgress);
+
+          if ((workInProgress.flags & DidCapture) !== NoFlags$1) {
+            // Something suspended. Re-render with the fallback children.
+            workInProgress.lanes = renderLanes; // Do not reset the effect list.
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            } // Don't bubble properties in this case.
+
+            return workInProgress;
+          }
+
+          var nextDidTimeout = nextState !== null;
+          var prevDidTimeout =
+            current !== null && current.memoizedState !== null;
+
+          if (nextDidTimeout) {
+            var offscreenFiber = workInProgress.child;
+            var _previousCache = null;
+
+            if (
+              offscreenFiber.alternate !== null &&
+              offscreenFiber.alternate.memoizedState !== null &&
+              offscreenFiber.alternate.memoizedState.cachePool !== null
+            ) {
+              _previousCache =
+                offscreenFiber.alternate.memoizedState.cachePool.pool;
+            }
+
+            var _cache = null;
+
+            if (
+              offscreenFiber.memoizedState !== null &&
+              offscreenFiber.memoizedState.cachePool !== null
+            ) {
+              _cache = offscreenFiber.memoizedState.cachePool.pool;
+            }
+
+            if (_cache !== _previousCache) {
+              // Run passive effects to retain/release the cache.
+              offscreenFiber.flags |= Passive$1;
+            }
+          } // If the suspended state of the boundary changes, we need to schedule
+          // a passive effect, which is when we process the transitions
+
+          if (nextDidTimeout !== prevDidTimeout) {
+            if (enableTransitionTracing) {
+              var _offscreenFiber = workInProgress.child;
+              _offscreenFiber.flags |= Passive$1;
+            } // If the suspended state of the boundary changes, we need to schedule
+            // an effect to toggle the subtree's visibility. When we switch from
+            // fallback -> primary, the inner Offscreen fiber schedules this effect
+            // as part of its normal complete phase. But when we switch from
+            // primary -> fallback, the inner Offscreen fiber does not have a complete
+            // phase. So we need to schedule its effect here.
+            //
+            // We also use this flag to connect/disconnect the effects, but the same
+            // logic applies: when re-connecting, the Offscreen fiber's complete
+            // phase will handle scheduling the effect. It's only when the fallback
+            // is active that we have to do anything special.
+
+            if (nextDidTimeout) {
+              var _offscreenFiber2 = workInProgress.child;
+              _offscreenFiber2.flags |= Visibility;
+            }
+          }
+
+          var retryQueue = workInProgress.updateQueue;
+          scheduleRetryEffect(workInProgress, retryQueue);
+
+          if (
+            workInProgress.updateQueue !== null &&
+            workInProgress.memoizedProps.suspenseCallback != null
+          ) {
+            // Always notify the callback
+            // TODO: Move to passive phase
+            workInProgress.flags |= Update;
+          }
+
+          bubbleProperties(workInProgress);
+
+          {
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              if (nextDidTimeout) {
+                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+                var primaryChildFragment = workInProgress.child;
+
+                if (primaryChildFragment !== null) {
+                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+                  workInProgress.treeBaseDuration -=
+                    primaryChildFragment.treeBaseDuration;
+                }
+              }
+            }
+          }
+
+          return null;
+        }
+
+        case HostPortal:
+          popHostContainer(workInProgress);
+
+          if (current === null) {
+            preparePortalMount(workInProgress.stateNode.containerInfo);
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+
+        case ContextProvider:
+          // Pop provider fiber
+          var context;
+
+          if (enableRenderableContext) {
+            context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
+          }
+
+          popProvider(context, workInProgress);
+          bubbleProperties(workInProgress);
+          return null;
+
+        case IncompleteClassComponent: {
+          {
+            break;
+          } // Same as class component case. I put it down here so that the tags are
+        }
+
+        case SuspenseListComponent: {
+          popSuspenseListContext(workInProgress);
+          var renderState = workInProgress.memoizedState;
+
+          if (renderState === null) {
+            // We're running in the default, "independent" mode.
+            // We don't do anything in this mode.
+            bubbleProperties(workInProgress);
+            return null;
+          }
+
+          var didSuspendAlready =
+            (workInProgress.flags & DidCapture) !== NoFlags$1;
+          var renderedTail = renderState.rendering;
+
+          if (renderedTail === null) {
+            // We just rendered the head.
+            if (!didSuspendAlready) {
+              // This is the first pass. We need to figure out if anything is still
+              // suspended in the rendered set.
+              // If new content unsuspended, but there's still some content that
+              // didn't. Then we need to do a second pass that forces everything
+              // to keep showing their fallbacks.
+              // We might be suspended if something in this render pass suspended, or
+              // something in the previous committed pass suspended. Otherwise,
+              // there's no chance so we can skip the expensive call to
+              // findFirstSuspended.
+              var cannotBeSuspended =
+                renderHasNotSuspendedYet() &&
+                (current === null ||
+                  (current.flags & DidCapture) === NoFlags$1);
+
+              if (!cannotBeSuspended) {
+                var row = workInProgress.child;
+
+                while (row !== null) {
+                  var suspended = findFirstSuspended(row);
+
+                  if (suspended !== null) {
+                    didSuspendAlready = true;
+                    workInProgress.flags |= DidCapture;
+                    cutOffTailIfNeeded(renderState, false); // If this is a newly suspended tree, it might not get committed as
+                    // part of the second pass. In that case nothing will subscribe to
+                    // its thenables. Instead, we'll transfer its thenables to the
+                    // SuspenseList so that it can retry if they resolve.
+                    // There might be multiple of these in the list but since we're
+                    // going to wait for all of them anyway, it doesn't really matter
+                    // which ones gets to ping. In theory we could get clever and keep
+                    // track of how many dependencies remain but it gets tricky because
+                    // in the meantime, we can add/remove/change items and dependencies.
+                    // We might bail out of the loop before finding any but that
+                    // doesn't matter since that means that the other boundaries that
+                    // we did find already has their listeners attached.
+
+                    var _retryQueue = suspended.updateQueue;
+                    workInProgress.updateQueue = _retryQueue;
+                    scheduleRetryEffect(workInProgress, _retryQueue); // Rerender the whole list, but this time, we'll force fallbacks
+                    // to stay in place.
+                    // Reset the effect flags before doing the second pass since that's now invalid.
+                    // Reset the child fibers to their original state.
+
+                    workInProgress.subtreeFlags = NoFlags$1;
+                    resetChildFibers(workInProgress, renderLanes); // Set up the Suspense List Context to force suspense and
+                    // immediately rerender the children.
+
+                    pushSuspenseListContext(
+                      workInProgress,
+                      setShallowSuspenseListContext(
+                        suspenseStackCursor.current,
+                        ForceSuspenseFallback
+                      )
+                    ); // Don't bubble properties in this case.
+
+                    return workInProgress.child;
+                  }
+
+                  row = row.sibling;
+                }
+              }
+
+              if (
+                renderState.tail !== null &&
+                now$1() > getRenderTargetTime()
+              ) {
+                // We have already passed our CPU deadline but we still have rows
+                // left in the tail. We'll just give up further attempts to render
+                // the main content and only render fallbacks.
+                workInProgress.flags |= DidCapture;
+                didSuspendAlready = true;
+                cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
+                // to get it started back up to attempt the next item. While in terms
+                // of priority this work has the same priority as this current render,
+                // it's not part of the same transition once the transition has
+                // committed. If it's sync, we still want to yield so that it can be
+                // painted. Conceptually, this is really the same as pinging.
+                // We can use any RetryLane even if it's the one currently rendering
+                // since we're leaving it behind on this node.
+
+                workInProgress.lanes = SomeRetryLane;
+              }
+            } else {
+              cutOffTailIfNeeded(renderState, false);
+            } // Next we're going to render the tail.
+          } else {
+            // Append the rendered row to the child list.
+            if (!didSuspendAlready) {
+              var _suspended = findFirstSuspended(renderedTail);
+
+              if (_suspended !== null) {
+                workInProgress.flags |= DidCapture;
+                didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
+                // get lost if this row ends up dropped during a second pass.
+
+                var _retryQueue2 = _suspended.updateQueue;
+                workInProgress.updateQueue = _retryQueue2;
+                scheduleRetryEffect(workInProgress, _retryQueue2);
+                cutOffTailIfNeeded(renderState, true); // This might have been modified.
+
+                if (
+                  renderState.tail === null &&
+                  renderState.tailMode === "hidden" &&
+                  !renderedTail.alternate &&
+                  !getIsHydrating() // We don't cut it if we're hydrating.
+                ) {
+                  // We're done.
+                  bubbleProperties(workInProgress);
+                  return null;
+                }
+              } else if (
+                // The time it took to render last row is greater than the remaining
+                // time we have to render. So rendering one more row would likely
+                // exceed it.
+                now$1() * 2 - renderState.renderingStartTime >
+                  getRenderTargetTime() &&
+                renderLanes !== OffscreenLane
+              ) {
+                // We have now passed our CPU deadline and we'll just give up further
+                // attempts to render the main content and only render fallbacks.
+                // The assumption is that this is usually faster.
+                workInProgress.flags |= DidCapture;
+                didSuspendAlready = true;
+                cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
+                // to get it started back up to attempt the next item. While in terms
+                // of priority this work has the same priority as this current render,
+                // it's not part of the same transition once the transition has
+                // committed. If it's sync, we still want to yield so that it can be
+                // painted. Conceptually, this is really the same as pinging.
+                // We can use any RetryLane even if it's the one currently rendering
+                // since we're leaving it behind on this node.
+
+                workInProgress.lanes = SomeRetryLane;
+              }
+            }
+
+            if (renderState.isBackwards) {
+              // The effect list of the backwards tail will have been added
+              // to the end. This breaks the guarantee that life-cycles fire in
+              // sibling order but that isn't a strong guarantee promised by React.
+              // Especially since these might also just pop in during future commits.
+              // Append to the beginning of the list.
+              renderedTail.sibling = workInProgress.child;
+              workInProgress.child = renderedTail;
+            } else {
+              var previousSibling = renderState.last;
+
+              if (previousSibling !== null) {
+                previousSibling.sibling = renderedTail;
+              } else {
+                workInProgress.child = renderedTail;
+              }
+
+              renderState.last = renderedTail;
+            }
+          }
+
+          if (renderState.tail !== null) {
+            // We still have tail rows to render.
+            // Pop a row.
+            var next = renderState.tail;
+            renderState.rendering = next;
+            renderState.tail = next.sibling;
+            renderState.renderingStartTime = now$1();
+            next.sibling = null; // Restore the context.
+            // TODO: We can probably just avoid popping it instead and only
+            // setting it the first time we go from not suspended to suspended.
+
+            var suspenseContext = suspenseStackCursor.current;
+
+            if (didSuspendAlready) {
+              suspenseContext = setShallowSuspenseListContext(
+                suspenseContext,
+                ForceSuspenseFallback
+              );
+            } else {
+              suspenseContext =
+                setDefaultShallowSuspenseListContext(suspenseContext);
+            }
+
+            pushSuspenseListContext(workInProgress, suspenseContext); // Do a pass over the next row.
+            // Don't bubble properties in this case.
+
+            return next;
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case ScopeComponent: {
+          {
+            if (current === null) {
+              var scopeInstance = createScopeInstance();
+              workInProgress.stateNode = scopeInstance;
+              prepareScopeUpdate(scopeInstance, workInProgress);
+
+              if (workInProgress.ref !== null) {
+                // Scope components always do work in the commit phase if there's a
+                // ref attached.
+                markUpdate(workInProgress);
+              }
+            } else {
+              if (workInProgress.ref !== null) {
+                // Scope components always do work in the commit phase if there's a
+                // ref attached.
+                markUpdate(workInProgress);
+              }
+            }
+
+            bubbleProperties(workInProgress);
+            return null;
+          }
+        }
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent: {
+          popSuspenseHandler(workInProgress);
+          popHiddenContext(workInProgress);
+          var _nextState = workInProgress.memoizedState;
+          var nextIsHidden = _nextState !== null; // Schedule a Visibility effect if the visibility has changed
+
+          if (workInProgress.tag === LegacyHiddenComponent);
+          else {
+            if (current !== null) {
+              var _prevState = current.memoizedState;
+              var prevIsHidden = _prevState !== null;
+
+              if (prevIsHidden !== nextIsHidden) {
+                workInProgress.flags |= Visibility;
+              }
+            } else {
+              // On initial mount, we only need a Visibility effect if the tree
+              // is hidden.
+              if (nextIsHidden) {
+                workInProgress.flags |= Visibility;
+              }
+            }
+          }
+
+          if (!nextIsHidden || !disableLegacyMode) {
+            bubbleProperties(workInProgress);
+          } else {
+            // Don't bubble properties for hidden children unless we're rendering
+            // at offscreen priority.
+            if (
+              includesSomeLane(renderLanes, OffscreenLane) && // Also don't bubble if the tree suspended
+              (workInProgress.flags & DidCapture) === NoLanes
+            ) {
+              bubbleProperties(workInProgress); // Check if there was an insertion or update in the hidden subtree.
+              // If so, we need to hide those nodes in the commit phase, so
+              // schedule a visibility effect.
+
+              if (
+                workInProgress.tag !== LegacyHiddenComponent &&
+                workInProgress.subtreeFlags & (Placement | Update)
+              ) {
+                workInProgress.flags |= Visibility;
+              }
+            }
+          }
+
+          var offscreenQueue = workInProgress.updateQueue;
+
+          if (offscreenQueue !== null) {
+            var _retryQueue3 = offscreenQueue.retryQueue;
+            scheduleRetryEffect(workInProgress, _retryQueue3);
+          }
+
+          {
+            var _previousCache2 = null;
+
+            if (
+              current !== null &&
+              current.memoizedState !== null &&
+              current.memoizedState.cachePool !== null
+            ) {
+              _previousCache2 = current.memoizedState.cachePool.pool;
+            }
+
+            var _cache2 = null;
+
+            if (
+              workInProgress.memoizedState !== null &&
+              workInProgress.memoizedState.cachePool !== null
+            ) {
+              _cache2 = workInProgress.memoizedState.cachePool.pool;
+            }
+
+            if (_cache2 !== _previousCache2) {
+              // Run passive effects to retain/release the cache.
+              workInProgress.flags |= Passive$1;
+            }
+          }
+
+          popTransition(workInProgress, current);
+          return null;
+        }
+
+        case CacheComponent: {
+          {
+            var _previousCache3 = null;
+
+            if (current !== null) {
+              _previousCache3 = current.memoizedState.cache;
+            }
+
+            var _cache3 = workInProgress.memoizedState.cache;
+
+            if (_cache3 !== _previousCache3) {
+              // Run passive effects to retain/release the cache.
+              workInProgress.flags |= Passive$1;
+            }
+
+            popCacheProvider(workInProgress);
+            bubbleProperties(workInProgress);
+          }
+
+          return null;
+        }
+
+        case TracingMarkerComponent: {
+          if (enableTransitionTracing) {
+            var _instance4 = workInProgress.stateNode;
+
+            if (_instance4 !== null) {
+              popMarkerInstance(workInProgress);
+            }
+
+            bubbleProperties(workInProgress);
+          }
+
+          return null;
         }
       }
 
-      return newProps;
+      throw new Error(
+        "Unknown unit of work tag (" +
+          workInProgress.tag +
+          "). This error is likely caused by a bug in " +
+          "React. Please file an issue."
+      );
+    }
+
+    function unwindWork(current, workInProgress, renderLanes) {
+      // Note: This intentionally doesn't check if we're hydrating because comparing
+      // to the current tree provider fiber is just as fast and less error-prone.
+      // Ideally we would have a special version of the work loop only
+      // for hydration.
+      popTreeContext(workInProgress);
+
+      switch (workInProgress.tag) {
+        case ClassComponent: {
+          var flags = workInProgress.flags;
+
+          if (flags & ShouldCapture) {
+            workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            }
+
+            return workInProgress;
+          }
+
+          return null;
+        }
+
+        case HostRoot: {
+          {
+            popCacheProvider(workInProgress);
+          }
+
+          if (enableTransitionTracing) {
+            popRootMarkerInstance(workInProgress);
+          }
+
+          popRootTransition(workInProgress);
+          popHostContainer(workInProgress);
+          var _flags = workInProgress.flags;
+
+          if (
+            (_flags & ShouldCapture) !== NoFlags$1 &&
+            (_flags & DidCapture) === NoFlags$1
+          ) {
+            // There was an error during render that wasn't captured by a suspense
+            // boundary. Do a second pass on the root to unmount the children.
+            workInProgress.flags = (_flags & ~ShouldCapture) | DidCapture;
+            return workInProgress;
+          } // We unwound to the root without completing it. Exit.
+
+          return null;
+        }
+
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent: {
+          // TODO: popHydrationState
+          popHostContext(workInProgress);
+          return null;
+        }
+
+        case SuspenseComponent: {
+          popSuspenseHandler(workInProgress);
+          var suspenseState = workInProgress.memoizedState;
+
+          if (suspenseState !== null && suspenseState.dehydrated !== null) {
+            if (workInProgress.alternate === null) {
+              throw new Error(
+                "Threw in newly mounted dehydrated component. This is likely a bug in " +
+                  "React. Please file an issue."
+              );
+            }
+
+            resetHydrationState();
+          }
+
+          var _flags2 = workInProgress.flags;
+
+          if (_flags2 & ShouldCapture) {
+            workInProgress.flags = (_flags2 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            }
+
+            return workInProgress;
+          }
+
+          return null;
+        }
+
+        case SuspenseListComponent: {
+          popSuspenseListContext(workInProgress); // SuspenseList doesn't actually catch anything. It should've been
+          // caught by a nested boundary. If not, it should bubble through.
+
+          return null;
+        }
+
+        case HostPortal:
+          popHostContainer(workInProgress);
+          return null;
+
+        case ContextProvider:
+          var context;
+
+          if (enableRenderableContext) {
+            context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
+          }
+
+          popProvider(context, workInProgress);
+          return null;
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent: {
+          popSuspenseHandler(workInProgress);
+          popHiddenContext(workInProgress);
+          popTransition(workInProgress, current);
+          var _flags3 = workInProgress.flags;
+
+          if (_flags3 & ShouldCapture) {
+            workInProgress.flags = (_flags3 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            }
+
+            return workInProgress;
+          }
+
+          return null;
+        }
+
+        case CacheComponent:
+          {
+            popCacheProvider(workInProgress);
+          }
+
+          return null;
+
+        case TracingMarkerComponent:
+          if (enableTransitionTracing) {
+            if (workInProgress.stateNode !== null) {
+              popMarkerInstance(workInProgress);
+            }
+          }
+
+          return null;
+
+        default:
+          return null;
+      }
+    }
+
+    function unwindInterruptedWork(current, interruptedWork, renderLanes) {
+      // Note: This intentionally doesn't check if we're hydrating because comparing
+      // to the current tree provider fiber is just as fast and less error-prone.
+      // Ideally we would have a special version of the work loop only
+      // for hydration.
+      popTreeContext(interruptedWork);
+
+      switch (interruptedWork.tag) {
+        case ClassComponent: {
+          break;
+        }
+
+        case HostRoot: {
+          {
+            popCacheProvider(interruptedWork);
+          }
+
+          if (enableTransitionTracing) {
+            popRootMarkerInstance(interruptedWork);
+          }
+
+          popRootTransition(interruptedWork);
+          popHostContainer(interruptedWork);
+          break;
+        }
+
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent: {
+          popHostContext(interruptedWork);
+          break;
+        }
+
+        case HostPortal:
+          popHostContainer(interruptedWork);
+          break;
+
+        case SuspenseComponent:
+          popSuspenseHandler(interruptedWork);
+          break;
+
+        case SuspenseListComponent:
+          popSuspenseListContext(interruptedWork);
+          break;
+
+        case ContextProvider:
+          var context;
+
+          if (enableRenderableContext) {
+            context = interruptedWork.type;
+          } else {
+            context = interruptedWork.type._context;
+          }
+
+          popProvider(context, interruptedWork);
+          break;
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent:
+          popSuspenseHandler(interruptedWork);
+          popHiddenContext(interruptedWork);
+          popTransition(interruptedWork, current);
+          break;
+
+        case CacheComponent:
+          {
+            popCacheProvider(interruptedWork);
+          }
+
+          break;
+
+        case TracingMarkerComponent:
+          if (enableTransitionTracing) {
+            var instance = interruptedWork.stateNode;
+
+            if (instance !== null) {
+              popMarkerInstance(interruptedWork);
+            }
+          }
+
+          break;
+      }
     }
 
     var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
@@ -32291,9 +36778,7 @@ if (__DEV__) {
     // Allows us to avoid traversing the return path to find the nearest Offscreen ancestor.
 
     var offscreenSubtreeIsHidden = false;
-    var offscreenSubtreeWasHidden = false; // Used to track if a form needs to be reset at the end of the mutation phase.
-
-    var needsFormReset = false;
+    var offscreenSubtreeWasHidden = false;
     var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
     var nextEffect = null; // Used for Profiling builds to track updaters.
 
@@ -34883,21 +39368,6 @@ if (__DEV__) {
                 }
               }
             }
-
-            if (flags & FormReset) {
-              needsFormReset = true;
-
-              {
-                if (finishedWork.type !== "form") {
-                  // Paranoid coding. In case we accidentally start using the
-                  // FormReset bit for something else.
-                  error(
-                    "Unexpected host component type. Expected a form. This is a " +
-                      "bug in React."
-                  );
-                }
-              }
-            }
           }
 
           return;
@@ -34968,20 +39438,6 @@ if (__DEV__) {
             }
           }
 
-          if (needsFormReset) {
-            // A form component requested to be reset during this commit. We do this
-            // after all mutations in the rest of the tree so that `defaultValue`
-            // will already be updated. This way you can update `defaultValue` using
-            // data sent by the server as a result of the form submission.
-            //
-            // Theoretically we could check finishedWork.subtreeFlags & FormReset,
-            // but the FormReset bit is overloaded with other flags used by other
-            // fiber types. So this extra variable lets us skip traversing the tree
-            // except when a form was actually submitted.
-            needsFormReset = false;
-            recursivelyResetForms(finishedWork);
-          }
-
           return;
         }
 
@@ -35207,26 +39663,6 @@ if (__DEV__) {
       }
     }
 
-    function recursivelyResetForms(parentFiber) {
-      if (parentFiber.subtreeFlags & FormReset) {
-        var child = parentFiber.child;
-
-        while (child !== null) {
-          resetFormOnFiber(child);
-          child = child.sibling;
-        }
-      }
-    }
-
-    function resetFormOnFiber(fiber) {
-      recursivelyResetForms(fiber);
-
-      if (fiber.tag === HostComponent && fiber.flags & FormReset) {
-        var formInstance = fiber.stateNode;
-        resetFormInstance(formInstance);
-      }
-    }
-
     function commitLayoutEffects(finishedWork, root, committedLanes) {
       inProgressLanes = committedLanes;
       inProgressRoot = root;
@@ -36721,2428 +41157,6 @@ if (__DEV__) {
       }
     }
 
-    var hasBadMapPolyfill;
-
-    {
-      hasBadMapPolyfill = false;
-
-      try {
-        var nonExtensibleObject = Object.preventExtensions({});
-        /* eslint-disable no-new */
-
-        new Map([[nonExtensibleObject, null]]);
-        new Set([nonExtensibleObject]);
-        /* eslint-enable no-new */
-      } catch (e) {
-        // TODO: Consider warning about bad polyfills
-        hasBadMapPolyfill = true;
-      }
-    }
-
-    function FiberNode(tag, pendingProps, key, mode) {
-      // Instance
-      this.tag = tag;
-      this.key = key;
-      this.elementType = null;
-      this.type = null;
-      this.stateNode = null; // Fiber
-
-      this.return = null;
-      this.child = null;
-      this.sibling = null;
-      this.index = 0;
-      this.ref = null;
-      this.refCleanup = null;
-      this.pendingProps = pendingProps;
-      this.memoizedProps = null;
-      this.updateQueue = null;
-      this.memoizedState = null;
-      this.dependencies = null;
-      this.mode = mode; // Effects
-
-      this.flags = NoFlags$1;
-      this.subtreeFlags = NoFlags$1;
-      this.deletions = null;
-      this.lanes = NoLanes;
-      this.childLanes = NoLanes;
-      this.alternate = null;
-
-      {
-        // Note: The following is done to avoid a v8 performance cliff.
-        //
-        // Initializing the fields below to smis and later updating them with
-        // double values will cause Fibers to end up having separate shapes.
-        // This behavior/bug has something to do with Object.preventExtension().
-        // Fortunately this only impacts DEV builds.
-        // Unfortunately it makes React unusably slow for some applications.
-        // To work around this, initialize the fields below with doubles.
-        //
-        // Learn more about this here:
-        // https://github.com/facebook/react/issues/14365
-        // https://bugs.chromium.org/p/v8/issues/detail?id=8538
-        this.actualDuration = Number.NaN;
-        this.actualStartTime = Number.NaN;
-        this.selfBaseDuration = Number.NaN;
-        this.treeBaseDuration = Number.NaN; // It's okay to replace the initial doubles with smis after initialization.
-        // This won't trigger the performance cliff mentioned above,
-        // and it simplifies other profiler code (including DevTools).
-
-        this.actualDuration = 0;
-        this.actualStartTime = -1;
-        this.selfBaseDuration = 0;
-        this.treeBaseDuration = 0;
-      }
-
-      {
-        // This isn't directly used but is handy for debugging internals:
-        this._debugInfo = null;
-        this._debugOwner = null;
-        this._debugNeedsRemount = false;
-        this._debugHookTypes = null;
-
-        if (
-          !hasBadMapPolyfill &&
-          typeof Object.preventExtensions === "function"
-        ) {
-          Object.preventExtensions(this);
-        }
-      }
-    } // This is a constructor function, rather than a POJO constructor, still
-    // please ensure we do the following:
-    // 1) Nobody should add any instance methods on this. Instance methods can be
-    //    more difficult to predict when they get optimized and they are almost
-    //    never inlined properly in static compilers.
-    // 2) Nobody should rely on `instanceof Fiber` for type testing. We should
-    //    always know when it is a fiber.
-    // 3) We might want to experiment with using numeric keys since they are easier
-    //    to optimize in a non-JIT environment.
-    // 4) We can easily go from a constructor to a createFiber object literal if that
-    //    is faster.
-    // 5) It should be easy to port this to a C struct and keep a C implementation
-    //    compatible.
-
-    function createFiber(tag, pendingProps, key, mode) {
-      // $FlowFixMe[invalid-constructor]: the shapes are exact here but Flow doesn't like constructors
-      return new FiberNode(tag, pendingProps, key, mode);
-    }
-
-    function shouldConstruct(Component) {
-      var prototype = Component.prototype;
-      return !!(prototype && prototype.isReactComponent);
-    }
-
-    function isSimpleFunctionComponent(type) {
-      return (
-        typeof type === "function" &&
-        !shouldConstruct(type) &&
-        type.defaultProps === undefined
-      );
-    }
-    function isFunctionClassComponent(type) {
-      return shouldConstruct(type);
-    } // This is used to create an alternate fiber to do work on.
-
-    function createWorkInProgress(current, pendingProps) {
-      var workInProgress = current.alternate;
-
-      if (workInProgress === null) {
-        // We use a double buffering pooling technique because we know that we'll
-        // only ever need at most two versions of a tree. We pool the "other" unused
-        // node that we're free to reuse. This is lazily created to avoid allocating
-        // extra objects for things that are never updated. It also allow us to
-        // reclaim the extra memory if needed.
-        workInProgress = createFiber(
-          current.tag,
-          pendingProps,
-          current.key,
-          current.mode
-        );
-        workInProgress.elementType = current.elementType;
-        workInProgress.type = current.type;
-        workInProgress.stateNode = current.stateNode;
-
-        {
-          // DEV-only fields
-          workInProgress._debugOwner = current._debugOwner;
-          workInProgress._debugHookTypes = current._debugHookTypes;
-        }
-
-        workInProgress.alternate = current;
-        current.alternate = workInProgress;
-      } else {
-        workInProgress.pendingProps = pendingProps; // Needed because Blocks store data on type.
-
-        workInProgress.type = current.type; // We already have an alternate.
-        // Reset the effect tag.
-
-        workInProgress.flags = NoFlags$1; // The effects are no longer valid.
-
-        workInProgress.subtreeFlags = NoFlags$1;
-        workInProgress.deletions = null;
-
-        {
-          // We intentionally reset, rather than copy, actualDuration & actualStartTime.
-          // This prevents time from endlessly accumulating in new commits.
-          // This has the downside of resetting values for different priority renders,
-          // But works for yielding (the common case) and should support resuming.
-          workInProgress.actualDuration = 0;
-          workInProgress.actualStartTime = -1;
-        }
-      } // Reset all effects except static ones.
-      // Static effects are not specific to a render.
-
-      workInProgress.flags = current.flags & StaticMask;
-      workInProgress.childLanes = current.childLanes;
-      workInProgress.lanes = current.lanes;
-      workInProgress.child = current.child;
-      workInProgress.memoizedProps = current.memoizedProps;
-      workInProgress.memoizedState = current.memoizedState;
-      workInProgress.updateQueue = current.updateQueue; // Clone the dependencies object. This is mutated during the render phase, so
-      // it cannot be shared with the current fiber.
-
-      var currentDependencies = current.dependencies;
-      workInProgress.dependencies =
-        currentDependencies === null
-          ? null
-          : {
-              lanes: currentDependencies.lanes,
-              firstContext: currentDependencies.firstContext
-            }; // These will be overridden during the parent's reconciliation
-
-      workInProgress.sibling = current.sibling;
-      workInProgress.index = current.index;
-      workInProgress.ref = current.ref;
-      workInProgress.refCleanup = current.refCleanup;
-
-      {
-        workInProgress.selfBaseDuration = current.selfBaseDuration;
-        workInProgress.treeBaseDuration = current.treeBaseDuration;
-      }
-
-      {
-        workInProgress._debugInfo = current._debugInfo;
-        workInProgress._debugNeedsRemount = current._debugNeedsRemount;
-
-        switch (workInProgress.tag) {
-          case FunctionComponent:
-          case SimpleMemoComponent:
-            workInProgress.type = resolveFunctionForHotReloading(current.type);
-            break;
-
-          case ClassComponent:
-            workInProgress.type = resolveClassForHotReloading(current.type);
-            break;
-
-          case ForwardRef:
-            workInProgress.type = resolveForwardRefForHotReloading(
-              current.type
-            );
-            break;
-        }
-      }
-
-      return workInProgress;
-    } // Used to reuse a Fiber for a second pass.
-
-    function resetWorkInProgress(workInProgress, renderLanes) {
-      // This resets the Fiber to what createFiber or createWorkInProgress would
-      // have set the values to before during the first pass. Ideally this wouldn't
-      // be necessary but unfortunately many code paths reads from the workInProgress
-      // when they should be reading from current and writing to workInProgress.
-      // We assume pendingProps, index, key, ref, return are still untouched to
-      // avoid doing another reconciliation.
-      // Reset the effect flags but keep any Placement tags, since that's something
-      // that child fiber is setting, not the reconciliation.
-      workInProgress.flags &= StaticMask | Placement; // The effects are no longer valid.
-
-      var current = workInProgress.alternate;
-
-      if (current === null) {
-        // Reset to createFiber's initial values.
-        workInProgress.childLanes = NoLanes;
-        workInProgress.lanes = renderLanes;
-        workInProgress.child = null;
-        workInProgress.subtreeFlags = NoFlags$1;
-        workInProgress.memoizedProps = null;
-        workInProgress.memoizedState = null;
-        workInProgress.updateQueue = null;
-        workInProgress.dependencies = null;
-        workInProgress.stateNode = null;
-
-        {
-          // Note: We don't reset the actualTime counts. It's useful to accumulate
-          // actual time across multiple render passes.
-          workInProgress.selfBaseDuration = 0;
-          workInProgress.treeBaseDuration = 0;
-        }
-      } else {
-        // Reset to the cloned values that createWorkInProgress would've.
-        workInProgress.childLanes = current.childLanes;
-        workInProgress.lanes = current.lanes;
-        workInProgress.child = current.child;
-        workInProgress.subtreeFlags = NoFlags$1;
-        workInProgress.deletions = null;
-        workInProgress.memoizedProps = current.memoizedProps;
-        workInProgress.memoizedState = current.memoizedState;
-        workInProgress.updateQueue = current.updateQueue; // Needed because Blocks store data on type.
-
-        workInProgress.type = current.type; // Clone the dependencies object. This is mutated during the render phase, so
-        // it cannot be shared with the current fiber.
-
-        var currentDependencies = current.dependencies;
-        workInProgress.dependencies =
-          currentDependencies === null
-            ? null
-            : {
-                lanes: currentDependencies.lanes,
-                firstContext: currentDependencies.firstContext
-              };
-
-        {
-          // Note: We don't reset the actualTime counts. It's useful to accumulate
-          // actual time across multiple render passes.
-          workInProgress.selfBaseDuration = current.selfBaseDuration;
-          workInProgress.treeBaseDuration = current.treeBaseDuration;
-        }
-      }
-
-      return workInProgress;
-    }
-    function createHostRootFiber(
-      tag,
-      isStrictMode,
-      concurrentUpdatesByDefaultOverride
-    ) {
-      var mode;
-
-      {
-        mode = ConcurrentMode;
-
-        if (isStrictMode === true) {
-          mode |= StrictLegacyMode | StrictEffectsMode;
-        }
-
-        if (
-          // Only for internal experiments.
-          concurrentUpdatesByDefaultOverride
-        ) {
-          mode |= ConcurrentUpdatesByDefaultMode;
-        }
-      }
-
-      if (isDevToolsPresent) {
-        // Always collect profile timings when DevTools are present.
-        // This enables DevTools to start capturing timing at any point–
-        // Without some nodes in the tree having empty base times.
-        mode |= ProfileMode;
-      }
-
-      return createFiber(HostRoot, null, null, mode);
-    }
-    function createFiberFromTypeAndProps(
-      type, // React$ElementType
-      key,
-      pendingProps,
-      owner,
-      mode,
-      lanes
-    ) {
-      var fiberTag = FunctionComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
-
-      var resolvedType = type;
-
-      if (typeof type === "function") {
-        if (shouldConstruct(type)) {
-          fiberTag = ClassComponent;
-
-          {
-            resolvedType = resolveClassForHotReloading(resolvedType);
-          }
-        } else {
-          {
-            resolvedType = resolveFunctionForHotReloading(resolvedType);
-          }
-        }
-      } else if (typeof type === "string") {
-        {
-          var hostContext = getHostContext();
-          fiberTag = isHostHoistableType(type, pendingProps, hostContext)
-            ? HostHoistable
-            : isHostSingletonType(type)
-            ? HostSingleton
-            : HostComponent;
-        }
-      } else {
-        getTag: switch (type) {
-          case REACT_FRAGMENT_TYPE:
-            return createFiberFromFragment(
-              pendingProps.children,
-              mode,
-              lanes,
-              key
-            );
-
-          case REACT_STRICT_MODE_TYPE:
-            fiberTag = Mode;
-            mode |= StrictLegacyMode;
-
-            {
-              // Strict effects should never run on legacy roots
-              mode |= StrictEffectsMode;
-
-              if (
-                enableDO_NOT_USE_disableStrictPassiveEffect &&
-                pendingProps.DO_NOT_USE_disableStrictPassiveEffect
-              ) {
-                mode |= NoStrictPassiveEffectsMode;
-              }
-            }
-
-            break;
-
-          case REACT_PROFILER_TYPE:
-            return createFiberFromProfiler(pendingProps, mode, lanes, key);
-
-          case REACT_SUSPENSE_TYPE:
-            return createFiberFromSuspense(pendingProps, mode, lanes, key);
-
-          case REACT_SUSPENSE_LIST_TYPE:
-            return createFiberFromSuspenseList(pendingProps, mode, lanes, key);
-
-          case REACT_OFFSCREEN_TYPE:
-            return createFiberFromOffscreen(pendingProps, mode, lanes, key);
-
-          case REACT_LEGACY_HIDDEN_TYPE: {
-            return createFiberFromLegacyHidden(pendingProps, mode, lanes, key);
-          }
-
-          // Fall through
-
-          case REACT_SCOPE_TYPE: {
-            return createFiberFromScope(type, pendingProps, mode, lanes, key);
-          }
-
-          // Fall through
-
-          case REACT_TRACING_MARKER_TYPE:
-            if (enableTransitionTracing) {
-              return createFiberFromTracingMarker(
-                pendingProps,
-                mode,
-                lanes,
-                key
-              );
-            }
-
-          // Fall through
-
-          case REACT_DEBUG_TRACING_MODE_TYPE:
-            if (enableDebugTracing) {
-              fiberTag = Mode;
-              mode |= DebugTracingMode;
-              break;
-            }
-
-          // Fall through
-
-          default: {
-            if (typeof type === "object" && type !== null) {
-              switch (type.$$typeof) {
-                case REACT_PROVIDER_TYPE:
-                  if (!enableRenderableContext) {
-                    fiberTag = ContextProvider;
-                    break getTag;
-                  }
-
-                // Fall through
-
-                case REACT_CONTEXT_TYPE:
-                  if (enableRenderableContext) {
-                    fiberTag = ContextProvider;
-                    break getTag;
-                  } else {
-                    fiberTag = ContextConsumer;
-                    break getTag;
-                  }
-
-                case REACT_CONSUMER_TYPE:
-                  if (enableRenderableContext) {
-                    fiberTag = ContextConsumer;
-                    break getTag;
-                  }
-
-                // Fall through
-
-                case REACT_FORWARD_REF_TYPE:
-                  fiberTag = ForwardRef;
-
-                  {
-                    resolvedType =
-                      resolveForwardRefForHotReloading(resolvedType);
-                  }
-
-                  break getTag;
-
-                case REACT_MEMO_TYPE:
-                  fiberTag = MemoComponent;
-                  break getTag;
-
-                case REACT_LAZY_TYPE:
-                  fiberTag = LazyComponent;
-                  resolvedType = null;
-                  break getTag;
-              }
-            }
-
-            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 ownerName = owner ? getComponentNameFromOwner(owner) : null;
-
-              if (ownerName) {
-                info += "\n\nCheck the render method of `" + ownerName + "`.";
-              }
-            }
-
-            throw new Error(
-              "Element type is invalid: expected a string (for built-in " +
-                "components) or a class/function (for composite components) " +
-                ("but got: " + (type == null ? type : typeof type) + "." + info)
-            );
-          }
-        }
-      }
-
-      var fiber = createFiber(fiberTag, pendingProps, key, mode);
-      fiber.elementType = type;
-      fiber.type = resolvedType;
-      fiber.lanes = lanes;
-
-      {
-        fiber._debugOwner = owner;
-      }
-
-      return fiber;
-    }
-    function createFiberFromElement(element, mode, lanes) {
-      var owner = null;
-
-      {
-        owner = element._owner;
-      }
-
-      var type = element.type;
-      var key = element.key;
-      var pendingProps = element.props;
-      var fiber = createFiberFromTypeAndProps(
-        type,
-        key,
-        pendingProps,
-        owner,
-        mode,
-        lanes
-      );
-
-      {
-        fiber._debugOwner = element._owner;
-      }
-
-      return fiber;
-    }
-    function createFiberFromFragment(elements, mode, lanes, key) {
-      var fiber = createFiber(Fragment, elements, key, mode);
-      fiber.lanes = lanes;
-      return fiber;
-    }
-
-    function createFiberFromScope(scope, pendingProps, mode, lanes, key) {
-      var fiber = createFiber(ScopeComponent, pendingProps, key, mode);
-      fiber.type = scope;
-      fiber.elementType = scope;
-      fiber.lanes = lanes;
-      return fiber;
-    }
-
-    function createFiberFromProfiler(pendingProps, mode, lanes, key) {
-      {
-        if (typeof pendingProps.id !== "string") {
-          error(
-            'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',
-            typeof pendingProps.id
-          );
-        }
-      }
-
-      var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
-      fiber.elementType = REACT_PROFILER_TYPE;
-      fiber.lanes = lanes;
-
-      {
-        fiber.stateNode = {
-          effectDuration: 0,
-          passiveEffectDuration: 0
-        };
-      }
-
-      return fiber;
-    }
-
-    function createFiberFromSuspense(pendingProps, mode, lanes, key) {
-      var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
-      fiber.elementType = REACT_SUSPENSE_TYPE;
-      fiber.lanes = lanes;
-      return fiber;
-    }
-    function createFiberFromSuspenseList(pendingProps, mode, lanes, key) {
-      var fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
-      fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
-      fiber.lanes = lanes;
-      return fiber;
-    }
-    function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
-      var fiber = createFiber(OffscreenComponent, pendingProps, key, mode);
-      fiber.elementType = REACT_OFFSCREEN_TYPE;
-      fiber.lanes = lanes;
-      var primaryChildInstance = {
-        _visibility: OffscreenVisible,
-        _pendingVisibility: OffscreenVisible,
-        _pendingMarkers: null,
-        _retryCache: null,
-        _transitions: null,
-        _current: null,
-        detach: function () {
-          return detachOffscreenInstance(primaryChildInstance);
-        },
-        attach: function () {
-          return attachOffscreenInstance(primaryChildInstance);
-        }
-      };
-      fiber.stateNode = primaryChildInstance;
-      return fiber;
-    }
-    function createFiberFromLegacyHidden(pendingProps, mode, lanes, key) {
-      var fiber = createFiber(LegacyHiddenComponent, pendingProps, key, mode);
-      fiber.elementType = REACT_LEGACY_HIDDEN_TYPE;
-      fiber.lanes = lanes; // Adding a stateNode for legacy hidden because it's currently using
-      // the offscreen implementation, which depends on a state node
-
-      var instance = {
-        _visibility: OffscreenVisible,
-        _pendingVisibility: OffscreenVisible,
-        _pendingMarkers: null,
-        _transitions: null,
-        _retryCache: null,
-        _current: null,
-        detach: function () {
-          return detachOffscreenInstance(instance);
-        },
-        attach: function () {
-          return attachOffscreenInstance(instance);
-        }
-      };
-      fiber.stateNode = instance;
-      return fiber;
-    }
-    function createFiberFromTracingMarker(pendingProps, mode, lanes, key) {
-      var fiber = createFiber(TracingMarkerComponent, pendingProps, key, mode);
-      fiber.elementType = REACT_TRACING_MARKER_TYPE;
-      fiber.lanes = lanes;
-      var tracingMarkerInstance = {
-        tag: TransitionTracingMarker,
-        transitions: null,
-        pendingBoundaries: null,
-        aborts: null,
-        name: pendingProps.name
-      };
-      fiber.stateNode = tracingMarkerInstance;
-      return fiber;
-    }
-    function createFiberFromText(content, mode, lanes) {
-      var fiber = createFiber(HostText, content, null, mode);
-      fiber.lanes = lanes;
-      return fiber;
-    }
-    function createFiberFromDehydratedFragment(dehydratedNode) {
-      var fiber = createFiber(DehydratedFragment, null, null, NoMode);
-      fiber.stateNode = dehydratedNode;
-      return fiber;
-    }
-    function createFiberFromPortal(portal, mode, lanes) {
-      var pendingProps = portal.children !== null ? portal.children : [];
-      var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
-      fiber.lanes = lanes;
-      fiber.stateNode = {
-        containerInfo: portal.containerInfo,
-        pendingChildren: null,
-        // Used by persistent updates
-        implementation: portal.implementation
-      };
-      return fiber;
-    }
-
-    // This is imported by the event replaying implementation in React DOM. It's
-    // in a separate file to break a circular dependency between the renderer and
-    // the reconciler.
-    function isRootDehydrated(root) {
-      var currentState = root.current.memoizedState;
-      return currentState.isDehydrated;
-    }
-
-    function getSuspenseFallbackChild(fiber) {
-      return fiber.child.sibling.child;
-    }
-
-    var emptyObject = {};
-
-    function collectScopedNodes(node, fn, scopedNodes) {
-      {
-        if (node.tag === HostComponent) {
-          var type = node.type,
-            memoizedProps = node.memoizedProps,
-            stateNode = node.stateNode;
-          var instance = getPublicInstance(stateNode);
-
-          if (
-            instance !== null &&
-            fn(type, memoizedProps || emptyObject, instance) === true
-          ) {
-            scopedNodes.push(instance);
-          }
-        }
-
-        var child = node.child;
-
-        if (isFiberSuspenseAndTimedOut(node)) {
-          child = getSuspenseFallbackChild(node);
-        }
-
-        if (child !== null) {
-          collectScopedNodesFromChildren(child, fn, scopedNodes);
-        }
-      }
-    }
-
-    function collectFirstScopedNode(node, fn) {
-      {
-        if (node.tag === HostComponent) {
-          var type = node.type,
-            memoizedProps = node.memoizedProps,
-            stateNode = node.stateNode;
-          var instance = getPublicInstance(stateNode);
-
-          if (instance !== null && fn(type, memoizedProps, instance) === true) {
-            return instance;
-          }
-        }
-
-        var child = node.child;
-
-        if (isFiberSuspenseAndTimedOut(node)) {
-          child = getSuspenseFallbackChild(node);
-        }
-
-        if (child !== null) {
-          return collectFirstScopedNodeFromChildren(child, fn);
-        }
-      }
-
-      return null;
-    }
-
-    function collectScopedNodesFromChildren(startingChild, fn, scopedNodes) {
-      var child = startingChild;
-
-      while (child !== null) {
-        collectScopedNodes(child, fn, scopedNodes);
-        child = child.sibling;
-      }
-    }
-
-    function collectFirstScopedNodeFromChildren(startingChild, fn) {
-      var child = startingChild;
-
-      while (child !== null) {
-        var scopedNode = collectFirstScopedNode(child, fn);
-
-        if (scopedNode !== null) {
-          return scopedNode;
-        }
-
-        child = child.sibling;
-      }
-
-      return null;
-    }
-
-    function collectNearestContextValues(node, context, childContextValues) {
-      if (
-        node.tag === ContextProvider &&
-        (enableRenderableContext ? node.type : node.type._context) === context
-      ) {
-        var contextValue = node.memoizedProps.value;
-        childContextValues.push(contextValue);
-      } else {
-        var child = node.child;
-
-        if (isFiberSuspenseAndTimedOut(node)) {
-          child = getSuspenseFallbackChild(node);
-        }
-
-        if (child !== null) {
-          collectNearestChildContextValues(child, context, childContextValues);
-        }
-      }
-    }
-
-    function collectNearestChildContextValues(
-      startingChild,
-      context,
-      childContextValues
-    ) {
-      var child = startingChild;
-
-      while (child !== null) {
-        collectNearestContextValues(child, context, childContextValues);
-        child = child.sibling;
-      }
-    }
-
-    function DO_NOT_USE_queryAllNodes(fn) {
-      var currentFiber = getInstanceFromScope(this);
-
-      if (currentFiber === null) {
-        return null;
-      }
-
-      var child = currentFiber.child;
-      var scopedNodes = [];
-
-      if (child !== null) {
-        collectScopedNodesFromChildren(child, fn, scopedNodes);
-      }
-
-      return scopedNodes.length === 0 ? null : scopedNodes;
-    }
-
-    function DO_NOT_USE_queryFirstNode(fn) {
-      var currentFiber = getInstanceFromScope(this);
-
-      if (currentFiber === null) {
-        return null;
-      }
-
-      var child = currentFiber.child;
-
-      if (child !== null) {
-        return collectFirstScopedNodeFromChildren(child, fn);
-      }
-
-      return null;
-    }
-
-    function containsNode(node) {
-      var fiber = getInstanceFromNode(node);
-
-      while (fiber !== null) {
-        if (fiber.tag === ScopeComponent && fiber.stateNode === this) {
-          return true;
-        }
-
-        fiber = fiber.return;
-      }
-
-      return false;
-    }
-
-    function getChildContextValues(context) {
-      var currentFiber = getInstanceFromScope(this);
-
-      if (currentFiber === null) {
-        return [];
-      }
-
-      var child = currentFiber.child;
-      var childContextValues = [];
-
-      if (child !== null) {
-        collectNearestChildContextValues(child, context, childContextValues);
-      }
-
-      return childContextValues;
-    }
-
-    function createScopeInstance() {
-      return {
-        DO_NOT_USE_queryAllNodes: DO_NOT_USE_queryAllNodes,
-        DO_NOT_USE_queryFirstNode: DO_NOT_USE_queryFirstNode,
-        containsNode: containsNode,
-        getChildContextValues: getChildContextValues
-      };
-    }
-
-    /**
-     * Tag the fiber with an update effect. This turns a Placement into
-     * a PlacementAndUpdate.
-     */
-
-    function markUpdate(workInProgress) {
-      workInProgress.flags |= Update;
-    }
-
-    function appendAllChildren(
-      parent,
-      workInProgress,
-      needsVisibilityToggle,
-      isHidden
-    ) {
-      {
-        // We only have the top Fiber that was created but we need recurse down its
-        // children to find all the terminal nodes.
-        var node = workInProgress.child;
-
-        while (node !== null) {
-          if (node.tag === HostComponent || node.tag === HostText) {
-            appendInitialChild(parent, node.stateNode);
-          } else if (node.tag === HostPortal || node.tag === HostSingleton);
-          else if (node.child !== null) {
-            node.child.return = node;
-            node = node.child;
-            continue;
-          }
-
-          if (node === workInProgress) {
-            return;
-          } // $FlowFixMe[incompatible-use] found when upgrading Flow
-
-          while (node.sibling === null) {
-            // $FlowFixMe[incompatible-use] found when upgrading Flow
-            if (node.return === null || node.return === workInProgress) {
-              return;
-            }
-
-            node = node.return;
-          } // $FlowFixMe[incompatible-use] found when upgrading Flow
-
-          node.sibling.return = node.return;
-          node = node.sibling;
-        }
-      }
-    } // An unfortunate fork of appendAllChildren because we have two different parent types.
-
-    function updateHostComponent(
-      current,
-      workInProgress,
-      type,
-      newProps,
-      renderLanes
-    ) {
-      {
-        // If we have an alternate, that means this is an update and we need to
-        // schedule a side-effect to do the updates.
-        var oldProps = current.memoizedProps;
-
-        if (oldProps === newProps) {
-          // In mutation mode, this is sufficient for a bailout because
-          // we won't touch this node even if children changed.
-          return;
-        }
-
-        markUpdate(workInProgress);
-      }
-    } // This function must be called at the very end of the complete phase, because
-    // it might throw to suspend, and if the resource immediately loads, the work
-    // loop will resume rendering as if the work-in-progress completed. So it must
-    // fully complete.
-    // TODO: This should ideally move to begin phase, but currently the instance is
-    // not created until the complete phase. For our existing use cases, host nodes
-    // that suspend don't have children, so it doesn't matter. But that might not
-    // always be true in the future.
-
-    function preloadInstanceAndSuspendIfNeeded(
-      workInProgress,
-      type,
-      props,
-      renderLanes
-    ) {
-      {
-        // If this flag was set previously, we can remove it. The flag
-        // represents whether this particular set of props might ever need to
-        // suspend. The safest thing to do is for maySuspendCommit to always
-        // return true, but if the renderer is reasonably confident that the
-        // underlying resource won't be evicted, it can return false as a
-        // performance optimization.
-        workInProgress.flags &= ~MaySuspendCommit;
-        return;
-      } // Mark this fiber with a flag. This gets set on all host instances
-    }
-
-    function preloadResourceAndSuspendIfNeeded(
-      workInProgress,
-      resource,
-      type,
-      props,
-      renderLanes
-    ) {
-      // This is a fork of preloadInstanceAndSuspendIfNeeded, but for resources.
-      if (!mayResourceSuspendCommit(resource)) {
-        workInProgress.flags &= ~MaySuspendCommit;
-        return;
-      }
-
-      workInProgress.flags |= MaySuspendCommit;
-      var rootRenderLanes = getWorkInProgressRootRenderLanes();
-
-      if (!includesOnlyNonUrgentLanes(rootRenderLanes));
-      else {
-        var isReady = preloadResource(resource);
-
-        if (!isReady) {
-          if (shouldRemainOnPreviousScreen()) {
-            workInProgress.flags |= ShouldSuspendCommit;
-          } else {
-            suspendCommit();
-          }
-        }
-      }
-    }
-
-    function scheduleRetryEffect(workInProgress, retryQueue) {
-      var wakeables = retryQueue;
-
-      if (wakeables !== null) {
-        // Schedule an effect to attach a retry listener to the promise.
-        // TODO: Move to passive phase
-        workInProgress.flags |= Update;
-      } else {
-        // This boundary suspended, but no wakeables were added to the retry
-        // queue. Check if the renderer suspended commit. If so, this means
-        // that once the fallback is committed, we can immediately retry
-        // rendering again, because rendering wasn't actually blocked. Only
-        // the commit phase.
-        // TODO: Consider a model where we always schedule an immediate retry, even
-        // for normal Suspense. That way the retry can partially render up to the
-        // first thing that suspends.
-        if (workInProgress.flags & ScheduleRetry) {
-          var retryLane = // TODO: This check should probably be moved into claimNextRetryLane
-            // I also suspect that we need some further consolidation of offscreen
-            // and retry lanes.
-            workInProgress.tag !== OffscreenComponent
-              ? claimNextRetryLane()
-              : OffscreenLane;
-          workInProgress.lanes = mergeLanes(workInProgress.lanes, retryLane);
-        }
-      }
-    }
-
-    function updateHostText(current, workInProgress, oldText, newText) {
-      {
-        // If the text differs, mark it as an update. All the work in done in commitWork.
-        if (oldText !== newText) {
-          markUpdate(workInProgress);
-        }
-      }
-    }
-
-    function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
-      if (getIsHydrating()) {
-        // If we're hydrating, we should consume as many items as we can
-        // so we don't leave any behind.
-        return;
-      }
-
-      switch (renderState.tailMode) {
-        case "hidden": {
-          // Any insertions at the end of the tail list after this point
-          // should be invisible. If there are already mounted boundaries
-          // anything before them are not considered for collapsing.
-          // Therefore we need to go through the whole tail to find if
-          // there are any.
-          var tailNode = renderState.tail;
-          var lastTailNode = null;
-
-          while (tailNode !== null) {
-            if (tailNode.alternate !== null) {
-              lastTailNode = tailNode;
-            }
-
-            tailNode = tailNode.sibling;
-          } // Next we're simply going to delete all insertions after the
-          // last rendered item.
-
-          if (lastTailNode === null) {
-            // All remaining items in the tail are insertions.
-            renderState.tail = null;
-          } else {
-            // Detach the insertion after the last node that was already
-            // inserted.
-            lastTailNode.sibling = null;
-          }
-
-          break;
-        }
-
-        case "collapsed": {
-          // Any insertions at the end of the tail list after this point
-          // should be invisible. If there are already mounted boundaries
-          // anything before them are not considered for collapsing.
-          // Therefore we need to go through the whole tail to find if
-          // there are any.
-          var _tailNode = renderState.tail;
-          var _lastTailNode = null;
-
-          while (_tailNode !== null) {
-            if (_tailNode.alternate !== null) {
-              _lastTailNode = _tailNode;
-            }
-
-            _tailNode = _tailNode.sibling;
-          } // Next we're simply going to delete all insertions after the
-          // last rendered item.
-
-          if (_lastTailNode === null) {
-            // All remaining items in the tail are insertions.
-            if (!hasRenderedATailFallback && renderState.tail !== null) {
-              // We suspended during the head. We want to show at least one
-              // row at the tail. So we'll keep on and cut off the rest.
-              renderState.tail.sibling = null;
-            } else {
-              renderState.tail = null;
-            }
-          } else {
-            // Detach the insertion after the last node that was already
-            // inserted.
-            _lastTailNode.sibling = null;
-          }
-
-          break;
-        }
-      }
-    }
-
-    function bubbleProperties(completedWork) {
-      var didBailout =
-        completedWork.alternate !== null &&
-        completedWork.alternate.child === completedWork.child;
-      var newChildLanes = NoLanes;
-      var subtreeFlags = NoFlags$1;
-
-      if (!didBailout) {
-        // Bubble up the earliest expiration time.
-        if ((completedWork.mode & ProfileMode) !== NoMode) {
-          // In profiling mode, resetChildExpirationTime is also used to reset
-          // profiler durations.
-          var actualDuration = completedWork.actualDuration;
-          var treeBaseDuration = completedWork.selfBaseDuration;
-          var child = completedWork.child;
-
-          while (child !== null) {
-            newChildLanes = mergeLanes(
-              newChildLanes,
-              mergeLanes(child.lanes, child.childLanes)
-            );
-            subtreeFlags |= child.subtreeFlags;
-            subtreeFlags |= child.flags; // When a fiber is cloned, its actualDuration is reset to 0. This value will
-            // only be updated if work is done on the fiber (i.e. it doesn't bailout).
-            // When work is done, it should bubble to the parent's actualDuration. If
-            // the fiber has not been cloned though, (meaning no work was done), then
-            // this value will reflect the amount of time spent working on a previous
-            // render. In that case it should not bubble. We determine whether it was
-            // cloned by comparing the child pointer.
-            // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
-
-            actualDuration += child.actualDuration; // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
-
-            treeBaseDuration += child.treeBaseDuration;
-            child = child.sibling;
-          }
-
-          completedWork.actualDuration = actualDuration;
-          completedWork.treeBaseDuration = treeBaseDuration;
-        } else {
-          var _child = completedWork.child;
-
-          while (_child !== null) {
-            newChildLanes = mergeLanes(
-              newChildLanes,
-              mergeLanes(_child.lanes, _child.childLanes)
-            );
-            subtreeFlags |= _child.subtreeFlags;
-            subtreeFlags |= _child.flags; // Update the return pointer so the tree is consistent. This is a code
-            // smell because it assumes the commit phase is never concurrent with
-            // the render phase. Will address during refactor to alternate model.
-
-            _child.return = completedWork;
-            _child = _child.sibling;
-          }
-        }
-
-        completedWork.subtreeFlags |= subtreeFlags;
-      } else {
-        // Bubble up the earliest expiration time.
-        if ((completedWork.mode & ProfileMode) !== NoMode) {
-          // In profiling mode, resetChildExpirationTime is also used to reset
-          // profiler durations.
-          var _treeBaseDuration = completedWork.selfBaseDuration;
-          var _child2 = completedWork.child;
-
-          while (_child2 !== null) {
-            newChildLanes = mergeLanes(
-              newChildLanes,
-              mergeLanes(_child2.lanes, _child2.childLanes)
-            ); // "Static" flags share the lifetime of the fiber/hook they belong to,
-            // so we should bubble those up even during a bailout. All the other
-            // flags have a lifetime only of a single render + commit, so we should
-            // ignore them.
-
-            subtreeFlags |= _child2.subtreeFlags & StaticMask;
-            subtreeFlags |= _child2.flags & StaticMask; // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
-
-            _treeBaseDuration += _child2.treeBaseDuration;
-            _child2 = _child2.sibling;
-          }
-
-          completedWork.treeBaseDuration = _treeBaseDuration;
-        } else {
-          var _child3 = completedWork.child;
-
-          while (_child3 !== null) {
-            newChildLanes = mergeLanes(
-              newChildLanes,
-              mergeLanes(_child3.lanes, _child3.childLanes)
-            ); // "Static" flags share the lifetime of the fiber/hook they belong to,
-            // so we should bubble those up even during a bailout. All the other
-            // flags have a lifetime only of a single render + commit, so we should
-            // ignore them.
-
-            subtreeFlags |= _child3.subtreeFlags & StaticMask;
-            subtreeFlags |= _child3.flags & StaticMask; // Update the return pointer so the tree is consistent. This is a code
-            // smell because it assumes the commit phase is never concurrent with
-            // the render phase. Will address during refactor to alternate model.
-
-            _child3.return = completedWork;
-            _child3 = _child3.sibling;
-          }
-        }
-
-        completedWork.subtreeFlags |= subtreeFlags;
-      }
-
-      completedWork.childLanes = newChildLanes;
-      return didBailout;
-    }
-
-    function completeDehydratedSuspenseBoundary(
-      current,
-      workInProgress,
-      nextState
-    ) {
-      var wasHydrated = popHydrationState(workInProgress);
-
-      if (nextState !== null && nextState.dehydrated !== null) {
-        // We might be inside a hydration state the first time we're picking up this
-        // Suspense boundary, and also after we've reentered it for further hydration.
-        if (current === null) {
-          if (!wasHydrated) {
-            throw new Error(
-              "A dehydrated suspense component was completed without a hydrated node. " +
-                "This is probably a bug in React."
-            );
-          }
-
-          prepareToHydrateHostSuspenseInstance(workInProgress);
-          bubbleProperties(workInProgress);
-
-          {
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              var isTimedOutSuspense = nextState !== null;
-
-              if (isTimedOutSuspense) {
-                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
-                var primaryChildFragment = workInProgress.child;
-
-                if (primaryChildFragment !== null) {
-                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
-                  workInProgress.treeBaseDuration -=
-                    primaryChildFragment.treeBaseDuration;
-                }
-              }
-            }
-          }
-
-          return false;
-        } else {
-          emitPendingHydrationWarnings(); // We might have reentered this boundary to hydrate it. If so, we need to reset the hydration
-          // state since we're now exiting out of it. popHydrationState doesn't do that for us.
-
-          resetHydrationState();
-
-          if ((workInProgress.flags & DidCapture) === NoFlags$1) {
-            // This boundary did not suspend so it's now hydrated and unsuspended.
-            workInProgress.memoizedState = null;
-          } // If nothing suspended, we need to schedule an effect to mark this boundary
-          // as having hydrated so events know that they're free to be invoked.
-          // It's also a signal to replay events and the suspense callback.
-          // If something suspended, schedule an effect to attach retry listeners.
-          // So we might as well always mark this.
-
-          workInProgress.flags |= Update;
-          bubbleProperties(workInProgress);
-
-          {
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              var _isTimedOutSuspense = nextState !== null;
-
-              if (_isTimedOutSuspense) {
-                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
-                var _primaryChildFragment = workInProgress.child;
-
-                if (_primaryChildFragment !== null) {
-                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
-                  workInProgress.treeBaseDuration -=
-                    _primaryChildFragment.treeBaseDuration;
-                }
-              }
-            }
-          }
-
-          return false;
-        }
-      } else {
-        // Successfully completed this tree. If this was a forced client render,
-        // there may have been recoverable errors during first hydration
-        // attempt. If so, add them to a queue so we can log them in the
-        // commit phase.
-        upgradeHydrationErrorsToRecoverable(); // Fall through to normal Suspense path
-
-        return true;
-      }
-    }
-
-    function completeWork(current, workInProgress, renderLanes) {
-      var newProps = workInProgress.pendingProps; // Note: This intentionally doesn't check if we're hydrating because comparing
-      // to the current tree provider fiber is just as fast and less error-prone.
-      // Ideally we would have a special version of the work loop only
-      // for hydration.
-
-      popTreeContext(workInProgress);
-
-      switch (workInProgress.tag) {
-        case IncompleteFunctionComponent: {
-          {
-            break;
-          } // Fallthrough
-        }
-
-        case LazyComponent:
-        case SimpleMemoComponent:
-        case FunctionComponent:
-        case ForwardRef:
-        case Fragment:
-        case Mode:
-        case Profiler:
-        case ContextConsumer:
-        case MemoComponent:
-          bubbleProperties(workInProgress);
-          return null;
-
-        case ClassComponent: {
-          bubbleProperties(workInProgress);
-          return null;
-        }
-
-        case HostRoot: {
-          var fiberRoot = workInProgress.stateNode;
-
-          if (enableTransitionTracing) {
-            var transitions = getWorkInProgressTransitions(); // We set the Passive flag here because if there are new transitions,
-            // we will need to schedule callbacks and process the transitions,
-            // which we do in the passive phase
-
-            if (transitions !== null) {
-              workInProgress.flags |= Passive$1;
-            }
-          }
-
-          {
-            var previousCache = null;
-
-            if (current !== null) {
-              previousCache = current.memoizedState.cache;
-            }
-
-            var cache = workInProgress.memoizedState.cache;
-
-            if (cache !== previousCache) {
-              // Run passive effects to retain/release the cache.
-              workInProgress.flags |= Passive$1;
-            }
-
-            popCacheProvider(workInProgress);
-          }
-
-          if (enableTransitionTracing) {
-            popRootMarkerInstance(workInProgress);
-          }
-
-          popRootTransition(workInProgress);
-          popHostContainer(workInProgress);
-
-          if (fiberRoot.pendingContext) {
-            fiberRoot.context = fiberRoot.pendingContext;
-            fiberRoot.pendingContext = null;
-          }
-
-          if (current === null || current.child === null) {
-            // If we hydrated, pop so that we can delete any remaining children
-            // that weren't hydrated.
-            var wasHydrated = popHydrationState(workInProgress);
-
-            if (wasHydrated) {
-              emitPendingHydrationWarnings(); // If we hydrated, then we'll need to schedule an update for
-              // the commit side-effects on the root.
-
-              markUpdate(workInProgress);
-            } else {
-              if (current !== null) {
-                var prevState = current.memoizedState;
-
-                if (
-                  // Check if this is a client root
-                  !prevState.isDehydrated || // Check if we reverted to client rendering (e.g. due to an error)
-                  (workInProgress.flags & ForceClientRender) !== NoFlags$1
-                ) {
-                  // Schedule an effect to clear this container at the start of the
-                  // next commit. This handles the case of React rendering into a
-                  // container with previous children. It's also safe to do for
-                  // updates too, because current.child would only be null if the
-                  // previous render was null (so the container would already
-                  // be empty).
-                  workInProgress.flags |= Snapshot; // If this was a forced client render, there may have been
-                  // recoverable errors during first hydration attempt. If so, add
-                  // them to a queue so we can log them in the commit phase.
-
-                  upgradeHydrationErrorsToRecoverable();
-                }
-              }
-            }
-          }
-          bubbleProperties(workInProgress);
-
-          if (enableTransitionTracing) {
-            if ((workInProgress.subtreeFlags & Visibility) !== NoFlags$1) {
-              // If any of our suspense children toggle visibility, this means that
-              // the pending boundaries array needs to be updated, which we only
-              // do in the passive phase.
-              workInProgress.flags |= Passive$1;
-            }
-          }
-
-          return null;
-        }
-
-        case HostHoistable: {
-          {
-            var nextResource = workInProgress.memoizedState;
-
-            if (current === null) {
-              // We are mounting and must Update this Hoistable in this commit
-              // @TODO refactor this block to create the instance here in complete
-              // phase if we are not hydrating.
-              markUpdate(workInProgress);
-
-              if (nextResource !== null) {
-                // This is a Hoistable Resource
-                // This must come at the very end of the complete phase.
-                bubbleProperties(workInProgress);
-                preloadResourceAndSuspendIfNeeded(workInProgress, nextResource);
-                return null;
-              } else {
-                // This is a Hoistable Instance
-                // This must come at the very end of the complete phase.
-                bubbleProperties(workInProgress);
-                preloadInstanceAndSuspendIfNeeded(workInProgress);
-                return null;
-              }
-            } else {
-              // We are updating.
-              var currentResource = current.memoizedState;
-
-              if (nextResource !== currentResource) {
-                // We are transitioning to, from, or between Hoistable Resources
-                // and require an update
-                markUpdate(workInProgress);
-              }
-
-              if (nextResource !== null) {
-                // This is a Hoistable Resource
-                // This must come at the very end of the complete phase.
-                bubbleProperties(workInProgress);
-
-                if (nextResource === currentResource) {
-                  workInProgress.flags &= ~MaySuspendCommit;
-                } else {
-                  preloadResourceAndSuspendIfNeeded(
-                    workInProgress,
-                    nextResource
-                  );
-                }
-
-                return null;
-              } else {
-                // This is a Hoistable Instance
-                // We may have props to update on the Hoistable instance.
-                {
-                  var oldProps = current.memoizedProps;
-
-                  if (oldProps !== newProps) {
-                    markUpdate(workInProgress);
-                  }
-                } // This must come at the very end of the complete phase.
-
-                bubbleProperties(workInProgress);
-                preloadInstanceAndSuspendIfNeeded(workInProgress);
-                return null;
-              }
-            }
-          } // Fall through
-        }
-
-        case HostSingleton: {
-          {
-            popHostContext(workInProgress);
-            var rootContainerInstance = getRootHostContainer();
-            var _type = workInProgress.type;
-
-            if (current !== null && workInProgress.stateNode != null) {
-              {
-                var _oldProps2 = current.memoizedProps;
-
-                if (_oldProps2 !== newProps) {
-                  markUpdate(workInProgress);
-                }
-              }
-            } else {
-              if (!newProps) {
-                if (workInProgress.stateNode === null) {
-                  throw new Error(
-                    "We must have new props for new mounts. This error is likely " +
-                      "caused by a bug in React. Please file an issue."
-                  );
-                } // This can happen when we abort work.
-
-                bubbleProperties(workInProgress);
-                return null;
-              }
-
-              var currentHostContext = getHostContext();
-
-              var _wasHydrated = popHydrationState(workInProgress);
-
-              var instance;
-
-              if (_wasHydrated) {
-                // We ignore the boolean indicating there is an updateQueue because
-                // it is used only to set text children and HostSingletons do not
-                // use them.
-                prepareToHydrateHostInstance(
-                  workInProgress,
-                  currentHostContext
-                );
-                instance = workInProgress.stateNode;
-              } else {
-                instance = resolveSingletonInstance(
-                  _type,
-                  newProps,
-                  rootContainerInstance,
-                  currentHostContext,
-                  true
-                );
-                workInProgress.stateNode = instance;
-                markUpdate(workInProgress);
-              }
-            }
-
-            bubbleProperties(workInProgress);
-            return null;
-          } // Fall through
-        }
-
-        case HostComponent: {
-          popHostContext(workInProgress);
-          var _type2 = workInProgress.type;
-
-          if (current !== null && workInProgress.stateNode != null) {
-            updateHostComponent(current, workInProgress, _type2, newProps);
-          } else {
-            if (!newProps) {
-              if (workInProgress.stateNode === null) {
-                throw new Error(
-                  "We must have new props for new mounts. This error is likely " +
-                    "caused by a bug in React. Please file an issue."
-                );
-              } // This can happen when we abort work.
-
-              bubbleProperties(workInProgress);
-              return null;
-            }
-
-            var _currentHostContext = getHostContext(); // TODO: Move createInstance to beginWork and keep it on a context
-            // "stack" as the parent. Then append children as we go in beginWork
-            // or completeWork depending on whether we want to add them top->down or
-            // bottom->up. Top->down is faster in IE11.
-
-            var _wasHydrated2 = popHydrationState(workInProgress);
-
-            if (_wasHydrated2) {
-              // TODO: Move this and createInstance step into the beginPhase
-              // to consolidate.
-              prepareToHydrateHostInstance(workInProgress, _currentHostContext);
-            } else {
-              var _rootContainerInstance = getRootHostContainer();
-
-              var _instance3 = createInstance(
-                _type2,
-                newProps,
-                _rootContainerInstance,
-                _currentHostContext,
-                workInProgress
-              ); // TODO: For persistent renderers, we should pass children as part
-              // of the initial instance creation
-
-              appendAllChildren(_instance3, workInProgress);
-              workInProgress.stateNode = _instance3; // Certain renderers require commit-time effects for initial mount.
-              // (eg DOM renderer supports auto-focus for certain elements).
-              // Make sure such renderers get scheduled for later work.
-
-              if (finalizeInitialChildren(_instance3, _type2, newProps)) {
-                markUpdate(workInProgress);
-              }
-            }
-          }
-
-          bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
-          // throw to suspend, and if the resource immediately loads, the work loop
-          // will resume rendering as if the work-in-progress completed. So it must
-          // fully complete.
-
-          preloadInstanceAndSuspendIfNeeded(workInProgress);
-          return null;
-        }
-
-        case HostText: {
-          var newText = newProps;
-
-          if (current && workInProgress.stateNode != null) {
-            var oldText = current.memoizedProps; // If we have an alternate, that means this is an update and we need
-            // to schedule a side-effect to do the updates.
-
-            updateHostText(current, workInProgress, oldText, newText);
-          } else {
-            if (typeof newText !== "string") {
-              if (workInProgress.stateNode === null) {
-                throw new Error(
-                  "We must have new props for new mounts. This error is likely " +
-                    "caused by a bug in React. Please file an issue."
-                );
-              } // This can happen when we abort work.
-            }
-
-            var _rootContainerInstance2 = getRootHostContainer();
-
-            var _currentHostContext2 = getHostContext();
-
-            var _wasHydrated3 = popHydrationState(workInProgress);
-
-            if (_wasHydrated3) {
-              prepareToHydrateHostTextInstance(workInProgress);
-            } else {
-              workInProgress.stateNode = createTextInstance(
-                newText,
-                _rootContainerInstance2,
-                _currentHostContext2,
-                workInProgress
-              );
-            }
-          }
-
-          bubbleProperties(workInProgress);
-          return null;
-        }
-
-        case SuspenseComponent: {
-          var nextState = workInProgress.memoizedState; // Special path for dehydrated boundaries. We may eventually move this
-          // to its own fiber type so that we can add other kinds of hydration
-          // boundaries that aren't associated with a Suspense tree. In anticipation
-          // of such a refactor, all the hydration logic is contained in
-          // this branch.
-
-          if (
-            current === null ||
-            (current.memoizedState !== null &&
-              current.memoizedState.dehydrated !== null)
-          ) {
-            var fallthroughToNormalSuspensePath =
-              completeDehydratedSuspenseBoundary(
-                current,
-                workInProgress,
-                nextState
-              );
-
-            if (!fallthroughToNormalSuspensePath) {
-              if (workInProgress.flags & ForceClientRender) {
-                popSuspenseHandler(workInProgress); // Special case. There were remaining unhydrated nodes. We treat
-                // this as a mismatch. Revert to client rendering.
-
-                return workInProgress;
-              } else {
-                popSuspenseHandler(workInProgress); // Did not finish hydrating, either because this is the initial
-                // render or because something suspended.
-
-                return null;
-              }
-            } // Continue with the normal Suspense path.
-          }
-
-          popSuspenseHandler(workInProgress);
-
-          if ((workInProgress.flags & DidCapture) !== NoFlags$1) {
-            // Something suspended. Re-render with the fallback children.
-            workInProgress.lanes = renderLanes; // Do not reset the effect list.
-
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              transferActualDuration(workInProgress);
-            } // Don't bubble properties in this case.
-
-            return workInProgress;
-          }
-
-          var nextDidTimeout = nextState !== null;
-          var prevDidTimeout =
-            current !== null && current.memoizedState !== null;
-
-          if (nextDidTimeout) {
-            var offscreenFiber = workInProgress.child;
-            var _previousCache = null;
-
-            if (
-              offscreenFiber.alternate !== null &&
-              offscreenFiber.alternate.memoizedState !== null &&
-              offscreenFiber.alternate.memoizedState.cachePool !== null
-            ) {
-              _previousCache =
-                offscreenFiber.alternate.memoizedState.cachePool.pool;
-            }
-
-            var _cache = null;
-
-            if (
-              offscreenFiber.memoizedState !== null &&
-              offscreenFiber.memoizedState.cachePool !== null
-            ) {
-              _cache = offscreenFiber.memoizedState.cachePool.pool;
-            }
-
-            if (_cache !== _previousCache) {
-              // Run passive effects to retain/release the cache.
-              offscreenFiber.flags |= Passive$1;
-            }
-          } // If the suspended state of the boundary changes, we need to schedule
-          // a passive effect, which is when we process the transitions
-
-          if (nextDidTimeout !== prevDidTimeout) {
-            if (enableTransitionTracing) {
-              var _offscreenFiber = workInProgress.child;
-              _offscreenFiber.flags |= Passive$1;
-            } // If the suspended state of the boundary changes, we need to schedule
-            // an effect to toggle the subtree's visibility. When we switch from
-            // fallback -> primary, the inner Offscreen fiber schedules this effect
-            // as part of its normal complete phase. But when we switch from
-            // primary -> fallback, the inner Offscreen fiber does not have a complete
-            // phase. So we need to schedule its effect here.
-            //
-            // We also use this flag to connect/disconnect the effects, but the same
-            // logic applies: when re-connecting, the Offscreen fiber's complete
-            // phase will handle scheduling the effect. It's only when the fallback
-            // is active that we have to do anything special.
-
-            if (nextDidTimeout) {
-              var _offscreenFiber2 = workInProgress.child;
-              _offscreenFiber2.flags |= Visibility;
-            }
-          }
-
-          var retryQueue = workInProgress.updateQueue;
-          scheduleRetryEffect(workInProgress, retryQueue);
-
-          if (
-            workInProgress.updateQueue !== null &&
-            workInProgress.memoizedProps.suspenseCallback != null
-          ) {
-            // Always notify the callback
-            // TODO: Move to passive phase
-            workInProgress.flags |= Update;
-          }
-
-          bubbleProperties(workInProgress);
-
-          {
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              if (nextDidTimeout) {
-                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
-                var primaryChildFragment = workInProgress.child;
-
-                if (primaryChildFragment !== null) {
-                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
-                  workInProgress.treeBaseDuration -=
-                    primaryChildFragment.treeBaseDuration;
-                }
-              }
-            }
-          }
-
-          return null;
-        }
-
-        case HostPortal:
-          popHostContainer(workInProgress);
-
-          if (current === null) {
-            preparePortalMount(workInProgress.stateNode.containerInfo);
-          }
-
-          bubbleProperties(workInProgress);
-          return null;
-
-        case ContextProvider:
-          // Pop provider fiber
-          var context;
-
-          if (enableRenderableContext) {
-            context = workInProgress.type;
-          } else {
-            context = workInProgress.type._context;
-          }
-
-          popProvider(context, workInProgress);
-          bubbleProperties(workInProgress);
-          return null;
-
-        case IncompleteClassComponent: {
-          {
-            break;
-          } // Same as class component case. I put it down here so that the tags are
-        }
-
-        case SuspenseListComponent: {
-          popSuspenseListContext(workInProgress);
-          var renderState = workInProgress.memoizedState;
-
-          if (renderState === null) {
-            // We're running in the default, "independent" mode.
-            // We don't do anything in this mode.
-            bubbleProperties(workInProgress);
-            return null;
-          }
-
-          var didSuspendAlready =
-            (workInProgress.flags & DidCapture) !== NoFlags$1;
-          var renderedTail = renderState.rendering;
-
-          if (renderedTail === null) {
-            // We just rendered the head.
-            if (!didSuspendAlready) {
-              // This is the first pass. We need to figure out if anything is still
-              // suspended in the rendered set.
-              // If new content unsuspended, but there's still some content that
-              // didn't. Then we need to do a second pass that forces everything
-              // to keep showing their fallbacks.
-              // We might be suspended if something in this render pass suspended, or
-              // something in the previous committed pass suspended. Otherwise,
-              // there's no chance so we can skip the expensive call to
-              // findFirstSuspended.
-              var cannotBeSuspended =
-                renderHasNotSuspendedYet() &&
-                (current === null ||
-                  (current.flags & DidCapture) === NoFlags$1);
-
-              if (!cannotBeSuspended) {
-                var row = workInProgress.child;
-
-                while (row !== null) {
-                  var suspended = findFirstSuspended(row);
-
-                  if (suspended !== null) {
-                    didSuspendAlready = true;
-                    workInProgress.flags |= DidCapture;
-                    cutOffTailIfNeeded(renderState, false); // If this is a newly suspended tree, it might not get committed as
-                    // part of the second pass. In that case nothing will subscribe to
-                    // its thenables. Instead, we'll transfer its thenables to the
-                    // SuspenseList so that it can retry if they resolve.
-                    // There might be multiple of these in the list but since we're
-                    // going to wait for all of them anyway, it doesn't really matter
-                    // which ones gets to ping. In theory we could get clever and keep
-                    // track of how many dependencies remain but it gets tricky because
-                    // in the meantime, we can add/remove/change items and dependencies.
-                    // We might bail out of the loop before finding any but that
-                    // doesn't matter since that means that the other boundaries that
-                    // we did find already has their listeners attached.
-
-                    var _retryQueue = suspended.updateQueue;
-                    workInProgress.updateQueue = _retryQueue;
-                    scheduleRetryEffect(workInProgress, _retryQueue); // Rerender the whole list, but this time, we'll force fallbacks
-                    // to stay in place.
-                    // Reset the effect flags before doing the second pass since that's now invalid.
-                    // Reset the child fibers to their original state.
-
-                    workInProgress.subtreeFlags = NoFlags$1;
-                    resetChildFibers(workInProgress, renderLanes); // Set up the Suspense List Context to force suspense and
-                    // immediately rerender the children.
-
-                    pushSuspenseListContext(
-                      workInProgress,
-                      setShallowSuspenseListContext(
-                        suspenseStackCursor.current,
-                        ForceSuspenseFallback
-                      )
-                    ); // Don't bubble properties in this case.
-
-                    return workInProgress.child;
-                  }
-
-                  row = row.sibling;
-                }
-              }
-
-              if (
-                renderState.tail !== null &&
-                now$1() > getRenderTargetTime()
-              ) {
-                // We have already passed our CPU deadline but we still have rows
-                // left in the tail. We'll just give up further attempts to render
-                // the main content and only render fallbacks.
-                workInProgress.flags |= DidCapture;
-                didSuspendAlready = true;
-                cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
-                // to get it started back up to attempt the next item. While in terms
-                // of priority this work has the same priority as this current render,
-                // it's not part of the same transition once the transition has
-                // committed. If it's sync, we still want to yield so that it can be
-                // painted. Conceptually, this is really the same as pinging.
-                // We can use any RetryLane even if it's the one currently rendering
-                // since we're leaving it behind on this node.
-
-                workInProgress.lanes = SomeRetryLane;
-              }
-            } else {
-              cutOffTailIfNeeded(renderState, false);
-            } // Next we're going to render the tail.
-          } else {
-            // Append the rendered row to the child list.
-            if (!didSuspendAlready) {
-              var _suspended = findFirstSuspended(renderedTail);
-
-              if (_suspended !== null) {
-                workInProgress.flags |= DidCapture;
-                didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
-                // get lost if this row ends up dropped during a second pass.
-
-                var _retryQueue2 = _suspended.updateQueue;
-                workInProgress.updateQueue = _retryQueue2;
-                scheduleRetryEffect(workInProgress, _retryQueue2);
-                cutOffTailIfNeeded(renderState, true); // This might have been modified.
-
-                if (
-                  renderState.tail === null &&
-                  renderState.tailMode === "hidden" &&
-                  !renderedTail.alternate &&
-                  !getIsHydrating() // We don't cut it if we're hydrating.
-                ) {
-                  // We're done.
-                  bubbleProperties(workInProgress);
-                  return null;
-                }
-              } else if (
-                // The time it took to render last row is greater than the remaining
-                // time we have to render. So rendering one more row would likely
-                // exceed it.
-                now$1() * 2 - renderState.renderingStartTime >
-                  getRenderTargetTime() &&
-                renderLanes !== OffscreenLane
-              ) {
-                // We have now passed our CPU deadline and we'll just give up further
-                // attempts to render the main content and only render fallbacks.
-                // The assumption is that this is usually faster.
-                workInProgress.flags |= DidCapture;
-                didSuspendAlready = true;
-                cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
-                // to get it started back up to attempt the next item. While in terms
-                // of priority this work has the same priority as this current render,
-                // it's not part of the same transition once the transition has
-                // committed. If it's sync, we still want to yield so that it can be
-                // painted. Conceptually, this is really the same as pinging.
-                // We can use any RetryLane even if it's the one currently rendering
-                // since we're leaving it behind on this node.
-
-                workInProgress.lanes = SomeRetryLane;
-              }
-            }
-
-            if (renderState.isBackwards) {
-              // The effect list of the backwards tail will have been added
-              // to the end. This breaks the guarantee that life-cycles fire in
-              // sibling order but that isn't a strong guarantee promised by React.
-              // Especially since these might also just pop in during future commits.
-              // Append to the beginning of the list.
-              renderedTail.sibling = workInProgress.child;
-              workInProgress.child = renderedTail;
-            } else {
-              var previousSibling = renderState.last;
-
-              if (previousSibling !== null) {
-                previousSibling.sibling = renderedTail;
-              } else {
-                workInProgress.child = renderedTail;
-              }
-
-              renderState.last = renderedTail;
-            }
-          }
-
-          if (renderState.tail !== null) {
-            // We still have tail rows to render.
-            // Pop a row.
-            var next = renderState.tail;
-            renderState.rendering = next;
-            renderState.tail = next.sibling;
-            renderState.renderingStartTime = now$1();
-            next.sibling = null; // Restore the context.
-            // TODO: We can probably just avoid popping it instead and only
-            // setting it the first time we go from not suspended to suspended.
-
-            var suspenseContext = suspenseStackCursor.current;
-
-            if (didSuspendAlready) {
-              suspenseContext = setShallowSuspenseListContext(
-                suspenseContext,
-                ForceSuspenseFallback
-              );
-            } else {
-              suspenseContext =
-                setDefaultShallowSuspenseListContext(suspenseContext);
-            }
-
-            pushSuspenseListContext(workInProgress, suspenseContext); // Do a pass over the next row.
-            // Don't bubble properties in this case.
-
-            return next;
-          }
-
-          bubbleProperties(workInProgress);
-          return null;
-        }
-
-        case ScopeComponent: {
-          {
-            if (current === null) {
-              var scopeInstance = createScopeInstance();
-              workInProgress.stateNode = scopeInstance;
-              prepareScopeUpdate(scopeInstance, workInProgress);
-
-              if (workInProgress.ref !== null) {
-                // Scope components always do work in the commit phase if there's a
-                // ref attached.
-                markUpdate(workInProgress);
-              }
-            } else {
-              if (workInProgress.ref !== null) {
-                // Scope components always do work in the commit phase if there's a
-                // ref attached.
-                markUpdate(workInProgress);
-              }
-            }
-
-            bubbleProperties(workInProgress);
-            return null;
-          }
-        }
-
-        case OffscreenComponent:
-        case LegacyHiddenComponent: {
-          popSuspenseHandler(workInProgress);
-          popHiddenContext(workInProgress);
-          var _nextState = workInProgress.memoizedState;
-          var nextIsHidden = _nextState !== null; // Schedule a Visibility effect if the visibility has changed
-
-          if (workInProgress.tag === LegacyHiddenComponent);
-          else {
-            if (current !== null) {
-              var _prevState = current.memoizedState;
-              var prevIsHidden = _prevState !== null;
-
-              if (prevIsHidden !== nextIsHidden) {
-                workInProgress.flags |= Visibility;
-              }
-            } else {
-              // On initial mount, we only need a Visibility effect if the tree
-              // is hidden.
-              if (nextIsHidden) {
-                workInProgress.flags |= Visibility;
-              }
-            }
-          }
-
-          if (!nextIsHidden || !disableLegacyMode) {
-            bubbleProperties(workInProgress);
-          } else {
-            // Don't bubble properties for hidden children unless we're rendering
-            // at offscreen priority.
-            if (
-              includesSomeLane(renderLanes, OffscreenLane) && // Also don't bubble if the tree suspended
-              (workInProgress.flags & DidCapture) === NoLanes
-            ) {
-              bubbleProperties(workInProgress); // Check if there was an insertion or update in the hidden subtree.
-              // If so, we need to hide those nodes in the commit phase, so
-              // schedule a visibility effect.
-
-              if (
-                workInProgress.tag !== LegacyHiddenComponent &&
-                workInProgress.subtreeFlags & (Placement | Update)
-              ) {
-                workInProgress.flags |= Visibility;
-              }
-            }
-          }
-
-          var offscreenQueue = workInProgress.updateQueue;
-
-          if (offscreenQueue !== null) {
-            var _retryQueue3 = offscreenQueue.retryQueue;
-            scheduleRetryEffect(workInProgress, _retryQueue3);
-          }
-
-          {
-            var _previousCache2 = null;
-
-            if (
-              current !== null &&
-              current.memoizedState !== null &&
-              current.memoizedState.cachePool !== null
-            ) {
-              _previousCache2 = current.memoizedState.cachePool.pool;
-            }
-
-            var _cache2 = null;
-
-            if (
-              workInProgress.memoizedState !== null &&
-              workInProgress.memoizedState.cachePool !== null
-            ) {
-              _cache2 = workInProgress.memoizedState.cachePool.pool;
-            }
-
-            if (_cache2 !== _previousCache2) {
-              // Run passive effects to retain/release the cache.
-              workInProgress.flags |= Passive$1;
-            }
-          }
-
-          popTransition(workInProgress, current);
-          return null;
-        }
-
-        case CacheComponent: {
-          {
-            var _previousCache3 = null;
-
-            if (current !== null) {
-              _previousCache3 = current.memoizedState.cache;
-            }
-
-            var _cache3 = workInProgress.memoizedState.cache;
-
-            if (_cache3 !== _previousCache3) {
-              // Run passive effects to retain/release the cache.
-              workInProgress.flags |= Passive$1;
-            }
-
-            popCacheProvider(workInProgress);
-            bubbleProperties(workInProgress);
-          }
-
-          return null;
-        }
-
-        case TracingMarkerComponent: {
-          if (enableTransitionTracing) {
-            var _instance4 = workInProgress.stateNode;
-
-            if (_instance4 !== null) {
-              popMarkerInstance(workInProgress);
-            }
-
-            bubbleProperties(workInProgress);
-          }
-
-          return null;
-        }
-      }
-
-      throw new Error(
-        "Unknown unit of work tag (" +
-          workInProgress.tag +
-          "). This error is likely caused by a bug in " +
-          "React. Please file an issue."
-      );
-    }
-
-    function unwindWork(current, workInProgress, renderLanes) {
-      // Note: This intentionally doesn't check if we're hydrating because comparing
-      // to the current tree provider fiber is just as fast and less error-prone.
-      // Ideally we would have a special version of the work loop only
-      // for hydration.
-      popTreeContext(workInProgress);
-
-      switch (workInProgress.tag) {
-        case ClassComponent: {
-          var flags = workInProgress.flags;
-
-          if (flags & ShouldCapture) {
-            workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;
-
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              transferActualDuration(workInProgress);
-            }
-
-            return workInProgress;
-          }
-
-          return null;
-        }
-
-        case HostRoot: {
-          {
-            popCacheProvider(workInProgress);
-          }
-
-          if (enableTransitionTracing) {
-            popRootMarkerInstance(workInProgress);
-          }
-
-          popRootTransition(workInProgress);
-          popHostContainer(workInProgress);
-          var _flags = workInProgress.flags;
-
-          if (
-            (_flags & ShouldCapture) !== NoFlags$1 &&
-            (_flags & DidCapture) === NoFlags$1
-          ) {
-            // There was an error during render that wasn't captured by a suspense
-            // boundary. Do a second pass on the root to unmount the children.
-            workInProgress.flags = (_flags & ~ShouldCapture) | DidCapture;
-            return workInProgress;
-          } // We unwound to the root without completing it. Exit.
-
-          return null;
-        }
-
-        case HostHoistable:
-        case HostSingleton:
-        case HostComponent: {
-          // TODO: popHydrationState
-          popHostContext(workInProgress);
-          return null;
-        }
-
-        case SuspenseComponent: {
-          popSuspenseHandler(workInProgress);
-          var suspenseState = workInProgress.memoizedState;
-
-          if (suspenseState !== null && suspenseState.dehydrated !== null) {
-            if (workInProgress.alternate === null) {
-              throw new Error(
-                "Threw in newly mounted dehydrated component. This is likely a bug in " +
-                  "React. Please file an issue."
-              );
-            }
-
-            resetHydrationState();
-          }
-
-          var _flags2 = workInProgress.flags;
-
-          if (_flags2 & ShouldCapture) {
-            workInProgress.flags = (_flags2 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
-
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              transferActualDuration(workInProgress);
-            }
-
-            return workInProgress;
-          }
-
-          return null;
-        }
-
-        case SuspenseListComponent: {
-          popSuspenseListContext(workInProgress); // SuspenseList doesn't actually catch anything. It should've been
-          // caught by a nested boundary. If not, it should bubble through.
-
-          return null;
-        }
-
-        case HostPortal:
-          popHostContainer(workInProgress);
-          return null;
-
-        case ContextProvider:
-          var context;
-
-          if (enableRenderableContext) {
-            context = workInProgress.type;
-          } else {
-            context = workInProgress.type._context;
-          }
-
-          popProvider(context, workInProgress);
-          return null;
-
-        case OffscreenComponent:
-        case LegacyHiddenComponent: {
-          popSuspenseHandler(workInProgress);
-          popHiddenContext(workInProgress);
-          popTransition(workInProgress, current);
-          var _flags3 = workInProgress.flags;
-
-          if (_flags3 & ShouldCapture) {
-            workInProgress.flags = (_flags3 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
-
-            if ((workInProgress.mode & ProfileMode) !== NoMode) {
-              transferActualDuration(workInProgress);
-            }
-
-            return workInProgress;
-          }
-
-          return null;
-        }
-
-        case CacheComponent:
-          {
-            popCacheProvider(workInProgress);
-          }
-
-          return null;
-
-        case TracingMarkerComponent:
-          if (enableTransitionTracing) {
-            if (workInProgress.stateNode !== null) {
-              popMarkerInstance(workInProgress);
-            }
-          }
-
-          return null;
-
-        default:
-          return null;
-      }
-    }
-
-    function unwindInterruptedWork(current, interruptedWork, renderLanes) {
-      // Note: This intentionally doesn't check if we're hydrating because comparing
-      // to the current tree provider fiber is just as fast and less error-prone.
-      // Ideally we would have a special version of the work loop only
-      // for hydration.
-      popTreeContext(interruptedWork);
-
-      switch (interruptedWork.tag) {
-        case ClassComponent: {
-          break;
-        }
-
-        case HostRoot: {
-          {
-            popCacheProvider(interruptedWork);
-          }
-
-          if (enableTransitionTracing) {
-            popRootMarkerInstance(interruptedWork);
-          }
-
-          popRootTransition(interruptedWork);
-          popHostContainer(interruptedWork);
-          break;
-        }
-
-        case HostHoistable:
-        case HostSingleton:
-        case HostComponent: {
-          popHostContext(interruptedWork);
-          break;
-        }
-
-        case HostPortal:
-          popHostContainer(interruptedWork);
-          break;
-
-        case SuspenseComponent:
-          popSuspenseHandler(interruptedWork);
-          break;
-
-        case SuspenseListComponent:
-          popSuspenseListContext(interruptedWork);
-          break;
-
-        case ContextProvider:
-          var context;
-
-          if (enableRenderableContext) {
-            context = interruptedWork.type;
-          } else {
-            context = interruptedWork.type._context;
-          }
-
-          popProvider(context, interruptedWork);
-          break;
-
-        case OffscreenComponent:
-        case LegacyHiddenComponent:
-          popSuspenseHandler(interruptedWork);
-          popHiddenContext(interruptedWork);
-          popTransition(interruptedWork, current);
-          break;
-
-        case CacheComponent:
-          {
-            popCacheProvider(interruptedWork);
-          }
-
-          break;
-
-        case TracingMarkerComponent:
-          if (enableTransitionTracing) {
-            var instance = interruptedWork.stateNode;
-
-            if (instance !== null) {
-              popMarkerInstance(interruptedWork);
-            }
-          }
-
-          break;
-      }
-    }
-
     function getCacheForType(resourceType) {
       var cache = readContext(CacheContext);
       var cacheForType = cache.data.get(resourceType);
@@ -39663,6 +41677,7 @@ if (__DEV__) {
       };
     }
 
+    var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
     function isConcurrentActEnvironment() {
       {
         var isReactActEnvironmentGlobal = // $FlowFixMe[cannot-resolve-name] Flow doesn't know about IS_REACT_ACT_ENVIRONMENT global
@@ -39672,7 +41687,7 @@ if (__DEV__) {
 
         if (
           !isReactActEnvironmentGlobal &&
-          ReactSharedInternals.actQueue !== null
+          ReactCurrentActQueue$1.current !== null
         ) {
           // TODO: Include link to relevant documentation page.
           error(
@@ -39704,9 +41719,17 @@ if (__DEV__) {
     }
 
     var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+      ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+      ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
+      ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue;
     var NoContext =
       /*             */
       0;
+    var BatchedContext =
+      /*               */
+      1;
     var RenderContext =
       /*         */
       2;
@@ -39997,11 +42020,13 @@ if (__DEV__) {
 
       if (transition !== null) {
         {
-          if (!transition._updatedFibers) {
-            transition._updatedFibers = new Set();
+          var batchConfigTransition = ReactCurrentBatchConfig$1.transition;
+
+          if (!batchConfigTransition._updatedFibers) {
+            batchConfigTransition._updatedFibers = new Set();
           }
 
-          transition._updatedFibers.add(fiber);
+          batchConfigTransition._updatedFibers.add(fiber);
         }
 
         var actionScopeLane = peekEntangledActionLane();
@@ -40010,9 +42035,26 @@ if (__DEV__) {
           : // is the first update in that scope. Either way, we need to get a
             // fresh transition lane.
             requestTransitionLane();
-      }
+      } // Updates originating inside certain React methods, like flushSync, have
+      // their priority set by tracking it with a context variable.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
 
-      return eventPriorityToLane(resolveUpdatePriority());
+      var updateLane = getCurrentUpdatePriority();
+
+      if (updateLane !== NoLane) {
+        return updateLane;
+      } // This update originated outside React. Ask the host environment for an
+      // appropriate priority, based on the type of event.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
+
+      var eventLane = getCurrentEventPriority();
+      return eventLane;
     }
 
     function requestRetryLane(fiber) {
@@ -40113,13 +42155,12 @@ if (__DEV__) {
         warnIfUpdatesNotWrappedWithActDEV(fiber);
 
         if (enableTransitionTracing) {
-          var transition = ReactSharedInternals.T;
+          var transition = ReactCurrentBatchConfig$1.transition;
 
           if (transition !== null && transition.name != null) {
             if (transition.startTime === -1) {
               transition.startTime = now$1();
-            } // $FlowFixMe[prop-missing]: The BatchConfigTransition and Transition types are incompatible but was previously untyped and thus uncaught
-            // $FlowFixMe[incompatible-call]: "
+            }
 
             addTransitionToLanesMap(root, transition, lane);
           }
@@ -40158,7 +42199,7 @@ if (__DEV__) {
           !disableLegacyMode &&
           (fiber.mode & ConcurrentMode) === NoMode
         ) {
-          if (ReactSharedInternals.isBatchingLegacy);
+          if (ReactCurrentActQueue.isBatchingLegacy);
           else {
             // Flush the synchronous work now, unless we're already working or inside
             // a batch. This is intentionally inside scheduleUpdateOnFiber instead of
@@ -40274,31 +42315,20 @@ if (__DEV__) {
             } // Check if something threw
 
             if (exitStatus === RootErrored) {
-              var lanesThatJustErrored = lanes;
+              var originallyAttemptedLanes = lanes;
               var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
                 root,
-                lanesThatJustErrored
+                originallyAttemptedLanes
               );
 
               if (errorRetryLanes !== NoLanes) {
                 lanes = errorRetryLanes;
                 exitStatus = recoverFromConcurrentError(
                   root,
-                  lanesThatJustErrored,
+                  originallyAttemptedLanes,
                   errorRetryLanes
                 );
-                renderWasConcurrent = false; // Need to check the exit status again.
-
-                if (exitStatus !== RootErrored) {
-                  // The root did not error this time. Restart the exit algorithm
-                  // from the beginning.
-                  // TODO: Refactor the exit algorithm to be less confusing. Maybe
-                  // more branches + recursion instead of a loop. I think the only
-                  // thing that causes it to be a loop is the RootDidNotComplete
-                  // check. If that's true, then we don't need a loop/recursion
-                  // at all.
-                  continue;
-                }
+                renderWasConcurrent = false;
               }
             }
 
@@ -40782,15 +42812,51 @@ if (__DEV__) {
         return fn(a);
       }
     }
-    // Returns whether the the call was during a render or not
+    // Warning, this opts-out of checking the function body.
+    // eslint-disable-next-line no-unused-vars
+    // eslint-disable-next-line no-redeclare
+    // eslint-disable-next-line no-redeclare
 
-    function flushSyncWork$1() {
-      if ((executionContext & (RenderContext | CommitContext)) === NoContext) {
-        flushSyncWorkOnAllRoots();
-        return false;
+    function flushSync$1(fn) {
+      // In legacy mode, we flush pending passive effects at the beginning of the
+      // next event, not at the end of the previous one.
+      if (
+        rootWithPendingPassiveEffects !== null &&
+        !disableLegacyMode &&
+        rootWithPendingPassiveEffects.tag === LegacyRoot &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        flushPassiveEffects();
       }
 
-      return true;
+      var prevExecutionContext = executionContext;
+      executionContext |= BatchedContext;
+      var prevTransition = ReactCurrentBatchConfig$1.transition;
+      var previousPriority = getCurrentUpdatePriority();
+
+      try {
+        ReactCurrentBatchConfig$1.transition = null;
+        setCurrentUpdatePriority(DiscreteEventPriority);
+
+        if (fn) {
+          return fn();
+        } else {
+          return undefined;
+        }
+      } finally {
+        setCurrentUpdatePriority(previousPriority);
+        ReactCurrentBatchConfig$1.transition = prevTransition;
+        executionContext = prevExecutionContext; // Flush the immediate callbacks that were scheduled during this batch.
+        // Note that this will happen even if batchedUpdates is higher up
+        // the stack.
+
+        if (
+          (executionContext & (RenderContext | CommitContext)) ===
+          NoContext
+        ) {
+          flushSyncWorkOnAllRoots();
+        }
+      }
     }
     function isAlreadyRendering() {
       // Used by the renderer to print a warning if certain APIs are called from
@@ -40913,10 +42979,7 @@ if (__DEV__) {
       // when React is executing user code.
       resetHooksAfterThrow();
       resetCurrentFiber();
-
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
 
       if (thrownValue === SuspenseException) {
         // This is a special type of exception used for Suspense. For historical
@@ -41068,8 +43131,8 @@ if (__DEV__) {
     }
 
     function pushDispatcher(container) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
       if (prevDispatcher === null) {
         // The React isomorphic package does not include a default dispatcher.
@@ -41082,20 +43145,20 @@ if (__DEV__) {
     }
 
     function popDispatcher(prevDispatcher) {
-      ReactSharedInternals.H = prevDispatcher;
+      ReactCurrentDispatcher.current = prevDispatcher;
     }
 
     function pushCacheDispatcher() {
       {
-        var prevCacheDispatcher = ReactSharedInternals.C;
-        ReactSharedInternals.C = DefaultCacheDispatcher;
+        var prevCacheDispatcher = ReactCurrentCache.current;
+        ReactCurrentCache.current = DefaultCacheDispatcher;
         return prevCacheDispatcher;
       }
     }
 
     function popCacheDispatcher(prevCacheDispatcher) {
       {
-        ReactSharedInternals.C = prevCacheDispatcher;
+        ReactCurrentCache.current = prevCacheDispatcher;
       }
     }
 
@@ -41522,7 +43585,7 @@ if (__DEV__) {
             }
           }
 
-          if (true && ReactSharedInternals.actQueue !== null) {
+          if (true && ReactCurrentActQueue.current !== null) {
             // `act` special case: If we're inside an `act` scope, don't consult
             // `shouldYield`. Always keep working until the render is complete.
             // This is not just an optimization: in a unit test environment, we
@@ -41607,9 +43670,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
     }
 
     function replaySuspendedUnitOfWork(unitOfWork) {
@@ -41728,9 +43789,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
     }
 
     function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
@@ -41940,12 +43999,12 @@ if (__DEV__) {
     ) {
       // TODO: This no longer makes any sense. We already wrap the mutation and
       // layout phases. Should be able to remove.
-      var prevTransition = ReactSharedInternals.T;
       var previousUpdateLanePriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig$1.transition;
 
       try {
+        ReactCurrentBatchConfig$1.transition = null;
         setCurrentUpdatePriority(DiscreteEventPriority);
-        ReactSharedInternals.T = null;
         commitRootImpl(
           root,
           recoverableErrors,
@@ -41955,7 +44014,7 @@ if (__DEV__) {
           spawnedLane
         );
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$1.transition = prevTransition;
         setCurrentUpdatePriority(previousUpdateLanePriority);
       }
 
@@ -42099,16 +44158,14 @@ if (__DEV__) {
         NoFlags$1;
 
       if (subtreeHasEffects || rootHasEffect) {
-        var prevTransition = ReactSharedInternals.T;
-        ReactSharedInternals.T = null;
+        var prevTransition = ReactCurrentBatchConfig$1.transition;
+        ReactCurrentBatchConfig$1.transition = null;
         var previousPriority = getCurrentUpdatePriority();
         setCurrentUpdatePriority(DiscreteEventPriority);
         var prevExecutionContext = executionContext;
         executionContext |= CommitContext; // Reset this to null before calling lifecycles
 
-        {
-          ReactSharedInternals.owner = null;
-        } // The commit phase is broken into several sub-phases. We do a separate pass
+        ReactCurrentOwner.current = null; // The commit phase is broken into several sub-phases. We do a separate pass
         // of the effect list for each phase: all mutation effects come before all
         // layout effects, and so on.
         // The first phase a "before mutation" phase. We use this phase to read the
@@ -42170,7 +44227,7 @@ if (__DEV__) {
         executionContext = prevExecutionContext; // Reset the priority to the previous non-sync value.
 
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$1.transition = prevTransition;
       } else {
         // No effects.
         root.current = finishedWork; // Measure these anyway so the flamegraph explicitly shows that there were
@@ -42394,16 +44451,16 @@ if (__DEV__) {
         pendingPassiveEffectsRemainingLanes = NoLanes;
         var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
         var priority = lowerEventPriority(DefaultEventPriority, renderPriority);
-        var prevTransition = ReactSharedInternals.T;
+        var prevTransition = ReactCurrentBatchConfig$1.transition;
         var previousPriority = getCurrentUpdatePriority();
 
         try {
+          ReactCurrentBatchConfig$1.transition = null;
           setCurrentUpdatePriority(priority);
-          ReactSharedInternals.T = null;
           return flushPassiveEffectsImpl();
         } finally {
           setCurrentUpdatePriority(previousPriority);
-          ReactSharedInternals.T = prevTransition; // Once passive effects have run for the tree - giving components a
+          ReactCurrentBatchConfig$1.transition = prevTransition; // Once passive effects have run for the tree - giving components a
           // chance to retain cache instances they use - release the pooled
           // cache at the root (if there is one)
 
@@ -43094,7 +45151,7 @@ if (__DEV__) {
       {
         // If we're currently inside an `act` scope, bypass Scheduler and push to
         // the `act` queue instead.
-        var actQueue = ReactSharedInternals.actQueue;
+        var actQueue = ReactCurrentActQueue.current;
 
         if (actQueue !== null) {
           actQueue.push(callback);
@@ -43107,7 +45164,7 @@ if (__DEV__) {
 
     function shouldForceFlushFallbacksInDEV() {
       // Never force flush in production. This function should get stripped out.
-      return ReactSharedInternals.actQueue !== null;
+      return ReactCurrentActQueue.current !== null;
     }
 
     function warnIfUpdatesNotWrappedWithActDEV(fiber) {
@@ -43119,7 +45176,7 @@ if (__DEV__) {
           }
         }
 
-        if (ReactSharedInternals.actQueue === null) {
+        if (ReactCurrentActQueue.current === null) {
           var previousFiber = current;
 
           try {
@@ -43153,7 +45210,7 @@ if (__DEV__) {
       {
         if (
           isConcurrentActEnvironment() &&
-          ReactSharedInternals.actQueue === null
+          ReactCurrentActQueue.current === null
         ) {
           error(
             "A suspended resource finished loading inside a test, but the event " +
@@ -43178,3167 +45235,1126 @@ if (__DEV__) {
       }
     }
 
-    var SUPPRESS_HYDRATION_WARNING = "suppressHydrationWarning";
-    var SUSPENSE_START_DATA = "$";
-    var SUSPENSE_END_DATA = "/$";
-    var SUSPENSE_PENDING_START_DATA = "$?";
-    var SUSPENSE_FALLBACK_START_DATA = "$!";
-    var FORM_STATE_IS_MATCHING = "F!";
-    var FORM_STATE_IS_NOT_MATCHING = "F";
-    var STYLE = "style";
-    var HostContextNamespaceNone = 0;
-    var HostContextNamespaceSvg = 1;
-    var HostContextNamespaceMath = 2;
-    var eventsEnabled = null;
-    var selectionInformation = null;
-
-    function getOwnerDocumentFromRootContainer(rootContainerElement) {
-      return rootContainerElement.nodeType === DOCUMENT_NODE
-        ? rootContainerElement
-        : rootContainerElement.ownerDocument;
-    }
-
-    function getRootHostContext(rootContainerInstance) {
-      var type;
-      var context;
-      var nodeType = rootContainerInstance.nodeType;
-
-      switch (nodeType) {
-        case DOCUMENT_NODE:
-        case DOCUMENT_FRAGMENT_NODE: {
-          type = nodeType === DOCUMENT_NODE ? "#document" : "#fragment";
-          var root = rootContainerInstance.documentElement;
-
-          if (root) {
-            var namespaceURI = root.namespaceURI;
-            context = namespaceURI
-              ? getOwnHostContext(namespaceURI)
-              : HostContextNamespaceNone;
-          } else {
-            context = HostContextNamespaceNone;
-          }
-
-          break;
-        }
-
-        default: {
-          var container =
-            nodeType === COMMENT_NODE
-              ? rootContainerInstance.parentNode
-              : rootContainerInstance;
-          type = container.tagName;
-          var _namespaceURI = container.namespaceURI;
-
-          if (!_namespaceURI) {
-            switch (type) {
-              case "svg":
-                context = HostContextNamespaceSvg;
-                break;
-
-              case "math":
-                context = HostContextNamespaceMath;
-                break;
-
-              default:
-                context = HostContextNamespaceNone;
-                break;
-            }
-          } else {
-            var ownContext = getOwnHostContext(_namespaceURI);
-            context = getChildHostContextProd(ownContext, type);
-          }
-
-          break;
-        }
-      }
+    /* eslint-disable react-internal/prod-error-codes */
+    // Used by React Refresh runtime through DevTools Global Hook.
 
+    var resolveFamily = null;
+    var failedBoundaries = null;
+    var setRefreshHandler = function (handler) {
       {
-        var validatedTag = type.toLowerCase();
-        var ancestorInfo = updatedAncestorInfoDev(null, validatedTag);
-        return {
-          context: context,
-          ancestorInfo: ancestorInfo
-        };
+        resolveFamily = handler;
+      }
+    };
+    function resolveFunctionForHotReloading(type) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return type;
+        }
+
+        var family = resolveFamily(type);
+
+        if (family === undefined) {
+          return type;
+        } // Use the latest known implementation.
+
+        return family.current;
       }
     }
+    function resolveClassForHotReloading(type) {
+      // No implementation differences.
+      return resolveFunctionForHotReloading(type);
+    }
+    function resolveForwardRefForHotReloading(type) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return type;
+        }
 
-    function getOwnHostContext(namespaceURI) {
-      switch (namespaceURI) {
-        case SVG_NAMESPACE:
-          return HostContextNamespaceSvg;
+        var family = resolveFamily(type);
 
-        case MATH_NAMESPACE:
-          return HostContextNamespaceMath;
+        if (family === undefined) {
+          // Check if we're dealing with a real forwardRef. Don't want to crash early.
+          if (
+            type !== null &&
+            type !== undefined &&
+            typeof type.render === "function"
+          ) {
+            // ForwardRef is special because its resolved .type is an object,
+            // but it's possible that we only have its inner render function in the map.
+            // If that inner render function is different, we'll build a new forwardRef type.
+            var currentRender = resolveFunctionForHotReloading(type.render);
 
-        default:
-          return HostContextNamespaceNone;
+            if (type.render !== currentRender) {
+              var syntheticType = {
+                $$typeof: REACT_FORWARD_REF_TYPE,
+                render: currentRender
+              };
+
+              if (type.displayName !== undefined) {
+                syntheticType.displayName = type.displayName;
+              }
+
+              return syntheticType;
+            }
+          }
+
+          return type;
+        } // Use the latest known implementation.
+
+        return family.current;
       }
     }
+    function isCompatibleFamilyForHotReloading(fiber, element) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return false;
+        }
 
-    function getChildHostContextProd(parentNamespace, type) {
-      if (parentNamespace === HostContextNamespaceNone) {
-        // No (or default) parent namespace: potential entry point.
-        switch (type) {
-          case "svg":
-            return HostContextNamespaceSvg;
+        var prevType = fiber.elementType;
+        var nextType = element.type; // If we got here, we know types aren't === equal.
 
-          case "math":
-            return HostContextNamespaceMath;
+        var needsCompareFamilies = false;
+        var $$typeofNextType =
+          typeof nextType === "object" && nextType !== null
+            ? nextType.$$typeof
+            : null;
+
+        switch (fiber.tag) {
+          case ClassComponent: {
+            if (typeof nextType === "function") {
+              needsCompareFamilies = true;
+            }
+
+            break;
+          }
+
+          case FunctionComponent: {
+            if (typeof nextType === "function") {
+              needsCompareFamilies = true;
+            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+              // We don't know the inner type yet.
+              // We're going to assume that the lazy inner type is stable,
+              // and so it is sufficient to avoid reconciling it away.
+              // We're not going to unwrap or actually use the new lazy type.
+              needsCompareFamilies = true;
+            }
+
+            break;
+          }
+
+          case ForwardRef: {
+            if ($$typeofNextType === REACT_FORWARD_REF_TYPE) {
+              needsCompareFamilies = true;
+            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+              needsCompareFamilies = true;
+            }
+
+            break;
+          }
+
+          case MemoComponent:
+          case SimpleMemoComponent: {
+            if ($$typeofNextType === REACT_MEMO_TYPE) {
+              // TODO: if it was but can no longer be simple,
+              // we shouldn't set this.
+              needsCompareFamilies = true;
+            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+              needsCompareFamilies = true;
+            }
+
+            break;
+          }
 
           default:
-            return HostContextNamespaceNone;
+            return false;
+        } // Check if both types have a family and it's the same one.
+
+        if (needsCompareFamilies) {
+          // Note: memo() and forwardRef() we'll compare outer rather than inner type.
+          // This means both of them need to be registered to preserve state.
+          // If we unwrapped and compared the inner types for wrappers instead,
+          // then we would risk falsely saying two separate memo(Foo)
+          // calls are equivalent because they wrap the same Foo function.
+          var prevFamily = resolveFamily(prevType); // $FlowFixMe[not-a-function] found when upgrading Flow
+
+          if (
+            prevFamily !== undefined &&
+            prevFamily === resolveFamily(nextType)
+          ) {
+            return true;
+          }
         }
-      }
 
-      if (
-        parentNamespace === HostContextNamespaceSvg &&
-        type === "foreignObject"
-      ) {
-        // We're leaving SVG.
-        return HostContextNamespaceNone;
-      } // By default, pass namespace below.
-
-      return parentNamespace;
-    }
-
-    function getChildHostContext(parentHostContext, type) {
-      {
-        var parentHostContextDev = parentHostContext;
-        var context = getChildHostContextProd(
-          parentHostContextDev.context,
-          type
-        );
-        var ancestorInfo = updatedAncestorInfoDev(
-          parentHostContextDev.ancestorInfo,
-          type
-        );
-        return {
-          context: context,
-          ancestorInfo: ancestorInfo
-        };
+        return false;
       }
     }
-    function getPublicInstance(instance) {
-      return instance;
-    }
-    function prepareForCommit(containerInfo) {
-      eventsEnabled = isEnabled();
-      selectionInformation = getSelectionInformation();
-      var activeInstance = null;
-
+    function markFailedErrorBoundaryForHotReloading(fiber) {
       {
-        var focusedElem = selectionInformation.focusedElem;
-
-        if (focusedElem !== null) {
-          activeInstance = getClosestInstanceFromNode(focusedElem);
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return;
         }
-      }
 
-      setEnabled(false);
-      return activeInstance;
-    }
-    function beforeActiveInstanceBlur(internalInstanceHandle) {
-      {
-        setEnabled(true);
-        dispatchBeforeDetachedBlur(
-          selectionInformation.focusedElem,
-          internalInstanceHandle
-        );
-        setEnabled(false);
+        if (typeof WeakSet !== "function") {
+          return;
+        }
+
+        if (failedBoundaries === null) {
+          failedBoundaries = new WeakSet();
+        }
+
+        failedBoundaries.add(fiber);
       }
     }
-    function afterActiveInstanceBlur() {
+    var scheduleRefresh = function (root, update) {
       {
-        setEnabled(true);
-        dispatchAfterDetachedBlur(selectionInformation.focusedElem);
-        setEnabled(false);
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return;
+        }
+
+        var staleFamilies = update.staleFamilies,
+          updatedFamilies = update.updatedFamilies;
+        flushPassiveEffects();
+        flushSync$1(function () {
+          scheduleFibersWithFamiliesRecursively(
+            root.current,
+            updatedFamilies,
+            staleFamilies
+          );
+        });
       }
-    }
-    function resetAfterCommit(containerInfo) {
-      restoreSelection(selectionInformation);
-      setEnabled(eventsEnabled);
-      eventsEnabled = null;
-      selectionInformation = null;
-    }
-    function createHoistableInstance(
-      type,
-      props,
-      rootContainerInstance,
-      internalInstanceHandle
-    ) {
-      var ownerDocument = getOwnerDocumentFromRootContainer(
-        rootContainerInstance
-      );
-      var domElement = ownerDocument.createElement(type);
-      precacheFiberNode(internalInstanceHandle, domElement);
-      updateFiberProps(domElement, props);
-      setInitialProperties(domElement, type, props);
-      markNodeAsHoistable(domElement);
-      return domElement;
-    }
-    var didWarnScriptTags = false;
-    var warnedUnknownTags = {
-      // There are working polyfills for <dialog>. Let people use it.
-      dialog: true,
-      // Electron ships a custom <webview> tag to display external web content in
-      // an isolated frame and process.
-      // This tag is not present in non Electron environments such as JSDom which
-      // is often used for testing purposes.
-      // @see https://electronjs.org/docs/api/webview-tag
-      webview: true
     };
-    function createInstance(
-      type,
-      props,
-      rootContainerInstance,
-      hostContext,
-      internalInstanceHandle
-    ) {
-      var hostContextProd;
-
+    var scheduleRoot = function (root, element) {
       {
-        // TODO: take namespace into account when validating.
-        var hostContextDev = hostContext;
-        validateDOMNesting(type, hostContextDev.ancestorInfo);
-        hostContextProd = hostContextDev.context;
-      }
-
-      var ownerDocument = getOwnerDocumentFromRootContainer(
-        rootContainerInstance
-      );
-      var domElement;
-
-      switch (hostContextProd) {
-        case HostContextNamespaceSvg:
-          domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
-          break;
-
-        case HostContextNamespaceMath:
-          domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
-          break;
-
-        default:
-          switch (type) {
-            case "svg": {
-              domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
-              break;
-            }
-
-            case "math": {
-              domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
-              break;
-            }
-
-            case "script": {
-              // Create the script via .innerHTML so its "parser-inserted" flag is
-              // set to true and it does not execute
-              var div = ownerDocument.createElement("div");
-
-              {
-                if (enableTrustedTypesIntegration && !didWarnScriptTags) {
-                  error(
-                    "Encountered a script tag while rendering React component. " +
-                      "Scripts inside React components are never executed when rendering " +
-                      "on the client. Consider using template tag instead " +
-                      "(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)."
-                  );
-
-                  didWarnScriptTags = true;
-                }
-              }
-
-              div.innerHTML = "<script><" + "/script>"; // eslint-disable-line
-              // This is guaranteed to yield a script element.
-
-              var firstChild = div.firstChild;
-              domElement = div.removeChild(firstChild);
-              break;
-            }
-
-            case "select": {
-              if (typeof props.is === "string") {
-                domElement = ownerDocument.createElement("select", {
-                  is: props.is
-                });
-              } else {
-                // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
-                // See discussion in https://github.com/facebook/react/pull/6896
-                // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
-                domElement = ownerDocument.createElement("select");
-              }
-
-              if (props.multiple) {
-                domElement.multiple = true;
-              } else if (props.size) {
-                // Setting a size greater than 1 causes a select to behave like `multiple=true`, where
-                // it is possible that no option is selected.
-                //
-                // This is only necessary when a select in "single selection mode".
-                domElement.size = props.size;
-              }
-
-              break;
-            }
-
-            default: {
-              if (typeof props.is === "string") {
-                domElement = ownerDocument.createElement(type, {
-                  is: props.is
-                });
-              } else {
-                // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
-                // See discussion in https://github.com/facebook/react/pull/6896
-                // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
-                domElement = ownerDocument.createElement(type);
-              }
-
-              {
-                if (type.indexOf("-") === -1) {
-                  // We're not SVG/MathML and we don't have a dash, so we're not a custom element
-                  // Even if you use `is`, these should be of known type and lower case.
-                  if (type !== type.toLowerCase()) {
-                    error(
-                      "<%s /> is using incorrect casing. " +
-                        "Use PascalCase for React components, " +
-                        "or lowercase for HTML elements.",
-                      type
-                    );
-                  }
-
-                  if (
-                    // $FlowFixMe[method-unbinding]
-                    Object.prototype.toString.call(domElement) ===
-                      "[object HTMLUnknownElement]" &&
-                    !hasOwnProperty.call(warnedUnknownTags, type)
-                  ) {
-                    warnedUnknownTags[type] = true;
-
-                    error(
-                      "The tag <%s> is unrecognized in this browser. " +
-                        "If you meant to render a React component, start its name with " +
-                        "an uppercase letter.",
-                      type
-                    );
-                  }
-                }
-              }
-            }
-          }
-      }
-
-      precacheFiberNode(internalInstanceHandle, domElement);
-      updateFiberProps(domElement, props);
-      return domElement;
-    }
-    function appendInitialChild(parentInstance, child) {
-      parentInstance.appendChild(child);
-    }
-    function finalizeInitialChildren(domElement, type, props, hostContext) {
-      setInitialProperties(domElement, type, props);
-
-      switch (type) {
-        case "button":
-        case "input":
-        case "select":
-        case "textarea":
-          return !!props.autoFocus;
-
-        case "img":
-          return true;
-
-        default:
-          return false;
-      }
-    }
-    function shouldSetTextContent(type, props) {
-      return (
-        type === "textarea" ||
-        type === "noscript" ||
-        typeof props.children === "string" ||
-        typeof props.children === "number" ||
-        typeof props.children === "bigint" ||
-        (typeof props.dangerouslySetInnerHTML === "object" &&
-          props.dangerouslySetInnerHTML !== null &&
-          props.dangerouslySetInnerHTML.__html != null)
-      );
-    }
-    function createTextInstance(
-      text,
-      rootContainerInstance,
-      hostContext,
-      internalInstanceHandle
-    ) {
-      {
-        var hostContextDev = hostContext;
-        var ancestor = hostContextDev.ancestorInfo.current;
-
-        if (ancestor != null) {
-          validateTextNesting(text, ancestor.tag);
-        }
-      }
-
-      var textNode = getOwnerDocumentFromRootContainer(
-        rootContainerInstance
-      ).createTextNode(text);
-      precacheFiberNode(internalInstanceHandle, textNode);
-      return textNode;
-    }
-    var currentPopstateTransitionEvent = null;
-    function shouldAttemptEagerTransition() {
-      var event = window.event;
-
-      if (event && event.type === "popstate") {
-        // This is a popstate event. Attempt to render any transition during this
-        // event synchronously. Unless we already attempted during this event.
-        if (event === currentPopstateTransitionEvent) {
-          // We already attempted to render this popstate transition synchronously.
-          // Any subsequent attempts must have happened as the result of a derived
-          // update, like startTransition inside useEffect, or useDV. Switch back to
-          // the default behavior for all remaining transitions during the current
-          // popstate event.
-          return false;
-        } else {
-          // Cache the current event in case a derived transition is scheduled.
-          // (Refer to previous branch.)
-          currentPopstateTransitionEvent = event;
-          return true;
-        }
-      } // We're not inside a popstate event.
-
-      currentPopstateTransitionEvent = null;
-      return false;
-    }
-    // if a component just imports ReactDOM (e.g. for findDOMNode).
-    // Some environments might not have setTimeout or clearTimeout.
-
-    var scheduleTimeout =
-      typeof setTimeout === "function" ? setTimeout : undefined;
-    var cancelTimeout =
-      typeof clearTimeout === "function" ? clearTimeout : undefined;
-    var noTimeout = -1;
-    var localPromise = typeof Promise === "function" ? Promise : undefined;
-    var localRequestAnimationFrame =
-      typeof requestAnimationFrame === "function"
-        ? requestAnimationFrame
-        : scheduleTimeout;
-    function getInstanceFromNode(node) {
-      return getClosestInstanceFromNode(node) || null;
-    }
-    function preparePortalMount(portalInstance) {
-      listenToAllSupportedEvents(portalInstance);
-    }
-    function prepareScopeUpdate(scopeInstance, internalInstanceHandle) {
-      {
-        precacheFiberNode(internalInstanceHandle, scopeInstance);
-      }
-    }
-    function getInstanceFromScope(scopeInstance) {
-      {
-        return getFiberFromScopeInstance(scopeInstance);
-      }
-    } // -------------------
-    var scheduleMicrotask =
-      typeof queueMicrotask === "function"
-        ? queueMicrotask
-        : typeof localPromise !== "undefined"
-        ? function (callback) {
-            return localPromise
-              .resolve(null)
-              .then(callback)
-              .catch(handleErrorInNextTick);
-          }
-        : scheduleTimeout; // TODO: Determine the best fallback here.
-
-    function handleErrorInNextTick(error) {
-      setTimeout(function () {
-        throw error;
-      });
-    } // -------------------
-    function commitMount(domElement, type, newProps, internalInstanceHandle) {
-      // Despite the naming that might imply otherwise, this method only
-      // fires if there is an `Update` effect scheduled during mounting.
-      // This happens if `finalizeInitialChildren` returns `true` (which it
-      // does to implement the `autoFocus` attribute on the client). But
-      // there are also other cases when this might happen (such as patching
-      // up text content during hydration mismatch). So we'll check this again.
-      switch (type) {
-        case "button":
-        case "input":
-        case "select":
-        case "textarea":
-          if (newProps.autoFocus) {
-            domElement.focus();
-          }
-
-          return;
-
-        case "img": {
-          if (newProps.src) {
-            domElement.src = newProps.src;
-          }
-
+        if (root.context !== emptyContextObject) {
+          // Super edge case: root has a legacy _renderSubtree context
+          // but we don't know the parentComponent so we can't pass it.
+          // Just ignore. We'll delete this with _renderSubtree code path later.
           return;
         }
+
+        flushPassiveEffects();
+        flushSync$1(function () {
+          updateContainer(element, root, null, null);
+        });
       }
-    }
-    function commitUpdate(
-      domElement,
-      updatePayload,
-      type,
-      oldProps,
-      newProps,
-      internalInstanceHandle
+    };
+
+    function scheduleFibersWithFamiliesRecursively(
+      fiber,
+      updatedFamilies,
+      staleFamilies
     ) {
-      // Diff and update the properties.
-      updateProperties(domElement, type, oldProps, newProps); // Update the props handle so that we know which props are the ones with
-      // with current event handlers.
-
-      updateFiberProps(domElement, newProps);
-    }
-    function resetTextContent(domElement) {
-      setTextContent(domElement, "");
-    }
-    function commitTextUpdate(textInstance, oldText, newText) {
-      textInstance.nodeValue = newText;
-    }
-    function appendChild(parentInstance, child) {
-      parentInstance.appendChild(child);
-    }
-    function appendChildToContainer(container, child) {
-      var parentNode;
-
-      if (container.nodeType === COMMENT_NODE) {
-        parentNode = container.parentNode;
-        parentNode.insertBefore(child, container);
-      } else {
-        parentNode = container;
-        parentNode.appendChild(child);
-      } // This container might be used for a portal.
-      // If something inside a portal is clicked, that click should bubble
-      // through the React tree. However, on Mobile Safari the click would
-      // never bubble through the *DOM* tree unless an ancestor with onclick
-      // event exists. So we wouldn't see it and dispatch it.
-      // This is why we ensure that non React root containers have inline onclick
-      // defined.
-      // https://github.com/facebook/react/issues/11918
-
-      var reactRootContainer = container._reactRootContainer;
-
-      if (
-        (reactRootContainer === null || reactRootContainer === undefined) &&
-        parentNode.onclick === null
-      ) {
-        // TODO: This cast may not be sound for SVG, MathML or custom elements.
-        trapClickOnNonInteractiveElement(parentNode);
-      }
-    }
-    function insertBefore(parentInstance, child, beforeChild) {
-      parentInstance.insertBefore(child, beforeChild);
-    }
-    function insertInContainerBefore(container, child, beforeChild) {
-      if (container.nodeType === COMMENT_NODE) {
-        container.parentNode.insertBefore(child, beforeChild);
-      } else {
-        container.insertBefore(child, beforeChild);
-      }
-    }
-
-    function createEvent(type, bubbles) {
-      var event = document.createEvent("Event");
-      event.initEvent(type, bubbles, false);
-      return event;
-    }
-
-    function dispatchBeforeDetachedBlur(target, internalInstanceHandle) {
       {
-        var event = createEvent("beforeblur", true); // Dispatch "beforeblur" directly on the target,
-        // so it gets picked up by the event system and
-        // can propagate through the React internal tree.
-        // $FlowFixMe[prop-missing]: internal field
+        var alternate = fiber.alternate,
+          child = fiber.child,
+          sibling = fiber.sibling,
+          tag = fiber.tag,
+          type = fiber.type;
+        var candidateType = null;
 
-        event._detachedInterceptFiber = internalInstanceHandle;
-        target.dispatchEvent(event);
-      }
-    }
-
-    function dispatchAfterDetachedBlur(target) {
-      {
-        var event = createEvent("afterblur", false); // So we know what was detached, make the relatedTarget the
-        // detached target on the "afterblur" event.
-
-        event.relatedTarget = target; // Dispatch the event on the document.
-
-        document.dispatchEvent(event);
-      }
-    }
-
-    function removeChild(parentInstance, child) {
-      parentInstance.removeChild(child);
-    }
-    function removeChildFromContainer(container, child) {
-      if (container.nodeType === COMMENT_NODE) {
-        container.parentNode.removeChild(child);
-      } else {
-        container.removeChild(child);
-      }
-    }
-    function clearSuspenseBoundary(parentInstance, suspenseInstance) {
-      var node = suspenseInstance; // Delete all nodes within this suspense boundary.
-      // There might be nested nodes so we need to keep track of how
-      // deep we are and only break out when we're back on top.
-
-      var depth = 0;
-
-      do {
-        var nextNode = node.nextSibling;
-        parentInstance.removeChild(node);
-
-        if (nextNode && nextNode.nodeType === COMMENT_NODE) {
-          var data = nextNode.data;
-
-          if (data === SUSPENSE_END_DATA) {
-            if (depth === 0) {
-              parentInstance.removeChild(nextNode); // Retry if any event replaying was blocked on this.
-
-              retryIfBlockedOn(suspenseInstance);
-              return;
-            } else {
-              depth--;
-            }
-          } else if (
-            data === SUSPENSE_START_DATA ||
-            data === SUSPENSE_PENDING_START_DATA ||
-            data === SUSPENSE_FALLBACK_START_DATA
-          ) {
-            depth++;
-          }
-        } // $FlowFixMe[incompatible-type] we bail out when we get a null
-
-        node = nextNode;
-      } while (node); // TODO: Warn, we didn't find the end comment boundary.
-      // Retry if any event replaying was blocked on this.
-
-      retryIfBlockedOn(suspenseInstance);
-    }
-    function clearSuspenseBoundaryFromContainer(container, suspenseInstance) {
-      if (container.nodeType === COMMENT_NODE) {
-        clearSuspenseBoundary(container.parentNode, suspenseInstance);
-      } else if (container.nodeType === ELEMENT_NODE) {
-        clearSuspenseBoundary(container, suspenseInstance);
-      } else; // Retry if any event replaying was blocked on this.
-
-      retryIfBlockedOn(container);
-    }
-    function hideInstance(instance) {
-      // TODO: Does this work for all element types? What about MathML? Should we
-      // pass host context to this method?
-      instance = instance;
-      var style = instance.style; // $FlowFixMe[method-unbinding]
-
-      if (typeof style.setProperty === "function") {
-        style.setProperty("display", "none", "important");
-      } else {
-        style.display = "none";
-      }
-    }
-    function hideTextInstance(textInstance) {
-      textInstance.nodeValue = "";
-    }
-    function unhideInstance(instance, props) {
-      instance = instance;
-      var styleProp = props[STYLE];
-      var display =
-        styleProp !== undefined &&
-        styleProp !== null &&
-        styleProp.hasOwnProperty("display")
-          ? styleProp.display
-          : null;
-      instance.style.display =
-        display == null || typeof display === "boolean"
-          ? "" // The value would've errored already if it wasn't safe.
-          : // eslint-disable-next-line react-internal/safe-string-coercion
-            ("" + display).trim();
-    }
-    function unhideTextInstance(textInstance, text) {
-      textInstance.nodeValue = text;
-    }
-    function clearContainer(container) {
-      var nodeType = container.nodeType;
-
-      if (nodeType === DOCUMENT_NODE) {
-        clearContainerSparingly(container);
-      } else if (nodeType === ELEMENT_NODE) {
-        switch (container.nodeName) {
-          case "HEAD":
-          case "HTML":
-          case "BODY":
-            clearContainerSparingly(container);
-            return;
-
-          default: {
-            container.textContent = "";
-          }
-        }
-      }
-    }
-
-    function clearContainerSparingly(container) {
-      var node;
-      var nextNode = container.firstChild;
-
-      if (nextNode && nextNode.nodeType === DOCUMENT_TYPE_NODE) {
-        nextNode = nextNode.nextSibling;
-      }
-
-      while (nextNode) {
-        node = nextNode;
-        nextNode = nextNode.nextSibling;
-
-        switch (node.nodeName) {
-          case "HTML":
-          case "HEAD":
-          case "BODY": {
-            var element = node;
-            clearContainerSparingly(element); // If these singleton instances had previously been rendered with React they
-            // may still hold on to references to the previous fiber tree. We detatch them
-            // prospectively to reset them to a baseline starting state since we cannot create
-            // new instances.
-
-            detachDeletedInstance(element);
-            continue;
-          }
-          // Script tags are retained to avoid an edge case bug. Normally scripts will execute if they
-          // are ever inserted into the DOM. However when streaming if a script tag is opened but not
-          // yet closed some browsers create and insert the script DOM Node but the script cannot execute
-          // yet until the closing tag is parsed. If something causes React to call clearContainer while
-          // this DOM node is in the document but not yet executable the DOM node will be removed from the
-          // document and when the script closing tag comes in the script will not end up running. This seems
-          // to happen in Chrome/Firefox but not Safari at the moment though this is not necessarily specified
-          // behavior so it could change in future versions of browsers. While leaving all scripts is broader
-          // than strictly necessary this is the least amount of additional code to avoid this breaking
-          // edge case.
-          //
-          // Style tags are retained because they may likely come from 3rd party scripts and extensions
-
-          case "SCRIPT":
-          case "STYLE": {
-            continue;
-          }
-          // Stylesheet tags are retained because tehy may likely come from 3rd party scripts and extensions
-
-          case "LINK": {
-            if (node.rel.toLowerCase() === "stylesheet") {
-              continue;
-            }
-          }
-        }
-
-        container.removeChild(node);
-      }
-
-      return;
-    } // Making this so we can eventually move all of the instance caching to the commit phase.
-    function canHydrateInstance(instance, type, props, inRootOrSingleton) {
-      while (instance.nodeType === ELEMENT_NODE) {
-        var element = instance;
-        var anyProps = props;
-
-        if (element.nodeName.toLowerCase() !== type.toLowerCase()) {
-          if (!inRootOrSingleton) {
-            // Usually we error for mismatched tags.
-            if (element.nodeName === "INPUT" && element.type === "hidden");
-            else {
-              return null;
-            }
-          } // In root or singleton parents we skip past mismatched instances.
-        } else if (!inRootOrSingleton) {
-          // Match
-          if (type === "input" && element.type === "hidden") {
-            {
-              checkAttributeStringCoercion(anyProps.name, "name");
-            }
-
-            var name = anyProps.name == null ? null : "" + anyProps.name;
-
-            if (
-              anyProps.type !== "hidden" ||
-              element.getAttribute("name") !== name
-            );
-            else {
-              return element;
-            }
-          } else {
-            return element;
-          }
-        } else if (isMarkedHoistable(element));
-        else {
-          // We have an Element with the right type.
-          // We are going to try to exclude it if we can definitely identify it as a hoisted Node or if
-          // we can guess that the node is likely hoisted or was inserted by a 3rd party script or browser extension
-          // using high entropy attributes for certain types. This technique will fail for strange insertions like
-          // extension prepending <div> in the <body> but that already breaks before and that is an edge case.
-          switch (type) {
-            // case 'title':
-            //We assume all titles are matchable. You should only have one in the Document, at least in a hoistable scope
-            // and if you are a HostComponent with type title we must either be in an <svg> context or this title must have an `itemProp` prop.
-            case "meta": {
-              // The only way to opt out of hoisting meta tags is to give it an itemprop attribute. We assume there will be
-              // not 3rd party meta tags that are prepended, accepting the cases where this isn't true because meta tags
-              // are usually only functional for SSR so even in a rare case where we did bind to an injected tag the runtime
-              // implications are minimal
-              if (!element.hasAttribute("itemprop")) {
-                // This is a Hoistable
-                break;
-              }
-
-              return element;
-            }
-
-            case "link": {
-              // Links come in many forms and we do expect 3rd parties to inject them into <head> / <body>. We exclude known resources
-              // and then use high-entroy attributes like href which are almost always used and almost always unique to filter out unlikely
-              // matches.
-              var rel = element.getAttribute("rel");
-
-              if (
-                rel === "stylesheet" &&
-                element.hasAttribute("data-precedence")
-              ) {
-                // This is a stylesheet resource
-                break;
-              } else if (
-                rel !== anyProps.rel ||
-                element.getAttribute("href") !==
-                  (anyProps.href == null ? null : anyProps.href) ||
-                element.getAttribute("crossorigin") !==
-                  (anyProps.crossOrigin == null
-                    ? null
-                    : anyProps.crossOrigin) ||
-                element.getAttribute("title") !==
-                  (anyProps.title == null ? null : anyProps.title)
-              ) {
-                // rel + href should usually be enough to uniquely identify a link however crossOrigin can vary for rel preconnect
-                // and title could vary for rel alternate
-                break;
-              }
-
-              return element;
-            }
-
-            case "style": {
-              // Styles are hard to match correctly. We can exclude known resources but otherwise we accept the fact that a non-hoisted style tags
-              // in <head> or <body> are likely never going to be unmounted given their position in the document and the fact they likely hold global styles
-              if (element.hasAttribute("data-precedence")) {
-                // This is a style resource
-                break;
-              }
-
-              return element;
-            }
-
-            case "script": {
-              // Scripts are a little tricky, we exclude known resources and then similar to links try to use high-entropy attributes
-              // to reject poor matches. One challenge with scripts are inline scripts. We don't attempt to check text content which could
-              // in theory lead to a hydration error later if a 3rd party injected an inline script before the React rendered nodes.
-              // Falling back to client rendering if this happens should be seemless though so we will try this hueristic and revisit later
-              // if we learn it is problematic
-              var srcAttr = element.getAttribute("src");
-
-              if (
-                srcAttr !== (anyProps.src == null ? null : anyProps.src) ||
-                element.getAttribute("type") !==
-                  (anyProps.type == null ? null : anyProps.type) ||
-                element.getAttribute("crossorigin") !==
-                  (anyProps.crossOrigin == null ? null : anyProps.crossOrigin)
-              ) {
-                // This script is for a different src/type/crossOrigin. It may be a script resource
-                // or it may just be a mistmatch
-                if (
-                  srcAttr &&
-                  element.hasAttribute("async") &&
-                  !element.hasAttribute("itemprop")
-                ) {
-                  // This is an async script resource
-                  break;
-                }
-              }
-
-              return element;
-            }
-
-            default: {
-              // We have excluded the most likely cases of mismatch between hoistable tags, 3rd party script inserted tags,
-              // and browser extension inserted tags. While it is possible this is not the right match it is a decent hueristic
-              // that should work in the vast majority of cases.
-              return element;
-            }
-          }
-        }
-
-        var nextInstance = getNextHydratableSibling(element);
-
-        if (nextInstance === null) {
-          break;
-        }
-
-        instance = nextInstance;
-      } // This is a suspense boundary or Text node or we got the end.
-      // Suspense Boundaries are never expected to be injected by 3rd parties. If we see one it should be matched
-      // and this is a hydration error.
-      // Text Nodes are also not expected to be injected by 3rd parties. This is less of a guarantee for <body>
-      // but it seems reasonable and conservative to reject this as a hydration error as well
-
-      return null;
-    }
-    function canHydrateTextInstance(instance, text, inRootOrSingleton) {
-      // Empty strings are not parsed by HTML so there won't be a correct match here.
-      if (text === "") return null;
-
-      while (instance.nodeType !== TEXT_NODE) {
-        if (
-          instance.nodeType === ELEMENT_NODE &&
-          instance.nodeName === "INPUT" &&
-          instance.type === "hidden"
-        );
-        else if (!inRootOrSingleton) {
-          return null;
-        }
-
-        var nextInstance = getNextHydratableSibling(instance);
-
-        if (nextInstance === null) {
-          return null;
-        }
-
-        instance = nextInstance;
-      } // This has now been refined to a text node.
-
-      return instance;
-    }
-    function canHydrateSuspenseInstance(instance, inRootOrSingleton) {
-      while (instance.nodeType !== COMMENT_NODE) {
-        if (!inRootOrSingleton) {
-          return null;
-        }
-
-        var nextInstance = getNextHydratableSibling(instance);
-
-        if (nextInstance === null) {
-          return null;
-        }
-
-        instance = nextInstance;
-      } // This has now been refined to a suspense node.
-
-      return instance;
-    }
-    function isSuspenseInstancePending(instance) {
-      return instance.data === SUSPENSE_PENDING_START_DATA;
-    }
-    function isSuspenseInstanceFallback(instance) {
-      return instance.data === SUSPENSE_FALLBACK_START_DATA;
-    }
-    function getSuspenseInstanceFallbackErrorDetails(instance) {
-      var dataset = instance.nextSibling && instance.nextSibling.dataset;
-      var digest, message, stack, componentStack;
-
-      if (dataset) {
-        digest = dataset.dgst;
-
-        {
-          message = dataset.msg;
-          stack = dataset.stck;
-          componentStack = dataset.cstck;
-        }
-      }
-
-      {
-        return {
-          message: message,
-          digest: digest,
-          stack: stack,
-          componentStack: componentStack
-        };
-      }
-    }
-    function registerSuspenseInstanceRetry(instance, callback) {
-      instance._reactRetry = callback;
-    }
-    function canHydrateFormStateMarker(instance, inRootOrSingleton) {
-      while (instance.nodeType !== COMMENT_NODE) {
-        if (!inRootOrSingleton) {
-          return null;
-        }
-
-        var nextInstance = getNextHydratableSibling(instance);
-
-        if (nextInstance === null) {
-          return null;
-        }
-
-        instance = nextInstance;
-      }
-
-      var nodeData = instance.data;
-
-      if (
-        nodeData === FORM_STATE_IS_MATCHING ||
-        nodeData === FORM_STATE_IS_NOT_MATCHING
-      ) {
-        var markerInstance = instance;
-        return markerInstance;
-      }
-
-      return null;
-    }
-    function isFormStateMarkerMatching(markerInstance) {
-      return markerInstance.data === FORM_STATE_IS_MATCHING;
-    }
-
-    function getNextHydratable(node) {
-      // Skip non-hydratable nodes.
-      for (; node != null; node = node.nextSibling) {
-        var nodeType = node.nodeType;
-
-        if (nodeType === ELEMENT_NODE || nodeType === TEXT_NODE) {
-          break;
-        }
-
-        if (nodeType === COMMENT_NODE) {
-          var nodeData = node.data;
-
-          if (
-            nodeData === SUSPENSE_START_DATA ||
-            nodeData === SUSPENSE_FALLBACK_START_DATA ||
-            nodeData === SUSPENSE_PENDING_START_DATA ||
-            nodeData === FORM_STATE_IS_MATCHING ||
-            nodeData === FORM_STATE_IS_NOT_MATCHING
-          ) {
+        switch (tag) {
+          case FunctionComponent:
+          case SimpleMemoComponent:
+          case ClassComponent:
+            candidateType = type;
             break;
-          }
 
-          if (nodeData === SUSPENSE_END_DATA) {
-            return null;
-          }
+          case ForwardRef:
+            candidateType = type.render;
+            break;
         }
-      }
 
-      return node;
-    }
-
-    function getNextHydratableSibling(instance) {
-      return getNextHydratable(instance.nextSibling);
-    }
-    function getFirstHydratableChild(parentInstance) {
-      return getNextHydratable(parentInstance.firstChild);
-    }
-    function getFirstHydratableChildWithinContainer(parentContainer) {
-      return getNextHydratable(parentContainer.firstChild);
-    }
-    function getFirstHydratableChildWithinSuspenseInstance(parentInstance) {
-      return getNextHydratable(parentInstance.nextSibling);
-    }
-    function describeHydratableInstanceForDevWarnings(instance) {
-      // Reverse engineer a pseudo react-element from hydratable instnace
-      if (instance.nodeType === ELEMENT_NODE) {
-        // Reverse engineer a set of props that can print for dev warnings
-        return {
-          type: instance.nodeName.toLowerCase(),
-          props: getPropsFromElement(instance)
-        };
-      } else if (instance.nodeType === COMMENT_NODE) {
-        return {
-          type: "Suspense",
-          props: {}
-        };
-      } else {
-        return instance.nodeValue;
-      }
-    }
-    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
-    ) {
-      precacheFiberNode(internalInstanceHandle, instance); // TODO: Possibly defer this until the commit phase where all the events
-      // get attached.
-
-      updateFiberProps(instance, props);
-      return hydrateProperties(instance, type, props);
-    } // Returns a Map of properties that were different on the server.
-
-    function diffHydratedPropsForDevWarnings(
-      instance,
-      type,
-      props,
-      hostContext
-    ) {
-      return diffHydratedProperties(instance, type, props, hostContext);
-    }
-    function validateHydratableTextInstance(text, hostContext) {
-      {
-        var hostContextDev = hostContext;
-        var ancestor = hostContextDev.ancestorInfo.current;
-
-        if (ancestor != null) {
-          return validateTextNesting(text, ancestor.tag);
+        if (resolveFamily === null) {
+          throw new Error(
+            "Expected resolveFamily to be set during hot reload."
+          );
         }
-      }
 
-      return true;
-    }
-    function hydrateTextInstance(
-      textInstance,
-      text,
-      internalInstanceHandle,
-      parentInstanceProps
-    ) {
-      precacheFiberNode(internalInstanceHandle, textInstance);
-      return hydrateText(textInstance, text, parentInstanceProps);
-    } // Returns the server text if it differs from the client.
+        var needsRender = false;
+        var needsRemount = false;
 
-    function diffHydratedTextForDevWarnings(textInstance, text, parentProps) {
-      if (
-        parentProps === null ||
-        parentProps[SUPPRESS_HYDRATION_WARNING] !== true
-      ) {
-        return diffHydratedText(textInstance, text);
-      }
+        if (candidateType !== null) {
+          var family = resolveFamily(candidateType);
 
-      return null;
-    }
-    function hydrateSuspenseInstance(suspenseInstance, internalInstanceHandle) {
-      precacheFiberNode(internalInstanceHandle, suspenseInstance);
-    }
-    function getNextHydratableInstanceAfterSuspenseInstance(suspenseInstance) {
-      var node = suspenseInstance.nextSibling; // Skip past all nodes within this suspense boundary.
-      // There might be nested nodes so we need to keep track of how
-      // deep we are and only break out when we're back on top.
-
-      var depth = 0;
-
-      while (node) {
-        if (node.nodeType === COMMENT_NODE) {
-          var data = node.data;
-
-          if (data === SUSPENSE_END_DATA) {
-            if (depth === 0) {
-              return getNextHydratableSibling(node);
-            } else {
-              depth--;
+          if (family !== undefined) {
+            if (staleFamilies.has(family)) {
+              needsRemount = true;
+            } else if (updatedFamilies.has(family)) {
+              if (tag === ClassComponent) {
+                needsRemount = true;
+              } else {
+                needsRender = true;
+              }
             }
-          } else if (
-            data === SUSPENSE_START_DATA ||
-            data === SUSPENSE_FALLBACK_START_DATA ||
-            data === SUSPENSE_PENDING_START_DATA
-          ) {
-            depth++;
           }
         }
 
-        node = node.nextSibling;
-      } // TODO: Warn, we didn't find the end comment boundary.
-
-      return null;
-    } // Returns the SuspenseInstance if this node is a direct child of a
-    // SuspenseInstance. I.e. if its previous sibling is a Comment with
-    // SUSPENSE_x_START_DATA. Otherwise, null.
-
-    function getParentSuspenseInstance(targetInstance) {
-      var node = targetInstance.previousSibling; // Skip past all nodes within this suspense boundary.
-      // There might be nested nodes so we need to keep track of how
-      // deep we are and only break out when we're back on top.
-
-      var depth = 0;
-
-      while (node) {
-        if (node.nodeType === COMMENT_NODE) {
-          var data = node.data;
-
+        if (failedBoundaries !== null) {
           if (
-            data === SUSPENSE_START_DATA ||
-            data === SUSPENSE_FALLBACK_START_DATA ||
-            data === SUSPENSE_PENDING_START_DATA
+            failedBoundaries.has(fiber) || // $FlowFixMe[incompatible-use] found when upgrading Flow
+            (alternate !== null && failedBoundaries.has(alternate))
           ) {
-            if (depth === 0) {
-              return node;
-            } else {
-              depth--;
-            }
-          } else if (data === SUSPENSE_END_DATA) {
-            depth++;
+            needsRemount = true;
           }
         }
 
-        node = node.previousSibling;
-      }
-
-      return null;
-    }
-    function commitHydratedContainer(container) {
-      // Retry if any event replaying was blocked on this.
-      retryIfBlockedOn(container);
-    }
-    function commitHydratedSuspenseInstance(suspenseInstance) {
-      // Retry if any event replaying was blocked on this.
-      retryIfBlockedOn(suspenseInstance);
-    }
-    function shouldDeleteUnhydratedTailInstances(parentType) {
-      return parentType !== "form" && parentType !== "button";
-    } // -------------------
-    function findFiberRoot(node) {
-      var stack = [node];
-      var index = 0;
-
-      while (index < stack.length) {
-        var current = stack[index++];
-
-        if (isContainerMarkedAsRoot(current)) {
-          return getInstanceFromNode$1(current);
+        if (needsRemount) {
+          fiber._debugNeedsRemount = true;
         }
 
-        stack.push.apply(stack, current.children);
-      }
+        if (needsRemount || needsRender) {
+          var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-      return null;
+          if (root !== null) {
+            scheduleUpdateOnFiber(root, fiber, SyncLane);
+          }
+        }
+
+        if (child !== null && !needsRemount) {
+          scheduleFibersWithFamiliesRecursively(
+            child,
+            updatedFamilies,
+            staleFamilies
+          );
+        }
+
+        if (sibling !== null) {
+          scheduleFibersWithFamiliesRecursively(
+            sibling,
+            updatedFamilies,
+            staleFamilies
+          );
+        }
+      }
     }
-    function getBoundingRect(node) {
-      var rect = node.getBoundingClientRect();
-      return {
-        x: rect.left,
-        y: rect.top,
-        width: rect.width,
-        height: rect.height
-      };
+
+    var findHostInstancesForRefresh = function (root, families) {
+      {
+        var hostInstances = new Set();
+        var types = new Set(
+          families.map(function (family) {
+            return family.current;
+          })
+        );
+        findHostInstancesForMatchingFibersRecursively(
+          root.current,
+          types,
+          hostInstances
+        );
+        return hostInstances;
+      }
+    };
+
+    function findHostInstancesForMatchingFibersRecursively(
+      fiber,
+      types,
+      hostInstances
+    ) {
+      {
+        var child = fiber.child,
+          sibling = fiber.sibling,
+          tag = fiber.tag,
+          type = fiber.type;
+        var candidateType = null;
+
+        switch (tag) {
+          case FunctionComponent:
+          case SimpleMemoComponent:
+          case ClassComponent:
+            candidateType = type;
+            break;
+
+          case ForwardRef:
+            candidateType = type.render;
+            break;
+        }
+
+        var didMatch = false;
+
+        if (candidateType !== null) {
+          if (types.has(candidateType)) {
+            didMatch = true;
+          }
+        }
+
+        if (didMatch) {
+          // We have a match. This only drills down to the closest host components.
+          // There's no need to search deeper because for the purpose of giving
+          // visual feedback, "flashing" outermost parent rectangles is sufficient.
+          findHostInstancesForFiberShallowly(fiber, hostInstances);
+        } else {
+          // If there's no match, maybe there will be one further down in the child tree.
+          if (child !== null) {
+            findHostInstancesForMatchingFibersRecursively(
+              child,
+              types,
+              hostInstances
+            );
+          }
+        }
+
+        if (sibling !== null) {
+          findHostInstancesForMatchingFibersRecursively(
+            sibling,
+            types,
+            hostInstances
+          );
+        }
+      }
     }
-    function matchAccessibilityRole(node, role) {
-      if (hasRole(node, role)) {
-        return true;
+
+    function findHostInstancesForFiberShallowly(fiber, hostInstances) {
+      {
+        var foundHostInstances = findChildHostInstancesForFiberShallowly(
+          fiber,
+          hostInstances
+        );
+
+        if (foundHostInstances) {
+          return;
+        } // If we didn't find any host children, fallback to closest host parent.
+
+        var node = fiber;
+
+        while (true) {
+          switch (node.tag) {
+            case HostSingleton:
+            case HostComponent:
+              hostInstances.add(node.stateNode);
+              return;
+
+            case HostPortal:
+              hostInstances.add(node.stateNode.containerInfo);
+              return;
+
+            case HostRoot:
+              hostInstances.add(node.stateNode.containerInfo);
+              return;
+          }
+
+          if (node.return === null) {
+            throw new Error("Expected to reach root first.");
+          }
+
+          node = node.return;
+        }
+      }
+    }
+
+    function findChildHostInstancesForFiberShallowly(fiber, hostInstances) {
+      {
+        var node = fiber;
+        var foundHostInstances = false;
+
+        while (true) {
+          if (
+            node.tag === HostComponent ||
+            node.tag === HostHoistable ||
+            node.tag === HostSingleton
+          ) {
+            // We got a match.
+            foundHostInstances = true;
+            hostInstances.add(node.stateNode); // There may still be more, so keep searching.
+          } else if (node.child !== null) {
+            node.child.return = node;
+            node = node.child;
+            continue;
+          }
+
+          if (node === fiber) {
+            return foundHostInstances;
+          }
+
+          while (node.sibling === null) {
+            if (node.return === null || node.return === fiber) {
+              return foundHostInstances;
+            }
+
+            node = node.return;
+          }
+
+          node.sibling.return = node.return;
+          node = node.sibling;
+        }
       }
 
       return false;
     }
-    function getTextContent(fiber) {
-      switch (fiber.tag) {
-        case HostHoistable:
-        case HostSingleton:
-        case HostComponent:
-          var textContent = "";
-          var childNodes = fiber.stateNode.childNodes;
 
-          for (var i = 0; i < childNodes.length; i++) {
-            var childNode = childNodes[i];
+    var hasBadMapPolyfill;
 
-            if (childNode.nodeType === Node.TEXT_NODE) {
-              textContent += childNode.textContent;
-            }
-          }
-
-          return textContent;
-
-        case HostText:
-          return fiber.stateNode.textContent;
-      }
-
-      return null;
-    }
-    function isHiddenSubtree(fiber) {
-      return fiber.tag === HostComponent && fiber.memoizedProps.hidden === true;
-    }
-    function setFocusIfFocusable(node) {
-      // The logic for determining if an element is focusable is kind of complex,
-      // and since we want to actually change focus anyway- we can just skip it.
-      // Instead we'll just listen for a "focus" event to verify that focus was set.
-      //
-      // We could compare the node to document.activeElement after focus,
-      // but this would not handle the case where application code managed focus to automatically blur.
-      var didFocus = false;
-
-      var handleFocus = function () {
-        didFocus = true;
-      };
-
-      var element = node;
+    {
+      hasBadMapPolyfill = false;
 
       try {
-        element.addEventListener("focus", handleFocus); // $FlowFixMe[method-unbinding]
+        var nonExtensibleObject = Object.preventExtensions({});
+        /* eslint-disable no-new */
 
-        (element.focus || HTMLElement.prototype.focus).call(element);
-      } finally {
-        element.removeEventListener("focus", handleFocus);
+        new Map([[nonExtensibleObject, null]]);
+        new Set([nonExtensibleObject]);
+        /* eslint-enable no-new */
+      } catch (e) {
+        // TODO: Consider warning about bad polyfills
+        hasBadMapPolyfill = true;
       }
-
-      return didFocus;
     }
-    function setupIntersectionObserver(targets, callback, options) {
-      var rectRatioCache = new Map();
-      targets.forEach(function (target) {
-        rectRatioCache.set(target, {
-          rect: getBoundingRect(target),
-          ratio: 0
-        });
-      });
 
-      var handleIntersection = function (entries) {
-        entries.forEach(function (entry) {
-          var boundingClientRect = entry.boundingClientRect,
-            intersectionRatio = entry.intersectionRatio,
-            target = entry.target;
-          rectRatioCache.set(target, {
-            rect: {
-              x: boundingClientRect.left,
-              y: boundingClientRect.top,
-              width: boundingClientRect.width,
-              height: boundingClientRect.height
-            },
-            ratio: intersectionRatio
-          });
-        });
-        callback(Array.from(rectRatioCache.values()));
-      };
+    function FiberNode(tag, pendingProps, key, mode) {
+      // Instance
+      this.tag = tag;
+      this.key = key;
+      this.elementType = null;
+      this.type = null;
+      this.stateNode = null; // Fiber
+
+      this.return = null;
+      this.child = null;
+      this.sibling = null;
+      this.index = 0;
+      this.ref = null;
+      this.refCleanup = null;
+      this.pendingProps = pendingProps;
+      this.memoizedProps = null;
+      this.updateQueue = null;
+      this.memoizedState = null;
+      this.dependencies = null;
+      this.mode = mode; // Effects
+
+      this.flags = NoFlags$1;
+      this.subtreeFlags = NoFlags$1;
+      this.deletions = null;
+      this.lanes = NoLanes;
+      this.childLanes = NoLanes;
+      this.alternate = null;
 
-      var observer = new IntersectionObserver(handleIntersection, options);
-      targets.forEach(function (target) {
-        observer.observe(target);
-      });
-      return {
-        disconnect: function () {
-          return observer.disconnect();
-        },
-        observe: function (target) {
-          rectRatioCache.set(target, {
-            rect: getBoundingRect(target),
-            ratio: 0
-          });
-          observer.observe(target);
-        },
-        unobserve: function (target) {
-          rectRatioCache.delete(target);
-          observer.unobserve(target);
-        }
-      };
-    }
-    function requestPostPaintCallback(callback) {
-      localRequestAnimationFrame(function () {
-        localRequestAnimationFrame(function (time) {
-          return callback(time);
-        });
-      });
-    } // -------------------
-    function isHostSingletonType(type) {
-      return type === "html" || type === "head" || type === "body";
-    }
-    function resolveSingletonInstance(
-      type,
-      props,
-      rootContainerInstance,
-      hostContext,
-      validateDOMNestingDev
-    ) {
       {
-        var hostContextDev = hostContext;
+        // Note: The following is done to avoid a v8 performance cliff.
+        //
+        // Initializing the fields below to smis and later updating them with
+        // double values will cause Fibers to end up having separate shapes.
+        // This behavior/bug has something to do with Object.preventExtension().
+        // Fortunately this only impacts DEV builds.
+        // Unfortunately it makes React unusably slow for some applications.
+        // To work around this, initialize the fields below with doubles.
+        //
+        // Learn more about this here:
+        // https://github.com/facebook/react/issues/14365
+        // https://bugs.chromium.org/p/v8/issues/detail?id=8538
+        this.actualDuration = Number.NaN;
+        this.actualStartTime = Number.NaN;
+        this.selfBaseDuration = Number.NaN;
+        this.treeBaseDuration = Number.NaN; // It's okay to replace the initial doubles with smis after initialization.
+        // This won't trigger the performance cliff mentioned above,
+        // and it simplifies other profiler code (including DevTools).
 
-        if (validateDOMNestingDev) {
-          validateDOMNesting(type, hostContextDev.ancestorInfo);
-        }
+        this.actualDuration = 0;
+        this.actualStartTime = -1;
+        this.selfBaseDuration = 0;
+        this.treeBaseDuration = 0;
       }
 
-      var ownerDocument = getOwnerDocumentFromRootContainer(
-        rootContainerInstance
-      );
-
-      switch (type) {
-        case "html": {
-          var documentElement = ownerDocument.documentElement;
-
-          if (!documentElement) {
-            throw new Error(
-              "React expected an <html> element (document.documentElement) to exist in the Document but one was" +
-                " not found. React never removes the documentElement for any Document it renders into so" +
-                " the cause is likely in some other script running on this page."
-            );
-          }
-
-          return documentElement;
-        }
-
-        case "head": {
-          var head = ownerDocument.head;
-
-          if (!head) {
-            throw new Error(
-              "React expected a <head> element (document.head) to exist in the Document but one was" +
-                " not found. React never removes the head for any Document it renders into so" +
-                " the cause is likely in some other script running on this page."
-            );
-          }
-
-          return head;
-        }
-
-        case "body": {
-          var body = ownerDocument.body;
-
-          if (!body) {
-            throw new Error(
-              "React expected a <body> element (document.body) to exist in the Document but one was" +
-                " not found. React never removes the body for any Document it renders into so" +
-                " the cause is likely in some other script running on this page."
-            );
-          }
-
-          return body;
-        }
-
-        default: {
-          throw new Error(
-            "resolveSingletonInstance was called with an element type that is not supported. This is a bug in React."
-          );
-        }
-      }
-    }
-    function acquireSingletonInstance(
-      type,
-      props,
-      instance,
-      internalInstanceHandle
-    ) {
       {
-        var currentInstanceHandle = getInstanceFromNode$1(instance);
-
-        if (currentInstanceHandle) {
-          var tagName = instance.tagName.toLowerCase();
-
-          error(
-            "You are mounting a new %s component when a previous one has not first unmounted. It is an" +
-              " error to render more than one %s component at a time and attributes and children of these" +
-              " components will likely fail in unpredictable ways. Please only render a single instance of" +
-              " <%s> and if you need to mount a new one, ensure any previous ones have unmounted first.",
-            tagName,
-            tagName,
-            tagName
-          );
-        }
-
-        switch (type) {
-          case "html":
-          case "head":
-          case "body": {
-            break;
-          }
-
-          default: {
-            error(
-              "acquireSingletonInstance was called with an element type that is not supported. This is a bug in React."
-            );
-          }
-        }
-      }
-
-      var attributes = instance.attributes;
-
-      while (attributes.length) {
-        instance.removeAttributeNode(attributes[0]);
-      }
-
-      setInitialProperties(instance, type, props);
-      precacheFiberNode(internalInstanceHandle, instance);
-      updateFiberProps(instance, props);
-    }
-    function releaseSingletonInstance(instance) {
-      var attributes = instance.attributes;
-
-      while (attributes.length) {
-        instance.removeAttributeNode(attributes[0]);
-      }
-
-      detachDeletedInstance(instance);
-    }
-    function clearSingleton(instance) {
-      var element = instance;
-      var node = element.firstChild;
-
-      while (node) {
-        var nextNode = node.nextSibling;
-        var nodeName = node.nodeName;
+        // This isn't directly used but is handy for debugging internals:
+        this._debugInfo = null;
+        this._debugOwner = null;
+        this._debugNeedsRemount = false;
+        this._debugHookTypes = null;
 
         if (
-          isMarkedHoistable(node) ||
-          nodeName === "HEAD" ||
-          nodeName === "BODY" ||
-          nodeName === "SCRIPT" ||
-          nodeName === "STYLE" ||
-          (nodeName === "LINK" && node.rel.toLowerCase() === "stylesheet")
-        );
-        else {
-          element.removeChild(node);
-        }
-
-        node = nextNode;
-      }
-
-      return;
-    } // -------------------
-    var NotLoaded =
-      /*       */
-      0;
-    var Loaded =
-      /*          */
-      1;
-    var Errored =
-      /*         */
-      2;
-    var Settled =
-      /*         */
-      3;
-    var Inserted =
-      /*        */
-      4;
-    function prepareToCommitHoistables() {
-      tagCaches = null;
-    } // global collections of Resources
-
-    var preloadPropsMap = new Map();
-    var preconnectsSet = new Set(); // getRootNode is missing from IE and old jsdom versions
-
-    function getHoistableRoot(container) {
-      // $FlowFixMe[method-unbinding]
-      return typeof container.getRootNode === "function"
-        ? /* $FlowFixMe[incompatible-return] Flow types this as returning a `Node`,
-           * but it's either a `Document` or `ShadowRoot`. */
-          container.getRootNode()
-        : container.ownerDocument;
-    }
-
-    function getCurrentResourceRoot() {
-      var currentContainer = getCurrentRootHostContainer();
-      return currentContainer ? getHoistableRoot(currentContainer) : null;
-    }
-
-    function getDocumentFromRoot(root) {
-      return root.ownerDocument || root;
-    }
-
-    var previousDispatcher = Internals$1.d;
-    /* ReactDOMCurrentDispatcher */
-
-    Internals$1.d =
-      /* ReactDOMCurrentDispatcher */
-      {
-        f:
-          /* flushSyncWork */
-          flushSyncWork,
-        /* flushSyncWork */
-        r: requestFormReset$1,
-        D:
-          /* prefetchDNS */
-          prefetchDNS$1,
-        C:
-          /* preconnect */
-          preconnect$1,
-        L:
-          /* preload */
-          preload$1,
-        m:
-          /* preloadModule */
-          preloadModule$1,
-        X:
-          /* preinitScript */
-          preinitScript,
-        S:
-          /* preinitStyle */
-          preinitStyle,
-        M:
-          /* preinitModuleScript */
-          preinitModuleScript
-      };
-
-    function flushSyncWork() {
-      {
-        var previousWasRendering = previousDispatcher.f();
-        /* flushSyncWork */
-
-        var wasRendering = flushSyncWork$1(); // Since multiple dispatchers can flush sync work during a single flushSync call
-        // we need to return true if any of them were rendering.
-
-        return previousWasRendering || wasRendering;
-      }
-    }
-
-    function requestFormReset$1(form) {
-      var formInst = getInstanceFromNode$1(form);
-
-      if (
-        formInst !== null &&
-        formInst.tag === HostComponent &&
-        formInst.type === "form"
-      ) {
-        requestFormReset$2(formInst);
-      } else {
-        // This form was either not rendered by this React renderer (or it's an
-        // invalid type). Try the next one.
-        //
-        // The last implementation in the sequence will throw an error.
-        previousDispatcher.r(
-          /* requestFormReset */
-          form
-        );
-      }
-    } // We expect this to get inlined. It is a function mostly to communicate the special nature of
-    // how we resolve the HoistableRoot for ReactDOM.pre*() methods. Because we support calling
-    // these methods outside of render there is no way to know which Document or ShadowRoot is 'scoped'
-    // and so we have to fall back to something universal. Currently we just refer to the global document.
-    // This is notable because nowhere else in ReactDOM do we actually reference the global document or window
-    // because we may be rendering inside an iframe.
-
-    var globalDocument = typeof document === "undefined" ? null : document;
-
-    function getGlobalDocument() {
-      return globalDocument;
-    }
-
-    function preconnectAs(rel, href, crossOrigin) {
-      var ownerDocument = getGlobalDocument();
-
-      if (ownerDocument && typeof href === "string" && href) {
-        var limitedEscapedHref =
-          escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        var key = 'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
-
-        if (typeof crossOrigin === "string") {
-          key += '[crossorigin="' + crossOrigin + '"]';
-        }
-
-        if (!preconnectsSet.has(key)) {
-          preconnectsSet.add(key);
-          var preconnectProps = {
-            rel: rel,
-            crossOrigin: crossOrigin,
-            href: href
-          };
-
-          if (null === ownerDocument.querySelector(key)) {
-            var instance = ownerDocument.createElement("link");
-            setInitialProperties(instance, "link", preconnectProps);
-            markNodeAsHoistable(instance);
-            ownerDocument.head.appendChild(instance);
-          }
-        }
-      }
-    }
-
-    function prefetchDNS$1(href) {
-      previousDispatcher.D(
-        /* prefetchDNS */
-        href
-      );
-      preconnectAs("dns-prefetch", href, null);
-    }
-
-    function preconnect$1(href, crossOrigin) {
-      previousDispatcher.C(
-        /* preconnect */
-        href,
-        crossOrigin
-      );
-      preconnectAs("preconnect", href, crossOrigin);
-    }
-
-    function preload$1(href, as, options) {
-      previousDispatcher.L(
-        /* preload */
-        href,
-        as,
-        options
-      );
-      var ownerDocument = getGlobalDocument();
-
-      if (ownerDocument && href && as) {
-        var preloadSelector =
-          'link[rel="preload"][as="' +
-          escapeSelectorAttributeValueInsideDoubleQuotes(as) +
-          '"]';
-
-        if (as === "image") {
-          if (options && options.imageSrcSet) {
-            preloadSelector +=
-              '[imagesrcset="' +
-              escapeSelectorAttributeValueInsideDoubleQuotes(
-                options.imageSrcSet
-              ) +
-              '"]';
-
-            if (typeof options.imageSizes === "string") {
-              preloadSelector +=
-                '[imagesizes="' +
-                escapeSelectorAttributeValueInsideDoubleQuotes(
-                  options.imageSizes
-                ) +
-                '"]';
-            }
-          } else {
-            preloadSelector +=
-              '[href="' +
-              escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-              '"]';
-          }
-        } else {
-          preloadSelector +=
-            '[href="' +
-            escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-            '"]';
-        } // Some preloads are keyed under their selector. This happens when the preload is for
-        // an arbitrary type. Other preloads are keyed under the resource key they represent a preload for.
-        // Here we figure out which key to use to determine if we have a preload already.
-
-        var key = preloadSelector;
-
-        switch (as) {
-          case "style":
-            key = getStyleKey(href);
-            break;
-
-          case "script":
-            key = getScriptKey(href);
-            break;
-        }
-
-        if (!preloadPropsMap.has(key)) {
-          var preloadProps = assign(
-            {
-              rel: "preload",
-              // There is a bug in Safari where imageSrcSet is not respected on preload links
-              // so we omit the href here if we have imageSrcSet b/c safari will load the wrong image.
-              // This harms older browers that do not support imageSrcSet by making their preloads not work
-              // but this population is shrinking fast and is already small so we accept this tradeoff.
-              href:
-                as === "image" && options && options.imageSrcSet
-                  ? undefined
-                  : href,
-              as: as
-            },
-            options
-          );
-
-          preloadPropsMap.set(key, preloadProps);
-
-          if (null === ownerDocument.querySelector(preloadSelector)) {
-            if (
-              as === "style" &&
-              ownerDocument.querySelector(getStylesheetSelectorFromKey(key))
-            ) {
-              // We already have a stylesheet for this key. We don't need to preload it.
-              return;
-            } else if (
-              as === "script" &&
-              ownerDocument.querySelector(getScriptSelectorFromKey(key))
-            ) {
-              // We already have a stylesheet for this key. We don't need to preload it.
-              return;
-            }
-
-            var instance = ownerDocument.createElement("link");
-            setInitialProperties(instance, "link", preloadProps);
-            markNodeAsHoistable(instance);
-            ownerDocument.head.appendChild(instance);
-          }
-        }
-      }
-    }
-
-    function preloadModule$1(href, options) {
-      previousDispatcher.m(
-        /* preloadModule */
-        href,
-        options
-      );
-      var ownerDocument = getGlobalDocument();
-
-      if (ownerDocument && href) {
-        var as =
-          options && typeof options.as === "string" ? options.as : "script";
-        var preloadSelector =
-          'link[rel="modulepreload"][as="' +
-          escapeSelectorAttributeValueInsideDoubleQuotes(as) +
-          '"][href="' +
-          escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-          '"]'; // Some preloads are keyed under their selector. This happens when the preload is for
-        // an arbitrary type. Other preloads are keyed under the resource key they represent a preload for.
-        // Here we figure out which key to use to determine if we have a preload already.
-
-        var key = preloadSelector;
-
-        switch (as) {
-          case "audioworklet":
-          case "paintworklet":
-          case "serviceworker":
-          case "sharedworker":
-          case "worker":
-          case "script": {
-            key = getScriptKey(href);
-            break;
-          }
-        }
-
-        if (!preloadPropsMap.has(key)) {
-          var props = assign(
-            {
-              rel: "modulepreload",
-              href: href
-            },
-            options
-          );
-
-          preloadPropsMap.set(key, props);
-
-          if (null === ownerDocument.querySelector(preloadSelector)) {
-            switch (as) {
-              case "audioworklet":
-              case "paintworklet":
-              case "serviceworker":
-              case "sharedworker":
-              case "worker":
-              case "script": {
-                if (
-                  ownerDocument.querySelector(getScriptSelectorFromKey(key))
-                ) {
-                  return;
-                }
-              }
-            }
-
-            var instance = ownerDocument.createElement("link");
-            setInitialProperties(instance, "link", props);
-            markNodeAsHoistable(instance);
-            ownerDocument.head.appendChild(instance);
-          }
-        }
-      }
-    }
-
-    function preinitStyle(href, precedence, options) {
-      previousDispatcher.S(
-        /* preinitStyle */
-        href,
-        precedence,
-        options
-      );
-      var ownerDocument = getGlobalDocument();
-
-      if (ownerDocument && href) {
-        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles;
-        var key = getStyleKey(href);
-        precedence = precedence || "default"; // Check if this resource already exists
-
-        var resource = styles.get(key);
-
-        if (resource) {
-          // We can early return. The resource exists and there is nothing
-          // more to do
-          return;
-        }
-
-        var state = {
-          loading: NotLoaded,
-          preload: null
-        }; // Attempt to hydrate instance from DOM
-
-        var instance = ownerDocument.querySelector(
-          getStylesheetSelectorFromKey(key)
-        );
-
-        if (instance) {
-          state.loading = Loaded | Inserted;
-        } else {
-          // Construct a new instance and insert it
-          var stylesheetProps = assign(
-            {
-              rel: "stylesheet",
-              href: href,
-              "data-precedence": precedence
-            },
-            options
-          );
-
-          var preloadProps = preloadPropsMap.get(key);
-
-          if (preloadProps) {
-            adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
-          }
-
-          var link = (instance = ownerDocument.createElement("link"));
-          markNodeAsHoistable(link);
-          setInitialProperties(link, "link", stylesheetProps);
-          link._p = new Promise(function (resolve, reject) {
-            link.onload = resolve;
-            link.onerror = reject;
-          });
-          link.addEventListener("load", function () {
-            state.loading |= Loaded;
-          });
-          link.addEventListener("error", function () {
-            state.loading |= Errored;
-          });
-          state.loading |= Inserted;
-          insertStylesheet(instance, precedence, ownerDocument);
-        } // Construct a Resource and cache it
-
-        resource = {
-          type: "stylesheet",
-          instance: instance,
-          count: 1,
-          state: state
-        };
-        styles.set(key, resource);
-        return;
-      }
-    }
-
-    function preinitScript(src, options) {
-      previousDispatcher.X(
-        /* preinitScript */
-        src,
-        options
-      );
-      var ownerDocument = getGlobalDocument();
-
-      if (ownerDocument && src) {
-        var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts;
-        var key = getScriptKey(src); // Check if this resource already exists
-
-        var resource = scripts.get(key);
-
-        if (resource) {
-          // We can early return. The resource exists and there is nothing
-          // more to do
-          return;
-        } // Attempt to hydrate instance from DOM
-
-        var instance = ownerDocument.querySelector(
-          getScriptSelectorFromKey(key)
-        );
-
-        if (!instance) {
-          // Construct a new instance and insert it
-          var scriptProps = assign(
-            {
-              src: src,
-              async: true
-            },
-            options
-          ); // Adopt certain preload props
-
-          var preloadProps = preloadPropsMap.get(key);
-
-          if (preloadProps) {
-            adoptPreloadPropsForScript(scriptProps, preloadProps);
-          }
-
-          instance = ownerDocument.createElement("script");
-          markNodeAsHoistable(instance);
-          setInitialProperties(instance, "link", scriptProps);
-          ownerDocument.head.appendChild(instance);
-        } // Construct a Resource and cache it
-
-        resource = {
-          type: "script",
-          instance: instance,
-          count: 1,
-          state: null
-        };
-        scripts.set(key, resource);
-        return;
-      }
-    }
-
-    function preinitModuleScript(src, options) {
-      previousDispatcher.M(
-        /* preinitModuleScript */
-        src,
-        options
-      );
-      var ownerDocument = getGlobalDocument();
-
-      if (ownerDocument && src) {
-        var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts;
-        var key = getScriptKey(src); // Check if this resource already exists
-
-        var resource = scripts.get(key);
-
-        if (resource) {
-          // We can early return. The resource exists and there is nothing
-          // more to do
-          return;
-        } // Attempt to hydrate instance from DOM
-
-        var instance = ownerDocument.querySelector(
-          getScriptSelectorFromKey(key)
-        );
-
-        if (!instance) {
-          // Construct a new instance and insert it
-          var scriptProps = assign(
-            {
-              src: src,
-              async: true,
-              type: "module"
-            },
-            options
-          ); // Adopt certain preload props
-
-          var preloadProps = preloadPropsMap.get(key);
-
-          if (preloadProps) {
-            adoptPreloadPropsForScript(scriptProps, preloadProps);
-          }
-
-          instance = ownerDocument.createElement("script");
-          markNodeAsHoistable(instance);
-          setInitialProperties(instance, "link", scriptProps);
-          ownerDocument.head.appendChild(instance);
-        } // Construct a Resource and cache it
-
-        resource = {
-          type: "script",
-          instance: instance,
-          count: 1,
-          state: null
-        };
-        scripts.set(key, resource);
-        return;
-      }
-    } // This function is called in begin work and we should always have a currentDocument set
-
-    function getResource(type, currentProps, pendingProps) {
-      var resourceRoot = getCurrentResourceRoot();
-
-      if (!resourceRoot) {
-        throw new Error(
-          '"resourceRoot" was expected to exist. This is a bug in React.'
-        );
-      }
-
-      switch (type) {
-        case "meta":
-        case "title": {
-          return null;
-        }
-
-        case "style": {
-          if (
-            typeof pendingProps.precedence === "string" &&
-            typeof pendingProps.href === "string"
-          ) {
-            var key = getStyleKey(pendingProps.href);
-            var styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
-            var resource = styles.get(key);
-
-            if (!resource) {
-              resource = {
-                type: "style",
-                instance: null,
-                count: 0,
-                state: null
-              };
-              styles.set(key, resource);
-            }
-
-            return resource;
-          }
-
-          return {
-            type: "void",
-            instance: null,
-            count: 0,
-            state: null
-          };
-        }
-
-        case "link": {
-          if (
-            pendingProps.rel === "stylesheet" &&
-            typeof pendingProps.href === "string" &&
-            typeof pendingProps.precedence === "string"
-          ) {
-            var qualifiedProps = pendingProps;
-
-            var _key = getStyleKey(qualifiedProps.href);
-
-            var _styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
-
-            var _resource = _styles.get(_key);
-
-            if (!_resource) {
-              // We asserted this above but Flow can't figure out that the type satisfies
-              var ownerDocument = getDocumentFromRoot(resourceRoot);
-              _resource = {
-                type: "stylesheet",
-                instance: null,
-                count: 0,
-                state: {
-                  loading: NotLoaded,
-                  preload: null
-                }
-              };
-
-              _styles.set(_key, _resource);
-
-              if (!preloadPropsMap.has(_key)) {
-                preloadStylesheet(
-                  ownerDocument,
-                  _key,
-                  preloadPropsFromStylesheet(qualifiedProps),
-                  _resource.state
-                );
-              }
-            }
-
-            return _resource;
-          }
-
-          return null;
-        }
-
-        case "script": {
-          var async = pendingProps.async;
-          var src = pendingProps.src;
-
-          if (
-            typeof src === "string" &&
-            async &&
-            typeof async !== "function" &&
-            typeof async !== "symbol"
-          ) {
-            var _key2 = getScriptKey(src);
-
-            var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
-
-            var _resource2 = scripts.get(_key2);
-
-            if (!_resource2) {
-              _resource2 = {
-                type: "script",
-                instance: null,
-                count: 0,
-                state: null
-              };
-              scripts.set(_key2, _resource2);
-            }
-
-            return _resource2;
-          }
-
-          return {
-            type: "void",
-            instance: null,
-            count: 0,
-            state: null
-          };
-        }
-
-        default: {
-          throw new Error(
-            'getResource encountered a type it did not expect: "' +
-              type +
-              '". this is a bug in React.'
-          );
-        }
-      }
-    }
-
-    function styleTagPropsFromRawProps(rawProps) {
-      return assign({}, rawProps, {
-        "data-href": rawProps.href,
-        "data-precedence": rawProps.precedence,
-        href: null,
-        precedence: null
-      });
-    }
-
-    function getStyleKey(href) {
-      var limitedEscapedHref =
-        escapeSelectorAttributeValueInsideDoubleQuotes(href);
-      return 'href="' + limitedEscapedHref + '"';
-    }
-
-    function getStyleTagSelector(href) {
-      var limitedEscapedHref =
-        escapeSelectorAttributeValueInsideDoubleQuotes(href);
-      return 'style[data-href~="' + limitedEscapedHref + '"]';
-    }
-
-    function getStylesheetSelectorFromKey(key) {
-      return 'link[rel="stylesheet"][' + key + "]";
-    }
-
-    function getPreloadStylesheetSelectorFromKey(key) {
-      return 'link[rel="preload"][as="style"][' + key + "]";
-    }
-
-    function stylesheetPropsFromRawProps(rawProps) {
-      return assign({}, rawProps, {
-        "data-precedence": rawProps.precedence,
-        precedence: null
-      });
-    }
-
-    function preloadStylesheet(ownerDocument, key, preloadProps, state) {
-      preloadPropsMap.set(key, preloadProps);
-
-      if (!ownerDocument.querySelector(getStylesheetSelectorFromKey(key))) {
-        // There is no matching stylesheet instance in the Document.
-        // We will insert a preload now to kick off loading because
-        // we expect this stylesheet to commit
-        var preloadEl = ownerDocument.querySelector(
-          getPreloadStylesheetSelectorFromKey(key)
-        );
-
-        if (preloadEl) {
-          // If we find a preload already it was SSR'd and we won't have an actual
-          // loading state to track. For now we will just assume it is loaded
-          state.loading = Loaded;
-        } else {
-          var instance = ownerDocument.createElement("link");
-          state.preload = instance;
-          instance.addEventListener("load", function () {
-            return (state.loading |= Loaded);
-          });
-          instance.addEventListener("error", function () {
-            return (state.loading |= Errored);
-          });
-          setInitialProperties(instance, "link", preloadProps);
-          markNodeAsHoistable(instance);
-          ownerDocument.head.appendChild(instance);
-        }
-      }
-    }
-
-    function preloadPropsFromStylesheet(props) {
-      return {
-        rel: "preload",
-        as: "style",
-        href: props.href,
-        crossOrigin: props.crossOrigin,
-        integrity: props.integrity,
-        media: props.media,
-        hrefLang: props.hrefLang,
-        referrerPolicy: props.referrerPolicy
-      };
-    }
-
-    function getScriptKey(src) {
-      var limitedEscapedSrc =
-        escapeSelectorAttributeValueInsideDoubleQuotes(src);
-      return '[src="' + limitedEscapedSrc + '"]';
-    }
-
-    function getScriptSelectorFromKey(key) {
-      return "script[async]" + key;
-    }
-
-    function acquireResource(hoistableRoot, resource, props) {
-      resource.count++;
-
-      if (resource.instance === null) {
-        switch (resource.type) {
-          case "style": {
-            var qualifiedProps = props; // Attempt to hydrate instance from DOM
-
-            var instance = hoistableRoot.querySelector(
-              getStyleTagSelector(qualifiedProps.href)
-            );
-
-            if (instance) {
-              resource.instance = instance;
-              markNodeAsHoistable(instance);
-              return instance;
-            }
-
-            var styleProps = styleTagPropsFromRawProps(props);
-            var ownerDocument = getDocumentFromRoot(hoistableRoot);
-            instance = ownerDocument.createElement("style");
-            markNodeAsHoistable(instance);
-            setInitialProperties(instance, "style", styleProps); // TODO: `style` does not have loading state for tracking insertions. I
-            // guess because these aren't suspensey? Not sure whether this is a
-            // factoring smell.
-            // resource.state.loading |= Inserted;
-
-            insertStylesheet(
-              instance,
-              qualifiedProps.precedence,
-              hoistableRoot
-            );
-            resource.instance = instance;
-            return instance;
-          }
-
-          case "stylesheet": {
-            // This typing is enforce by `getResource`. If we change the logic
-            // there for what qualifies as a stylesheet resource we need to ensure
-            // this cast still makes sense;
-            var _qualifiedProps = props;
-            var key = getStyleKey(_qualifiedProps.href); // Attempt to hydrate instance from DOM
-
-            var _instance = hoistableRoot.querySelector(
-              getStylesheetSelectorFromKey(key)
-            );
-
-            if (_instance) {
-              resource.state.loading |= Inserted;
-              resource.instance = _instance;
-              markNodeAsHoistable(_instance);
-              return _instance;
-            }
-
-            var stylesheetProps = stylesheetPropsFromRawProps(props);
-            var preloadProps = preloadPropsMap.get(key);
-
-            if (preloadProps) {
-              adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
-            } // Construct and insert a new instance
-
-            var _ownerDocument = getDocumentFromRoot(hoistableRoot);
-
-            _instance = _ownerDocument.createElement("link");
-            markNodeAsHoistable(_instance);
-            var linkInstance = _instance;
-            linkInstance._p = new Promise(function (resolve, reject) {
-              linkInstance.onload = resolve;
-              linkInstance.onerror = reject;
-            });
-            setInitialProperties(_instance, "link", stylesheetProps);
-            resource.state.loading |= Inserted;
-            insertStylesheet(
-              _instance,
-              _qualifiedProps.precedence,
-              hoistableRoot
-            );
-            resource.instance = _instance;
-            return _instance;
-          }
-
-          case "script": {
-            // This typing is enforce by `getResource`. If we change the logic
-            // there for what qualifies as a stylesheet resource we need to ensure
-            // this cast still makes sense;
-            var borrowedScriptProps = props;
-
-            var _key3 = getScriptKey(borrowedScriptProps.src); // Attempt to hydrate instance from DOM
-
-            var _instance2 = hoistableRoot.querySelector(
-              getScriptSelectorFromKey(_key3)
-            );
-
-            if (_instance2) {
-              resource.instance = _instance2;
-              markNodeAsHoistable(_instance2);
-              return _instance2;
-            }
-
-            var scriptProps = borrowedScriptProps;
-
-            var _preloadProps = preloadPropsMap.get(_key3);
-
-            if (_preloadProps) {
-              scriptProps = assign({}, borrowedScriptProps);
-              adoptPreloadPropsForScript(scriptProps, _preloadProps);
-            } // Construct and insert a new instance
-
-            var _ownerDocument2 = getDocumentFromRoot(hoistableRoot);
-
-            _instance2 = _ownerDocument2.createElement("script");
-            markNodeAsHoistable(_instance2);
-            setInitialProperties(_instance2, "link", scriptProps);
-
-            _ownerDocument2.head.appendChild(_instance2);
-
-            resource.instance = _instance2;
-            return _instance2;
-          }
-
-          case "void": {
-            return null;
-          }
-
-          default: {
-            throw new Error(
-              'acquireResource encountered a resource type it did not expect: "' +
-                resource.type +
-                '". this is a bug in React.'
-            );
-          }
-        }
-      } else {
-        // In the case of stylesheets, they might have already been assigned an
-        // instance during `suspendResource`. But that doesn't mean they were
-        // inserted, because the commit might have been interrupted. So we need to
-        // check now.
-        //
-        // The other resource types are unaffected because they are not
-        // yet suspensey.
-        //
-        // TODO: This is a bit of a code smell. Consider refactoring how
-        // `suspendResource` and `acquireResource` work together. The idea is that
-        // `suspendResource` does all the same stuff as `acquireResource` except
-        // for the insertion.
-        if (
-          resource.type === "stylesheet" &&
-          (resource.state.loading & Inserted) === NotLoaded
+          !hasBadMapPolyfill &&
+          typeof Object.preventExtensions === "function"
         ) {
-          var _qualifiedProps2 = props;
-          var _instance3 = resource.instance;
-          resource.state.loading |= Inserted;
-          insertStylesheet(
-            _instance3,
-            _qualifiedProps2.precedence,
-            hoistableRoot
-          );
+          Object.preventExtensions(this);
         }
       }
+    } // This is a constructor function, rather than a POJO constructor, still
+    // please ensure we do the following:
+    // 1) Nobody should add any instance methods on this. Instance methods can be
+    //    more difficult to predict when they get optimized and they are almost
+    //    never inlined properly in static compilers.
+    // 2) Nobody should rely on `instanceof Fiber` for type testing. We should
+    //    always know when it is a fiber.
+    // 3) We might want to experiment with using numeric keys since they are easier
+    //    to optimize in a non-JIT environment.
+    // 4) We can easily go from a constructor to a createFiber object literal if that
+    //    is faster.
+    // 5) It should be easy to port this to a C struct and keep a C implementation
+    //    compatible.
 
-      return resource.instance;
-    }
-    function releaseResource(resource) {
-      resource.count--;
+    function createFiber(tag, pendingProps, key, mode) {
+      // $FlowFixMe[invalid-constructor]: the shapes are exact here but Flow doesn't like constructors
+      return new FiberNode(tag, pendingProps, key, mode);
     }
 
-    function insertStylesheet(instance, precedence, root) {
-      var nodes = root.querySelectorAll(
-        'link[rel="stylesheet"][data-precedence],style[data-precedence]'
-      );
-      var last = nodes.length ? nodes[nodes.length - 1] : null;
-      var prior = last;
-
-      for (var i = 0; i < nodes.length; i++) {
-        var node = nodes[i];
-        var nodePrecedence = node.dataset.precedence;
-
-        if (nodePrecedence === precedence) {
-          prior = node;
-        } else if (prior !== last) {
-          break;
-        }
-      }
-
-      if (prior) {
-        // We get the prior from the document so we know it is in the tree.
-        // We also know that links can't be the topmost Node so the parentNode
-        // must exist.
-        prior.parentNode.insertBefore(instance, prior.nextSibling);
-      } else {
-        var parent = root.nodeType === DOCUMENT_NODE ? root.head : root;
-        parent.insertBefore(instance, parent.firstChild);
-      }
+    function shouldConstruct(Component) {
+      var prototype = Component.prototype;
+      return !!(prototype && prototype.isReactComponent);
     }
 
-    function adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps) {
-      if (stylesheetProps.crossOrigin == null)
-        stylesheetProps.crossOrigin = preloadProps.crossOrigin;
-      if (stylesheetProps.referrerPolicy == null)
-        stylesheetProps.referrerPolicy = preloadProps.referrerPolicy;
-      if (stylesheetProps.title == null)
-        stylesheetProps.title = preloadProps.title;
-    }
-
-    function adoptPreloadPropsForScript(scriptProps, preloadProps) {
-      if (scriptProps.crossOrigin == null)
-        scriptProps.crossOrigin = preloadProps.crossOrigin;
-      if (scriptProps.referrerPolicy == null)
-        scriptProps.referrerPolicy = preloadProps.referrerPolicy;
-      if (scriptProps.integrity == null)
-        scriptProps.integrity = preloadProps.integrity;
-    }
-
-    var tagCaches = null;
-    function hydrateHoistable(
-      hoistableRoot,
-      type,
-      props,
-      internalInstanceHandle
-    ) {
-      var ownerDocument = getDocumentFromRoot(hoistableRoot);
-      var instance = null;
-
-      getInstance: switch (type) {
-        case "title": {
-          instance = ownerDocument.getElementsByTagName("title")[0];
-
-          if (
-            !instance ||
-            isOwnedInstance(instance) ||
-            instance.namespaceURI === SVG_NAMESPACE ||
-            instance.hasAttribute("itemprop")
-          ) {
-            instance = ownerDocument.createElement(type);
-            ownerDocument.head.insertBefore(
-              instance,
-              ownerDocument.querySelector("head > title")
-            );
-          }
-
-          setInitialProperties(instance, type, props);
-          precacheFiberNode(internalInstanceHandle, instance);
-          markNodeAsHoistable(instance);
-          return instance;
-        }
-
-        case "link": {
-          var cache = getHydratableHoistableCache(
-            "link",
-            "href",
-            ownerDocument
-          );
-          var key = type + (props.href || "");
-          var maybeNodes = cache.get(key);
-
-          if (maybeNodes) {
-            var nodes = maybeNodes;
-
-            for (var i = 0; i < nodes.length; i++) {
-              var node = nodes[i];
-
-              if (
-                node.getAttribute("href") !==
-                  (props.href == null ? null : props.href) ||
-                node.getAttribute("rel") !==
-                  (props.rel == null ? null : props.rel) ||
-                node.getAttribute("title") !==
-                  (props.title == null ? null : props.title) ||
-                node.getAttribute("crossorigin") !==
-                  (props.crossOrigin == null ? null : props.crossOrigin)
-              ) {
-                // mismatch, try the next node;
-                continue;
-              }
-
-              instance = node;
-              nodes.splice(i, 1);
-              break getInstance;
-            }
-          }
-
-          instance = ownerDocument.createElement(type);
-          setInitialProperties(instance, type, props);
-          ownerDocument.head.appendChild(instance);
-          break;
-        }
-
-        case "meta": {
-          var _cache = getHydratableHoistableCache(
-            "meta",
-            "content",
-            ownerDocument
-          );
-
-          var _key4 = type + (props.content || "");
-
-          var _maybeNodes = _cache.get(_key4);
-
-          if (_maybeNodes) {
-            var _nodes = _maybeNodes;
-
-            for (var _i = 0; _i < _nodes.length; _i++) {
-              var _node = _nodes[_i]; // We coerce content to string because it is the most likely one to
-              // use a `toString` capable value. For the rest we just do identity match
-              // passing non-strings here is not really valid anyway.
-
-              {
-                checkAttributeStringCoercion(props.content, "content");
-              }
-
-              if (
-                _node.getAttribute("content") !==
-                  (props.content == null ? null : "" + props.content) ||
-                _node.getAttribute("name") !==
-                  (props.name == null ? null : props.name) ||
-                _node.getAttribute("property") !==
-                  (props.property == null ? null : props.property) ||
-                _node.getAttribute("http-equiv") !==
-                  (props.httpEquiv == null ? null : props.httpEquiv) ||
-                _node.getAttribute("charset") !==
-                  (props.charSet == null ? null : props.charSet)
-              ) {
-                // mismatch, try the next node;
-                continue;
-              }
-
-              instance = _node;
-
-              _nodes.splice(_i, 1);
-
-              break getInstance;
-            }
-          }
-
-          instance = ownerDocument.createElement(type);
-          setInitialProperties(instance, type, props);
-          ownerDocument.head.appendChild(instance);
-          break;
-        }
-
-        default:
-          throw new Error(
-            'getNodesForType encountered a type it did not expect: "' +
-              type +
-              '". This is a bug in React.'
-          );
-      } // This node is a match
-
-      precacheFiberNode(internalInstanceHandle, instance);
-      markNodeAsHoistable(instance);
-      return instance;
-    }
-
-    function getHydratableHoistableCache(type, keyAttribute, ownerDocument) {
-      var cache;
-      var caches;
-
-      if (tagCaches === null) {
-        cache = new Map();
-        caches = tagCaches = new Map();
-        caches.set(ownerDocument, cache);
-      } else {
-        caches = tagCaches;
-        var maybeCache = caches.get(ownerDocument);
-
-        if (!maybeCache) {
-          cache = new Map();
-          caches.set(ownerDocument, cache);
-        } else {
-          cache = maybeCache;
-        }
-      }
-
-      if (cache.has(type)) {
-        // We use type as a special key that signals that this cache has been seeded for this type
-        return cache;
-      } // Mark this cache as seeded for this type
-
-      cache.set(type, null);
-      var nodes = ownerDocument.getElementsByTagName(type);
-
-      for (var i = 0; i < nodes.length; i++) {
-        var node = nodes[i];
-
-        if (
-          !isOwnedInstance(node) &&
-          (type !== "link" || node.getAttribute("rel") !== "stylesheet") &&
-          node.namespaceURI !== SVG_NAMESPACE
-        ) {
-          var nodeKey = node.getAttribute(keyAttribute) || "";
-          var key = type + nodeKey;
-          var existing = cache.get(key);
-
-          if (existing) {
-            existing.push(node);
-          } else {
-            cache.set(key, [node]);
-          }
-        }
-      }
-
-      return cache;
-    }
-
-    function mountHoistable(hoistableRoot, type, instance) {
-      var ownerDocument = getDocumentFromRoot(hoistableRoot);
-      ownerDocument.head.insertBefore(
-        instance,
-        type === "title" ? ownerDocument.querySelector("head > title") : null
+    function isSimpleFunctionComponent(type) {
+      return (
+        typeof type === "function" &&
+        !shouldConstruct(type) &&
+        type.defaultProps === undefined
       );
     }
-    function unmountHoistable(instance) {
-      instance.parentNode.removeChild(instance);
-    }
-    function isHostHoistableType(type, props, hostContext) {
-      var outsideHostContainerContext;
-      var hostContextProd;
+    function isFunctionClassComponent(type) {
+      return shouldConstruct(type);
+    } // This is used to create an alternate fiber to do work on.
 
-      {
-        var hostContextDev = hostContext; // We can only render resources when we are not within the host container context
+    function createWorkInProgress(current, pendingProps) {
+      var workInProgress = current.alternate;
 
-        outsideHostContainerContext =
-          !hostContextDev.ancestorInfo.containerTagInScope;
-        hostContextProd = hostContextDev.context;
-      } // Global opt out of hoisting for anything in SVG Namespace or anything with an itemProp inside an itemScope
+      if (workInProgress === null) {
+        // We use a double buffering pooling technique because we know that we'll
+        // only ever need at most two versions of a tree. We pool the "other" unused
+        // node that we're free to reuse. This is lazily created to avoid allocating
+        // extra objects for things that are never updated. It also allow us to
+        // reclaim the extra memory if needed.
+        workInProgress = createFiber(
+          current.tag,
+          pendingProps,
+          current.key,
+          current.mode
+        );
+        workInProgress.elementType = current.elementType;
+        workInProgress.type = current.type;
+        workInProgress.stateNode = current.stateNode;
 
-      if (
-        hostContextProd === HostContextNamespaceSvg ||
-        props.itemProp != null
-      ) {
         {
-          if (
-            outsideHostContainerContext &&
-            props.itemProp != null &&
-            (type === "meta" ||
-              type === "title" ||
-              type === "style" ||
-              type === "link" ||
-              type === "script")
-          ) {
-            error(
-              "Cannot render a <%s> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an" +
-                " `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <%s> remove the `itemProp` prop." +
-                " Otherwise, try moving this tag into the <head> or <body> of the Document.",
-              type,
-              type
-            );
-          }
+          // DEV-only fields
+          workInProgress._debugOwner = current._debugOwner;
+          workInProgress._debugHookTypes = current._debugHookTypes;
         }
 
-        return false;
+        workInProgress.alternate = current;
+        current.alternate = workInProgress;
+      } else {
+        workInProgress.pendingProps = pendingProps; // Needed because Blocks store data on type.
+
+        workInProgress.type = current.type; // We already have an alternate.
+        // Reset the effect tag.
+
+        workInProgress.flags = NoFlags$1; // The effects are no longer valid.
+
+        workInProgress.subtreeFlags = NoFlags$1;
+        workInProgress.deletions = null;
+
+        {
+          // We intentionally reset, rather than copy, actualDuration & actualStartTime.
+          // This prevents time from endlessly accumulating in new commits.
+          // This has the downside of resetting values for different priority renders,
+          // But works for yielding (the common case) and should support resuming.
+          workInProgress.actualDuration = 0;
+          workInProgress.actualStartTime = -1;
+        }
+      } // Reset all effects except static ones.
+      // Static effects are not specific to a render.
+
+      workInProgress.flags = current.flags & StaticMask;
+      workInProgress.childLanes = current.childLanes;
+      workInProgress.lanes = current.lanes;
+      workInProgress.child = current.child;
+      workInProgress.memoizedProps = current.memoizedProps;
+      workInProgress.memoizedState = current.memoizedState;
+      workInProgress.updateQueue = current.updateQueue; // Clone the dependencies object. This is mutated during the render phase, so
+      // it cannot be shared with the current fiber.
+
+      var currentDependencies = current.dependencies;
+      workInProgress.dependencies =
+        currentDependencies === null
+          ? null
+          : {
+              lanes: currentDependencies.lanes,
+              firstContext: currentDependencies.firstContext
+            }; // These will be overridden during the parent's reconciliation
+
+      workInProgress.sibling = current.sibling;
+      workInProgress.index = current.index;
+      workInProgress.ref = current.ref;
+      workInProgress.refCleanup = current.refCleanup;
+
+      {
+        workInProgress.selfBaseDuration = current.selfBaseDuration;
+        workInProgress.treeBaseDuration = current.treeBaseDuration;
       }
 
-      switch (type) {
-        case "meta":
-        case "title": {
-          return true;
+      {
+        workInProgress._debugInfo = current._debugInfo;
+        workInProgress._debugNeedsRemount = current._debugNeedsRemount;
+
+        switch (workInProgress.tag) {
+          case FunctionComponent:
+          case SimpleMemoComponent:
+            workInProgress.type = resolveFunctionForHotReloading(current.type);
+            break;
+
+          case ClassComponent:
+            workInProgress.type = resolveClassForHotReloading(current.type);
+            break;
+
+          case ForwardRef:
+            workInProgress.type = resolveForwardRefForHotReloading(
+              current.type
+            );
+            break;
+        }
+      }
+
+      return workInProgress;
+    } // Used to reuse a Fiber for a second pass.
+
+    function resetWorkInProgress(workInProgress, renderLanes) {
+      // This resets the Fiber to what createFiber or createWorkInProgress would
+      // have set the values to before during the first pass. Ideally this wouldn't
+      // be necessary but unfortunately many code paths reads from the workInProgress
+      // when they should be reading from current and writing to workInProgress.
+      // We assume pendingProps, index, key, ref, return are still untouched to
+      // avoid doing another reconciliation.
+      // Reset the effect flags but keep any Placement tags, since that's something
+      // that child fiber is setting, not the reconciliation.
+      workInProgress.flags &= StaticMask | Placement; // The effects are no longer valid.
+
+      var current = workInProgress.alternate;
+
+      if (current === null) {
+        // Reset to createFiber's initial values.
+        workInProgress.childLanes = NoLanes;
+        workInProgress.lanes = renderLanes;
+        workInProgress.child = null;
+        workInProgress.subtreeFlags = NoFlags$1;
+        workInProgress.memoizedProps = null;
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null;
+        workInProgress.dependencies = null;
+        workInProgress.stateNode = null;
+
+        {
+          // Note: We don't reset the actualTime counts. It's useful to accumulate
+          // actual time across multiple render passes.
+          workInProgress.selfBaseDuration = 0;
+          workInProgress.treeBaseDuration = 0;
+        }
+      } else {
+        // Reset to the cloned values that createWorkInProgress would've.
+        workInProgress.childLanes = current.childLanes;
+        workInProgress.lanes = current.lanes;
+        workInProgress.child = current.child;
+        workInProgress.subtreeFlags = NoFlags$1;
+        workInProgress.deletions = null;
+        workInProgress.memoizedProps = current.memoizedProps;
+        workInProgress.memoizedState = current.memoizedState;
+        workInProgress.updateQueue = current.updateQueue; // Needed because Blocks store data on type.
+
+        workInProgress.type = current.type; // Clone the dependencies object. This is mutated during the render phase, so
+        // it cannot be shared with the current fiber.
+
+        var currentDependencies = current.dependencies;
+        workInProgress.dependencies =
+          currentDependencies === null
+            ? null
+            : {
+                lanes: currentDependencies.lanes,
+                firstContext: currentDependencies.firstContext
+              };
+
+        {
+          // Note: We don't reset the actualTime counts. It's useful to accumulate
+          // actual time across multiple render passes.
+          workInProgress.selfBaseDuration = current.selfBaseDuration;
+          workInProgress.treeBaseDuration = current.treeBaseDuration;
+        }
+      }
+
+      return workInProgress;
+    }
+    function createHostRootFiber(
+      tag,
+      isStrictMode,
+      concurrentUpdatesByDefaultOverride
+    ) {
+      var mode;
+
+      {
+        mode = ConcurrentMode;
+
+        if (isStrictMode === true) {
+          mode |= StrictLegacyMode | StrictEffectsMode;
         }
 
-        case "style": {
-          if (
-            typeof props.precedence !== "string" ||
-            typeof props.href !== "string" ||
-            props.href === ""
-          ) {
-            {
-              if (outsideHostContainerContext) {
-                error(
-                  "Cannot render a <style> outside the main document without knowing its precedence and a unique href key." +
-                    " React can hoist and deduplicate <style> tags if you provide a `precedence` prop along with an `href` prop that" +
-                    ' does not conflic with the `href` values used in any other hoisted <style> or <link rel="stylesheet" ...> tags. ' +
-                    " Note that hoisting <style> tags is considered an advanced feature that most will not use directly." +
-                    ' Consider moving the <style> tag to the <head> or consider adding a `precedence="default"` and `href="some unique resource identifier"`, or move the <style>' +
-                    " to the <style> tag."
-                );
-              }
-            }
-
-            return false;
-          }
-
-          return true;
+        if (
+          // Only for internal experiments.
+          concurrentUpdatesByDefaultOverride
+        ) {
+          mode |= ConcurrentUpdatesByDefaultMode;
         }
+      }
 
-        case "link": {
-          if (
-            typeof props.rel !== "string" ||
-            typeof props.href !== "string" ||
-            props.href === "" ||
-            props.onLoad ||
-            props.onError
-          ) {
-            {
-              if (
-                props.rel === "stylesheet" &&
-                typeof props.precedence === "string"
-              ) {
-                validateLinkPropsForStyleResource(props);
-              }
+      if (isDevToolsPresent) {
+        // Always collect profile timings when DevTools are present.
+        // This enables DevTools to start capturing timing at any point–
+        // Without some nodes in the tree having empty base times.
+        mode |= ProfileMode;
+      }
 
-              if (outsideHostContainerContext) {
-                if (
-                  typeof props.rel !== "string" ||
-                  typeof props.href !== "string" ||
-                  props.href === ""
-                ) {
-                  error(
-                    "Cannot render a <link> outside the main document without a `rel` and `href` prop." +
-                      " Try adding a `rel` and/or `href` prop to this <link> or moving the link into the <head> tag"
-                  );
-                } else if (props.onError || props.onLoad) {
-                  error(
-                    "Cannot render a <link> with onLoad or onError listeners outside the main document." +
-                      " Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or" +
-                      " somewhere in the <body>."
-                  );
-                }
-              }
-            }
+      return createFiber(HostRoot, null, null, mode);
+    }
+    function createFiberFromTypeAndProps(
+      type, // React$ElementType
+      key,
+      pendingProps,
+      owner,
+      mode,
+      lanes
+    ) {
+      var fiberTag = FunctionComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
 
-            return false;
-          }
+      var resolvedType = type;
 
-          switch (props.rel) {
-            case "stylesheet": {
-              var precedence = props.precedence,
-                disabled = props.disabled;
+      if (typeof type === "function") {
+        if (shouldConstruct(type)) {
+          fiberTag = ClassComponent;
 
-              {
-                if (typeof precedence !== "string") {
-                  if (outsideHostContainerContext) {
-                    error(
-                      'Cannot render a <link rel="stylesheet" /> outside the main document without knowing its precedence.' +
-                        ' Consider adding precedence="default" or moving it into the root <head> tag.'
-                    );
-                  }
-                }
-              }
-
-              return typeof precedence === "string" && disabled == null;
-            }
-
-            default: {
-              return true;
-            }
-          }
-        }
-
-        case "script": {
-          var isAsync =
-            props.async &&
-            typeof props.async !== "function" &&
-            typeof props.async !== "symbol";
-
-          if (
-            !isAsync ||
-            props.onLoad ||
-            props.onError ||
-            !props.src ||
-            typeof props.src !== "string"
-          ) {
-            {
-              if (outsideHostContainerContext) {
-                if (!isAsync) {
-                  error(
-                    "Cannot render a sync or defer <script> outside the main document without knowing its order." +
-                      ' Try adding async="" or moving it into the root <head> tag.'
-                  );
-                } else if (props.onLoad || props.onError) {
-                  error(
-                    "Cannot render a <script> with onLoad or onError listeners outside the main document." +
-                      " Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or" +
-                      " somewhere in the <body>."
-                  );
-                } else {
-                  error(
-                    "Cannot render a <script> outside the main document without `async={true}` and a non-empty `src` prop." +
-                      " Ensure there is a valid `src` and either make the script async or move it into the root <head> tag or" +
-                      " somewhere in the <body>."
-                  );
-                }
-              }
-            }
-
-            return false;
-          }
-
-          return true;
-        }
-
-        case "noscript":
-        case "template": {
           {
-            if (outsideHostContainerContext) {
-              error(
-                "Cannot render <%s> outside the main document. Try moving it into the root <head> tag.",
-                type
+            resolvedType = resolveClassForHotReloading(resolvedType);
+          }
+        } else {
+          {
+            resolvedType = resolveFunctionForHotReloading(resolvedType);
+          }
+        }
+      } else if (typeof type === "string") {
+        {
+          var hostContext = getHostContext();
+          fiberTag = isHostHoistableType(type, pendingProps, hostContext)
+            ? HostHoistable
+            : isHostSingletonType(type)
+            ? HostSingleton
+            : HostComponent;
+        }
+      } else {
+        getTag: switch (type) {
+          case REACT_FRAGMENT_TYPE:
+            return createFiberFromFragment(
+              pendingProps.children,
+              mode,
+              lanes,
+              key
+            );
+
+          case REACT_STRICT_MODE_TYPE:
+            fiberTag = Mode;
+            mode |= StrictLegacyMode;
+
+            {
+              // Strict effects should never run on legacy roots
+              mode |= StrictEffectsMode;
+
+              if (
+                enableDO_NOT_USE_disableStrictPassiveEffect &&
+                pendingProps.DO_NOT_USE_disableStrictPassiveEffect
+              ) {
+                mode |= NoStrictPassiveEffectsMode;
+              }
+            }
+
+            break;
+
+          case REACT_PROFILER_TYPE:
+            return createFiberFromProfiler(pendingProps, mode, lanes, key);
+
+          case REACT_SUSPENSE_TYPE:
+            return createFiberFromSuspense(pendingProps, mode, lanes, key);
+
+          case REACT_SUSPENSE_LIST_TYPE:
+            return createFiberFromSuspenseList(pendingProps, mode, lanes, key);
+
+          case REACT_OFFSCREEN_TYPE:
+            return createFiberFromOffscreen(pendingProps, mode, lanes, key);
+
+          case REACT_LEGACY_HIDDEN_TYPE: {
+            return createFiberFromLegacyHidden(pendingProps, mode, lanes, key);
+          }
+
+          // Fall through
+
+          case REACT_SCOPE_TYPE: {
+            return createFiberFromScope(type, pendingProps, mode, lanes, key);
+          }
+
+          // Fall through
+
+          case REACT_TRACING_MARKER_TYPE:
+            if (enableTransitionTracing) {
+              return createFiberFromTracingMarker(
+                pendingProps,
+                mode,
+                lanes,
+                key
               );
             }
-          }
 
-          return false;
-        }
-      }
+          // Fall through
 
-      return false;
-    }
-    function mayResourceSuspendCommit(resource) {
-      return (
-        resource.type === "stylesheet" &&
-        (resource.state.loading & Inserted) === NotLoaded
-      );
-    }
-    function preloadInstance(type, props) {
-      // Return true to indicate it's already loaded
-      return true;
-    }
-    function preloadResource(resource) {
-      if (
-        resource.type === "stylesheet" &&
-        (resource.state.loading & Settled) === NotLoaded
-      ) {
-        // we have not finished loading the underlying stylesheet yet.
-        return false;
-      } // Return true to indicate it's already loaded
+          case REACT_DEBUG_TRACING_MODE_TYPE:
+            if (enableDebugTracing) {
+              fiberTag = Mode;
+              mode |= DebugTracingMode;
+              break;
+            }
 
-      return true;
-    }
-    var suspendedState = null; // We use a noop function when we begin suspending because if possible we want the
-    // waitfor step to finish synchronously. If it doesn't we'll return a function to
-    // provide the actual unsuspend function and that will get completed when the count
-    // hits zero or it will get cancelled if the root starts new work.
+          // Fall through
 
-    function noop$1() {}
+          default: {
+            if (typeof type === "object" && type !== null) {
+              switch (type.$$typeof) {
+                case REACT_PROVIDER_TYPE:
+                  if (!enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  }
 
-    function startSuspendingCommit() {
-      suspendedState = {
-        stylesheets: null,
-        count: 0,
-        unsuspend: noop$1
-      };
-    }
-    function suspendResource(hoistableRoot, resource, props) {
-      if (suspendedState === null) {
-        throw new Error(
-          "Internal React Error: suspendedState null when it was expected to exists. Please report this as a React bug."
-        );
-      }
+                // Fall through
 
-      var state = suspendedState;
+                case REACT_CONTEXT_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  } else {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
-      if (resource.type === "stylesheet") {
-        if (typeof props.media === "string") {
-          // If we don't currently match media we avoid suspending on this resource
-          // and let it insert on the mutation path
-          if (matchMedia(props.media).matches === false) {
-            return;
-          }
-        }
+                case REACT_CONSUMER_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
-        if ((resource.state.loading & Inserted) === NotLoaded) {
-          if (resource.instance === null) {
-            var qualifiedProps = props;
-            var key = getStyleKey(qualifiedProps.href); // Attempt to hydrate instance from DOM
+                // Fall through
 
-            var instance = hoistableRoot.querySelector(
-              getStylesheetSelectorFromKey(key)
-            );
+                case REACT_FORWARD_REF_TYPE:
+                  fiberTag = ForwardRef;
 
-            if (instance) {
-              // If this instance has a loading state it came from the Fizz runtime.
-              // If there is not loading state it is assumed to have been server rendered
-              // as part of the preamble and therefore synchronously loaded. It could have
-              // errored however which we still do not yet have a means to detect. For now
-              // we assume it is loaded.
-              var maybeLoadingState = instance._p;
+                  {
+                    resolvedType =
+                      resolveForwardRefForHotReloading(resolvedType);
+                  }
 
+                  break getTag;
+
+                case REACT_MEMO_TYPE:
+                  fiberTag = MemoComponent;
+                  break getTag;
+
+                case REACT_LAZY_TYPE:
+                  fiberTag = LazyComponent;
+                  resolvedType = null;
+                  break getTag;
+              }
+            }
+
+            var info = "";
+
+            {
               if (
-                maybeLoadingState !== null &&
-                typeof maybeLoadingState === "object" && // $FlowFixMe[method-unbinding]
-                typeof maybeLoadingState.then === "function"
+                type === undefined ||
+                (typeof type === "object" &&
+                  type !== null &&
+                  Object.keys(type).length === 0)
               ) {
-                var loadingState = maybeLoadingState;
-                state.count++;
-                var ping = onUnsuspend.bind(state);
-                loadingState.then(ping, ping);
+                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.";
               }
 
-              resource.state.loading |= Inserted;
-              resource.instance = instance;
-              markNodeAsHoistable(instance);
-              return;
+              var ownerName = owner ? getComponentNameFromFiber(owner) : null;
+
+              if (ownerName) {
+                info += "\n\nCheck the render method of `" + ownerName + "`.";
+              }
             }
 
-            var ownerDocument = getDocumentFromRoot(hoistableRoot);
-            var stylesheetProps = stylesheetPropsFromRawProps(props);
-            var preloadProps = preloadPropsMap.get(key);
-
-            if (preloadProps) {
-              adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
-            } // Construct and insert a new instance
-
-            instance = ownerDocument.createElement("link");
-            markNodeAsHoistable(instance);
-            var linkInstance = instance; // This Promise is a loading state used by the Fizz runtime. We need this incase there is a race
-            // between this resource being rendered on the client and being rendered with a late completed boundary.
-
-            linkInstance._p = new Promise(function (resolve, reject) {
-              linkInstance.onload = resolve;
-              linkInstance.onerror = reject;
-            });
-            setInitialProperties(instance, "link", stylesheetProps);
-            resource.instance = instance;
-          }
-
-          if (state.stylesheets === null) {
-            state.stylesheets = new Map();
-          }
-
-          state.stylesheets.set(resource, hoistableRoot);
-          var preloadEl = resource.state.preload;
-
-          if (preloadEl && (resource.state.loading & Settled) === NotLoaded) {
-            state.count++;
-
-            var _ping = onUnsuspend.bind(state);
-
-            preloadEl.addEventListener("load", _ping);
-            preloadEl.addEventListener("error", _ping);
+            throw new Error(
+              "Element type is invalid: expected a string (for built-in " +
+                "components) or a class/function (for composite components) " +
+                ("but got: " + (type == null ? type : typeof type) + "." + info)
+            );
           }
         }
       }
-    }
-    function waitForCommitToBeReady() {
-      if (suspendedState === null) {
-        throw new Error(
-          "Internal React Error: suspendedState null when it was expected to exists. Please report this as a React bug."
-        );
+
+      var fiber = createFiber(fiberTag, pendingProps, key, mode);
+      fiber.elementType = type;
+      fiber.type = resolvedType;
+      fiber.lanes = lanes;
+
+      {
+        fiber._debugOwner = owner;
       }
 
-      var state = suspendedState;
+      return fiber;
+    }
+    function createFiberFromElement(element, mode, lanes) {
+      var owner = null;
 
-      if (state.stylesheets && state.count === 0) {
-        // We are not currently blocked but we have not inserted all stylesheets.
-        // If this insertion happens and loads or errors synchronously then we can
-        // avoid suspending the commit. To do this we check the count again immediately after
-        insertSuspendedStylesheets(state, state.stylesheets);
-      } // We need to check the count again because the inserted stylesheets may have led to new
-      // tasks to wait on.
+      {
+        owner = element._owner;
+      }
 
-      if (state.count > 0) {
-        return function (commit) {
-          // We almost never want to show content before its styles have loaded. But
-          // eventually we will give up and allow unstyled content. So this number is
-          // somewhat arbitrary — big enough that you'd only reach it under
-          // extreme circumstances.
-          // TODO: Figure out what the browser engines do during initial page load and
-          // consider aligning our behavior with that.
-          var stylesheetTimer = setTimeout(function () {
-            if (state.stylesheets) {
-              insertSuspendedStylesheets(state, state.stylesheets);
-            }
+      var type = element.type;
+      var key = element.key;
+      var pendingProps = element.props;
+      var fiber = createFiberFromTypeAndProps(
+        type,
+        key,
+        pendingProps,
+        owner,
+        mode,
+        lanes
+      );
 
-            if (state.unsuspend) {
-              var unsuspend = state.unsuspend;
-              state.unsuspend = null;
-              unsuspend();
-            }
-          }, 60000); // one minute
+      {
+        fiber._debugOwner = element._owner;
+      }
 
-          state.unsuspend = commit;
-          return function () {
-            state.unsuspend = null;
-            clearTimeout(stylesheetTimer);
-          };
+      return fiber;
+    }
+    function createFiberFromFragment(elements, mode, lanes, key) {
+      var fiber = createFiber(Fragment, elements, key, mode);
+      fiber.lanes = lanes;
+      return fiber;
+    }
+
+    function createFiberFromScope(scope, pendingProps, mode, lanes, key) {
+      var fiber = createFiber(ScopeComponent, pendingProps, key, mode);
+      fiber.type = scope;
+      fiber.elementType = scope;
+      fiber.lanes = lanes;
+      return fiber;
+    }
+
+    function createFiberFromProfiler(pendingProps, mode, lanes, key) {
+      {
+        if (typeof pendingProps.id !== "string") {
+          error(
+            'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',
+            typeof pendingProps.id
+          );
+        }
+      }
+
+      var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
+      fiber.elementType = REACT_PROFILER_TYPE;
+      fiber.lanes = lanes;
+
+      {
+        fiber.stateNode = {
+          effectDuration: 0,
+          passiveEffectDuration: 0
         };
       }
 
-      return null;
+      return fiber;
     }
 
-    function onUnsuspend() {
-      this.count--;
-
-      if (this.count === 0) {
-        if (this.stylesheets) {
-          // If we haven't actually inserted the stylesheets yet we need to do so now before starting the commit.
-          // The reason we do this after everything else has finished is because we want to have all the stylesheets
-          // load synchronously right before mutating. Ideally the new styles will cause a single recalc only on the
-          // new tree. When we filled up stylesheets we only inlcuded stylesheets with matching media attributes so we
-          // wait for them to load before actually continuing. We expect this to increase the count above zero
-          insertSuspendedStylesheets(this, this.stylesheets);
-        } else if (this.unsuspend) {
-          var unsuspend = this.unsuspend;
-          this.unsuspend = null;
-          unsuspend();
-        }
-      }
-    } // 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) {
-      // We need to clear this out so we don't try to reinsert after the stylesheets have loaded
-      state.stylesheets = null;
-
-      if (state.unsuspend === null) {
-        // The suspended commit was cancelled. We don't need to insert any stylesheets.
-        return;
-      } // Temporarily increment count. we don't want any synchronously loaded stylesheets to try to unsuspend
-      // before we finish inserting all stylesheets.
-
-      state.count++;
-      precedencesByRoot = new Map();
-      resources.forEach(insertStylesheetIntoRoot, state);
-      precedencesByRoot = null; // We can remove our temporary count and if we're still at zero we can unsuspend.
-      // If we are in the synchronous phase before deciding if the commit should suspend and this
-      // ends up hitting the unsuspend path it will just invoke the noop unsuspend.
-
-      onUnsuspend.call(state);
+    function createFiberFromSuspense(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_SUSPENSE_TYPE;
+      fiber.lanes = lanes;
+      return fiber;
     }
-
-    function insertStylesheetIntoRoot(root, resource, map) {
-      if (resource.state.loading & Inserted) {
-        // This resource was inserted by another root committing. we don't need to insert it again
-        return;
-      }
-
-      var last;
-      var precedences = precedencesByRoot.get(root);
-
-      if (!precedences) {
-        precedences = new Map();
-        precedencesByRoot.set(root, precedences);
-        var nodes = root.querySelectorAll(
-          "link[data-precedence],style[data-precedence]"
-        );
-
-        for (var i = 0; i < nodes.length; i++) {
-          var node = nodes[i];
-
-          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(node.dataset.precedence, node);
-            last = node;
-          }
-        }
-
-        if (last) {
-          precedences.set(LAST_PRECEDENCE, last);
-        }
-      } else {
-        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(precedence) || last;
-
-      if (prior === last) {
-        precedences.set(LAST_PRECEDENCE, instance);
-      }
-
-      precedences.set(precedence, instance);
-      this.count++;
-      var onComplete = onUnsuspend.bind(this);
-      instance.addEventListener("load", onComplete);
-      instance.addEventListener("error", onComplete);
-
-      if (prior) {
-        prior.parentNode.insertBefore(instance, prior.nextSibling);
-      } else {
-        var parent = root.nodeType === DOCUMENT_NODE ? root.head : root;
-        parent.insertBefore(instance, parent.firstChild);
-      }
-
-      resource.state.loading |= Inserted;
+    function createFiberFromSuspenseList(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
+      fiber.lanes = lanes;
+      return fiber;
     }
+    function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(OffscreenComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_OFFSCREEN_TYPE;
+      fiber.lanes = lanes;
+      var primaryChildInstance = {
+        _visibility: OffscreenVisible,
+        _pendingVisibility: OffscreenVisible,
+        _pendingMarkers: null,
+        _retryCache: null,
+        _transitions: null,
+        _current: null,
+        detach: function () {
+          return detachOffscreenInstance(primaryChildInstance);
+        },
+        attach: function () {
+          return attachOffscreenInstance(primaryChildInstance);
+        }
+      };
+      fiber.stateNode = primaryChildInstance;
+      return fiber;
+    }
+    function createFiberFromLegacyHidden(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(LegacyHiddenComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_LEGACY_HIDDEN_TYPE;
+      fiber.lanes = lanes; // Adding a stateNode for legacy hidden because it's currently using
+      // the offscreen implementation, which depends on a state node
 
-    var NotPendingTransition = NotPending;
-    function resetFormInstance(form) {
-      form.reset();
+      var instance = {
+        _visibility: OffscreenVisible,
+        _pendingVisibility: OffscreenVisible,
+        _pendingMarkers: null,
+        _transitions: null,
+        _retryCache: null,
+        _current: null,
+        detach: function () {
+          return detachOffscreenInstance(instance);
+        },
+        attach: function () {
+          return attachOffscreenInstance(instance);
+        }
+      };
+      fiber.stateNode = instance;
+      return fiber;
+    }
+    function createFiberFromTracingMarker(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(TracingMarkerComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_TRACING_MARKER_TYPE;
+      fiber.lanes = lanes;
+      var tracingMarkerInstance = {
+        tag: TransitionTracingMarker,
+        transitions: null,
+        pendingBoundaries: null,
+        aborts: null,
+        name: pendingProps.name
+      };
+      fiber.stateNode = tracingMarkerInstance;
+      return fiber;
+    }
+    function createFiberFromText(content, mode, lanes) {
+      var fiber = createFiber(HostText, content, null, mode);
+      fiber.lanes = lanes;
+      return fiber;
+    }
+    function createFiberFromDehydratedFragment(dehydratedNode) {
+      var fiber = createFiber(DehydratedFragment, null, null, NoMode);
+      fiber.stateNode = dehydratedNode;
+      return fiber;
+    }
+    function createFiberFromPortal(portal, mode, lanes) {
+      var pendingProps = portal.children !== null ? portal.children : [];
+      var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
+      fiber.lanes = lanes;
+      fiber.stateNode = {
+        containerInfo: portal.containerInfo,
+        pendingChildren: null,
+        // Used by persistent updates
+        implementation: portal.implementation
+      };
+      return fiber;
     }
 
     function FiberRootNode(
@@ -46494,7 +46510,7 @@ if (__DEV__) {
       return root;
     }
 
-    var ReactVersion = "19.0.0-www-modern-fe6ae4fa";
+    var ReactVersion = "19.0.0-www-modern-77631c63";
 
     function createPortal$1(
       children,
@@ -46649,52 +46665,13 @@ if (__DEV__) {
       return root;
     }
     function updateContainer(element, container, parentComponent, callback) {
-      var current = container.current;
-      var lane = requestUpdateLane(current);
-      updateContainerImpl(
-        current,
-        lane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return lane;
-    }
-    function updateContainerSync(
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
-      if (container.tag === LegacyRoot) {
-        flushPassiveEffects();
-      }
-
-      var current = container.current;
-      updateContainerImpl(
-        current,
-        SyncLane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return SyncLane;
-    }
-
-    function updateContainerImpl(
-      rootFiber,
-      lane,
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
       {
         onScheduleRoot(container, element);
       }
 
+      var current$1 = container.current;
+      var lane = requestUpdateLane(current$1);
+
       if (enableSchedulingProfiler) {
         markRenderScheduled(lane);
       }
@@ -46743,12 +46720,14 @@ if (__DEV__) {
         update.callback = callback;
       }
 
-      var root = enqueueUpdate(rootFiber, update, lane);
+      var root = enqueueUpdate(current$1, update, lane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, rootFiber, lane);
-        entangleTransitions(root, rootFiber, lane);
+        scheduleUpdateOnFiber(root, current$1, lane);
+        entangleTransitions(root, current$1, lane);
       }
+
+      return lane;
     }
     function attemptSynchronousHydration(fiber) {
       switch (fiber.tag) {
@@ -46765,13 +46744,13 @@ if (__DEV__) {
         }
 
         case SuspenseComponent: {
-          var _root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+          flushSync$1(function () {
+            var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-          if (_root !== null) {
-            scheduleUpdateOnFiber(_root, fiber, SyncLane);
-          }
-
-          flushSyncWork$1(); // If we're still blocked after this, we need to increase
+            if (root !== null) {
+              scheduleUpdateOnFiber(root, fiber, SyncLane);
+            }
+          }); // If we're still blocked after this, we need to increase
           // the priority of any promises resolving within this
           // boundary so that they next attempt also has higher pri.
 
@@ -47108,6 +47087,7 @@ if (__DEV__) {
 
     function injectIntoDevTools(devToolsConfig) {
       var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+      var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
       return injectInternals({
         bundleType: devToolsConfig.bundleType,
         version: devToolsConfig.version,
@@ -47122,7 +47102,7 @@ if (__DEV__) {
         setErrorHandler: setErrorHandler,
         setSuspenseHandler: setSuspenseHandler,
         scheduleUpdate: scheduleUpdate,
-        currentDispatcherRef: ReactSharedInternals,
+        currentDispatcherRef: ReactCurrentDispatcher,
         findHostInstanceByFiber: findHostInstanceByFiber,
         findFiberByHostInstance:
           findFiberByHostInstance || emptyFindFiberByHostInstance,
@@ -47139,6 +47119,8 @@ if (__DEV__) {
       });
     }
 
+    var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig; // TODO: can we stop exporting these?
+
     var _enabled = true; // This is exported in FB builds for use by legacy FB layer infra.
     // We'd like to remove this but it's not clear if this is safe.
 
@@ -47185,16 +47167,16 @@ if (__DEV__) {
       container,
       nativeEvent
     ) {
-      var prevTransition = ReactSharedInternals.T;
-      ReactSharedInternals.T = null;
       var previousPriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
+      ReactCurrentBatchConfig.transition = null;
 
       try {
         setCurrentUpdatePriority(DiscreteEventPriority);
         dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
       }
     }
 
@@ -47204,16 +47186,16 @@ if (__DEV__) {
       container,
       nativeEvent
     ) {
-      var prevTransition = ReactSharedInternals.T;
-      ReactSharedInternals.T = null;
       var previousPriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
+      ReactCurrentBatchConfig.transition = null;
 
       try {
         setCurrentUpdatePriority(ContinuousEventPriority);
         dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
       }
     }
 
@@ -47746,7 +47728,10 @@ if (__DEV__) {
     }
 
     function queueExplicitHydrationTarget(target) {
-      var updatePriority = resolveUpdatePriority();
+      // TODO: This will read the priority if it's dispatched by the React
+      // event system but not native events. Should read window.event.type, like
+      // we do for updates (getCurrentEventPriority).
+      var updatePriority = getCurrentUpdatePriority();
       var queuedTarget = {
         blockedOn: null,
         target: target,
@@ -48100,8 +48085,9 @@ if (__DEV__) {
             }
           }
 
-          updateContainerSync(null, root, null, null);
-          flushSyncWork$1();
+          flushSync$1(function () {
+            updateContainer(null, root, null, null);
+          });
           unmarkContainerAsRoot(container);
         }
       };
@@ -48423,46 +48409,6 @@ if (__DEV__) {
       }
     }
 
-    function flushSyncImpl(fn) {
-      var previousTransition = ReactSharedInternals.T;
-      var previousUpdatePriority = Internals$1.p;
-      /* ReactDOMCurrentUpdatePriority */
-
-      try {
-        ReactSharedInternals.T = null;
-        Internals$1.p =
-          /* ReactDOMCurrentUpdatePriority */
-          DiscreteEventPriority;
-
-        if (fn) {
-          return fn();
-        } else {
-          return undefined;
-        }
-      } finally {
-        ReactSharedInternals.T = previousTransition;
-        Internals$1.p =
-          /* ReactDOMCurrentUpdatePriority */
-          previousUpdatePriority;
-        var wasInRender = Internals$1.d
-          /* ReactDOMCurrentDispatcher */
-          .f();
-        /* flushSyncWork */
-
-        {
-          if (wasInRender) {
-            error(
-              "flushSync was called from inside a lifecycle method. React cannot " +
-                "flush when React is already rendering. Consider moving this call to " +
-                "a scheduler task or micro task."
-            );
-          }
-        }
-      }
-    }
-
-    var flushSync$1 = flushSyncImpl;
-
     function getCrossOriginString(input) {
       if (typeof input === "string") {
         return input === "use-credentials" ? input : "";
@@ -48482,6 +48428,7 @@ if (__DEV__) {
       return undefined;
     }
 
+    var ReactDOMCurrentDispatcher = Internals.ReactDOMCurrentDispatcher;
     function prefetchDNS(href) {
       {
         if (typeof href !== "string" || !href) {
@@ -48510,12 +48457,7 @@ if (__DEV__) {
       }
 
       if (typeof href === "string") {
-        Internals$1.d
-          /* ReactDOMCurrentDispatcher */
-          .D(
-            /* prefetchDNS */
-            href
-          );
+        ReactDOMCurrentDispatcher.current.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.
@@ -48544,13 +48486,7 @@ if (__DEV__) {
         var crossOrigin = options
           ? getCrossOriginString(options.crossOrigin)
           : null;
-        Internals$1.d
-          /* ReactDOMCurrentDispatcher */
-          .C(
-            /* preconnect */
-            href,
-            crossOrigin
-          );
+        ReactDOMCurrentDispatcher.current.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.
@@ -48594,41 +48530,32 @@ if (__DEV__) {
       ) {
         var as = options.as;
         var crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
-        Internals$1.d
-          /* ReactDOMCurrentDispatcher */
-          .L(
-            /* 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,
-              media:
-                typeof options.media === "string" ? options.media : undefined
-            }
-          );
+        ReactDOMCurrentDispatcher.current.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,
+          media: typeof options.media === "string" ? options.media : 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.
@@ -48674,30 +48601,19 @@ if (__DEV__) {
             options.as,
             options.crossOrigin
           );
-          Internals$1.d
-            /* ReactDOMCurrentDispatcher */
-            .m(
-              /* preloadModule */
-              href,
-              {
-                as:
-                  typeof options.as === "string" && options.as !== "script"
-                    ? options.as
-                    : undefined,
-                crossOrigin: crossOrigin,
-                integrity:
-                  typeof options.integrity === "string"
-                    ? options.integrity
-                    : undefined
-              }
-            );
+          ReactDOMCurrentDispatcher.current.preloadModule(href, {
+            as:
+              typeof options.as === "string" && options.as !== "script"
+                ? options.as
+                : undefined,
+            crossOrigin: crossOrigin,
+            integrity:
+              typeof options.integrity === "string"
+                ? options.integrity
+                : undefined
+          });
         } else {
-          Internals$1.d
-            /* ReactDOMCurrentDispatcher */
-            .m(
-              /* preloadModule */
-              href
-            );
+          ReactDOMCurrentDispatcher.current.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
@@ -48738,34 +48654,24 @@ if (__DEV__) {
             : undefined;
 
         if (as === "style") {
-          Internals$1.d
-            /* ReactDOMCurrentDispatcher */
-            .S(
-              /* preinitStyle */
-              href,
-              typeof options.precedence === "string"
-                ? options.precedence
-                : undefined,
-              {
-                crossOrigin: crossOrigin,
-                integrity: integrity,
-                fetchPriority: fetchPriority
-              }
-            );
+          ReactDOMCurrentDispatcher.current.preinitStyle(
+            href,
+            typeof options.precedence === "string"
+              ? options.precedence
+              : undefined,
+            {
+              crossOrigin: crossOrigin,
+              integrity: integrity,
+              fetchPriority: fetchPriority
+            }
+          );
         } else if (as === "script") {
-          Internals$1.d
-            /* ReactDOMCurrentDispatcher */
-            .X(
-              /* preinitScript */
-              href,
-              {
-                crossOrigin: crossOrigin,
-                integrity: integrity,
-                fetchPriority: fetchPriority,
-                nonce:
-                  typeof options.nonce === "string" ? options.nonce : undefined
-              }
-            );
+          ReactDOMCurrentDispatcher.current.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
@@ -48832,31 +48738,18 @@ if (__DEV__) {
               options.as,
               options.crossOrigin
             );
-            Internals$1.d
-              /* ReactDOMCurrentDispatcher */
-              .M(
-                /* preinitModuleScript */
-                href,
-                {
-                  crossOrigin: crossOrigin,
-                  integrity:
-                    typeof options.integrity === "string"
-                      ? options.integrity
-                      : undefined,
-                  nonce:
-                    typeof options.nonce === "string"
-                      ? options.nonce
-                      : undefined
-                }
-              );
+            ReactDOMCurrentDispatcher.current.preinitModuleScript(href, {
+              crossOrigin: crossOrigin,
+              integrity:
+                typeof options.integrity === "string"
+                  ? options.integrity
+                  : undefined,
+              nonce:
+                typeof options.nonce === "string" ? options.nonce : undefined
+            });
           }
         } else if (options == null) {
-          Internals$1.d
-            /* ReactDOMCurrentDispatcher */
-            .M(
-              /* preinitModuleScript */
-              href
-            );
+          ReactDOMCurrentDispatcher.current.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
@@ -48916,140 +48809,6 @@ if (__DEV__) {
       // $FlowFixMe[incompatible-return] The Flow type is opaque but there's no way to actually create it.
 
       return createPortal$1(children, container, null, key);
-    } // Overload the definition to the two valid signatures.
-
-    var flushSync = flushSync$1;
-
-    function findDOMNode$1(componentOrElement) {
-      return findHostInstance(componentOrElement);
-    } // Expose findDOMNode on internals
-
-    Internals$1.findDOMNode = findDOMNode$1;
-
-    function unstable_batchedUpdates(fn, a) {
-      // batchedUpdates was a legacy mode feature that is a no-op outside of
-      // legacy mode. In 19, we made it an actual no-op, but we're keeping it
-      // for now since there may be libraries that still include it.
-      return fn(a);
-    }
-    // This is an array for better minification.
-
-    Internals$1.Events =
-      /* Events */
-      [
-        getInstanceFromNode$1,
-        getNodeFromInstance,
-        getFiberCurrentPropsFromNode,
-        enqueueStateRestore,
-        restoreStateIfNeeded,
-        unstable_batchedUpdates
-      ];
-    var foundDevTools$1 = injectIntoDevTools({
-      findFiberByHostInstance: getClosestInstanceFromNode,
-      bundleType: 1,
-      version: ReactVersion,
-      rendererPackageName: "react-dom"
-    });
-
-    {
-      if (!foundDevTools$1 && canUseDOM && window.top === window.self) {
-        // If we're in Chrome or Firefox, provide a download link if not installed.
-        if (
-          (navigator.userAgent.indexOf("Chrome") > -1 &&
-            navigator.userAgent.indexOf("Edge") === -1) ||
-          navigator.userAgent.indexOf("Firefox") > -1
-        ) {
-          var protocol$1 = window.location.protocol; // Don't warn in exotic cases like chrome-extension://.
-
-          if (/^(https?|file):$/.test(protocol$1)) {
-            // eslint-disable-next-line react-internal/no-production-logging
-            console.info(
-              "%cDownload the React DevTools " +
-                "for a better development experience: " +
-                "https://react.dev/link/react-devtools" +
-                (protocol$1 === "file:"
-                  ? "\nYou might need to use a local HTTP server (instead of file://): " +
-                    "https://react.dev/link/react-devtools-faq"
-                  : ""),
-              "font-weight:bold"
-            );
-          }
-        }
-      }
-    }
-
-    var ReactFiberErrorDialogWWW = require("ReactFiberErrorDialog");
-
-    if (typeof ReactFiberErrorDialogWWW.showErrorDialog !== "function") {
-      throw new Error(
-        "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
-      );
-    }
-
-    function noop() {}
-
-    function requestFormReset(element) {
-      throw new Error(
-        "Invalid form element. requestFormReset must be passed a form that was " +
-          "rendered by React."
-      );
-    }
-
-    var DefaultDispatcher = {
-      f:
-        /* flushSyncWork */
-        noop,
-      r:
-        /* requestFormReset */
-        requestFormReset,
-      D:
-        /* prefetchDNS */
-        noop,
-      C:
-        /* preconnect */
-        noop,
-      L:
-        /* preload */
-        noop,
-      m:
-        /* preloadModule */
-        noop,
-      X:
-        /* preinitScript */
-        noop,
-      S:
-        /* preinitStyle */
-        noop,
-      M:
-        /* preinitModuleScript */
-        noop
-    };
-    var Internals = {
-      d:
-        /* ReactDOMCurrentDispatcher */
-        DefaultDispatcher,
-      p:
-        /* currentUpdatePriority */
-        NoEventPriority,
-      findDOMNode: null,
-      usingClientEntryPoint: false
-    };
-
-    {
-      if (
-        typeof Map !== "function" || // $FlowFixMe[prop-missing] Flow incorrectly thinks Map has no prototype
-        Map.prototype == null ||
-        typeof Map.prototype.forEach !== "function" ||
-        typeof Set !== "function" || // $FlowFixMe[prop-missing] Flow incorrectly thinks Set has no prototype
-        Set.prototype == null ||
-        typeof Set.prototype.clear !== "function" ||
-        typeof Set.prototype.forEach !== "function"
-      ) {
-        error(
-          "React depends on Map and Set built-in types. Make sure that you load a " +
-            "polyfill in older browsers. https://react.dev/link/react-polyfills"
-        );
-      }
     }
 
     function createRoot$1(container, options) {
@@ -49077,12 +48836,46 @@ if (__DEV__) {
 
       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
+    // eslint-disable-next-line no-redeclare
+
+    function flushSync(fn) {
+      {
+        if (isAlreadyRendering()) {
+          error(
+            "flushSync was called from inside a lifecycle method. React cannot " +
+              "flush when React is already rendering. Consider moving this call to " +
+              "a scheduler task or micro task."
+          );
+        }
+      }
+
+      return flushSync$1(fn);
+    }
 
     function findDOMNode(componentOrElement) {
       return findHostInstance(componentOrElement);
     } // Expose findDOMNode on internals
 
     Internals.findDOMNode = findDOMNode;
+
+    function unstable_batchedUpdates(fn, a) {
+      // batchedUpdates was a legacy mode feature that is a no-op outside of
+      // legacy mode. In 19, we made it an actual no-op, but we're keeping it
+      // for now since there may be libraries that still include it.
+      return fn(a);
+    }
+    // This is an array for better minification.
+
+    Internals.Events = [
+      getInstanceFromNode$1,
+      getNodeFromInstance,
+      getFiberCurrentPropsFromNode,
+      enqueueStateRestore,
+      restoreStateIfNeeded,
+      unstable_batchedUpdates
+    ];
     var foundDevTools = injectIntoDevTools({
       findFiberByHostInstance: getClosestInstanceFromNode,
       bundleType: 1,
@@ -49117,6 +48910,14 @@ if (__DEV__) {
       }
     }
 
+    var ReactFiberErrorDialogWWW = require("ReactFiberErrorDialog");
+
+    if (typeof ReactFiberErrorDialogWWW.showErrorDialog !== "function") {
+      throw new Error(
+        "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
+      );
+    }
+
     function createRoot(container, options) {
       {
         Internals.usingClientEntryPoint = true;
@@ -49144,8 +48945,7 @@ if (__DEV__) {
       }
     }
 
-    exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
-      Internals$1;
+    exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
     exports.createComponentSelector = createComponentSelector;
     exports.createHasPseudoClassSelector = createHasPseudoClassSelector;
     exports.createPortal = createPortal;
diff --git a/compiled/facebook-www/ReactDOMTesting-prod.classic.js b/compiled/facebook-www/ReactDOMTesting-prod.classic.js
index 97e2e37f79..f94eef3e3c 100644
--- a/compiled/facebook-www/ReactDOMTesting-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMTesting-prod.classic.js
@@ -33,8 +33,9 @@ function formatProdErrorMessage(code) {
   );
 }
 var ReactSharedInternals =
-    React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
+  disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
@@ -346,7 +347,97 @@ function doesFiberContain(parentFiber, childFiber) {
   return !1;
 }
 var currentReplayingEvent = null,
-  scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
+  ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher,
+  sharedNotPendingObject = {
+    pending: !1,
+    data: null,
+    method: null,
+    action: null
+  },
+  valueStack = [],
+  index = -1;
+function createCursor(defaultValue) {
+  return { current: defaultValue };
+}
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var contextStackCursor$1 = createCursor(null),
+  contextFiberStackCursor = createCursor(null),
+  rootInstanceStackCursor = createCursor(null),
+  hostTransitionProviderCursor = createCursor(null),
+  HostTransitionContext = {
+    $$typeof: REACT_CONTEXT_TYPE,
+    Provider: null,
+    Consumer: null,
+    _currentValue: null,
+    _currentValue2: null,
+    _threadCount: 0
+  };
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor$1, null);
+  fiber = nextRootInstance.nodeType;
+  switch (fiber) {
+    case 9:
+    case 11:
+      nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
+        ? (nextRootInstance = nextRootInstance.namespaceURI)
+          ? getOwnHostContext(nextRootInstance)
+          : 0
+        : 0;
+      break;
+    default:
+      if (
+        ((fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
+        (nextRootInstance = fiber.tagName),
+        (fiber = fiber.namespaceURI))
+      )
+        (fiber = getOwnHostContext(fiber)),
+          (nextRootInstance = getChildHostContextProd(fiber, nextRootInstance));
+      else
+        switch (nextRootInstance) {
+          case "svg":
+            nextRootInstance = 1;
+            break;
+          case "math":
+            nextRootInstance = 2;
+            break;
+          default:
+            nextRootInstance = 0;
+        }
+  }
+  pop(contextStackCursor$1);
+  push(contextStackCursor$1, nextRootInstance);
+}
+function popHostContainer() {
+  pop(contextStackCursor$1);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
+}
+function pushHostContext(fiber) {
+  null !== fiber.memoizedState && push(hostTransitionProviderCursor, fiber);
+  var context = contextStackCursor$1.current;
+  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
+  context !== JSCompiler_inline_result &&
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor$1, JSCompiler_inline_result));
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
+  hostTransitionProviderCursor.current === fiber &&
+    (pop(hostTransitionProviderCursor),
+    (HostTransitionContext._currentValue = null));
+}
+var scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
   cancelCallback$1 = Scheduler.unstable_cancelCallback,
   shouldYield = Scheduler.unstable_shouldYield,
   requestPaint = Scheduler.unstable_requestPaint,
@@ -594,6 +685,14 @@ function markRootEntangled(root, entangledLanes) {
     rootEntangledLanes &= ~lane;
   }
 }
+function upgradePendingLanesToSync(root, lanesToUpgrade) {
+  root.pendingLanes |= 2;
+  for (root.entangledLanes |= 2; lanesToUpgrade; ) {
+    var lane = 1 << (31 - clz32(lanesToUpgrade));
+    root.entanglements[1] |= lane;
+    lanesToUpgrade &= ~lane;
+  }
+}
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
@@ -618,6 +717,15 @@ function clearTransitionsForLanes(root, lanes) {
       lanes &= ~lane;
     }
 }
+var currentUpdatePriority = 0;
+function runWithPriority(priority, fn) {
+  var previousPriority = currentUpdatePriority;
+  try {
+    return (currentUpdatePriority = priority), fn();
+  } finally {
+    currentUpdatePriority = previousPriority;
+  }
+}
 function lanesToEventPriority(lanes) {
   lanes &= -lanes;
   return 2 < lanes
@@ -628,172 +736,52 @@ function lanesToEventPriority(lanes) {
       : 8
     : 2;
 }
-function noop$3() {}
-var Internals = {
-    Events: null,
-    d: {
-      f: noop$3,
-      r: noop$3,
-      D: noop$3,
-      C: noop$3,
-      L: noop$3,
-      m: noop$3,
-      X: noop$3,
-      S: noop$3,
-      M: noop$3
-    },
-    p: 0,
-    findDOMNode: null
-  },
-  sharedNotPendingObject = {
-    pending: !1,
-    data: null,
-    method: null,
-    action: null
-  },
-  valueStack = [],
-  index = -1;
-function createCursor(defaultValue) {
-  return { current: defaultValue };
-}
-function pop(cursor) {
-  0 > index ||
-    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
-}
-function push(cursor, value) {
-  index++;
-  valueStack[index] = cursor.current;
-  cursor.current = value;
-}
-var contextStackCursor$1 = createCursor(null),
-  contextFiberStackCursor = createCursor(null),
-  rootInstanceStackCursor = createCursor(null),
-  hostTransitionProviderCursor = createCursor(null),
-  HostTransitionContext = {
-    $$typeof: REACT_CONTEXT_TYPE,
-    Provider: null,
-    Consumer: null,
-    _currentValue: null,
-    _currentValue2: null,
-    _threadCount: 0
+var hasOwnProperty = Object.prototype.hasOwnProperty,
+  tagToRoleMappings = {
+    ARTICLE: "article",
+    ASIDE: "complementary",
+    BODY: "document",
+    BUTTON: "button",
+    DATALIST: "listbox",
+    DD: "definition",
+    DETAILS: "group",
+    DIALOG: "dialog",
+    DT: "term",
+    FIELDSET: "group",
+    FIGURE: "figure",
+    FORM: "form",
+    FOOTER: "contentinfo",
+    H1: "heading",
+    H2: "heading",
+    H3: "heading",
+    H4: "heading",
+    H5: "heading",
+    H6: "heading",
+    HEADER: "banner",
+    HR: "separator",
+    LEGEND: "legend",
+    LI: "listitem",
+    MATH: "math",
+    MAIN: "main",
+    MENU: "list",
+    NAV: "navigation",
+    OL: "list",
+    OPTGROUP: "group",
+    OPTION: "option",
+    OUTPUT: "status",
+    PROGRESS: "progressbar",
+    SECTION: "region",
+    SUMMARY: "button",
+    TABLE: "table",
+    TBODY: "rowgroup",
+    TEXTAREA: "textbox",
+    TFOOT: "rowgroup",
+    TD: "cell",
+    TH: "columnheader",
+    THEAD: "rowgroup",
+    TR: "row",
+    UL: "list"
   };
-function pushHostContainer(fiber, nextRootInstance) {
-  push(rootInstanceStackCursor, nextRootInstance);
-  push(contextFiberStackCursor, fiber);
-  push(contextStackCursor$1, null);
-  fiber = nextRootInstance.nodeType;
-  switch (fiber) {
-    case 9:
-    case 11:
-      nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
-        ? (nextRootInstance = nextRootInstance.namespaceURI)
-          ? getOwnHostContext(nextRootInstance)
-          : 0
-        : 0;
-      break;
-    default:
-      if (
-        ((fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
-        (nextRootInstance = fiber.tagName),
-        (fiber = fiber.namespaceURI))
-      )
-        (fiber = getOwnHostContext(fiber)),
-          (nextRootInstance = getChildHostContextProd(fiber, nextRootInstance));
-      else
-        switch (nextRootInstance) {
-          case "svg":
-            nextRootInstance = 1;
-            break;
-          case "math":
-            nextRootInstance = 2;
-            break;
-          default:
-            nextRootInstance = 0;
-        }
-  }
-  pop(contextStackCursor$1);
-  push(contextStackCursor$1, nextRootInstance);
-}
-function popHostContainer() {
-  pop(contextStackCursor$1);
-  pop(contextFiberStackCursor);
-  pop(rootInstanceStackCursor);
-}
-function pushHostContext(fiber) {
-  null !== fiber.memoizedState && push(hostTransitionProviderCursor, fiber);
-  var context = contextStackCursor$1.current;
-  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
-  context !== JSCompiler_inline_result &&
-    (push(contextFiberStackCursor, fiber),
-    push(contextStackCursor$1, JSCompiler_inline_result));
-}
-function popHostContext(fiber) {
-  contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
-  hostTransitionProviderCursor.current === fiber &&
-    (pop(hostTransitionProviderCursor),
-    (HostTransitionContext._currentValue = null));
-}
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-function resolveUpdatePriority() {
-  var updatePriority = Internals.p;
-  if (0 !== updatePriority) return updatePriority;
-  updatePriority = window.event;
-  return void 0 === updatePriority ? 32 : getEventPriority(updatePriority.type);
-}
-function runWithPriority(priority, fn) {
-  var previousPriority = Internals.p;
-  try {
-    return (Internals.p = priority), fn();
-  } finally {
-    Internals.p = previousPriority;
-  }
-}
-var tagToRoleMappings = {
-  ARTICLE: "article",
-  ASIDE: "complementary",
-  BODY: "document",
-  BUTTON: "button",
-  DATALIST: "listbox",
-  DD: "definition",
-  DETAILS: "group",
-  DIALOG: "dialog",
-  DT: "term",
-  FIELDSET: "group",
-  FIGURE: "figure",
-  FORM: "form",
-  FOOTER: "contentinfo",
-  H1: "heading",
-  H2: "heading",
-  H3: "heading",
-  H4: "heading",
-  H5: "heading",
-  H6: "heading",
-  HEADER: "banner",
-  HR: "separator",
-  LEGEND: "legend",
-  LI: "listitem",
-  MATH: "math",
-  MAIN: "main",
-  MENU: "list",
-  NAV: "navigation",
-  OL: "list",
-  OPTGROUP: "group",
-  OPTION: "option",
-  OUTPUT: "status",
-  PROGRESS: "progressbar",
-  SECTION: "region",
-  SUMMARY: "button",
-  TABLE: "table",
-  TBODY: "rowgroup",
-  TEXTAREA: "textbox",
-  TFOOT: "rowgroup",
-  TD: "cell",
-  TH: "columnheader",
-  THEAD: "rowgroup",
-  TR: "row",
-  UL: "list"
-};
 function getImplicitRole(element) {
   var mappedByTag = tagToRoleMappings[element.tagName];
   if (void 0 !== mappedByTag) return mappedByTag;
@@ -1354,6 +1342,29 @@ function initTextarea(element, value, defaultValue, children) {
     null !== children &&
     (element.value = children);
 }
+var reusableSVGContainer;
+function setInnerHTMLImpl(node, html) {
+  if ("http://www.w3.org/2000/svg" !== node.namespaceURI || "innerHTML" in node)
+    node.innerHTML = html;
+  else {
+    reusableSVGContainer =
+      reusableSVGContainer || document.createElement("div");
+    reusableSVGContainer.innerHTML =
+      "<svg>" + html.valueOf().toString() + "</svg>";
+    for (html = reusableSVGContainer.firstChild; node.firstChild; )
+      node.removeChild(node.firstChild);
+    for (; html.firstChild; ) node.appendChild(html.firstChild);
+  }
+}
+var setInnerHTML = setInnerHTMLImpl;
+"undefined" !== typeof MSApp &&
+  MSApp.execUnsafeLocalFunction &&
+  (setInnerHTML = function (node, html) {
+    return MSApp.execUnsafeLocalFunction(function () {
+      return setInnerHTMLImpl(node, html);
+    });
+  });
+var setInnerHTML$1 = setInnerHTML;
 function setTextContent(node, text) {
   if (text) {
     var firstChild = node.firstChild;
@@ -1838,7 +1849,7 @@ function prepareToHydrateHostInstance(fiber) {
     ? (null != props.onScroll && listenToNonDelegatedEvent("scroll", instance),
       null != props.onScrollEnd &&
         listenToNonDelegatedEvent("scrollend", instance),
-      null != props.onClick && (instance.onclick = noop$1),
+      null != props.onClick && (instance.onclick = noop$2),
       (instance = !0))
     : (instance = !1);
   !instance && favorSafetyOverHydrationPerf && throwOnHydrationMismatch(fiber);
@@ -2478,12 +2489,12 @@ function isThenableResolved(thenable) {
   thenable = thenable.status;
   return "fulfilled" === thenable || "rejected" === thenable;
 }
-function noop$2() {}
+function noop$3() {}
 function trackUsedThenable(thenableState, thenable, index) {
   index = thenableState[index];
   void 0 === index
     ? thenableState.push(thenable)
-    : index !== thenable && (thenable.then(noop$2, noop$2), (thenable = index));
+    : index !== thenable && (thenable.then(noop$3, noop$3), (thenable = index));
   switch (thenable.status) {
     case "fulfilled":
       return thenable.value;
@@ -2493,7 +2504,7 @@ function trackUsedThenable(thenableState, thenable, index) {
         throw Error(formatProdErrorMessage(483));
       throw thenableState;
     default:
-      if ("string" === typeof thenable.status) thenable.then(noop$2, noop$2);
+      if ("string" === typeof thenable.status) thenable.then(noop$3, noop$3);
       else {
         thenableState = workInProgressRoot;
         if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
@@ -2545,11 +2556,51 @@ function unwrapThenable(thenable) {
   null === thenableState$1 && (thenableState$1 = []);
   return trackUsedThenable(thenableState$1, thenable, index);
 }
+function convertStringRefToCallbackRef(
+  returnFiber,
+  current,
+  element,
+  mixedRef
+) {
+  function ref(value) {
+    var refs = inst.refs;
+    null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+  }
+  var stringRef = "" + mixedRef;
+  returnFiber = element._owner;
+  if (!returnFiber) throw Error(formatProdErrorMessage(290, stringRef));
+  if (1 !== returnFiber.tag) throw Error(formatProdErrorMessage(309));
+  var inst = returnFiber.stateNode;
+  if (!inst) throw Error(formatProdErrorMessage(147, stringRef));
+  if (
+    null !== current &&
+    null !== current.ref &&
+    "function" === typeof current.ref &&
+    current.ref._stringRef === stringRef
+  )
+    return current.ref;
+  ref._stringRef = stringRef;
+  return ref;
+}
 function coerceRef(returnFiber, current, workInProgress, element) {
-  enableRefAsProp
-    ? ((returnFiber = element.props.ref),
-      (returnFiber = void 0 !== returnFiber ? returnFiber : null))
-    : (returnFiber = element.ref);
+  if (enableRefAsProp) {
+    var mixedRef = element.props.ref;
+    mixedRef = void 0 !== mixedRef ? mixedRef : null;
+  } else mixedRef = element.ref;
+  "string" === typeof mixedRef ||
+  "number" === typeof mixedRef ||
+  "boolean" === typeof mixedRef
+    ? ((returnFiber = convertStringRefToCallbackRef(
+        returnFiber,
+        current,
+        element,
+        mixedRef
+      )),
+      enableRefAsProp &&
+        ((current = assign({}, workInProgress.pendingProps)),
+        (current.ref = returnFiber),
+        (workInProgress.pendingProps = current)))
+    : (returnFiber = mixedRef);
   workInProgress.ref = returnFiber;
 }
 function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -3328,7 +3379,9 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-var renderLanes = 0,
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig,
+  renderLanes = 0,
   currentlyRenderingFiber$1 = null,
   currentHook = null,
   workInProgressHook = null,
@@ -3361,7 +3414,7 @@ function renderWithHooks(
   workInProgress.memoizedState = null;
   workInProgress.updateQueue = null;
   workInProgress.lanes = 0;
-  ReactSharedInternals.H =
+  ReactCurrentDispatcher$1.current =
     null === current || null === current.memoizedState
       ? HooksDispatcherOnMount
       : HooksDispatcherOnUpdate;
@@ -3379,7 +3432,7 @@ function renderWithHooks(
   return nextRenderLanes;
 }
 function finishRenderingHooks(current) {
-  ReactSharedInternals.H = ContextOnlyDispatcher;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
   var didRenderTooFewHooks = null !== currentHook && null !== currentHook.next;
   renderLanes = 0;
   workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
@@ -3406,22 +3459,16 @@ function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
     numberOfReRenders += 1;
     workInProgressHook = currentHook = null;
     workInProgress.updateQueue = null;
-    ReactSharedInternals.H = HooksDispatcherOnRerender;
+    ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
     var children = Component(props, secondArg);
   } while (didScheduleRenderPhaseUpdateDuringThisPass);
   return children;
 }
 function TransitionAwareHostComponent() {
-  var dispatcher = ReactSharedInternals.H,
-    maybeThenable = dispatcher.useState()[0];
-  maybeThenable =
-    "function" === typeof maybeThenable.then
-      ? useThenable(maybeThenable)
-      : maybeThenable;
-  dispatcher = dispatcher.useState()[0];
-  (null !== currentHook ? currentHook.memoizedState : null) !== dispatcher &&
-    (currentlyRenderingFiber$1.flags |= 1024);
-  return maybeThenable;
+  var maybeThenable = ReactCurrentDispatcher$1.current.useState()[0];
+  return "function" === typeof maybeThenable.then
+    ? useThenable(maybeThenable)
+    : maybeThenable;
 }
 function checkDidRenderIdHook() {
   var didRenderIdHook = 0 !== localIdCounter;
@@ -3512,7 +3559,7 @@ function useThenable(thenable) {
     (null === workInProgressHook
       ? null === currentlyRenderingFiber$1.memoizedState
       : null === workInProgressHook.next) &&
-    (ReactSharedInternals.H = HooksDispatcherOnMount);
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
   return thenable;
 }
 function use(usable) {
@@ -3816,9 +3863,9 @@ function dispatchActionState(
 function runActionStateAction(actionQueue, setPendingState, setState, payload) {
   var action = actionQueue.action,
     prevState = actionQueue.state,
-    prevTransition = ReactSharedInternals.T,
+    prevTransition = ReactCurrentBatchConfig$3.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$3.transition = currentTransition;
   setPendingState(!0);
   try {
     var returnValue = action(prevState, payload);
@@ -3851,7 +3898,7 @@ function runActionStateAction(actionQueue, setPendingState, setState, payload) {
     setState({ then: function () {}, status: "rejected", reason: error }),
       finishRunningActionStateAction(actionQueue, setPendingState, setState);
   } finally {
-    ReactSharedInternals.T = prevTransition;
+    ReactCurrentBatchConfig$3.transition = prevTransition;
   }
 }
 function finishRunningActionStateAction(
@@ -4167,18 +4214,18 @@ function startTransition(
   callback,
   options
 ) {
-  var previousPriority = Internals.p;
-  Internals.p =
+  var previousPriority = currentUpdatePriority;
+  currentUpdatePriority =
     0 !== previousPriority && 8 > previousPriority ? previousPriority : 8;
-  var prevTransition = ReactSharedInternals.T,
+  var prevTransition = ReactCurrentBatchConfig$3.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$3.transition = currentTransition;
   dispatchOptimisticSetState(fiber, !1, queue, pendingState);
   enableTransitionTracing &&
     void 0 !== options &&
     void 0 !== options.name &&
-    ((currentTransition.name = options.name),
-    (currentTransition.startTime = now()));
+    ((ReactCurrentBatchConfig$3.transition.name = options.name),
+    (ReactCurrentBatchConfig$3.transition.startTime = now()));
   try {
     var returnValue = callback();
     if (
@@ -4200,63 +4247,42 @@ function startTransition(
       reason: error
     });
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig$3.transition = prevTransition);
   }
 }
 function startHostTransition(formFiber, pendingState, callback, formData) {
   if (5 !== formFiber.tag) throw Error(formatProdErrorMessage(476));
-  var queue = ensureFormComponentIsStateful(formFiber).queue;
+  if (null === formFiber.memoizedState) {
+    var newQueue = {
+      pending: null,
+      lanes: 0,
+      dispatch: null,
+      lastRenderedReducer: basicStateReducer,
+      lastRenderedState: sharedNotPendingObject
+    };
+    var queue = newQueue;
+    newQueue = {
+      memoizedState: sharedNotPendingObject,
+      baseState: sharedNotPendingObject,
+      baseQueue: null,
+      queue: newQueue,
+      next: null
+    };
+    formFiber.memoizedState = newQueue;
+    var alternate = formFiber.alternate;
+    null !== alternate && (alternate.memoizedState = newQueue);
+  } else queue = formFiber.memoizedState.queue;
   startTransition(
     formFiber,
     queue,
     pendingState,
     sharedNotPendingObject,
     function () {
-      requestFormReset$1(formFiber);
       return callback(formData);
     }
   );
 }
-function ensureFormComponentIsStateful(formFiber) {
-  var existingStateHook = formFiber.memoizedState;
-  if (null !== existingStateHook) return existingStateHook;
-  existingStateHook = {
-    memoizedState: sharedNotPendingObject,
-    baseState: sharedNotPendingObject,
-    baseQueue: null,
-    queue: {
-      pending: null,
-      lanes: 0,
-      dispatch: null,
-      lastRenderedReducer: basicStateReducer,
-      lastRenderedState: sharedNotPendingObject
-    },
-    next: null
-  };
-  var initialResetState = {};
-  existingStateHook.next = {
-    memoizedState: initialResetState,
-    baseState: initialResetState,
-    baseQueue: null,
-    queue: {
-      pending: null,
-      lanes: 0,
-      dispatch: null,
-      lastRenderedReducer: basicStateReducer,
-      lastRenderedState: initialResetState
-    },
-    next: null
-  };
-  formFiber.memoizedState = existingStateHook;
-  formFiber = formFiber.alternate;
-  null !== formFiber && (formFiber.memoizedState = existingStateHook);
-  return existingStateHook;
-}
-function requestFormReset$1(formFiber) {
-  requestCurrentTransition();
-  var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue;
-  dispatchSetState(formFiber, resetStateQueue, {});
-}
 function useHostTransitionStatus() {
   var status = readContext(HostTransitionContext);
   return null !== status ? status : sharedNotPendingObject;
@@ -4274,14 +4300,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$59 = enqueueUpdate(provider, fiber, lane);
-        null !== root$59 &&
-          (scheduleUpdateOnFiber(root$59, provider, lane),
-          entangleTransitions(root$59, provider, lane));
+        var root$60 = enqueueUpdate(provider, fiber, lane);
+        null !== root$60 &&
+          (scheduleUpdateOnFiber(root$60, provider, lane),
+          entangleTransitions(root$60, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$59 &&
+          null !== root$60 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4865,20 +4891,19 @@ function resolveClassComponentProps(
   alreadyResolvedDefaultProps
 ) {
   var newProps = baseProps;
-  if (enableRefAsProp && "ref" in baseProps) {
-    newProps = {};
-    for (var propName in baseProps)
-      "ref" !== propName && (newProps[propName] = baseProps[propName]);
-  }
   if (
     (Component = Component.defaultProps) &&
     (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
   ) {
-    newProps === baseProps && (newProps = assign({}, newProps, baseProps));
-    for (var propName$63 in Component)
-      void 0 === newProps[propName$63] &&
-        (newProps[propName$63] = Component[propName$63]);
+    newProps = assign({}, newProps, baseProps);
+    for (var propName in Component)
+      void 0 === newProps[propName] &&
+        (newProps[propName] = Component[propName]);
   }
+  enableRefAsProp &&
+    "ref" in newProps &&
+    (newProps === baseProps && (newProps = assign({}, newProps)),
+    delete newProps.ref);
   return newProps;
 }
 function resolveDefaultPropsOnNonClassComponent(Component, baseProps) {
@@ -5352,7 +5377,8 @@ function pushMarkerInstance(workInProgress, markerInstance) {
           markerInstanceStack.current.concat(markerInstance)
         ));
 }
-var SelectiveHydrationException = Error(formatProdErrorMessage(461)),
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+  SelectiveHydrationException = Error(formatProdErrorMessage(461)),
   didReceiveUpdate = !1;
 function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
   workInProgress.child =
@@ -5885,7 +5911,7 @@ function finishClassComponent(
       bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
     );
   shouldUpdate = workInProgress.stateNode;
-  ReactSharedInternals.owner = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   var nextChildren =
     didCaptureError && "function" !== typeof Component.getDerivedStateFromError
       ? null
@@ -7584,8 +7610,9 @@ function releaseCache(cache) {
       cache.controller.abort();
     });
 }
+var ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
 function requestCurrentTransition() {
-  var transition = ReactSharedInternals.T;
+  var transition = ReactCurrentBatchConfig$2.transition;
   null !== transition && transition._callbacks.add(handleAsyncAction);
   return transition;
 }
@@ -8460,7 +8487,6 @@ function unwindInterruptedWork(current, interruptedWork) {
 }
 var offscreenSubtreeIsHidden = !1,
   offscreenSubtreeWasHidden = !1,
-  needsFormReset = !1,
   PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
   nextEffect = null;
 function callComponentWillUnmountWithTimer(current, instance) {
@@ -8550,7 +8576,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$201) {
+          } catch (e$200) {
             JSCompiler_temp = null;
             break a;
           }
@@ -9148,7 +9174,7 @@ function insertOrAppendPlacementNodeIntoContainer(node, before, parent) {
           (parent = parent._reactRootContainer),
           (null !== parent && void 0 !== parent) ||
             null !== before.onclick ||
-            (before.onclick = noop$1));
+            (before.onclick = noop$2));
   else if (4 !== tag && 27 !== tag && ((node = node.child), null !== node))
     for (
       insertOrAppendPlacementNodeIntoContainer(node, before, parent),
@@ -9475,7 +9501,7 @@ function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) {
         captureCommitPhaseError(childToDelete, parentFiber, error);
       }
     }
-  if (parentFiber.subtreeFlags & 13878)
+  if (parentFiber.subtreeFlags & 12854)
     for (parentFiber = parentFiber.child; null !== parentFiber; )
       commitMutationEffectsOnFiber(parentFiber, root$jscomp$0),
         (parentFiber = parentFiber.sibling);
@@ -9515,11 +9541,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         offscreenSubtreeIsHidden &&
         ((finishedWork = finishedWork.updateQueue),
         null !== finishedWork &&
-          ((flags = finishedWork.callbacks),
-          null !== flags &&
-            ((current = finishedWork.shared.hiddenCallbacks),
+          ((current = finishedWork.callbacks),
+          null !== current &&
+            ((flags = finishedWork.shared.hiddenCallbacks),
             (finishedWork.shared.hiddenCallbacks =
-              null === current ? flags : current.concat(flags)))));
+              null === flags ? current : flags.concat(current)))));
       break;
     case 26:
       var hoistableRoot = currentHoistableRoot;
@@ -9537,10 +9563,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           if (null === flags)
             if (null === finishedWork.stateNode) {
               a: {
-                flags = finishedWork.type;
-                current = finishedWork.memoizedProps;
+                current = finishedWork.type;
+                flags = finishedWork.memoizedProps;
                 root = hoistableRoot.ownerDocument || hoistableRoot;
-                b: switch (flags) {
+                b: switch (current) {
                   case "title":
                     hoistableRoot = root.getElementsByTagName("title")[0];
                     if (
@@ -9551,42 +9577,42 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         hoistableRoot.namespaceURI ||
                       hoistableRoot.hasAttribute("itemprop")
                     )
-                      (hoistableRoot = root.createElement(flags)),
+                      (hoistableRoot = root.createElement(current)),
                         root.head.insertBefore(
                           hoistableRoot,
                           root.querySelector("head > title")
                         );
-                    setInitialProperties(hoistableRoot, flags, current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     hoistableRoot[internalInstanceKey] = finishedWork;
                     markNodeAsHoistable(hoistableRoot);
-                    flags = hoistableRoot;
+                    current = hoistableRoot;
                     break a;
                   case "link":
                     var maybeNodes = getHydratableHoistableCache(
                       "link",
                       "href",
                       root
-                    ).get(flags + (current.href || ""));
+                    ).get(current + (flags.href || ""));
                     if (maybeNodes)
                       for (var i = 0; i < maybeNodes.length; i++)
                         if (
                           ((hoistableRoot = maybeNodes[i]),
                           hoistableRoot.getAttribute("href") ===
-                            (null == current.href ? null : current.href) &&
+                            (null == flags.href ? null : flags.href) &&
                             hoistableRoot.getAttribute("rel") ===
-                              (null == current.rel ? null : current.rel) &&
+                              (null == flags.rel ? null : flags.rel) &&
                             hoistableRoot.getAttribute("title") ===
-                              (null == current.title ? null : current.title) &&
+                              (null == flags.title ? null : flags.title) &&
                             hoistableRoot.getAttribute("crossorigin") ===
-                              (null == current.crossOrigin
+                              (null == flags.crossOrigin
                                 ? null
-                                : current.crossOrigin))
+                                : flags.crossOrigin))
                         ) {
                           maybeNodes.splice(i, 1);
                           break b;
                         }
-                    hoistableRoot = root.createElement(flags);
-                    setInitialProperties(hoistableRoot, flags, current);
+                    hoistableRoot = root.createElement(current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     root.head.appendChild(hoistableRoot);
                     break;
                   case "meta":
@@ -9595,45 +9621,43 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         "meta",
                         "content",
                         root
-                      ).get(flags + (current.content || "")))
+                      ).get(current + (flags.content || "")))
                     )
                       for (i = 0; i < maybeNodes.length; i++)
                         if (
                           ((hoistableRoot = maybeNodes[i]),
                           hoistableRoot.getAttribute("content") ===
-                            (null == current.content
+                            (null == flags.content
                               ? null
-                              : "" + current.content) &&
+                              : "" + flags.content) &&
                             hoistableRoot.getAttribute("name") ===
-                              (null == current.name ? null : current.name) &&
+                              (null == flags.name ? null : flags.name) &&
                             hoistableRoot.getAttribute("property") ===
-                              (null == current.property
+                              (null == flags.property
                                 ? null
-                                : current.property) &&
+                                : flags.property) &&
                             hoistableRoot.getAttribute("http-equiv") ===
-                              (null == current.httpEquiv
+                              (null == flags.httpEquiv
                                 ? null
-                                : current.httpEquiv) &&
+                                : flags.httpEquiv) &&
                             hoistableRoot.getAttribute("charset") ===
-                              (null == current.charSet
-                                ? null
-                                : current.charSet))
+                              (null == flags.charSet ? null : flags.charSet))
                         ) {
                           maybeNodes.splice(i, 1);
                           break b;
                         }
-                    hoistableRoot = root.createElement(flags);
-                    setInitialProperties(hoistableRoot, flags, current);
+                    hoistableRoot = root.createElement(current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     root.head.appendChild(hoistableRoot);
                     break;
                   default:
-                    throw Error(formatProdErrorMessage(468, flags));
+                    throw Error(formatProdErrorMessage(468, current));
                 }
                 hoistableRoot[internalInstanceKey] = finishedWork;
                 markNodeAsHoistable(hoistableRoot);
-                flags = hoistableRoot;
+                current = hoistableRoot;
               }
-              finishedWork.stateNode = flags;
+              finishedWork.stateNode = current;
             } else
               mountHoistable(
                 hoistableRoot,
@@ -9721,19 +9745,18 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$166);
         }
       }
-      if (flags & 4 && ((root = finishedWork.stateNode), null != root)) {
-        hoistableRoot = finishedWork.memoizedProps;
-        current = null !== current ? current.memoizedProps : hoistableRoot;
-        maybeNodes = finishedWork.type;
+      if (flags & 4 && ((flags = finishedWork.stateNode), null != flags)) {
+        root = finishedWork.memoizedProps;
+        current = null !== current ? current.memoizedProps : root;
+        hoistableRoot = finishedWork.type;
         finishedWork.updateQueue = null;
         try {
-          updateProperties(root, maybeNodes, current, hoistableRoot),
-            (root[internalPropsKey] = hoistableRoot);
+          updateProperties(flags, hoistableRoot, current, root),
+            (flags[internalPropsKey] = root);
         } catch (error$169) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$169);
         }
       }
-      flags & 1024 && (needsFormReset = !0);
       break;
     case 6:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -9741,10 +9764,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4) {
         if (null === finishedWork.stateNode)
           throw Error(formatProdErrorMessage(162));
-        flags = finishedWork.stateNode;
-        current = finishedWork.memoizedProps;
+        current = finishedWork.stateNode;
+        flags = finishedWork.memoizedProps;
         try {
-          flags.nodeValue = current;
+          current.nodeValue = flags;
         } catch (error$170) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$170);
         }
@@ -9763,17 +9786,15 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         } catch (error$171) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$171);
         }
-      needsFormReset &&
-        ((needsFormReset = !1), recursivelyResetForms(finishedWork));
       break;
     case 4:
-      flags = currentHoistableRoot;
+      current = currentHoistableRoot;
       currentHoistableRoot = getHoistableRoot(
         finishedWork.stateNode.containerInfo
       );
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
-      currentHoistableRoot = flags;
+      currentHoistableRoot = current;
       break;
     case 13:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -9796,10 +9817,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         } catch (error$173) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error$173);
         }
-        flags = finishedWork.updateQueue;
-        null !== flags &&
+        current = finishedWork.updateQueue;
+        null !== current &&
           ((finishedWork.updateQueue = null),
-          attachSuspenseRetryListeners(finishedWork, flags));
+          attachSuspenseRetryListeners(finishedWork, current));
       }
       break;
     case 22:
@@ -9900,21 +9921,21 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           root = root.sibling;
         }
       flags & 4 &&
-        ((flags = finishedWork.updateQueue),
-        null !== flags &&
-          ((current = flags.retryQueue),
-          null !== current &&
-            ((flags.retryQueue = null),
-            attachSuspenseRetryListeners(finishedWork, current))));
+        ((current = finishedWork.updateQueue),
+        null !== current &&
+          ((flags = current.retryQueue),
+          null !== flags &&
+            ((current.retryQueue = null),
+            attachSuspenseRetryListeners(finishedWork, flags))));
       break;
     case 19:
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
       flags & 4 &&
-        ((flags = finishedWork.updateQueue),
-        null !== flags &&
+        ((current = finishedWork.updateQueue),
+        null !== current &&
           ((finishedWork.updateQueue = null),
-          attachSuspenseRetryListeners(finishedWork, flags)));
+          attachSuspenseRetryListeners(finishedWork, current)));
       break;
     case 21:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -9979,15 +10000,6 @@ function commitReconciliationEffects(finishedWork) {
   }
   flags & 4096 && (finishedWork.flags &= -4097);
 }
-function recursivelyResetForms(parentFiber) {
-  if (parentFiber.subtreeFlags & 1024)
-    for (parentFiber = parentFiber.child; null !== parentFiber; ) {
-      var fiber = parentFiber;
-      recursivelyResetForms(fiber);
-      5 === fiber.tag && fiber.flags & 1024 && fiber.stateNode.reset();
-      parentFiber = parentFiber.sibling;
-    }
-}
 function recursivelyTraverseLayoutEffects(root, parentFiber) {
   if (parentFiber.subtreeFlags & 8772)
     for (parentFiber = parentFiber.child; null !== parentFiber; )
@@ -10990,6 +11002,10 @@ function schedulePostPaintCallback(callback) {
     }));
 }
 var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
   executionContext = 0,
   workInProgressRoot = null,
   workInProgress = null,
@@ -11082,14 +11098,19 @@ var legacyErrorBoundariesThatAlreadyFailed = null,
   nestedUpdateCount = 0,
   rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
-  return 0 === (fiber.mode & 1)
-    ? 2
-    : 0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes
-    ? workInProgressRootRenderLanes & -workInProgressRootRenderLanes
-    : null !== requestCurrentTransition()
-    ? ((fiber = currentEntangledLane),
-      0 !== fiber ? fiber : requestTransitionLane())
-    : resolveUpdatePriority();
+  if (0 === (fiber.mode & 1)) return 2;
+  if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
+    return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
+  if (null !== requestCurrentTransition())
+    return (
+      (fiber = currentEntangledLane),
+      0 !== fiber ? fiber : requestTransitionLane()
+    );
+  fiber = currentUpdatePriority;
+  if (0 !== fiber) return fiber;
+  fiber = window.event;
+  fiber = void 0 === fiber ? 32 : getEventPriority(fiber.type);
+  return fiber;
 }
 function requestDeferredLane() {
   0 === workInProgressDeferredLane &&
@@ -11115,7 +11136,7 @@ function scheduleUpdateOnFiber(root, fiber, lane) {
   markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot) {
     if (enableTransitionTracing) {
-      var transition = ReactSharedInternals.T;
+      var transition = ReactCurrentBatchConfig$1.transition;
       if (
         null !== transition &&
         null != transition.name &&
@@ -11183,18 +11204,13 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
             root,
             renderWasConcurrent
           );
-          if (
-            0 !== errorRetryLanes &&
+          0 !== errorRetryLanes &&
             ((lanes = errorRetryLanes),
             (exitStatus = recoverFromConcurrentError(
               root,
               renderWasConcurrent,
               errorRetryLanes
-            )),
-            (renderWasConcurrent = !1),
-            2 !== exitStatus)
-          )
-            continue;
+            )));
         }
         if (1 === exitStatus) {
           prepareFreshStack(root, 0);
@@ -11460,10 +11476,28 @@ function batchedUpdates$1(fn, a) {
         flushSyncWorkAcrossRoots_impl(!0));
   }
 }
-function flushSyncWork() {
-  return 0 === (executionContext & 6)
-    ? (flushSyncWorkAcrossRoots_impl(!1), !1)
-    : !0;
+function flushSync$1(fn) {
+  null !== rootWithPendingPassiveEffects &&
+    0 === rootWithPendingPassiveEffects.tag &&
+    0 === (executionContext & 6) &&
+    flushPassiveEffects();
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
+  var prevTransition = ReactCurrentBatchConfig$1.transition,
+    previousPriority = currentUpdatePriority;
+  try {
+    if (
+      ((ReactCurrentBatchConfig$1.transition = null),
+      (currentUpdatePriority = 2),
+      fn)
+    )
+      return fn();
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig$1.transition = prevTransition),
+      (executionContext = prevExecutionContext),
+      0 === (executionContext & 6) && flushSyncWorkAcrossRoots_impl(!1);
+  }
 }
 function resetWorkInProgressStack() {
   if (null !== workInProgress) {
@@ -11526,8 +11560,8 @@ function prepareFreshStack(root, lanes) {
 }
 function handleThrow(root, thrownValue) {
   currentlyRenderingFiber$1 = null;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
-  ReactSharedInternals.owner = null;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  ReactCurrentOwner.current = null;
   thrownValue === SuspenseException
     ? ((thrownValue = getSuspendedThenable()),
       (workInProgressSuspendedReason =
@@ -11571,13 +11605,13 @@ function shouldRemainOnPreviousScreen() {
     : !1;
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactSharedInternals.H;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
   return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushCacheDispatcher() {
-  var prevCacheDispatcher = ReactSharedInternals.C;
-  ReactSharedInternals.C = DefaultCacheDispatcher;
+  var prevCacheDispatcher = ReactCurrentCache.current;
+  ReactCurrentCache.current = DefaultCacheDispatcher;
   return prevCacheDispatcher;
 }
 function renderDidSuspendDelayIfPossible() {
@@ -11630,8 +11664,8 @@ function renderRootSync(root, lanes) {
   lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
   if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
   workInProgressRoot = null;
   workInProgressRootRenderLanes = 0;
@@ -11734,8 +11768,8 @@ function renderRootConcurrent(root, lanes) {
     }
   while (1);
   resetContextDependencies();
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
   executionContext = prevExecutionContext;
   if (null !== workInProgress) return 0;
   workInProgressRoot = null;
@@ -11751,7 +11785,7 @@ function performUnitOfWork(unitOfWork) {
   var next = beginWork(unitOfWork.alternate, unitOfWork, entangledRenderLanes);
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
   null === next ? completeUnitOfWork(unitOfWork) : (workInProgress = next);
-  ReactSharedInternals.owner = null;
+  ReactCurrentOwner.current = null;
 }
 function replaySuspendedUnitOfWork(unitOfWork) {
   var current = unitOfWork.alternate;
@@ -11807,7 +11841,7 @@ function replaySuspendedUnitOfWork(unitOfWork) {
   null === current
     ? completeUnitOfWork(unitOfWork)
     : (workInProgress = current);
-  ReactSharedInternals.owner = null;
+  ReactCurrentOwner.current = null;
 }
 function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
   resetContextDependencies();
@@ -11894,11 +11928,11 @@ function commitRoot(
   didIncludeRenderPhaseUpdate,
   spawnedLane
 ) {
-  var prevTransition = ReactSharedInternals.T,
-    previousUpdateLanePriority = Internals.p;
+  var previousUpdateLanePriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig$1.transition;
   try {
-    (Internals.p = 2),
-      (ReactSharedInternals.T = null),
+    (ReactCurrentBatchConfig$1.transition = null),
+      (currentUpdatePriority = 2),
       commitRootImpl(
         root,
         recoverableErrors,
@@ -11908,8 +11942,8 @@ function commitRoot(
         spawnedLane
       );
   } finally {
-    (ReactSharedInternals.T = prevTransition),
-      (Internals.p = previousUpdateLanePriority);
+    (ReactCurrentBatchConfig$1.transition = prevTransition),
+      (currentUpdatePriority = previousUpdateLanePriority);
   }
   return null;
 }
@@ -11952,13 +11986,13 @@ function commitRootImpl(
     }));
   transitions = 0 !== (finishedWork.flags & 15990);
   if (0 !== (finishedWork.subtreeFlags & 15990) || transitions) {
-    transitions = ReactSharedInternals.T;
-    ReactSharedInternals.T = null;
-    spawnedLane = Internals.p;
-    Internals.p = 2;
+    transitions = ReactCurrentBatchConfig$1.transition;
+    ReactCurrentBatchConfig$1.transition = null;
+    spawnedLane = currentUpdatePriority;
+    currentUpdatePriority = 2;
     var prevExecutionContext = executionContext;
     executionContext |= 4;
-    ReactSharedInternals.owner = null;
+    ReactCurrentOwner.current = null;
     var shouldFireAfterActiveInstanceBlur$195 = commitBeforeMutationEffects(
       root,
       finishedWork
@@ -11975,8 +12009,8 @@ function commitRootImpl(
     commitLayoutEffectOnFiber(root, finishedWork.alternate, finishedWork);
     requestPaint();
     executionContext = prevExecutionContext;
-    Internals.p = spawnedLane;
-    ReactSharedInternals.T = transitions;
+    currentUpdatePriority = spawnedLane;
+    ReactCurrentBatchConfig$1.transition = transitions;
   } else root.current = finishedWork;
   rootDoesHavePassiveEffects
     ? ((rootDoesHavePassiveEffects = !1),
@@ -12039,18 +12073,19 @@ function flushPassiveEffects() {
     var root$196 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
-    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
-      prevTransition = ReactSharedInternals.T,
-      previousPriority = Internals.p;
+    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
+    renderPriority = 32 > renderPriority ? 32 : renderPriority;
+    var prevTransition = ReactCurrentBatchConfig$1.transition,
+      previousPriority = currentUpdatePriority;
     try {
       return (
-        (Internals.p = 32 > renderPriority ? 32 : renderPriority),
-        (ReactSharedInternals.T = null),
+        (ReactCurrentBatchConfig$1.transition = null),
+        (currentUpdatePriority = renderPriority),
         flushPassiveEffectsImpl()
       );
     } finally {
-      (Internals.p = previousPriority),
-        (ReactSharedInternals.T = prevTransition),
+      (currentUpdatePriority = previousPriority),
+        (ReactCurrentBatchConfig$1.transition = prevTransition),
         releaseRootPooledCache(root$196, remainingLanes);
     }
   }
@@ -12726,36 +12761,6 @@ function createHydrationContainer(
 function updateContainer(element, container, parentComponent, callback) {
   var current = container.current,
     lane = requestUpdateLane(current);
-  updateContainerImpl(
-    current,
-    lane,
-    element,
-    container,
-    parentComponent,
-    callback
-  );
-  return lane;
-}
-function updateContainerSync(element, container, parentComponent, callback) {
-  0 === container.tag && flushPassiveEffects();
-  updateContainerImpl(
-    container.current,
-    2,
-    element,
-    container,
-    parentComponent,
-    callback
-  );
-  return 2;
-}
-function updateContainerImpl(
-  rootFiber,
-  lane,
-  element,
-  container,
-  parentComponent,
-  callback
-) {
   parentComponent = getContextForSubtree(parentComponent);
   null === container.context
     ? (container.context = parentComponent)
@@ -12764,10 +12769,11 @@ function updateContainerImpl(
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  element = enqueueUpdate(rootFiber, container, lane);
+  element = enqueueUpdate(current, container, lane);
   null !== element &&
-    (scheduleUpdateOnFiber(element, rootFiber, lane),
-    entangleTransitions(element, rootFiber, lane));
+    (scheduleUpdateOnFiber(element, current, lane),
+    entangleTransitions(element, current, lane));
+  return lane;
 }
 function getPublicRootInstance(container) {
   container = container.current;
@@ -12780,6 +12786,28 @@ function getPublicRootInstance(container) {
       return container.child.stateNode;
   }
 }
+function attemptSynchronousHydration(fiber) {
+  switch (fiber.tag) {
+    case 3:
+      var root$198 = fiber.stateNode;
+      if (root$198.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$198.pendingLanes);
+        0 !== lanes &&
+          (upgradePendingLanesToSync(root$198, lanes),
+          ensureRootIsScheduled(root$198),
+          0 === (executionContext & 6) &&
+            ((workInProgressRootRenderTargetTime = now() + 500),
+            flushSyncWorkAcrossRoots_impl(!1)));
+      }
+      break;
+    case 13:
+      flushSync$1(function () {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root && scheduleUpdateOnFiber(root, fiber, 2);
+      }),
+        markRetryLaneIfNotHydrated(fiber, 2);
+  }
+}
 function markRetryLaneImpl(fiber, retryLane) {
   fiber = fiber.memoizedState;
   if (null !== fiber && null !== fiber.dehydrated) {
@@ -12798,53 +12826,9 @@ function attemptContinuousHydration(fiber) {
     markRetryLaneIfNotHydrated(fiber, 67108864);
   }
 }
-function findHostInstanceByFiber(fiber) {
-  fiber = findCurrentHostFiber(fiber);
-  return null === fiber ? null : fiber.stateNode;
-}
 function emptyFindFiberByHostInstance() {
   return null;
 }
-function injectIntoDevTools(devToolsConfig) {
-  devToolsConfig = {
-    bundleType: devToolsConfig.bundleType,
-    version: devToolsConfig.version,
-    rendererPackageName: devToolsConfig.rendererPackageName,
-    rendererConfig: devToolsConfig.rendererConfig,
-    overrideHookState: null,
-    overrideHookStateDeletePath: null,
-    overrideHookStateRenamePath: null,
-    overrideProps: null,
-    overridePropsDeletePath: null,
-    overridePropsRenamePath: null,
-    setErrorHandler: null,
-    setSuspenseHandler: null,
-    scheduleUpdate: null,
-    currentDispatcherRef: ReactSharedInternals,
-    findHostInstanceByFiber: findHostInstanceByFiber,
-    findFiberByHostInstance:
-      devToolsConfig.findFiberByHostInstance || emptyFindFiberByHostInstance,
-    findHostInstancesForRefresh: null,
-    scheduleRefresh: null,
-    scheduleRoot: null,
-    setRefreshHandler: null,
-    getCurrentFiber: null,
-    reconcilerVersion: "19.0.0-www-classic-ce1d0055"
-  };
-  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)
-    devToolsConfig = !1;
-  else {
-    var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-    if (hook.isDisabled || !hook.supportsFiber) devToolsConfig = !0;
-    else {
-      try {
-        (rendererID = hook.inject(devToolsConfig)), (injectedHook = hook);
-      } catch (err) {}
-      devToolsConfig = hook.checkDCE ? !0 : !1;
-    }
-  }
-  return devToolsConfig;
-}
 var isInsideEventHandler = !1;
 function batchedUpdates(fn, a, b) {
   if (isInsideEventHandler) return fn(a, b);
@@ -12856,7 +12840,7 @@ function batchedUpdates(fn, a, b) {
       ((isInsideEventHandler = !1),
       null !== restoreTarget || null !== restoreQueue)
     )
-      flushSyncWork(), restoreStateIfNeeded();
+      flushSync$1(), restoreStateIfNeeded();
   }
 }
 function getListener(inst, registrationName) {
@@ -13376,19 +13360,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$353;
+  var JSCompiler_inline_result$jscomp$350;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1524 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1524) {
-      var element$jscomp$inline_1525 = document.createElement("div");
-      element$jscomp$inline_1525.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1524 =
-        "function" === typeof element$jscomp$inline_1525.oninput;
+    var isSupported$jscomp$inline_1514 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1514) {
+      var element$jscomp$inline_1515 = document.createElement("div");
+      element$jscomp$inline_1515.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1514 =
+        "function" === typeof element$jscomp$inline_1515.oninput;
     }
-    JSCompiler_inline_result$jscomp$353 = isSupported$jscomp$inline_1524;
-  } else JSCompiler_inline_result$jscomp$353 = !1;
+    JSCompiler_inline_result$jscomp$350 = isSupported$jscomp$inline_1514;
+  } else JSCompiler_inline_result$jscomp$350 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$353 &&
+    JSCompiler_inline_result$jscomp$350 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -13659,9 +13643,6 @@ var vendorPrefixes = {
     animationend: makePrefixMap("Animation", "AnimationEnd"),
     animationiteration: makePrefixMap("Animation", "AnimationIteration"),
     animationstart: makePrefixMap("Animation", "AnimationStart"),
-    transitionrun: makePrefixMap("Transition", "TransitionRun"),
-    transitionstart: makePrefixMap("Transition", "TransitionStart"),
-    transitioncancel: makePrefixMap("Transition", "TransitionCancel"),
     transitionend: makePrefixMap("Transition", "TransitionEnd")
   },
   prefixedEventNames = {},
@@ -13687,9 +13668,6 @@ function getVendorPrefixedEventName(eventName) {
 var ANIMATION_END = getVendorPrefixedEventName("animationend"),
   ANIMATION_ITERATION = getVendorPrefixedEventName("animationiteration"),
   ANIMATION_START = getVendorPrefixedEventName("animationstart"),
-  TRANSITION_RUN = getVendorPrefixedEventName("transitionrun"),
-  TRANSITION_START = getVendorPrefixedEventName("transitionstart"),
-  TRANSITION_CANCEL = getVendorPrefixedEventName("transitioncancel"),
   TRANSITION_END = getVendorPrefixedEventName("transitionend"),
   topLevelEventsToReactNames = new Map(),
   simpleEventPluginEvents =
@@ -13766,20 +13744,20 @@ function extractEvents$1(
   }
 }
 for (
-  var i$jscomp$inline_1565 = 0;
-  i$jscomp$inline_1565 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1565++
+  var i$jscomp$inline_1555 = 0;
+  i$jscomp$inline_1555 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1555++
 ) {
-  var eventName$jscomp$inline_1566 =
-      simpleEventPluginEvents[i$jscomp$inline_1565],
-    domEventName$jscomp$inline_1567 =
-      eventName$jscomp$inline_1566.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1568 =
-      eventName$jscomp$inline_1566[0].toUpperCase() +
-      eventName$jscomp$inline_1566.slice(1);
+  var eventName$jscomp$inline_1556 =
+      simpleEventPluginEvents[i$jscomp$inline_1555],
+    domEventName$jscomp$inline_1557 =
+      eventName$jscomp$inline_1556.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1558 =
+      eventName$jscomp$inline_1556[0].toUpperCase() +
+      eventName$jscomp$inline_1556.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1567,
-    "on" + capitalizedEvent$jscomp$inline_1568
+    domEventName$jscomp$inline_1557,
+    "on" + capitalizedEvent$jscomp$inline_1558
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -13788,9 +13766,6 @@ registerSimpleEvent(ANIMATION_START, "onAnimationStart");
 registerSimpleEvent("dblclick", "onDoubleClick");
 registerSimpleEvent("focusin", "onFocus");
 registerSimpleEvent("focusout", "onBlur");
-registerSimpleEvent(TRANSITION_RUN, "onTransitionRun");
-registerSimpleEvent(TRANSITION_START, "onTransitionStart");
-registerSimpleEvent(TRANSITION_CANCEL, "onTransitionCancel");
 registerSimpleEvent(TRANSITION_END, "onTransitionEnd");
 registerDirectEvent("onMouseEnter", ["mouseout", "mouseover"]);
 registerDirectEvent("onMouseLeave", ["mouseout", "mouseover"]);
@@ -14625,7 +14600,7 @@ function checkForUnmatchedText(serverText, clientText) {
   clientText = normalizeMarkupForTextOrAttribute(clientText);
   return normalizeMarkupForTextOrAttribute(serverText) === clientText ? !0 : !1;
 }
-function noop$1() {}
+function noop$2() {}
 function setProp(domElement, tag, key, value, props, prevValue) {
   switch (key) {
     case "children":
@@ -14723,7 +14698,7 @@ function setProp(domElement, tag, key, value, props, prevValue) {
       domElement.setAttribute(key, value);
       break;
     case "onClick":
-      null != value && (domElement.onclick = noop$1);
+      null != value && (domElement.onclick = noop$2);
       break;
     case "onScroll":
       null != value && listenToNonDelegatedEvent("scroll", domElement);
@@ -14738,7 +14713,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
         key = value.__html;
         if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
-          domElement.innerHTML = key;
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -14950,7 +14927,9 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
         key = value.__html;
         if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
-          domElement.innerHTML = key;
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -14967,7 +14946,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
       null != value && listenToNonDelegatedEvent("scrollend", domElement);
       break;
     case "onClick":
-      null != value && (domElement.onclick = noop$1);
+      null != value && (domElement.onclick = noop$2);
       break;
     case "suppressContentEditableWarning":
     case "suppressHydrationWarning":
@@ -15248,14 +15227,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$228 in nextProps) {
-        var propKey = nextProps[propKey$228];
-        lastProp = lastProps[propKey$228];
+      for (var propKey$227 in nextProps) {
+        var propKey = nextProps[propKey$227];
+        lastProp = lastProps[propKey$227];
         if (
-          nextProps.hasOwnProperty(propKey$228) &&
+          nextProps.hasOwnProperty(propKey$227) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$228) {
+          switch (propKey$227) {
             case "type":
               type = propKey;
               break;
@@ -15284,7 +15263,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$228,
+                  propKey$227,
                   propKey,
                   nextProps,
                   lastProp
@@ -15303,7 +15282,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      propKey = value = defaultValue = propKey$228 = null;
+      propKey = value = defaultValue = propKey$227 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -15334,7 +15313,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$228 = type;
+              propKey$227 = type;
               break;
             case "defaultValue":
               defaultValue = type;
@@ -15355,15 +15334,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       tag = defaultValue;
       lastProps = value;
       nextProps = propKey;
-      null != propKey$228
-        ? updateOptions(domElement, !!lastProps, propKey$228, !1)
+      null != propKey$227
+        ? updateOptions(domElement, !!lastProps, propKey$227, !1)
         : !!nextProps !== !!lastProps &&
           (null != tag
             ? updateOptions(domElement, !!lastProps, tag, !0)
             : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
       return;
     case "textarea":
-      propKey = propKey$228 = null;
+      propKey = propKey$227 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -15387,7 +15366,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$228 = name;
+              propKey$227 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -15401,17 +15380,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$228, propKey);
+      updateTextarea(domElement, propKey$227, propKey);
       return;
     case "option":
-      for (var propKey$244 in lastProps)
+      for (var propKey$243 in lastProps)
         if (
-          ((propKey$228 = lastProps[propKey$244]),
-          lastProps.hasOwnProperty(propKey$244) &&
-            null != propKey$228 &&
-            !nextProps.hasOwnProperty(propKey$244))
+          ((propKey$227 = lastProps[propKey$243]),
+          lastProps.hasOwnProperty(propKey$243) &&
+            null != propKey$227 &&
+            !nextProps.hasOwnProperty(propKey$243))
         )
-          switch (propKey$244) {
+          switch (propKey$243) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -15419,33 +15398,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$244,
+                propKey$243,
                 null,
                 nextProps,
-                propKey$228
+                propKey$227
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$228 = nextProps[lastDefaultValue]),
+          ((propKey$227 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$228 !== propKey &&
-            (null != propKey$228 || null != propKey))
+            propKey$227 !== propKey &&
+            (null != propKey$227 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$228 &&
-                "function" !== typeof propKey$228 &&
-                "symbol" !== typeof propKey$228;
+                propKey$227 &&
+                "function" !== typeof propKey$227 &&
+                "symbol" !== typeof propKey$227;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$228,
+                propKey$227,
                 nextProps,
                 propKey
               );
@@ -15466,24 +15445,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$249 in lastProps)
-        (propKey$228 = lastProps[propKey$249]),
-          lastProps.hasOwnProperty(propKey$249) &&
-            null != propKey$228 &&
-            !nextProps.hasOwnProperty(propKey$249) &&
-            setProp(domElement, tag, propKey$249, null, nextProps, propKey$228);
+      for (var propKey$248 in lastProps)
+        (propKey$227 = lastProps[propKey$248]),
+          lastProps.hasOwnProperty(propKey$248) &&
+            null != propKey$227 &&
+            !nextProps.hasOwnProperty(propKey$248) &&
+            setProp(domElement, tag, propKey$248, null, nextProps, propKey$227);
       for (checked in nextProps)
         if (
-          ((propKey$228 = nextProps[checked]),
+          ((propKey$227 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$228 !== propKey &&
-            (null != propKey$228 || null != propKey))
+            propKey$227 !== propKey &&
+            (null != propKey$227 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$228)
+              if (null != propKey$227)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -15491,7 +15470,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$228,
+                propKey$227,
                 nextProps,
                 propKey
               );
@@ -15499,51 +15478,69 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$254 in lastProps)
-          (propKey$228 = lastProps[propKey$254]),
-            lastProps.hasOwnProperty(propKey$254) &&
-              void 0 !== propKey$228 &&
-              !nextProps.hasOwnProperty(propKey$254) &&
+        for (var propKey$253 in lastProps)
+          (propKey$227 = lastProps[propKey$253]),
+            lastProps.hasOwnProperty(propKey$253) &&
+              void 0 !== propKey$227 &&
+              !nextProps.hasOwnProperty(propKey$253) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$254,
+                propKey$253,
                 void 0,
                 nextProps,
-                propKey$228
+                propKey$227
               );
         for (defaultChecked in nextProps)
-          (propKey$228 = nextProps[defaultChecked]),
+          (propKey$227 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$228 === propKey ||
-              (void 0 === propKey$228 && void 0 === propKey) ||
+              propKey$227 === propKey ||
+              (void 0 === propKey$227 && void 0 === propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$228,
+                propKey$227,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$259 in lastProps)
-    (propKey$228 = lastProps[propKey$259]),
-      lastProps.hasOwnProperty(propKey$259) &&
-        null != propKey$228 &&
-        !nextProps.hasOwnProperty(propKey$259) &&
-        setProp(domElement, tag, propKey$259, null, nextProps, propKey$228);
+  for (var propKey$258 in lastProps)
+    (propKey$227 = lastProps[propKey$258]),
+      lastProps.hasOwnProperty(propKey$258) &&
+        null != propKey$227 &&
+        !nextProps.hasOwnProperty(propKey$258) &&
+        setProp(domElement, tag, propKey$258, null, nextProps, propKey$227);
   for (lastProp in nextProps)
-    (propKey$228 = nextProps[lastProp]),
+    (propKey$227 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$228 === propKey ||
-        (null == propKey$228 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$228, nextProps, propKey);
+        propKey$227 === propKey ||
+        (null == propKey$227 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$227, nextProps, propKey);
 }
-var eventsEnabled = null,
+function noop$1() {}
+var Internals = {
+    usingClientEntryPoint: !1,
+    Events: null,
+    ReactDOMCurrentDispatcher: {
+      current: {
+        prefetchDNS: noop$1,
+        preconnect: noop$1,
+        preload: noop$1,
+        preloadModule: noop$1,
+        preinitScript: noop$1,
+        preinitStyle: noop$1,
+        preinitModuleScript: noop$1
+      }
+    },
+    findDOMNode: null
+  },
+  ReactDOMCurrentDispatcher$1 = Internals.ReactDOMCurrentDispatcher,
+  eventsEnabled = null,
   selectionInformation = null;
 function getOwnerDocumentFromRootContainer(rootContainerElement) {
   return 9 === rootContainerElement.nodeType
@@ -15898,24 +15895,16 @@ function getHoistableRoot(container) {
     ? container.getRootNode()
     : container.ownerDocument;
 }
-var previousDispatcher = Internals.d;
-Internals.d = {
-  f: previousDispatcher.f,
-  r: requestFormReset,
-  D: prefetchDNS$1,
-  C: preconnect$1,
-  L: preload$1,
-  m: preloadModule$1,
-  X: preinitScript,
-  S: preinitStyle,
-  M: preinitModuleScript
+var previousDispatcher = ReactDOMCurrentDispatcher$1.current;
+ReactDOMCurrentDispatcher$1.current = {
+  prefetchDNS: prefetchDNS$1,
+  preconnect: preconnect$1,
+  preload: preload$1,
+  preloadModule: preloadModule$1,
+  preinitStyle: preinitStyle,
+  preinitScript: preinitScript,
+  preinitModuleScript: preinitModuleScript
 };
-function requestFormReset(form) {
-  var formInst = getInstanceFromNode(form);
-  null !== formInst && 5 === formInst.tag && "form" === formInst.type
-    ? requestFormReset$1(formInst)
-    : previousDispatcher.r(form);
-}
 var globalDocument = "undefined" === typeof document ? null : document;
 function preconnectAs(rel, href, crossOrigin) {
   var ownerDocument = globalDocument;
@@ -15937,15 +15926,15 @@ function preconnectAs(rel, href, crossOrigin) {
   }
 }
 function prefetchDNS$1(href) {
-  previousDispatcher.D(href);
+  previousDispatcher.prefetchDNS(href);
   preconnectAs("dns-prefetch", href, null);
 }
 function preconnect$1(href, crossOrigin) {
-  previousDispatcher.C(href, crossOrigin);
+  previousDispatcher.preconnect(href, crossOrigin);
   preconnectAs("preconnect", href, crossOrigin);
 }
 function preload$1(href, as, options) {
-  previousDispatcher.L(href, as, options);
+  previousDispatcher.preload(href, as, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && href && as) {
     var preloadSelector =
@@ -16006,7 +15995,7 @@ function preload$1(href, as, options) {
   }
 }
 function preloadModule$1(href, options) {
-  previousDispatcher.m(href, options);
+  previousDispatcher.preloadModule(href, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && href) {
     var as = options && "string" === typeof options.as ? options.as : "script",
@@ -16050,7 +16039,7 @@ function preloadModule$1(href, options) {
   }
 }
 function preinitStyle(href, precedence, options) {
-  previousDispatcher.S(href, precedence, options);
+  previousDispatcher.preinitStyle(href, precedence, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && href) {
     var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
@@ -16099,7 +16088,7 @@ function preinitStyle(href, precedence, options) {
   }
 }
 function preinitScript(src, options) {
-  previousDispatcher.X(src, options);
+  previousDispatcher.preinitScript(src, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && src) {
     var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
@@ -16125,7 +16114,7 @@ function preinitScript(src, options) {
   }
 }
 function preinitModuleScript(src, options) {
-  previousDispatcher.M(src, options);
+  previousDispatcher.preinitModuleScript(src, options);
   var ownerDocument = globalDocument;
   if (ownerDocument && src) {
     var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
@@ -16177,17 +16166,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$267 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$268 = styles$267.get(type);
-        resource$268 ||
+        var styles$266 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$267 = styles$266.get(type);
+        resource$267 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$268 = {
+          (resource$267 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$267.set(type, resource$268),
+          styles$266.set(type, resource$267),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -16202,34 +16191,21 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$268.state
+              resource$267.state
             ));
-        return resource$268;
+        return resource$267;
       }
       return null;
     case "script":
-      return (
-        (type = pendingProps.async),
-        (pendingProps = pendingProps.src),
-        "string" === typeof pendingProps &&
-        type &&
-        "function" !== typeof type &&
-        "symbol" !== typeof type
-          ? ((pendingProps = getScriptKey(pendingProps)),
-            (currentProps =
-              getResourcesFromRoot(currentProps).hoistableScripts),
-            (type = currentProps.get(pendingProps)),
-            type ||
-              ((type = {
-                type: "script",
-                instance: null,
-                count: 0,
-                state: null
-              }),
-              currentProps.set(pendingProps, type)),
-            type)
-          : { type: "void", instance: null, count: 0, state: null }
-      );
+      return "string" === typeof pendingProps.src && !0 === pendingProps.async
+        ? ((pendingProps = getScriptKey(pendingProps.src)),
+          (currentProps = getResourcesFromRoot(currentProps).hoistableScripts),
+          (type = currentProps.get(pendingProps)),
+          type ||
+            ((type = { type: "script", instance: null, count: 0, state: null }),
+            currentProps.set(pendingProps, type)),
+          type)
+        : { type: "void", instance: null, count: 0, state: null };
     default:
       throw Error(formatProdErrorMessage(444, type));
   }
@@ -16300,37 +16276,37 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$272 = hoistableRoot.querySelector(
+        var instance$271 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$272)
+        if (instance$271)
           return (
             (resource.state.loading |= 4),
-            (resource.instance = instance$272),
-            markNodeAsHoistable(instance$272),
-            instance$272
+            (resource.instance = instance$271),
+            markNodeAsHoistable(instance$271),
+            instance$271
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$272 = (
+        instance$271 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$272);
-        var linkInstance = instance$272;
+        markNodeAsHoistable(instance$271);
+        var linkInstance = instance$271;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$272, "link", instance);
+        setInitialProperties(instance$271, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$272, props.precedence, hoistableRoot);
-        return (resource.instance = instance$272);
+        insertStylesheet(instance$271, props.precedence, hoistableRoot);
+        return (resource.instance = instance$271);
       case "script":
-        instance$272 = getScriptKey(props.src);
+        instance$271 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            getScriptSelectorFromKey(instance$272)
+            getScriptSelectorFromKey(instance$271)
           ))
         )
           return (
@@ -16339,7 +16315,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$272)))
+        if ((styleProps = preloadPropsMap.get(instance$271)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -16468,13 +16444,11 @@ function isHostHoistableType(type, props, hostContext) {
       }
     case "script":
       if (
-        props.async &&
-        "function" !== typeof props.async &&
-        "symbol" !== typeof props.async &&
+        !0 === props.async &&
         !props.onLoad &&
         !props.onError &&
-        props.src &&
-        "string" === typeof props.src
+        "string" === typeof props.src &&
+        props.src
       )
         return !0;
   }
@@ -17032,7 +17006,8 @@ function retryIfBlockedOn(unblocked) {
       }
     }
 }
-var _enabled = !0;
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  _enabled = !0;
 function createEventListenerWrapperWithPriority(
   targetContainer,
   domEventName,
@@ -17061,14 +17036,15 @@ function dispatchDiscreteEvent(
   container,
   nativeEvent
 ) {
-  var prevTransition = ReactSharedInternals.T;
-  ReactSharedInternals.T = null;
-  var previousPriority = Internals.p;
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
   try {
-    (Internals.p = 2),
+    (currentUpdatePriority = 2),
       dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
   }
 }
 function dispatchContinuousEvent(
@@ -17077,14 +17053,15 @@ function dispatchContinuousEvent(
   container,
   nativeEvent
 ) {
-  var prevTransition = ReactSharedInternals.T;
-  ReactSharedInternals.T = null;
-  var previousPriority = Internals.p;
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
   try {
-    (Internals.p = 8),
+    (currentUpdatePriority = 8),
       dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
   }
 }
 function dispatchEvent(
@@ -17121,33 +17098,7 @@ function dispatchEvent(
     ) {
       for (; null !== blockedOn; ) {
         var fiber = getInstanceFromNode(blockedOn);
-        if (null !== fiber)
-          switch (fiber.tag) {
-            case 3:
-              fiber = fiber.stateNode;
-              if (fiber.current.memoizedState.isDehydrated) {
-                var lanes = getHighestPriorityLanes(fiber.pendingLanes);
-                if (0 !== lanes) {
-                  var root = fiber;
-                  root.pendingLanes |= 2;
-                  for (root.entangledLanes |= 2; lanes; ) {
-                    var lane = 1 << (31 - clz32(lanes));
-                    root.entanglements[1] |= lane;
-                    lanes &= ~lane;
-                  }
-                  ensureRootIsScheduled(fiber);
-                  0 === (executionContext & 6) &&
-                    ((workInProgressRootRenderTargetTime = now() + 500),
-                    flushSyncWorkAcrossRoots_impl(!1));
-                }
-              }
-              break;
-            case 13:
-              (root = enqueueConcurrentRenderForLane(fiber, 2)),
-                null !== root && scheduleUpdateOnFiber(root, fiber, 2),
-                flushSyncWork(),
-                markRetryLaneIfNotHydrated(fiber, 2);
-          }
+        null !== fiber && attemptSynchronousHydration(fiber);
         fiber = findInstanceBlockingEvent(nativeEvent);
         null === fiber &&
           dispatchEventForPluginEventSystem(
@@ -17307,8 +17258,9 @@ ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
     if (null !== root) {
       this._internalRoot = null;
       var container = root.containerInfo;
-      updateContainerSync(null, root, null, null);
-      flushSyncWork();
+      flushSync$1(function () {
+        updateContainer(null, root, null, null);
+      });
       container[internalContainerInstanceKey] = null;
     }
   };
@@ -17317,7 +17269,7 @@ function ReactDOMHydrationRoot(internalRoot) {
 }
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
   if (target) {
-    var updatePriority = resolveUpdatePriority();
+    var updatePriority = currentUpdatePriority;
     target = { blockedOn: null, target: target, priority: updatePriority };
     for (
       var i = 0;
@@ -17376,6 +17328,7 @@ function getCrossOriginStringAs(as, input) {
   if ("string" === typeof input)
     return "use-credentials" === input ? input : "";
 }
+var ReactDOMCurrentDispatcher = Internals.ReactDOMCurrentDispatcher;
 Internals.findDOMNode = function (componentOrElement) {
   return findHostInstance(componentOrElement);
 };
@@ -17389,12 +17342,54 @@ Internals.Events = [
     return fn(a);
   }
 ];
-injectIntoDevTools({
+var devToolsConfig$jscomp$inline_1731 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "19.0.0-www-classic-ce1d0055",
+  version: "19.0.0-www-classic-5ab1fc58",
   rendererPackageName: "react-dom"
-});
+};
+var internals$jscomp$inline_2142 = {
+  bundleType: devToolsConfig$jscomp$inline_1731.bundleType,
+  version: devToolsConfig$jscomp$inline_1731.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1731.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1731.rendererConfig,
+  overrideHookState: null,
+  overrideHookStateDeletePath: null,
+  overrideHookStateRenamePath: null,
+  overrideProps: null,
+  overridePropsDeletePath: null,
+  overridePropsRenamePath: null,
+  setErrorHandler: null,
+  setSuspenseHandler: null,
+  scheduleUpdate: null,
+  currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
+  findHostInstanceByFiber: function (fiber) {
+    fiber = findCurrentHostFiber(fiber);
+    return null === fiber ? null : fiber.stateNode;
+  },
+  findFiberByHostInstance:
+    devToolsConfig$jscomp$inline_1731.findFiberByHostInstance ||
+    emptyFindFiberByHostInstance,
+  findHostInstancesForRefresh: null,
+  scheduleRefresh: null,
+  scheduleRoot: null,
+  setRefreshHandler: null,
+  getCurrentFiber: null,
+  reconcilerVersion: "19.0.0-www-classic-5ab1fc58"
+};
+if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
+  var hook$jscomp$inline_2143 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (
+    !hook$jscomp$inline_2143.isDisabled &&
+    hook$jscomp$inline_2143.supportsFiber
+  )
+    try {
+      (rendererID = hook$jscomp$inline_2143.inject(
+        internals$jscomp$inline_2142
+      )),
+        (injectedHook = hook$jscomp$inline_2143);
+    } catch (err) {}
+}
 var ReactFiberErrorDialogWWW = require("ReactFiberErrorDialog");
 if ("function" !== typeof ReactFiberErrorDialogWWW.showErrorDialog)
   throw Error(formatProdErrorMessage(320));
@@ -17428,11 +17423,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function () {
-        var instance = getPublicRootInstance(root$293);
+        var instance = getPublicRootInstance(root$292);
         originalCallback.call(instance);
       };
     }
-    var root$293 = createHydrationContainer(
+    var root$292 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -17447,23 +17442,23 @@ function legacyCreateRootFromDOMContainer(
       null,
       null
     );
-    container._reactRootContainer = root$293;
-    container[internalContainerInstanceKey] = root$293.current;
+    container._reactRootContainer = root$292;
+    container[internalContainerInstanceKey] = root$292.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
-    flushSyncWork();
-    return root$293;
+    flushSync$1();
+    return root$292;
   }
   clearContainer(container);
   if ("function" === typeof callback) {
-    var originalCallback$294 = callback;
+    var originalCallback$293 = callback;
     callback = function () {
-      var instance = getPublicRootInstance(root$295);
-      originalCallback$294.call(instance);
+      var instance = getPublicRootInstance(root$294);
+      originalCallback$293.call(instance);
     };
   }
-  var root$295 = createFiberRoot(
+  var root$294 = createFiberRoot(
     container,
     0,
     !1,
@@ -17478,14 +17473,15 @@ function legacyCreateRootFromDOMContainer(
     null,
     null
   );
-  container._reactRootContainer = root$295;
-  container[internalContainerInstanceKey] = root$295.current;
+  container._reactRootContainer = root$294;
+  container[internalContainerInstanceKey] = root$294.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
-  updateContainerSync(initialChildren, root$295, parentComponent, callback);
-  flushSyncWork();
-  return root$295;
+  flushSync$1(function () {
+    updateContainer(initialChildren, root$294, parentComponent, callback);
+  });
+  return root$294;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -17522,14 +17518,7 @@ assign(Internals, {
     }
   }
 });
-injectIntoDevTools({
-  findFiberByHostInstance: getClosestInstanceFromNode,
-  bundleType: 0,
-  version: "19.0.0-www-classic-ce1d0055",
-  rendererPackageName: "react-dom"
-});
-exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
-  Internals;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createComponentSelector = function (component) {
   return { $$typeof: COMPONENT_TYPE, value: component };
 };
@@ -17669,29 +17658,7 @@ exports.findDOMNode = function (componentOrElement) {
     : findHostInstance(componentOrElement);
 };
 exports.flushSync = function (fn) {
-  a: {
-    null !== rootWithPendingPassiveEffects &&
-      0 === rootWithPendingPassiveEffects.tag &&
-      0 === (executionContext & 6) &&
-      flushPassiveEffects();
-    var prevExecutionContext = executionContext;
-    executionContext |= 1;
-    var prevTransition = ReactSharedInternals.T,
-      previousPriority = Internals.p;
-    try {
-      Internals.p = 2;
-      ReactSharedInternals.T = null;
-      var JSCompiler_inline_result = fn ? fn() : void 0;
-      break a;
-    } finally {
-      (Internals.p = previousPriority),
-        (ReactSharedInternals.T = prevTransition),
-        (executionContext = prevExecutionContext),
-        0 === (executionContext & 6) && flushSyncWorkAcrossRoots_impl(!1);
-    }
-    JSCompiler_inline_result = void 0;
-  }
-  return JSCompiler_inline_result;
+  return flushSync$1(fn);
 };
 exports.focusWithin = function (hostRoot, selectors) {
   hostRoot = findFiberRootForHostRoot(hostRoot);
@@ -17818,10 +17785,11 @@ exports.preconnect = function (href, options) {
               : ""
             : void 0))
       : (options = null),
-    Internals.d.C(href, options));
+    ReactDOMCurrentDispatcher.current.preconnect(href, options));
 };
 exports.prefetchDNS = function (href) {
-  "string" === typeof href && Internals.d.D(href);
+  "string" === typeof href &&
+    ReactDOMCurrentDispatcher.current.prefetchDNS(href);
 };
 exports.preinit = function (href, options) {
   if ("string" === typeof href && options && "string" === typeof options.as) {
@@ -17834,7 +17802,7 @@ exports.preinit = function (href, options) {
           ? options.fetchPriority
           : void 0;
     "style" === as
-      ? Internals.d.S(
+      ? ReactDOMCurrentDispatcher.current.preinitStyle(
           href,
           "string" === typeof options.precedence ? options.precedence : void 0,
           {
@@ -17844,7 +17812,7 @@ exports.preinit = function (href, options) {
           }
         )
       : "script" === as &&
-        Internals.d.X(href, {
+        ReactDOMCurrentDispatcher.current.preinitScript(href, {
           crossOrigin: crossOrigin,
           integrity: integrity,
           fetchPriority: fetchPriority,
@@ -17860,14 +17828,16 @@ exports.preinitModule = function (href, options) {
           options.as,
           options.crossOrigin
         );
-        Internals.d.M(href, {
+        ReactDOMCurrentDispatcher.current.preinitModuleScript(href, {
           crossOrigin: crossOrigin,
           integrity:
             "string" === typeof options.integrity ? options.integrity : void 0,
           nonce: "string" === typeof options.nonce ? options.nonce : void 0
         });
       }
-    } else null == options && Internals.d.M(href);
+    } else
+      null == options &&
+        ReactDOMCurrentDispatcher.current.preinitModuleScript(href);
 };
 exports.preload = function (href, options) {
   if (
@@ -17878,7 +17848,7 @@ exports.preload = function (href, options) {
   ) {
     var as = options.as,
       crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
-    Internals.d.L(href, as, {
+    ReactDOMCurrentDispatcher.current.preload(href, as, {
       crossOrigin: crossOrigin,
       integrity:
         "string" === typeof options.integrity ? options.integrity : void 0,
@@ -17904,7 +17874,7 @@ exports.preloadModule = function (href, options) {
   if ("string" === typeof href)
     if (options) {
       var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
-      Internals.d.m(href, {
+      ReactDOMCurrentDispatcher.current.preloadModule(href, {
         as:
           "string" === typeof options.as && "script" !== options.as
             ? options.as
@@ -17913,7 +17883,7 @@ exports.preloadModule = function (href, options) {
         integrity:
           "string" === typeof options.integrity ? options.integrity : void 0
       });
-    } else Internals.d.m(href);
+    } else ReactDOMCurrentDispatcher.current.preloadModule(href);
 };
 exports.render = function (element, container, callback) {
   if (!isValidContainerLegacy(container))
@@ -17930,10 +17900,18 @@ exports.unmountComponentAtNode = function (container) {
   if (!isValidContainerLegacy(container))
     throw Error(formatProdErrorMessage(299));
   return container._reactRootContainer
-    ? (updateContainerSync(null, container._reactRootContainer, null, null),
-      flushSyncWork(),
-      (container._reactRootContainer = null),
-      (container[internalContainerInstanceKey] = null),
+    ? (flushSync$1(function () {
+        legacyRenderSubtreeIntoContainer(
+          null,
+          null,
+          container,
+          !1,
+          function () {
+            container._reactRootContainer = null;
+            container[internalContainerInstanceKey] = null;
+          }
+        );
+      }),
       !0)
     : !1;
 };
@@ -17987,9 +17965,13 @@ exports.unstable_renderSubtreeIntoContainer = function (
 };
 exports.unstable_runWithPriority = runWithPriority;
 exports.useFormState = function (action, initialState, permalink) {
-  return ReactSharedInternals.H.useFormState(action, initialState, permalink);
+  return ReactCurrentDispatcher$2.current.useFormState(
+    action,
+    initialState,
+    permalink
+  );
 };
 exports.useFormStatus = function () {
-  return ReactSharedInternals.H.useHostTransitionStatus();
+  return ReactCurrentDispatcher$2.current.useHostTransitionStatus();
 };
-exports.version = "19.0.0-www-classic-ce1d0055";
+exports.version = "19.0.0-www-classic-5ab1fc58";
diff --git a/compiled/facebook-www/ReactDOMTesting-prod.modern.js b/compiled/facebook-www/ReactDOMTesting-prod.modern.js
index 4bfc8c7bb7..72ca10c0b7 100644
--- a/compiled/facebook-www/ReactDOMTesting-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMTesting-prod.modern.js
@@ -15,8 +15,43 @@
 */
 "use strict";
 var Scheduler = require("scheduler"),
-  React = require("react"),
+  React = require("react");
+function noop$3() {}
+var Internals = {
+  usingClientEntryPoint: !1,
+  Events: null,
+  ReactDOMCurrentDispatcher: {
+    current: {
+      prefetchDNS: noop$3,
+      preconnect: noop$3,
+      preload: noop$3,
+      preloadModule: noop$3,
+      preinitScript: noop$3,
+      preinitStyle: noop$3,
+      preinitModuleScript: noop$3
+    }
+  },
+  findDOMNode: null
+};
+function formatProdErrorMessage(code) {
+  var url = "https://react.dev/errors/" + code;
+  if (1 < arguments.length) {
+    url += "?args[]=" + encodeURIComponent(arguments[1]);
+    for (var 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 ReactSharedInternals =
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
+  disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
@@ -45,8 +80,316 @@ var Scheduler = require("scheduler"),
     dynamicFeatureFlags.favorSafetyOverHydrationPerf,
   disableDefaultPropsExceptForClasses =
     dynamicFeatureFlags.disableDefaultPropsExceptForClasses,
-  assign = Object.assign,
-  scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
+  REACT_ELEMENT_TYPE = Symbol.for("react.element"),
+  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
+  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
+  REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
+  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
+  REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
+  REACT_CONTEXT_TYPE = Symbol.for("react.context"),
+  REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
+  REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
+  REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
+  REACT_MEMO_TYPE = Symbol.for("react.memo"),
+  REACT_LAZY_TYPE = Symbol.for("react.lazy"),
+  REACT_SCOPE_TYPE = Symbol.for("react.scope"),
+  REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"),
+  REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
+  REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"),
+  REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker"),
+  REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
+  MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+function getIteratorFn(maybeIterable) {
+  if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
+  maybeIterable =
+    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+    maybeIterable["@@iterator"];
+  return "function" === typeof maybeIterable ? maybeIterable : null;
+}
+var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
+function getComponentNameFromType(type) {
+  if (null == type) return null;
+  if ("function" === typeof type)
+    return type.$$typeof === REACT_CLIENT_REFERENCE
+      ? null
+      : type.displayName || type.name || null;
+  if ("string" === typeof type) 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_TRACING_MARKER_TYPE:
+      if (enableTransitionTracing) return "TracingMarker";
+  }
+  if ("object" === typeof type)
+    switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        if (enableRenderableContext) break;
+        else return (type._context.displayName || "Context") + ".Provider";
+      case REACT_CONTEXT_TYPE:
+        return enableRenderableContext
+          ? (type.displayName || "Context") + ".Provider"
+          : (type.displayName || "Context") + ".Consumer";
+      case REACT_CONSUMER_TYPE:
+        if (enableRenderableContext)
+          return (type._context.displayName || "Context") + ".Consumer";
+        break;
+      case REACT_FORWARD_REF_TYPE:
+        var innerType = type.render;
+        type = type.displayName;
+        type ||
+          ((type = innerType.displayName || innerType.name || ""),
+          (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
+        return type;
+      case REACT_MEMO_TYPE:
+        return (
+          (innerType = type.displayName || null),
+          null !== innerType
+            ? innerType
+            : getComponentNameFromType(type.type) || "Memo"
+        );
+      case REACT_LAZY_TYPE:
+        innerType = type._payload;
+        type = type._init;
+        try {
+          return getComponentNameFromType(type(innerType));
+        } catch (x) {}
+    }
+  return null;
+}
+function getNearestMountedFiber(fiber) {
+  var node = fiber,
+    nearestMounted = fiber;
+  if (fiber.alternate) for (; node.return; ) node = node.return;
+  else {
+    fiber = node;
+    do
+      (node = fiber),
+        0 !== (node.flags & 4098) && (nearestMounted = node.return),
+        (fiber = node.return);
+    while (fiber);
+  }
+  return 3 === node.tag ? nearestMounted : null;
+}
+function getSuspenseInstanceFromFiber(fiber) {
+  if (13 === fiber.tag) {
+    var suspenseState = fiber.memoizedState;
+    null === suspenseState &&
+      ((fiber = fiber.alternate),
+      null !== fiber && (suspenseState = fiber.memoizedState));
+    if (null !== suspenseState) return suspenseState.dehydrated;
+  }
+  return null;
+}
+function assertIsMounted(fiber) {
+  if (getNearestMountedFiber(fiber) !== fiber)
+    throw Error(formatProdErrorMessage(188));
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate) {
+    alternate = getNearestMountedFiber(fiber);
+    if (null === alternate) throw Error(formatProdErrorMessage(188));
+    return alternate !== fiber ? null : fiber;
+  }
+  for (var a = fiber, b = alternate; ; ) {
+    var parentA = a.return;
+    if (null === parentA) break;
+    var parentB = parentA.alternate;
+    if (null === parentB) {
+      b = parentA.return;
+      if (null !== b) {
+        a = b;
+        continue;
+      }
+      break;
+    }
+    if (parentA.child === parentB.child) {
+      for (parentB = parentA.child; parentB; ) {
+        if (parentB === a) return assertIsMounted(parentA), fiber;
+        if (parentB === b) return assertIsMounted(parentA), alternate;
+        parentB = parentB.sibling;
+      }
+      throw Error(formatProdErrorMessage(188));
+    }
+    if (a.return !== b.return) (a = parentA), (b = parentB);
+    else {
+      for (var didFindChild = !1, child$1 = parentA.child; child$1; ) {
+        if (child$1 === a) {
+          didFindChild = !0;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (child$1 === b) {
+          didFindChild = !0;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        child$1 = child$1.sibling;
+      }
+      if (!didFindChild) {
+        for (child$1 = parentB.child; child$1; ) {
+          if (child$1 === a) {
+            didFindChild = !0;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (child$1 === b) {
+            didFindChild = !0;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          child$1 = child$1.sibling;
+        }
+        if (!didFindChild) throw Error(formatProdErrorMessage(189));
+      }
+    }
+    if (a.alternate !== b) throw Error(formatProdErrorMessage(190));
+  }
+  if (3 !== a.tag) throw Error(formatProdErrorMessage(188));
+  return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  return null !== parent ? findCurrentHostFiberImpl(parent) : null;
+}
+function findCurrentHostFiberImpl(node) {
+  var tag = node.tag;
+  if (5 === tag || 26 === tag || 27 === tag || 6 === tag) return node;
+  for (node = node.child; null !== node; ) {
+    tag = findCurrentHostFiberImpl(node);
+    if (null !== tag) return tag;
+    node = node.sibling;
+  }
+  return null;
+}
+function isFiberSuspenseAndTimedOut(fiber) {
+  var memoizedState = fiber.memoizedState;
+  return (
+    13 === fiber.tag &&
+    null !== memoizedState &&
+    null === memoizedState.dehydrated
+  );
+}
+function doesFiberContain(parentFiber, childFiber) {
+  for (
+    var parentFiberAlternate = parentFiber.alternate;
+    null !== childFiber;
+
+  ) {
+    if (childFiber === parentFiber || childFiber === parentFiberAlternate)
+      return !0;
+    childFiber = childFiber.return;
+  }
+  return !1;
+}
+var assign = Object.assign,
+  isArrayImpl = Array.isArray,
+  ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher,
+  sharedNotPendingObject = {
+    pending: !1,
+    data: null,
+    method: null,
+    action: null
+  },
+  valueStack = [],
+  index = -1;
+function createCursor(defaultValue) {
+  return { current: defaultValue };
+}
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var contextStackCursor = createCursor(null),
+  contextFiberStackCursor = createCursor(null),
+  rootInstanceStackCursor = createCursor(null),
+  hostTransitionProviderCursor = createCursor(null),
+  HostTransitionContext = {
+    $$typeof: REACT_CONTEXT_TYPE,
+    Provider: null,
+    Consumer: null,
+    _currentValue: null,
+    _currentValue2: null,
+    _threadCount: 0
+  };
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor, null);
+  fiber = nextRootInstance.nodeType;
+  switch (fiber) {
+    case 9:
+    case 11:
+      nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
+        ? (nextRootInstance = nextRootInstance.namespaceURI)
+          ? getOwnHostContext(nextRootInstance)
+          : 0
+        : 0;
+      break;
+    default:
+      if (
+        ((fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
+        (nextRootInstance = fiber.tagName),
+        (fiber = fiber.namespaceURI))
+      )
+        (fiber = getOwnHostContext(fiber)),
+          (nextRootInstance = getChildHostContextProd(fiber, nextRootInstance));
+      else
+        switch (nextRootInstance) {
+          case "svg":
+            nextRootInstance = 1;
+            break;
+          case "math":
+            nextRootInstance = 2;
+            break;
+          default:
+            nextRootInstance = 0;
+        }
+  }
+  pop(contextStackCursor);
+  push(contextStackCursor, nextRootInstance);
+}
+function popHostContainer() {
+  pop(contextStackCursor);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
+}
+function pushHostContext(fiber) {
+  null !== fiber.memoizedState && push(hostTransitionProviderCursor, fiber);
+  var context = contextStackCursor.current;
+  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
+  context !== JSCompiler_inline_result &&
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor, JSCompiler_inline_result));
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor), pop(contextFiberStackCursor));
+  hostTransitionProviderCursor.current === fiber &&
+    (pop(hostTransitionProviderCursor),
+    (HostTransitionContext._currentValue = null));
+}
+var scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
   cancelCallback$1 = Scheduler.unstable_cancelCallback,
   shouldYield = Scheduler.unstable_shouldYield,
   requestPaint = Scheduler.unstable_requestPaint,
@@ -59,8 +402,6 @@ var Scheduler = require("scheduler"),
   IdlePriority = Scheduler.unstable_IdlePriority,
   log$1 = Scheduler.log,
   unstable_setDisableYieldValue = Scheduler.unstable_setDisableYieldValue,
-  ReactSharedInternals =
-    React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
   rendererID = null,
   injectedHook = null;
 function onCommitRoot(root) {
@@ -258,18 +599,18 @@ function markRootFinished(root, remainingLanes, spawnedLane) {
     0 < noLongerPendingLanes;
 
   ) {
-    var index$3 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$3;
-    remainingLanes[index$3] = 0;
-    expirationTimes[index$3] = -1;
-    var hiddenUpdatesForLane = hiddenUpdates[index$3];
+    var index$5 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$5;
+    remainingLanes[index$5] = 0;
+    expirationTimes[index$5] = -1;
+    var hiddenUpdatesForLane = hiddenUpdates[index$5];
     if (null !== hiddenUpdatesForLane)
       for (
-        hiddenUpdates[index$3] = null, index$3 = 0;
-        index$3 < hiddenUpdatesForLane.length;
-        index$3++
+        hiddenUpdates[index$5] = null, index$5 = 0;
+        index$5 < hiddenUpdatesForLane.length;
+        index$5++
       ) {
-        var update = hiddenUpdatesForLane[index$3];
+        var update = hiddenUpdatesForLane[index$5];
         null !== update && (update.lane &= -536870913);
       }
     noLongerPendingLanes &= ~lane;
@@ -289,21 +630,29 @@ function markSpawnedDeferredLane(root, spawnedLane, entangledLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$4 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$4;
-    (lane & entangledLanes) | (root[index$4] & entangledLanes) &&
-      (root[index$4] |= entangledLanes);
+    var index$6 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$6;
+    (lane & entangledLanes) | (root[index$6] & entangledLanes) &&
+      (root[index$6] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
+function upgradePendingLanesToSync(root, lanesToUpgrade) {
+  root.pendingLanes |= 2;
+  for (root.entangledLanes |= 2; lanesToUpgrade; ) {
+    var lane = 1 << (31 - clz32(lanesToUpgrade));
+    root.entanglements[1] |= lane;
+    lanesToUpgrade &= ~lane;
+  }
+}
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$7 = 31 - clz32(lanes),
-      lane = 1 << index$7;
-    index$7 = root.transitionLanes[index$7];
-    null !== index$7 &&
-      index$7.forEach(function (transition) {
+    var index$9 = 31 - clz32(lanes),
+      lane = 1 << index$9;
+    index$9 = root.transitionLanes[index$9];
+    null !== index$9 &&
+      index$9.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -313,13 +662,22 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$8 = 31 - clz32(lanes),
-        lane = 1 << index$8;
-      null !== root.transitionLanes[index$8] &&
-        (root.transitionLanes[index$8] = null);
+      var index$10 = 31 - clz32(lanes),
+        lane = 1 << index$10;
+      null !== root.transitionLanes[index$10] &&
+        (root.transitionLanes[index$10] = null);
       lanes &= ~lane;
     }
 }
+var currentUpdatePriority = 0;
+function runWithPriority(priority, fn) {
+  var previousPriority = currentUpdatePriority;
+  try {
+    return (currentUpdatePriority = priority), fn();
+  } finally {
+    currentUpdatePriority = previousPriority;
+  }
+}
 function lanesToEventPriority(lanes) {
   lanes &= -lanes;
   return 2 < lanes
@@ -330,361 +688,8 @@ function lanesToEventPriority(lanes) {
       : 8
     : 2;
 }
-function noop$3() {}
-var Internals = {
-  Events: null,
-  d: {
-    f: noop$3,
-    r: noop$3,
-    D: noop$3,
-    C: noop$3,
-    L: noop$3,
-    m: noop$3,
-    X: noop$3,
-    S: noop$3,
-    M: noop$3
-  },
-  p: 0,
-  findDOMNode: null
-};
-function formatProdErrorMessage(code) {
-  var url = "https://react.dev/errors/" + code;
-  if (1 < arguments.length) {
-    url += "?args[]=" + encodeURIComponent(arguments[1]);
-    for (var 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 REACT_ELEMENT_TYPE = Symbol.for("react.element"),
-  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
-  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
-  REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
-  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
-  REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
-  REACT_CONTEXT_TYPE = Symbol.for("react.context"),
-  REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
-  REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
-  REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
-  REACT_MEMO_TYPE = Symbol.for("react.memo"),
-  REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-  REACT_SCOPE_TYPE = Symbol.for("react.scope"),
-  REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"),
-  REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
-  REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"),
-  REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker"),
-  REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
-  MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-function getIteratorFn(maybeIterable) {
-  if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
-  maybeIterable =
-    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
-    maybeIterable["@@iterator"];
-  return "function" === typeof maybeIterable ? maybeIterable : null;
-}
-var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
-function getComponentNameFromType(type) {
-  if (null == type) return null;
-  if ("function" === typeof type)
-    return type.$$typeof === REACT_CLIENT_REFERENCE
-      ? null
-      : type.displayName || type.name || null;
-  if ("string" === typeof type) 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_TRACING_MARKER_TYPE:
-      if (enableTransitionTracing) return "TracingMarker";
-  }
-  if ("object" === typeof type)
-    switch (type.$$typeof) {
-      case REACT_PROVIDER_TYPE:
-        if (enableRenderableContext) break;
-        else return (type._context.displayName || "Context") + ".Provider";
-      case REACT_CONTEXT_TYPE:
-        return enableRenderableContext
-          ? (type.displayName || "Context") + ".Provider"
-          : (type.displayName || "Context") + ".Consumer";
-      case REACT_CONSUMER_TYPE:
-        if (enableRenderableContext)
-          return (type._context.displayName || "Context") + ".Consumer";
-        break;
-      case REACT_FORWARD_REF_TYPE:
-        var innerType = type.render;
-        type = type.displayName;
-        type ||
-          ((type = innerType.displayName || innerType.name || ""),
-          (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
-        return type;
-      case REACT_MEMO_TYPE:
-        return (
-          (innerType = type.displayName || null),
-          null !== innerType
-            ? innerType
-            : getComponentNameFromType(type.type) || "Memo"
-        );
-      case REACT_LAZY_TYPE:
-        innerType = type._payload;
-        type = type._init;
-        try {
-          return getComponentNameFromType(type(innerType));
-        } catch (x) {}
-    }
-  return null;
-}
-function getNearestMountedFiber(fiber) {
-  var node = fiber,
-    nearestMounted = fiber;
-  if (fiber.alternate) for (; node.return; ) node = node.return;
-  else {
-    fiber = node;
-    do
-      (node = fiber),
-        0 !== (node.flags & 4098) && (nearestMounted = node.return),
-        (fiber = node.return);
-    while (fiber);
-  }
-  return 3 === node.tag ? nearestMounted : null;
-}
-function getSuspenseInstanceFromFiber(fiber) {
-  if (13 === fiber.tag) {
-    var suspenseState = fiber.memoizedState;
-    null === suspenseState &&
-      ((fiber = fiber.alternate),
-      null !== fiber && (suspenseState = fiber.memoizedState));
-    if (null !== suspenseState) return suspenseState.dehydrated;
-  }
-  return null;
-}
-function assertIsMounted(fiber) {
-  if (getNearestMountedFiber(fiber) !== fiber)
-    throw Error(formatProdErrorMessage(188));
-}
-function findCurrentFiberUsingSlowPath(fiber) {
-  var alternate = fiber.alternate;
-  if (!alternate) {
-    alternate = getNearestMountedFiber(fiber);
-    if (null === alternate) throw Error(formatProdErrorMessage(188));
-    return alternate !== fiber ? null : fiber;
-  }
-  for (var a = fiber, b = alternate; ; ) {
-    var parentA = a.return;
-    if (null === parentA) break;
-    var parentB = parentA.alternate;
-    if (null === parentB) {
-      b = parentA.return;
-      if (null !== b) {
-        a = b;
-        continue;
-      }
-      break;
-    }
-    if (parentA.child === parentB.child) {
-      for (parentB = parentA.child; parentB; ) {
-        if (parentB === a) return assertIsMounted(parentA), fiber;
-        if (parentB === b) return assertIsMounted(parentA), alternate;
-        parentB = parentB.sibling;
-      }
-      throw Error(formatProdErrorMessage(188));
-    }
-    if (a.return !== b.return) (a = parentA), (b = parentB);
-    else {
-      for (var didFindChild = !1, child$10 = parentA.child; child$10; ) {
-        if (child$10 === a) {
-          didFindChild = !0;
-          a = parentA;
-          b = parentB;
-          break;
-        }
-        if (child$10 === b) {
-          didFindChild = !0;
-          b = parentA;
-          a = parentB;
-          break;
-        }
-        child$10 = child$10.sibling;
-      }
-      if (!didFindChild) {
-        for (child$10 = parentB.child; child$10; ) {
-          if (child$10 === a) {
-            didFindChild = !0;
-            a = parentB;
-            b = parentA;
-            break;
-          }
-          if (child$10 === b) {
-            didFindChild = !0;
-            b = parentB;
-            a = parentA;
-            break;
-          }
-          child$10 = child$10.sibling;
-        }
-        if (!didFindChild) throw Error(formatProdErrorMessage(189));
-      }
-    }
-    if (a.alternate !== b) throw Error(formatProdErrorMessage(190));
-  }
-  if (3 !== a.tag) throw Error(formatProdErrorMessage(188));
-  return a.stateNode.current === a ? fiber : alternate;
-}
-function findCurrentHostFiber(parent) {
-  parent = findCurrentFiberUsingSlowPath(parent);
-  return null !== parent ? findCurrentHostFiberImpl(parent) : null;
-}
-function findCurrentHostFiberImpl(node) {
-  var tag = node.tag;
-  if (5 === tag || 26 === tag || 27 === tag || 6 === tag) return node;
-  for (node = node.child; null !== node; ) {
-    tag = findCurrentHostFiberImpl(node);
-    if (null !== tag) return tag;
-    node = node.sibling;
-  }
-  return null;
-}
-function isFiberSuspenseAndTimedOut(fiber) {
-  var memoizedState = fiber.memoizedState;
-  return (
-    13 === fiber.tag &&
-    null !== memoizedState &&
-    null === memoizedState.dehydrated
-  );
-}
-function doesFiberContain(parentFiber, childFiber) {
-  for (
-    var parentFiberAlternate = parentFiber.alternate;
-    null !== childFiber;
-
-  ) {
-    if (childFiber === parentFiber || childFiber === parentFiberAlternate)
-      return !0;
-    childFiber = childFiber.return;
-  }
-  return !1;
-}
-var isArrayImpl = Array.isArray,
-  sharedNotPendingObject = {
-    pending: !1,
-    data: null,
-    method: null,
-    action: null
-  },
-  valueStack = [],
-  index = -1;
-function createCursor(defaultValue) {
-  return { current: defaultValue };
-}
-function pop(cursor) {
-  0 > index ||
-    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
-}
-function push(cursor, value) {
-  index++;
-  valueStack[index] = cursor.current;
-  cursor.current = value;
-}
-var contextStackCursor = createCursor(null),
-  contextFiberStackCursor = createCursor(null),
-  rootInstanceStackCursor = createCursor(null),
-  hostTransitionProviderCursor = createCursor(null),
-  HostTransitionContext = {
-    $$typeof: REACT_CONTEXT_TYPE,
-    Provider: null,
-    Consumer: null,
-    _currentValue: null,
-    _currentValue2: null,
-    _threadCount: 0
-  };
-function pushHostContainer(fiber, nextRootInstance) {
-  push(rootInstanceStackCursor, nextRootInstance);
-  push(contextFiberStackCursor, fiber);
-  push(contextStackCursor, null);
-  fiber = nextRootInstance.nodeType;
-  switch (fiber) {
-    case 9:
-    case 11:
-      nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
-        ? (nextRootInstance = nextRootInstance.namespaceURI)
-          ? getOwnHostContext(nextRootInstance)
-          : 0
-        : 0;
-      break;
-    default:
-      if (
-        ((fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
-        (nextRootInstance = fiber.tagName),
-        (fiber = fiber.namespaceURI))
-      )
-        (fiber = getOwnHostContext(fiber)),
-          (nextRootInstance = getChildHostContextProd(fiber, nextRootInstance));
-      else
-        switch (nextRootInstance) {
-          case "svg":
-            nextRootInstance = 1;
-            break;
-          case "math":
-            nextRootInstance = 2;
-            break;
-          default:
-            nextRootInstance = 0;
-        }
-  }
-  pop(contextStackCursor);
-  push(contextStackCursor, nextRootInstance);
-}
-function popHostContainer() {
-  pop(contextStackCursor);
-  pop(contextFiberStackCursor);
-  pop(rootInstanceStackCursor);
-}
-function pushHostContext(fiber) {
-  null !== fiber.memoizedState && push(hostTransitionProviderCursor, fiber);
-  var context = contextStackCursor.current;
-  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
-  context !== JSCompiler_inline_result &&
-    (push(contextFiberStackCursor, fiber),
-    push(contextStackCursor, JSCompiler_inline_result));
-}
-function popHostContext(fiber) {
-  contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor), pop(contextFiberStackCursor));
-  hostTransitionProviderCursor.current === fiber &&
-    (pop(hostTransitionProviderCursor),
-    (HostTransitionContext._currentValue = null));
-}
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-function resolveUpdatePriority() {
-  var updatePriority = Internals.p;
-  if (0 !== updatePriority) return updatePriority;
-  updatePriority = window.event;
-  return void 0 === updatePriority ? 32 : getEventPriority(updatePriority.type);
-}
-function runWithPriority(priority, fn) {
-  var previousPriority = Internals.p;
-  try {
-    return (Internals.p = priority), fn();
-  } finally {
-    Internals.p = previousPriority;
-  }
-}
-var randomKey = Math.random().toString(36).slice(2),
+var hasOwnProperty = Object.prototype.hasOwnProperty,
+  randomKey = Math.random().toString(36).slice(2),
   internalInstanceKey = "__reactFiber$" + randomKey,
   internalPropsKey = "__reactProps$" + randomKey,
   internalContainerInstanceKey = "__reactContainer$" + randomKey,
@@ -1374,6 +1379,29 @@ function initTextarea(element, value, defaultValue) {
     null !== value &&
     (element.value = value);
 }
+var reusableSVGContainer;
+function setInnerHTMLImpl(node, html) {
+  if ("http://www.w3.org/2000/svg" !== node.namespaceURI || "innerHTML" in node)
+    node.innerHTML = html;
+  else {
+    reusableSVGContainer =
+      reusableSVGContainer || document.createElement("div");
+    reusableSVGContainer.innerHTML =
+      "<svg>" + html.valueOf().toString() + "</svg>";
+    for (html = reusableSVGContainer.firstChild; node.firstChild; )
+      node.removeChild(node.firstChild);
+    for (; html.firstChild; ) node.appendChild(html.firstChild);
+  }
+}
+var setInnerHTML = setInnerHTMLImpl;
+"undefined" !== typeof MSApp &&
+  MSApp.execUnsafeLocalFunction &&
+  (setInnerHTML = function (node, html) {
+    return MSApp.execUnsafeLocalFunction(function () {
+      return setInnerHTMLImpl(node, html);
+    });
+  });
+var setInnerHTML$1 = setInnerHTML;
 function setTextContent(node, text) {
   if (text) {
     var firstChild = node.firstChild;
@@ -1640,7 +1668,7 @@ function batchedUpdates$1(fn, a, b) {
       ((isInsideEventHandler = !1),
       null !== restoreTarget || null !== restoreQueue)
     )
-      flushSyncWork$1(), restoreStateIfNeeded();
+      flushSync$1(), restoreStateIfNeeded();
   }
 }
 function getListener(inst, registrationName) {
@@ -2188,19 +2216,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$296;
+  var JSCompiler_inline_result$jscomp$295;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_430 = "oninput" in document;
-    if (!isSupported$jscomp$inline_430) {
-      var element$jscomp$inline_431 = document.createElement("div");
-      element$jscomp$inline_431.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_430 =
-        "function" === typeof element$jscomp$inline_431.oninput;
+    var isSupported$jscomp$inline_426 = "oninput" in document;
+    if (!isSupported$jscomp$inline_426) {
+      var element$jscomp$inline_427 = document.createElement("div");
+      element$jscomp$inline_427.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_426 =
+        "function" === typeof element$jscomp$inline_427.oninput;
     }
-    JSCompiler_inline_result$jscomp$296 = isSupported$jscomp$inline_430;
-  } else JSCompiler_inline_result$jscomp$296 = !1;
+    JSCompiler_inline_result$jscomp$295 = isSupported$jscomp$inline_426;
+  } else JSCompiler_inline_result$jscomp$295 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$296 &&
+    JSCompiler_inline_result$jscomp$295 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -2497,9 +2525,6 @@ var vendorPrefixes = {
     animationend: makePrefixMap("Animation", "AnimationEnd"),
     animationiteration: makePrefixMap("Animation", "AnimationIteration"),
     animationstart: makePrefixMap("Animation", "AnimationStart"),
-    transitionrun: makePrefixMap("Transition", "TransitionRun"),
-    transitionstart: makePrefixMap("Transition", "TransitionStart"),
-    transitioncancel: makePrefixMap("Transition", "TransitionCancel"),
     transitionend: makePrefixMap("Transition", "TransitionEnd")
   },
   prefixedEventNames = {},
@@ -2525,9 +2550,6 @@ function getVendorPrefixedEventName(eventName) {
 var ANIMATION_END = getVendorPrefixedEventName("animationend"),
   ANIMATION_ITERATION = getVendorPrefixedEventName("animationiteration"),
   ANIMATION_START = getVendorPrefixedEventName("animationstart"),
-  TRANSITION_RUN = getVendorPrefixedEventName("transitionrun"),
-  TRANSITION_START = getVendorPrefixedEventName("transitionstart"),
-  TRANSITION_CANCEL = getVendorPrefixedEventName("transitioncancel"),
   TRANSITION_END = getVendorPrefixedEventName("transitionend"),
   topLevelEventsToReactNames = new Map(),
   simpleEventPluginEvents =
@@ -2633,19 +2655,19 @@ for (
             }
             console.error(error);
           },
-    i$jscomp$inline_471 = 0;
-  i$jscomp$inline_471 < simpleEventPluginEvents.length;
-  i$jscomp$inline_471++
+    i$jscomp$inline_467 = 0;
+  i$jscomp$inline_467 < simpleEventPluginEvents.length;
+  i$jscomp$inline_467++
 ) {
-  var eventName$jscomp$inline_472 =
-      simpleEventPluginEvents[i$jscomp$inline_471],
-    domEventName$jscomp$inline_473 = eventName$jscomp$inline_472.toLowerCase(),
-    capitalizedEvent$jscomp$inline_474 =
-      eventName$jscomp$inline_472[0].toUpperCase() +
-      eventName$jscomp$inline_472.slice(1);
+  var eventName$jscomp$inline_468 =
+      simpleEventPluginEvents[i$jscomp$inline_467],
+    domEventName$jscomp$inline_469 = eventName$jscomp$inline_468.toLowerCase(),
+    capitalizedEvent$jscomp$inline_470 =
+      eventName$jscomp$inline_468[0].toUpperCase() +
+      eventName$jscomp$inline_468.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_473,
-    "on" + capitalizedEvent$jscomp$inline_474
+    domEventName$jscomp$inline_469,
+    "on" + capitalizedEvent$jscomp$inline_470
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -2654,9 +2676,6 @@ registerSimpleEvent(ANIMATION_START, "onAnimationStart");
 registerSimpleEvent("dblclick", "onDoubleClick");
 registerSimpleEvent("focusin", "onFocus");
 registerSimpleEvent("focusout", "onBlur");
-registerSimpleEvent(TRANSITION_RUN, "onTransitionRun");
-registerSimpleEvent(TRANSITION_START, "onTransitionStart");
-registerSimpleEvent(TRANSITION_CANCEL, "onTransitionCancel");
 registerSimpleEvent(TRANSITION_END, "onTransitionEnd");
 registerDirectEvent("onMouseEnter", ["mouseout", "mouseover"]);
 registerDirectEvent("onMouseLeave", ["mouseout", "mouseover"]);
@@ -3604,7 +3623,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
         key = value.__html;
         if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
-          domElement.innerHTML = key;
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -3816,7 +3837,9 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
         key = value.__html;
         if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
-          domElement.innerHTML = key;
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -4394,222 +4417,1044 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         (null == propKey$50 && null == propKey) ||
         setProp(domElement, tag, lastProp, propKey$50, nextProps, propKey);
 }
-var concurrentQueues = [],
-  concurrentQueuesIndex = 0,
-  concurrentlyUpdatedLanes = 0;
-function finishQueueingConcurrentUpdates() {
-  for (
-    var endIndex = concurrentQueuesIndex,
-      i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
-    i < endIndex;
-
-  ) {
-    var fiber = concurrentQueues[i];
-    concurrentQueues[i++] = null;
-    var queue = concurrentQueues[i];
-    concurrentQueues[i++] = null;
-    var update = concurrentQueues[i];
-    concurrentQueues[i++] = null;
-    var lane = concurrentQueues[i];
-    concurrentQueues[i++] = null;
-    if (null !== queue && null !== update) {
-      var pending = queue.pending;
-      null === pending
-        ? (update.next = update)
-        : ((update.next = pending.next), (pending.next = update));
-      queue.pending = update;
+var ReactDOMCurrentDispatcher$1 = Internals.ReactDOMCurrentDispatcher,
+  eventsEnabled = null,
+  selectionInformation = null;
+function getOwnerDocumentFromRootContainer(rootContainerElement) {
+  return 9 === rootContainerElement.nodeType
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
+}
+function getOwnHostContext(namespaceURI) {
+  switch (namespaceURI) {
+    case "http://www.w3.org/2000/svg":
+      return 1;
+    case "http://www.w3.org/1998/Math/MathML":
+      return 2;
+    default:
+      return 0;
+  }
+}
+function getChildHostContextProd(parentNamespace, type) {
+  if (0 === parentNamespace)
+    switch (type) {
+      case "svg":
+        return 1;
+      case "math":
+        return 2;
+      default:
+        return 0;
     }
-    0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
+  return 1 === parentNamespace && "foreignObject" === type
+    ? 0
+    : parentNamespace;
+}
+function shouldSetTextContent(type, props) {
+  return (
+    "textarea" === type ||
+    "noscript" === type ||
+    "string" === typeof props.children ||
+    "number" === typeof props.children ||
+    "bigint" === typeof props.children ||
+    ("object" === typeof props.dangerouslySetInnerHTML &&
+      null !== props.dangerouslySetInnerHTML &&
+      null != props.dangerouslySetInnerHTML.__html)
+  );
+}
+var currentPopstateTransitionEvent = null;
+function shouldAttemptEagerTransition() {
+  var event = window.event;
+  if (event && "popstate" === event.type) {
+    if (event === currentPopstateTransitionEvent) return !1;
+    currentPopstateTransitionEvent = event;
+    return !0;
+  }
+  currentPopstateTransitionEvent = null;
+  return !1;
+}
+var scheduleTimeout = "function" === typeof setTimeout ? setTimeout : void 0,
+  cancelTimeout = "function" === typeof clearTimeout ? clearTimeout : void 0,
+  localPromise = "function" === typeof Promise ? Promise : void 0,
+  localRequestAnimationFrame =
+    "function" === typeof requestAnimationFrame
+      ? requestAnimationFrame
+      : scheduleTimeout;
+function getInstanceFromScope(scopeInstance) {
+  scopeInstance = scopeInstance[internalInstanceKey] || null;
+  return scopeInstance;
+}
+var scheduleMicrotask =
+  "function" === typeof queueMicrotask
+    ? queueMicrotask
+    : "undefined" !== typeof localPromise
+    ? function (callback) {
+        return localPromise
+          .resolve(null)
+          .then(callback)
+          .catch(handleErrorInNextTick);
+      }
+    : scheduleTimeout;
+function handleErrorInNextTick(error) {
+  setTimeout(function () {
+    throw error;
+  });
+}
+function createEvent(type, bubbles) {
+  var event = document.createEvent("Event");
+  event.initEvent(type, bubbles, !1);
+  return event;
+}
+function dispatchBeforeDetachedBlur(target, internalInstanceHandle) {
+  var event = createEvent("beforeblur", !0);
+  event._detachedInterceptFiber = internalInstanceHandle;
+  target.dispatchEvent(event);
+}
+function dispatchAfterDetachedBlur(target) {
+  var event = createEvent("afterblur", !1);
+  event.relatedTarget = target;
+  document.dispatchEvent(event);
+}
+function clearSuspenseBoundary(parentInstance, suspenseInstance) {
+  var node = suspenseInstance,
+    depth = 0;
+  do {
+    var nextNode = node.nextSibling;
+    parentInstance.removeChild(node);
+    if (nextNode && 8 === nextNode.nodeType)
+      if (((node = nextNode.data), "/$" === node)) {
+        if (0 === depth) {
+          parentInstance.removeChild(nextNode);
+          retryIfBlockedOn(suspenseInstance);
+          return;
+        }
+        depth--;
+      } else ("$" !== node && "$?" !== node && "$!" !== node) || depth++;
+    node = nextNode;
+  } while (node);
+  retryIfBlockedOn(suspenseInstance);
+}
+function clearContainerSparingly(container) {
+  var nextNode = container.firstChild;
+  nextNode && 10 === nextNode.nodeType && (nextNode = nextNode.nextSibling);
+  for (; nextNode; ) {
+    var node = nextNode;
+    nextNode = nextNode.nextSibling;
+    switch (node.nodeName) {
+      case "HTML":
+      case "HEAD":
+      case "BODY":
+        clearContainerSparingly(node);
+        detachDeletedInstance(node);
+        continue;
+      case "SCRIPT":
+      case "STYLE":
+        continue;
+      case "LINK":
+        if ("stylesheet" === node.rel.toLowerCase()) continue;
+    }
+    container.removeChild(node);
   }
 }
-function enqueueUpdate$1(fiber, queue, update, lane) {
-  concurrentQueues[concurrentQueuesIndex++] = fiber;
-  concurrentQueues[concurrentQueuesIndex++] = queue;
-  concurrentQueues[concurrentQueuesIndex++] = update;
-  concurrentQueues[concurrentQueuesIndex++] = lane;
-  concurrentlyUpdatedLanes |= lane;
-  fiber.lanes |= lane;
-  fiber = fiber.alternate;
-  null !== fiber && (fiber.lanes |= lane);
-}
-function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-  enqueueUpdate$1(fiber, queue, update, lane);
-  return getRootForUpdatedFiber(fiber);
-}
-function enqueueConcurrentRenderForLane(fiber, lane) {
-  enqueueUpdate$1(fiber, null, null, lane);
-  return getRootForUpdatedFiber(fiber);
-}
-function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
-  sourceFiber.lanes |= lane;
-  var alternate = sourceFiber.alternate;
-  null !== alternate && (alternate.lanes |= lane);
-  for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
-    (parent.childLanes |= lane),
-      (alternate = parent.alternate),
-      null !== alternate && (alternate.childLanes |= lane),
-      22 === parent.tag &&
-        ((sourceFiber = parent.stateNode),
-        null === sourceFiber || sourceFiber._visibility & 1 || (isHidden = !0)),
-      (sourceFiber = parent),
-      (parent = parent.return);
-  isHidden &&
-    null !== update &&
-    3 === sourceFiber.tag &&
-    ((parent = sourceFiber.stateNode),
-    (isHidden = 31 - clz32(lane)),
-    (parent = parent.hiddenUpdates),
-    (sourceFiber = parent[isHidden]),
-    null === sourceFiber
-      ? (parent[isHidden] = [update])
-      : sourceFiber.push(update),
-    (update.lane = lane | 536870912));
-}
-function getRootForUpdatedFiber(sourceFiber) {
-  throwIfInfiniteUpdateLoopDetected();
-  for (var parent = sourceFiber.return; null !== parent; )
-    (sourceFiber = parent), (parent = sourceFiber.return);
-  return 3 === sourceFiber.tag ? sourceFiber.stateNode : null;
-}
-var emptyContextObject = {};
-function processTransitionCallbacks(pendingTransitions, endTime, callbacks) {
-  if (enableTransitionTracing && null !== pendingTransitions) {
-    var transitionStart = pendingTransitions.transitionStart,
-      onTransitionStart = callbacks.onTransitionStart;
-    null !== transitionStart &&
-      null != onTransitionStart &&
-      transitionStart.forEach(function (transition) {
-        return onTransitionStart(transition.name, transition.startTime);
-      });
-    transitionStart = pendingTransitions.markerProgress;
-    var onMarkerProgress = callbacks.onMarkerProgress;
-    null != onMarkerProgress &&
-      null !== transitionStart &&
-      transitionStart.forEach(function (markerInstance, markerName) {
-        if (null !== markerInstance.transitions) {
-          var pending =
-            null !== markerInstance.pendingBoundaries
-              ? Array.from(markerInstance.pendingBoundaries.values())
-              : [];
-          markerInstance.transitions.forEach(function (transition) {
-            onMarkerProgress(
-              transition.name,
-              markerName,
-              transition.startTime,
-              endTime,
-              pending
-            );
-          });
-        }
-      });
-    transitionStart = pendingTransitions.markerComplete;
-    var onMarkerComplete = callbacks.onMarkerComplete;
-    null !== transitionStart &&
-      null != onMarkerComplete &&
-      transitionStart.forEach(function (transitions, markerName) {
-        transitions.forEach(function (transition) {
-          onMarkerComplete(
-            transition.name,
-            markerName,
-            transition.startTime,
-            endTime
-          );
-        });
-      });
-    transitionStart = pendingTransitions.markerIncomplete;
-    var onMarkerIncomplete = callbacks.onMarkerIncomplete;
-    null != onMarkerIncomplete &&
-      null !== transitionStart &&
-      transitionStart.forEach(function (_ref, markerName) {
-        var aborts = _ref.aborts;
-        _ref.transitions.forEach(function (transition) {
-          var filteredAborts = [];
-          aborts.forEach(function (abort) {
-            switch (abort.reason) {
-              case "marker":
-                filteredAborts.push({
-                  type: "marker",
-                  name: abort.name,
-                  endTime: endTime
-                });
-                break;
-              case "suspense":
-                filteredAborts.push({
-                  type: "suspense",
-                  name: abort.name,
-                  endTime: endTime
-                });
-            }
-          });
-          0 < filteredAborts.length &&
-            onMarkerIncomplete(
-              transition.name,
-              markerName,
-              transition.startTime,
-              filteredAborts
-            );
-        });
-      });
-    transitionStart = pendingTransitions.transitionProgress;
-    var onTransitionProgress = callbacks.onTransitionProgress;
-    null != onTransitionProgress &&
-      null !== transitionStart &&
-      transitionStart.forEach(function (pending, transition) {
-        onTransitionProgress(
-          transition.name,
-          transition.startTime,
-          endTime,
-          Array.from(pending.values())
-        );
-      });
-    pendingTransitions = pendingTransitions.transitionComplete;
-    var onTransitionComplete = callbacks.onTransitionComplete;
-    null !== pendingTransitions &&
-      null != onTransitionComplete &&
-      pendingTransitions.forEach(function (transition) {
-        return onTransitionComplete(
-          transition.name,
-          transition.startTime,
-          endTime
-        );
-      });
+function canHydrateInstance(instance, type, props, inRootOrSingleton) {
+  for (; 1 === instance.nodeType; ) {
+    var anyProps = props;
+    if (instance.nodeName.toLowerCase() !== type.toLowerCase()) {
+      if (
+        !inRootOrSingleton &&
+        ("INPUT" !== instance.nodeName || "hidden" !== instance.type)
+      )
+        break;
+    } else if (!inRootOrSingleton)
+      if ("input" === type && "hidden" === instance.type) {
+        var name = null == anyProps.name ? null : "" + anyProps.name;
+        if (
+          "hidden" === anyProps.type &&
+          instance.getAttribute("name") === name
+        )
+          return instance;
+      } else return instance;
+    else if (!instance[internalHoistableMarker])
+      switch (type) {
+        case "meta":
+          if (!instance.hasAttribute("itemprop")) break;
+          return instance;
+        case "link":
+          name = instance.getAttribute("rel");
+          if ("stylesheet" === name && instance.hasAttribute("data-precedence"))
+            break;
+          else if (
+            name !== anyProps.rel ||
+            instance.getAttribute("href") !==
+              (null == anyProps.href ? null : anyProps.href) ||
+            instance.getAttribute("crossorigin") !==
+              (null == anyProps.crossOrigin ? null : anyProps.crossOrigin) ||
+            instance.getAttribute("title") !==
+              (null == anyProps.title ? null : anyProps.title)
+          )
+            break;
+          return instance;
+        case "style":
+          if (instance.hasAttribute("data-precedence")) break;
+          return instance;
+        case "script":
+          name = instance.getAttribute("src");
+          if (
+            (name !== (null == anyProps.src ? null : anyProps.src) ||
+              instance.getAttribute("type") !==
+                (null == anyProps.type ? null : anyProps.type) ||
+              instance.getAttribute("crossorigin") !==
+                (null == anyProps.crossOrigin ? null : anyProps.crossOrigin)) &&
+            name &&
+            instance.hasAttribute("async") &&
+            !instance.hasAttribute("itemprop")
+          )
+            break;
+          return instance;
+        default:
+          return instance;
+      }
+    instance = getNextHydratable(instance.nextSibling);
+    if (null === instance) break;
   }
+  return null;
 }
-var markerInstanceStack = createCursor(null);
-function pushRootMarkerInstance(workInProgress) {
-  if (enableTransitionTracing) {
-    var transitions = workInProgressTransitions,
-      root$87 = workInProgress.stateNode;
-    null !== transitions &&
-      transitions.forEach(function (transition) {
-        if (!root$87.incompleteTransitions.has(transition)) {
-          var markerInstance = {
-            tag: 0,
-            transitions: new Set([transition]),
-            pendingBoundaries: null,
-            aborts: null,
-            name: null
-          };
-          root$87.incompleteTransitions.set(transition, markerInstance);
-        }
+function canHydrateTextInstance(instance, text, inRootOrSingleton) {
+  if ("" === text) return null;
+  for (; 3 !== instance.nodeType; ) {
+    if (
+      (1 !== instance.nodeType ||
+        "INPUT" !== instance.nodeName ||
+        "hidden" !== instance.type) &&
+      !inRootOrSingleton
+    )
+      return null;
+    instance = getNextHydratable(instance.nextSibling);
+    if (null === instance) return null;
+  }
+  return instance;
+}
+function getNextHydratable(node) {
+  for (; null != node; node = node.nextSibling) {
+    var nodeType = node.nodeType;
+    if (1 === nodeType || 3 === nodeType) break;
+    if (8 === nodeType) {
+      nodeType = node.data;
+      if (
+        "$" === nodeType ||
+        "$!" === nodeType ||
+        "$?" === nodeType ||
+        "F!" === nodeType ||
+        "F" === nodeType
+      )
+        break;
+      if ("/$" === nodeType) return null;
+    }
+  }
+  return node;
+}
+function getParentSuspenseInstance(targetInstance) {
+  targetInstance = targetInstance.previousSibling;
+  for (var depth = 0; targetInstance; ) {
+    if (8 === targetInstance.nodeType) {
+      var data = targetInstance.data;
+      if ("$" === data || "$!" === data || "$?" === data) {
+        if (0 === depth) return targetInstance;
+        depth--;
+      } else "/$" === data && depth++;
+    }
+    targetInstance = targetInstance.previousSibling;
+  }
+  return null;
+}
+function getBoundingRect(node) {
+  node = node.getBoundingClientRect();
+  return { x: node.left, y: node.top, width: node.width, height: node.height };
+}
+function isHiddenSubtree(fiber) {
+  return 5 === fiber.tag && !0 === fiber.memoizedProps.hidden;
+}
+function setFocusIfFocusable(node) {
+  function handleFocus() {
+    didFocus = !0;
+  }
+  var didFocus = !1;
+  try {
+    node.addEventListener("focus", handleFocus),
+      (node.focus || HTMLElement.prototype.focus).call(node);
+  } finally {
+    node.removeEventListener("focus", handleFocus);
+  }
+  return didFocus;
+}
+function setupIntersectionObserver(targets, callback, options) {
+  var rectRatioCache = new Map();
+  targets.forEach(function (target) {
+    rectRatioCache.set(target, { rect: getBoundingRect(target), ratio: 0 });
+  });
+  var observer = new IntersectionObserver(function (entries) {
+    entries.forEach(function (entry) {
+      var boundingClientRect = entry.boundingClientRect;
+      rectRatioCache.set(entry.target, {
+        rect: {
+          x: boundingClientRect.left,
+          y: boundingClientRect.top,
+          width: boundingClientRect.width,
+          height: boundingClientRect.height
+        },
+        ratio: entry.intersectionRatio
       });
-    var markerInstances = [];
-    root$87.incompleteTransitions.forEach(function (markerInstance) {
-      markerInstances.push(markerInstance);
     });
-    push(markerInstanceStack, markerInstances);
+    callback(Array.from(rectRatioCache.values()));
+  }, options);
+  targets.forEach(function (target) {
+    observer.observe(target);
+  });
+  return {
+    disconnect: function () {
+      return observer.disconnect();
+    },
+    observe: function (target) {
+      rectRatioCache.set(target, { rect: getBoundingRect(target), ratio: 0 });
+      observer.observe(target);
+    },
+    unobserve: function (target) {
+      rectRatioCache.delete(target);
+      observer.unobserve(target);
+    }
+  };
+}
+function requestPostPaintCallback(callback) {
+  localRequestAnimationFrame(function () {
+    localRequestAnimationFrame(function (time) {
+      return callback(time);
+    });
+  });
+}
+function resolveSingletonInstance(type, props, rootContainerInstance) {
+  props = getOwnerDocumentFromRootContainer(rootContainerInstance);
+  switch (type) {
+    case "html":
+      type = props.documentElement;
+      if (!type) throw Error(formatProdErrorMessage(452));
+      return type;
+    case "head":
+      type = props.head;
+      if (!type) throw Error(formatProdErrorMessage(453));
+      return type;
+    case "body":
+      type = props.body;
+      if (!type) throw Error(formatProdErrorMessage(454));
+      return type;
+    default:
+      throw Error(formatProdErrorMessage(451));
   }
 }
-function pushMarkerInstance(workInProgress, markerInstance) {
-  enableTransitionTracing &&
-    (null === markerInstanceStack.current
-      ? push(markerInstanceStack, [markerInstance])
-      : push(
-          markerInstanceStack,
-          markerInstanceStack.current.concat(markerInstance)
-        ));
+var preloadPropsMap = new Map(),
+  preconnectsSet = new Set();
+function getHoistableRoot(container) {
+  return "function" === typeof container.getRootNode
+    ? container.getRootNode()
+    : container.ownerDocument;
 }
-var CapturedStacks = new WeakMap();
+var previousDispatcher = ReactDOMCurrentDispatcher$1.current;
+ReactDOMCurrentDispatcher$1.current = {
+  prefetchDNS: prefetchDNS$1,
+  preconnect: preconnect$1,
+  preload: preload$1,
+  preloadModule: preloadModule$1,
+  preinitStyle: preinitStyle,
+  preinitScript: preinitScript,
+  preinitModuleScript: preinitModuleScript
+};
+var globalDocument = "undefined" === typeof document ? null : document;
+function preconnectAs(rel, href, crossOrigin) {
+  var ownerDocument = globalDocument;
+  if (ownerDocument && "string" === typeof href && href) {
+    var limitedEscapedHref =
+      escapeSelectorAttributeValueInsideDoubleQuotes(href);
+    limitedEscapedHref =
+      'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
+    "string" === typeof crossOrigin &&
+      (limitedEscapedHref += '[crossorigin="' + crossOrigin + '"]');
+    preconnectsSet.has(limitedEscapedHref) ||
+      (preconnectsSet.add(limitedEscapedHref),
+      (rel = { rel: rel, crossOrigin: crossOrigin, href: href }),
+      null === ownerDocument.querySelector(limitedEscapedHref) &&
+        ((href = ownerDocument.createElement("link")),
+        setInitialProperties(href, "link", rel),
+        markNodeAsHoistable(href),
+        ownerDocument.head.appendChild(href)));
+  }
+}
+function prefetchDNS$1(href) {
+  previousDispatcher.prefetchDNS(href);
+  preconnectAs("dns-prefetch", href, null);
+}
+function preconnect$1(href, crossOrigin) {
+  previousDispatcher.preconnect(href, crossOrigin);
+  preconnectAs("preconnect", href, crossOrigin);
+}
+function preload$1(href, as, options) {
+  previousDispatcher.preload(href, as, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && href && as) {
+    var preloadSelector =
+      'link[rel="preload"][as="' +
+      escapeSelectorAttributeValueInsideDoubleQuotes(as) +
+      '"]';
+    "image" === as
+      ? options && options.imageSrcSet
+        ? ((preloadSelector +=
+            '[imagesrcset="' +
+            escapeSelectorAttributeValueInsideDoubleQuotes(
+              options.imageSrcSet
+            ) +
+            '"]'),
+          "string" === typeof options.imageSizes &&
+            (preloadSelector +=
+              '[imagesizes="' +
+              escapeSelectorAttributeValueInsideDoubleQuotes(
+                options.imageSizes
+              ) +
+              '"]'))
+        : (preloadSelector +=
+            '[href="' +
+            escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+            '"]')
+      : (preloadSelector +=
+          '[href="' +
+          escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+          '"]');
+    var key = preloadSelector;
+    switch (as) {
+      case "style":
+        key = getStyleKey(href);
+        break;
+      case "script":
+        key = getScriptKey(href);
+    }
+    preloadPropsMap.has(key) ||
+      ((href = assign(
+        {
+          rel: "preload",
+          href:
+            "image" === as && options && options.imageSrcSet ? void 0 : href,
+          as: as
+        },
+        options
+      )),
+      preloadPropsMap.set(key, href),
+      null !== ownerDocument.querySelector(preloadSelector) ||
+        ("style" === as &&
+          ownerDocument.querySelector(getStylesheetSelectorFromKey(key))) ||
+        ("script" === as &&
+          ownerDocument.querySelector(getScriptSelectorFromKey(key))) ||
+        ((as = ownerDocument.createElement("link")),
+        setInitialProperties(as, "link", href),
+        markNodeAsHoistable(as),
+        ownerDocument.head.appendChild(as)));
+  }
+}
+function preloadModule$1(href, options) {
+  previousDispatcher.preloadModule(href, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && href) {
+    var as = options && "string" === typeof options.as ? options.as : "script",
+      preloadSelector =
+        'link[rel="modulepreload"][as="' +
+        escapeSelectorAttributeValueInsideDoubleQuotes(as) +
+        '"][href="' +
+        escapeSelectorAttributeValueInsideDoubleQuotes(href) +
+        '"]',
+      key = preloadSelector;
+    switch (as) {
+      case "audioworklet":
+      case "paintworklet":
+      case "serviceworker":
+      case "sharedworker":
+      case "worker":
+      case "script":
+        key = getScriptKey(href);
+    }
+    if (
+      !preloadPropsMap.has(key) &&
+      ((href = assign({ rel: "modulepreload", href: href }, options)),
+      preloadPropsMap.set(key, href),
+      null === ownerDocument.querySelector(preloadSelector))
+    ) {
+      switch (as) {
+        case "audioworklet":
+        case "paintworklet":
+        case "serviceworker":
+        case "sharedworker":
+        case "worker":
+        case "script":
+          if (ownerDocument.querySelector(getScriptSelectorFromKey(key)))
+            return;
+      }
+      as = ownerDocument.createElement("link");
+      setInitialProperties(as, "link", href);
+      markNodeAsHoistable(as);
+      ownerDocument.head.appendChild(as);
+    }
+  }
+}
+function preinitStyle(href, precedence, options) {
+  previousDispatcher.preinitStyle(href, precedence, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && href) {
+    var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
+      key = getStyleKey(href);
+    precedence = precedence || "default";
+    var resource = styles.get(key);
+    if (!resource) {
+      var state = { loading: 0, preload: null };
+      if (
+        (resource = ownerDocument.querySelector(
+          getStylesheetSelectorFromKey(key)
+        ))
+      )
+        state.loading = 5;
+      else {
+        href = assign(
+          { rel: "stylesheet", href: href, "data-precedence": precedence },
+          options
+        );
+        (options = preloadPropsMap.get(key)) &&
+          adoptPreloadPropsForStylesheet(href, options);
+        var link = (resource = ownerDocument.createElement("link"));
+        markNodeAsHoistable(link);
+        setInitialProperties(link, "link", href);
+        link._p = new Promise(function (resolve, reject) {
+          link.onload = resolve;
+          link.onerror = reject;
+        });
+        link.addEventListener("load", function () {
+          state.loading |= 1;
+        });
+        link.addEventListener("error", function () {
+          state.loading |= 2;
+        });
+        state.loading |= 4;
+        insertStylesheet(resource, precedence, ownerDocument);
+      }
+      resource = {
+        type: "stylesheet",
+        instance: resource,
+        count: 1,
+        state: state
+      };
+      styles.set(key, resource);
+    }
+  }
+}
+function preinitScript(src, options) {
+  previousDispatcher.preinitScript(src, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && src) {
+    var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
+      key = getScriptKey(src),
+      resource = scripts.get(key);
+    resource ||
+      ((resource = ownerDocument.querySelector(getScriptSelectorFromKey(key))),
+      resource ||
+        ((src = assign({ src: src, async: !0 }, options)),
+        (options = preloadPropsMap.get(key)) &&
+          adoptPreloadPropsForScript(src, options),
+        (resource = ownerDocument.createElement("script")),
+        markNodeAsHoistable(resource),
+        setInitialProperties(resource, "link", src),
+        ownerDocument.head.appendChild(resource)),
+      (resource = {
+        type: "script",
+        instance: resource,
+        count: 1,
+        state: null
+      }),
+      scripts.set(key, resource));
+  }
+}
+function preinitModuleScript(src, options) {
+  previousDispatcher.preinitModuleScript(src, options);
+  var ownerDocument = globalDocument;
+  if (ownerDocument && src) {
+    var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
+      key = getScriptKey(src),
+      resource = scripts.get(key);
+    resource ||
+      ((resource = ownerDocument.querySelector(getScriptSelectorFromKey(key))),
+      resource ||
+        ((src = assign({ src: src, async: !0, type: "module" }, options)),
+        (options = preloadPropsMap.get(key)) &&
+          adoptPreloadPropsForScript(src, options),
+        (resource = ownerDocument.createElement("script")),
+        markNodeAsHoistable(resource),
+        setInitialProperties(resource, "link", src),
+        ownerDocument.head.appendChild(resource)),
+      (resource = {
+        type: "script",
+        instance: resource,
+        count: 1,
+        state: null
+      }),
+      scripts.set(key, resource));
+  }
+}
+function getResource(type, currentProps, pendingProps) {
+  currentProps = (currentProps = rootInstanceStackCursor.current)
+    ? getHoistableRoot(currentProps)
+    : null;
+  if (!currentProps) throw Error(formatProdErrorMessage(446));
+  switch (type) {
+    case "meta":
+    case "title":
+      return null;
+    case "style":
+      return "string" === typeof pendingProps.precedence &&
+        "string" === typeof pendingProps.href
+        ? ((pendingProps = getStyleKey(pendingProps.href)),
+          (currentProps = getResourcesFromRoot(currentProps).hoistableStyles),
+          (type = currentProps.get(pendingProps)),
+          type ||
+            ((type = { type: "style", instance: null, count: 0, state: null }),
+            currentProps.set(pendingProps, type)),
+          type)
+        : { type: "void", instance: null, count: 0, state: null };
+    case "link":
+      if (
+        "stylesheet" === pendingProps.rel &&
+        "string" === typeof pendingProps.href &&
+        "string" === typeof pendingProps.precedence
+      ) {
+        type = getStyleKey(pendingProps.href);
+        var styles$89 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$90 = styles$89.get(type);
+        resource$90 ||
+          ((currentProps = currentProps.ownerDocument || currentProps),
+          (resource$90 = {
+            type: "stylesheet",
+            instance: null,
+            count: 0,
+            state: { loading: 0, preload: null }
+          }),
+          styles$89.set(type, resource$90),
+          preloadPropsMap.has(type) ||
+            preloadStylesheet(
+              currentProps,
+              type,
+              {
+                rel: "preload",
+                as: "style",
+                href: pendingProps.href,
+                crossOrigin: pendingProps.crossOrigin,
+                integrity: pendingProps.integrity,
+                media: pendingProps.media,
+                hrefLang: pendingProps.hrefLang,
+                referrerPolicy: pendingProps.referrerPolicy
+              },
+              resource$90.state
+            ));
+        return resource$90;
+      }
+      return null;
+    case "script":
+      return "string" === typeof pendingProps.src && !0 === pendingProps.async
+        ? ((pendingProps = getScriptKey(pendingProps.src)),
+          (currentProps = getResourcesFromRoot(currentProps).hoistableScripts),
+          (type = currentProps.get(pendingProps)),
+          type ||
+            ((type = { type: "script", instance: null, count: 0, state: null }),
+            currentProps.set(pendingProps, type)),
+          type)
+        : { type: "void", instance: null, count: 0, state: null };
+    default:
+      throw Error(formatProdErrorMessage(444, type));
+  }
+}
+function getStyleKey(href) {
+  return 'href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
+}
+function getStylesheetSelectorFromKey(key) {
+  return 'link[rel="stylesheet"][' + key + "]";
+}
+function stylesheetPropsFromRawProps(rawProps) {
+  return assign({}, rawProps, {
+    "data-precedence": rawProps.precedence,
+    precedence: null
+  });
+}
+function preloadStylesheet(ownerDocument, key, preloadProps, state) {
+  preloadPropsMap.set(key, preloadProps);
+  ownerDocument.querySelector(getStylesheetSelectorFromKey(key)) ||
+    (ownerDocument.querySelector('link[rel="preload"][as="style"][' + key + "]")
+      ? (state.loading = 1)
+      : ((key = ownerDocument.createElement("link")),
+        (state.preload = key),
+        key.addEventListener("load", function () {
+          return (state.loading |= 1);
+        }),
+        key.addEventListener("error", function () {
+          return (state.loading |= 2);
+        }),
+        setInitialProperties(key, "link", preloadProps),
+        markNodeAsHoistable(key),
+        ownerDocument.head.appendChild(key)));
+}
+function getScriptKey(src) {
+  return '[src="' + escapeSelectorAttributeValueInsideDoubleQuotes(src) + '"]';
+}
+function getScriptSelectorFromKey(key) {
+  return "script[async]" + key;
+}
+function acquireResource(hoistableRoot, resource, props) {
+  resource.count++;
+  if (null === resource.instance)
+    switch (resource.type) {
+      case "style":
+        var instance = hoistableRoot.querySelector(
+          'style[data-href~="' +
+            escapeSelectorAttributeValueInsideDoubleQuotes(props.href) +
+            '"]'
+        );
+        if (instance)
+          return (
+            (resource.instance = instance),
+            markNodeAsHoistable(instance),
+            instance
+          );
+        var styleProps = assign({}, props, {
+          "data-href": props.href,
+          "data-precedence": props.precedence,
+          href: null,
+          precedence: null
+        });
+        instance = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
+          "style"
+        );
+        markNodeAsHoistable(instance);
+        setInitialProperties(instance, "style", styleProps);
+        insertStylesheet(instance, props.precedence, hoistableRoot);
+        return (resource.instance = instance);
+      case "stylesheet":
+        styleProps = getStyleKey(props.href);
+        var instance$94 = hoistableRoot.querySelector(
+          getStylesheetSelectorFromKey(styleProps)
+        );
+        if (instance$94)
+          return (
+            (resource.state.loading |= 4),
+            (resource.instance = instance$94),
+            markNodeAsHoistable(instance$94),
+            instance$94
+          );
+        instance = stylesheetPropsFromRawProps(props);
+        (styleProps = preloadPropsMap.get(styleProps)) &&
+          adoptPreloadPropsForStylesheet(instance, styleProps);
+        instance$94 = (
+          hoistableRoot.ownerDocument || hoistableRoot
+        ).createElement("link");
+        markNodeAsHoistable(instance$94);
+        var linkInstance = instance$94;
+        linkInstance._p = new Promise(function (resolve, reject) {
+          linkInstance.onload = resolve;
+          linkInstance.onerror = reject;
+        });
+        setInitialProperties(instance$94, "link", instance);
+        resource.state.loading |= 4;
+        insertStylesheet(instance$94, props.precedence, hoistableRoot);
+        return (resource.instance = instance$94);
+      case "script":
+        instance$94 = getScriptKey(props.src);
+        if (
+          (styleProps = hoistableRoot.querySelector(
+            getScriptSelectorFromKey(instance$94)
+          ))
+        )
+          return (
+            (resource.instance = styleProps),
+            markNodeAsHoistable(styleProps),
+            styleProps
+          );
+        instance = props;
+        if ((styleProps = preloadPropsMap.get(instance$94)))
+          (instance = assign({}, props)),
+            adoptPreloadPropsForScript(instance, styleProps);
+        hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
+        styleProps = hoistableRoot.createElement("script");
+        markNodeAsHoistable(styleProps);
+        setInitialProperties(styleProps, "link", instance);
+        hoistableRoot.head.appendChild(styleProps);
+        return (resource.instance = styleProps);
+      case "void":
+        return null;
+      default:
+        throw Error(formatProdErrorMessage(443, resource.type));
+    }
+  else
+    "stylesheet" === resource.type &&
+      0 === (resource.state.loading & 4) &&
+      ((instance = resource.instance),
+      (resource.state.loading |= 4),
+      insertStylesheet(instance, props.precedence, hoistableRoot));
+  return resource.instance;
+}
+function insertStylesheet(instance, precedence, root) {
+  for (
+    var nodes = root.querySelectorAll(
+        'link[rel="stylesheet"][data-precedence],style[data-precedence]'
+      ),
+      last = nodes.length ? nodes[nodes.length - 1] : null,
+      prior = last,
+      i = 0;
+    i < nodes.length;
+    i++
+  ) {
+    var node = nodes[i];
+    if (node.dataset.precedence === precedence) prior = node;
+    else if (prior !== last) break;
+  }
+  prior
+    ? prior.parentNode.insertBefore(instance, prior.nextSibling)
+    : ((precedence = 9 === root.nodeType ? root.head : root),
+      precedence.insertBefore(instance, precedence.firstChild));
+}
+function adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps) {
+  null == stylesheetProps.crossOrigin &&
+    (stylesheetProps.crossOrigin = preloadProps.crossOrigin);
+  null == stylesheetProps.referrerPolicy &&
+    (stylesheetProps.referrerPolicy = preloadProps.referrerPolicy);
+  null == stylesheetProps.title && (stylesheetProps.title = preloadProps.title);
+}
+function adoptPreloadPropsForScript(scriptProps, preloadProps) {
+  null == scriptProps.crossOrigin &&
+    (scriptProps.crossOrigin = preloadProps.crossOrigin);
+  null == scriptProps.referrerPolicy &&
+    (scriptProps.referrerPolicy = preloadProps.referrerPolicy);
+  null == scriptProps.integrity &&
+    (scriptProps.integrity = preloadProps.integrity);
+}
+var tagCaches = null;
+function getHydratableHoistableCache(type, keyAttribute, ownerDocument) {
+  if (null === tagCaches) {
+    var cache = new Map();
+    var caches = (tagCaches = new Map());
+    caches.set(ownerDocument, cache);
+  } else
+    (caches = tagCaches),
+      (cache = caches.get(ownerDocument)),
+      cache || ((cache = new Map()), caches.set(ownerDocument, cache));
+  if (cache.has(type)) return cache;
+  cache.set(type, null);
+  ownerDocument = ownerDocument.getElementsByTagName(type);
+  for (caches = 0; caches < ownerDocument.length; caches++) {
+    var node = ownerDocument[caches];
+    if (
+      !(
+        node[internalHoistableMarker] ||
+        node[internalInstanceKey] ||
+        ("link" === type && "stylesheet" === node.getAttribute("rel"))
+      ) &&
+      "http://www.w3.org/2000/svg" !== node.namespaceURI
+    ) {
+      var nodeKey = node.getAttribute(keyAttribute) || "";
+      nodeKey = type + nodeKey;
+      var existing = cache.get(nodeKey);
+      existing ? existing.push(node) : cache.set(nodeKey, [node]);
+    }
+  }
+  return cache;
+}
+function mountHoistable(hoistableRoot, type, instance) {
+  hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
+  hoistableRoot.head.insertBefore(
+    instance,
+    "title" === type ? hoistableRoot.querySelector("head > title") : null
+  );
+}
+function isHostHoistableType(type, props, hostContext) {
+  if (1 === hostContext || null != props.itemProp) return !1;
+  switch (type) {
+    case "meta":
+    case "title":
+      return !0;
+    case "style":
+      if (
+        "string" !== typeof props.precedence ||
+        "string" !== typeof props.href ||
+        "" === props.href
+      )
+        break;
+      return !0;
+    case "link":
+      if (
+        "string" !== typeof props.rel ||
+        "string" !== typeof props.href ||
+        "" === props.href ||
+        props.onLoad ||
+        props.onError
+      )
+        break;
+      switch (props.rel) {
+        case "stylesheet":
+          return (
+            (type = props.disabled),
+            "string" === typeof props.precedence && null == type
+          );
+        default:
+          return !0;
+      }
+    case "script":
+      if (
+        !0 === props.async &&
+        !props.onLoad &&
+        !props.onError &&
+        "string" === typeof props.src &&
+        props.src
+      )
+        return !0;
+  }
+  return !1;
+}
+var suspendedState = null;
+function noop$1() {}
+function suspendResource(hoistableRoot, resource, props) {
+  if (null === suspendedState) throw Error(formatProdErrorMessage(475));
+  var state = suspendedState;
+  if (
+    "stylesheet" === resource.type &&
+    ("string" !== typeof props.media ||
+      !1 !== matchMedia(props.media).matches) &&
+    0 === (resource.state.loading & 4)
+  ) {
+    if (null === resource.instance) {
+      var key = getStyleKey(props.href),
+        instance = hoistableRoot.querySelector(
+          getStylesheetSelectorFromKey(key)
+        );
+      if (instance) {
+        hoistableRoot = instance._p;
+        null !== hoistableRoot &&
+          "object" === typeof hoistableRoot &&
+          "function" === typeof hoistableRoot.then &&
+          (state.count++,
+          (state = onUnsuspend.bind(state)),
+          hoistableRoot.then(state, state));
+        resource.state.loading |= 4;
+        resource.instance = instance;
+        markNodeAsHoistable(instance);
+        return;
+      }
+      instance = hoistableRoot.ownerDocument || hoistableRoot;
+      props = stylesheetPropsFromRawProps(props);
+      (key = preloadPropsMap.get(key)) &&
+        adoptPreloadPropsForStylesheet(props, key);
+      instance = instance.createElement("link");
+      markNodeAsHoistable(instance);
+      var linkInstance = instance;
+      linkInstance._p = new Promise(function (resolve, reject) {
+        linkInstance.onload = resolve;
+        linkInstance.onerror = reject;
+      });
+      setInitialProperties(instance, "link", props);
+      resource.instance = instance;
+    }
+    null === state.stylesheets && (state.stylesheets = new Map());
+    state.stylesheets.set(resource, hoistableRoot);
+    (hoistableRoot = resource.state.preload) &&
+      0 === (resource.state.loading & 3) &&
+      (state.count++,
+      (resource = onUnsuspend.bind(state)),
+      hoistableRoot.addEventListener("load", resource),
+      hoistableRoot.addEventListener("error", resource));
+  }
+}
+function waitForCommitToBeReady() {
+  if (null === suspendedState) throw Error(formatProdErrorMessage(475));
+  var state = suspendedState;
+  state.stylesheets &&
+    0 === state.count &&
+    insertSuspendedStylesheets(state, state.stylesheets);
+  return 0 < state.count
+    ? function (commit) {
+        var stylesheetTimer = setTimeout(function () {
+          state.stylesheets &&
+            insertSuspendedStylesheets(state, state.stylesheets);
+          if (state.unsuspend) {
+            var unsuspend = state.unsuspend;
+            state.unsuspend = null;
+            unsuspend();
+          }
+        }, 6e4);
+        state.unsuspend = commit;
+        return function () {
+          state.unsuspend = null;
+          clearTimeout(stylesheetTimer);
+        };
+      }
+    : null;
+}
+function onUnsuspend() {
+  this.count--;
+  if (0 === this.count)
+    if (this.stylesheets) insertSuspendedStylesheets(this, this.stylesheets);
+    else if (this.unsuspend) {
+      var unsuspend = this.unsuspend;
+      this.unsuspend = null;
+      unsuspend();
+    }
+}
+var precedencesByRoot = null;
+function insertSuspendedStylesheets(state, resources) {
+  state.stylesheets = null;
+  null !== state.unsuspend &&
+    (state.count++,
+    (precedencesByRoot = new Map()),
+    resources.forEach(insertStylesheetIntoRoot, state),
+    (precedencesByRoot = null),
+    onUnsuspend.call(state));
+}
+function insertStylesheetIntoRoot(root, resource) {
+  if (!(resource.state.loading & 4)) {
+    var precedences = precedencesByRoot.get(root);
+    if (precedences) var last = precedences.get(null);
+    else {
+      precedences = new Map();
+      precedencesByRoot.set(root, precedences);
+      for (
+        var nodes = root.querySelectorAll(
+            "link[data-precedence],style[data-precedence]"
+          ),
+          i = 0;
+        i < nodes.length;
+        i++
+      ) {
+        var node = nodes[i];
+        if (
+          "link" === node.nodeName ||
+          "not all" !== node.getAttribute("media")
+        )
+          precedences.set(node.dataset.precedence, node), (last = node);
+      }
+      last && precedences.set(null, last);
+    }
+    nodes = resource.instance;
+    node = nodes.getAttribute("data-precedence");
+    i = precedences.get(node) || last;
+    i === last && precedences.set(null, nodes);
+    precedences.set(node, nodes);
+    this.count++;
+    last = onUnsuspend.bind(this);
+    nodes.addEventListener("load", last);
+    nodes.addEventListener("error", last);
+    i
+      ? i.parentNode.insertBefore(nodes, i.nextSibling)
+      : ((root = 9 === root.nodeType ? root.head : root),
+        root.insertBefore(nodes, root.firstChild));
+    resource.state.loading |= 4;
+  }
+}
+var emptyContextObject = {},
+  CapturedStacks = new WeakMap();
 function createCapturedValueAtFiber(value, source) {
   if ("object" === typeof value && null !== value) {
     var stack = CapturedStacks.get(value);
@@ -4831,6 +5676,543 @@ function queueHydrationError(error) {
     ? (hydrationErrors = [error])
     : hydrationErrors.push(error);
 }
+var concurrentQueues = [],
+  concurrentQueuesIndex = 0,
+  concurrentlyUpdatedLanes = 0;
+function finishQueueingConcurrentUpdates() {
+  for (
+    var endIndex = concurrentQueuesIndex,
+      i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
+    i < endIndex;
+
+  ) {
+    var fiber = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var queue = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var update = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var lane = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    if (null !== queue && null !== update) {
+      var pending = queue.pending;
+      null === pending
+        ? (update.next = update)
+        : ((update.next = pending.next), (pending.next = update));
+      queue.pending = update;
+    }
+    0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
+  }
+}
+function enqueueUpdate$1(fiber, queue, update, lane) {
+  concurrentQueues[concurrentQueuesIndex++] = fiber;
+  concurrentQueues[concurrentQueuesIndex++] = queue;
+  concurrentQueues[concurrentQueuesIndex++] = update;
+  concurrentQueues[concurrentQueuesIndex++] = lane;
+  concurrentlyUpdatedLanes |= lane;
+  fiber.lanes |= lane;
+  fiber = fiber.alternate;
+  null !== fiber && (fiber.lanes |= lane);
+}
+function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
+  enqueueUpdate$1(fiber, queue, update, lane);
+  return getRootForUpdatedFiber(fiber);
+}
+function enqueueConcurrentRenderForLane(fiber, lane) {
+  enqueueUpdate$1(fiber, null, null, lane);
+  return getRootForUpdatedFiber(fiber);
+}
+function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+  sourceFiber.lanes |= lane;
+  var alternate = sourceFiber.alternate;
+  null !== alternate && (alternate.lanes |= lane);
+  for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
+    (parent.childLanes |= lane),
+      (alternate = parent.alternate),
+      null !== alternate && (alternate.childLanes |= lane),
+      22 === parent.tag &&
+        ((sourceFiber = parent.stateNode),
+        null === sourceFiber || sourceFiber._visibility & 1 || (isHidden = !0)),
+      (sourceFiber = parent),
+      (parent = parent.return);
+  isHidden &&
+    null !== update &&
+    3 === sourceFiber.tag &&
+    ((parent = sourceFiber.stateNode),
+    (isHidden = 31 - clz32(lane)),
+    (parent = parent.hiddenUpdates),
+    (sourceFiber = parent[isHidden]),
+    null === sourceFiber
+      ? (parent[isHidden] = [update])
+      : sourceFiber.push(update),
+    (update.lane = lane | 536870912));
+}
+function getRootForUpdatedFiber(sourceFiber) {
+  throwIfInfiniteUpdateLoopDetected();
+  for (var parent = sourceFiber.return; null !== parent; )
+    (sourceFiber = parent), (parent = sourceFiber.return);
+  return 3 === sourceFiber.tag ? sourceFiber.stateNode : null;
+}
+var firstScheduledRoot = null,
+  lastScheduledRoot = null,
+  didScheduleMicrotask = !1,
+  mightHavePendingSyncWork = !1,
+  isFlushingWork = !1,
+  currentEventTransitionLane = 0;
+function ensureRootIsScheduled(root) {
+  root !== lastScheduledRoot &&
+    null === root.next &&
+    (null === lastScheduledRoot
+      ? (firstScheduledRoot = lastScheduledRoot = root)
+      : (lastScheduledRoot = lastScheduledRoot.next = root));
+  mightHavePendingSyncWork = !0;
+  didScheduleMicrotask ||
+    ((didScheduleMicrotask = !0),
+    scheduleImmediateTask(processRootScheduleInMicrotask));
+  enableDeferRootSchedulingToMicrotask ||
+    scheduleTaskForRootDuringMicrotask(root, now());
+}
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (!isFlushingWork && mightHavePendingSyncWork) {
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root$112 = firstScheduledRoot; null !== root$112; ) {
+        if (!onlyLegacy) {
+          var workInProgressRootRenderLanes$114 = workInProgressRootRenderLanes;
+          workInProgressRootRenderLanes$114 = getNextLanes(
+            root$112,
+            root$112 === workInProgressRoot
+              ? workInProgressRootRenderLanes$114
+              : 0
+          );
+          0 !== (workInProgressRootRenderLanes$114 & 3) &&
+            ((didPerformSomeWork = !0),
+            performSyncWorkOnRoot(root$112, workInProgressRootRenderLanes$114));
+        }
+        root$112 = root$112.next;
+      }
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+  }
+}
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next;
+    if (0 !== currentEventTransitionLane && shouldAttemptEagerTransition()) {
+      var root$jscomp$0 = root,
+        lane = currentEventTransitionLane;
+      root$jscomp$0.pendingLanes |= 2;
+      root$jscomp$0.entangledLanes |= 2;
+      root$jscomp$0.entanglements[1] |= lane;
+    }
+    root$jscomp$0 = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === root$jscomp$0
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (root$jscomp$0 & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
+  }
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
+}
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  var pendingLanes = root.pendingLanes,
+    suspendedLanes = root.suspendedLanes,
+    pingedLanes = root.pingedLanes,
+    expirationTimes = root.expirationTimes;
+  for (
+    pendingLanes = enableRetryLaneExpiration
+      ? pendingLanes
+      : pendingLanes & -62914561;
+    0 < pendingLanes;
+
+  ) {
+    var index$3 = 31 - clz32(pendingLanes),
+      lane = 1 << index$3,
+      expirationTime = expirationTimes[index$3];
+    if (-1 === expirationTime) {
+      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
+        expirationTimes[index$3] = computeExpirationTime(lane, currentTime);
+    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
+    pendingLanes &= ~lane;
+  }
+  currentTime = workInProgressRoot;
+  suspendedLanes = workInProgressRootRenderLanes;
+  suspendedLanes = getNextLanes(
+    root,
+    root === currentTime ? suspendedLanes : 0
+  );
+  pingedLanes = root.callbackNode;
+  if (
+    0 === suspendedLanes ||
+    (root === currentTime && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackNode = null),
+      (root.callbackPriority = 0)
+    );
+  if (0 !== (suspendedLanes & 3))
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackPriority = 2),
+      (root.callbackNode = null),
+      2
+    );
+  currentTime = suspendedLanes & -suspendedLanes;
+  if (currentTime === root.callbackPriority) return currentTime;
+  null !== pingedLanes && cancelCallback$1(pingedLanes);
+  switch (lanesToEventPriority(suspendedLanes)) {
+    case 2:
+      suspendedLanes = ImmediatePriority;
+      break;
+    case 8:
+      suspendedLanes = UserBlockingPriority;
+      break;
+    case 32:
+      suspendedLanes = NormalPriority$1;
+      break;
+    case 268435456:
+      suspendedLanes = IdlePriority;
+      break;
+    default:
+      suspendedLanes = NormalPriority$1;
+  }
+  pingedLanes = performConcurrentWorkOnRoot.bind(null, root);
+  suspendedLanes = scheduleCallback$3(suspendedLanes, pingedLanes);
+  root.callbackPriority = currentTime;
+  root.callbackNode = suspendedLanes;
+  return currentTime;
+}
+function scheduleImmediateTask(cb) {
+  scheduleMicrotask(function () {
+    0 !== (executionContext & 6)
+      ? scheduleCallback$3(ImmediatePriority, cb)
+      : cb();
+  });
+}
+function requestTransitionLane() {
+  0 === currentEventTransitionLane &&
+    (currentEventTransitionLane = claimNextTransitionLane());
+  return currentEventTransitionLane;
+}
+var currentEntangledListeners = null,
+  currentEntangledPendingCount = 0,
+  currentEntangledLane = 0,
+  currentEntangledActionThenable = null;
+function entangleAsyncAction(transition, thenable) {
+  if (null === currentEntangledListeners) {
+    var entangledListeners = (currentEntangledListeners = []);
+    currentEntangledPendingCount = 0;
+    currentEntangledLane = requestTransitionLane();
+    currentEntangledActionThenable = {
+      status: "pending",
+      value: void 0,
+      then: function (resolve) {
+        entangledListeners.push(resolve);
+      }
+    };
+  }
+  currentEntangledPendingCount++;
+  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
+  return thenable;
+}
+function pingEngtangledActionScope() {
+  if (
+    null !== currentEntangledListeners &&
+    0 === --currentEntangledPendingCount
+  ) {
+    null !== currentEntangledActionThenable &&
+      (currentEntangledActionThenable.status = "fulfilled");
+    var listeners = currentEntangledListeners;
+    currentEntangledListeners = null;
+    currentEntangledLane = 0;
+    currentEntangledActionThenable = null;
+    for (var i = 0; i < listeners.length; i++) (0, listeners[i])();
+  }
+}
+function chainThenableValue(thenable, result) {
+  var listeners = [],
+    thenableWithOverride = {
+      status: "pending",
+      value: null,
+      reason: null,
+      then: function (resolve) {
+        listeners.push(resolve);
+      }
+    };
+  thenable.then(
+    function () {
+      thenableWithOverride.status = "fulfilled";
+      thenableWithOverride.value = result;
+      for (var i = 0; i < listeners.length; i++) (0, listeners[i])(result);
+    },
+    function (error) {
+      thenableWithOverride.status = "rejected";
+      thenableWithOverride.reason = error;
+      for (error = 0; error < listeners.length; error++)
+        (0, listeners[error])(void 0);
+    }
+  );
+  return thenableWithOverride;
+}
+var hasForceUpdate = !1;
+function initializeUpdateQueue(fiber) {
+  fiber.updateQueue = {
+    baseState: fiber.memoizedState,
+    firstBaseUpdate: null,
+    lastBaseUpdate: null,
+    shared: { pending: null, lanes: 0, hiddenCallbacks: null },
+    callbacks: null
+  };
+}
+function cloneUpdateQueue(current, workInProgress) {
+  current = current.updateQueue;
+  workInProgress.updateQueue === current &&
+    (workInProgress.updateQueue = {
+      baseState: current.baseState,
+      firstBaseUpdate: current.firstBaseUpdate,
+      lastBaseUpdate: current.lastBaseUpdate,
+      shared: current.shared,
+      callbacks: null
+    });
+}
+function createUpdate(lane) {
+  return { lane: lane, tag: 0, payload: null, callback: null, next: null };
+}
+function enqueueUpdate(fiber, update, lane) {
+  var updateQueue = fiber.updateQueue;
+  if (null === updateQueue) return null;
+  updateQueue = updateQueue.shared;
+  if (0 !== (executionContext & 2)) {
+    var pending = updateQueue.pending;
+    null === pending
+      ? (update.next = update)
+      : ((update.next = pending.next), (pending.next = update));
+    updateQueue.pending = update;
+    update = getRootForUpdatedFiber(fiber);
+    markUpdateLaneFromFiberToRoot(fiber, null, lane);
+    return update;
+  }
+  enqueueUpdate$1(fiber, updateQueue, update, lane);
+  return getRootForUpdatedFiber(fiber);
+}
+function entangleTransitions(root, fiber, lane) {
+  fiber = fiber.updateQueue;
+  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194176))) {
+    var queueLanes = fiber.lanes;
+    queueLanes &= root.pendingLanes;
+    lane |= queueLanes;
+    fiber.lanes = lane;
+    markRootEntangled(root, lane);
+  }
+}
+function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
+  var queue = workInProgress.updateQueue,
+    current = workInProgress.alternate;
+  if (
+    null !== current &&
+    ((current = current.updateQueue), queue === current)
+  ) {
+    var newFirst = null,
+      newLast = null;
+    queue = queue.firstBaseUpdate;
+    if (null !== queue) {
+      do {
+        var clone = {
+          lane: queue.lane,
+          tag: queue.tag,
+          payload: queue.payload,
+          callback: null,
+          next: null
+        };
+        null === newLast
+          ? (newFirst = newLast = clone)
+          : (newLast = newLast.next = clone);
+        queue = queue.next;
+      } while (null !== queue);
+      null === newLast
+        ? (newFirst = newLast = capturedUpdate)
+        : (newLast = newLast.next = capturedUpdate);
+    } else newFirst = newLast = capturedUpdate;
+    queue = {
+      baseState: current.baseState,
+      firstBaseUpdate: newFirst,
+      lastBaseUpdate: newLast,
+      shared: current.shared,
+      callbacks: current.callbacks
+    };
+    workInProgress.updateQueue = queue;
+    return;
+  }
+  workInProgress = queue.lastBaseUpdate;
+  null === workInProgress
+    ? (queue.firstBaseUpdate = capturedUpdate)
+    : (workInProgress.next = capturedUpdate);
+  queue.lastBaseUpdate = capturedUpdate;
+}
+var didReadFromEntangledAsyncAction = !1;
+function suspendIfUpdateReadFromEntangledAsyncAction() {
+  if (didReadFromEntangledAsyncAction) {
+    var entangledActionThenable = currentEntangledActionThenable;
+    if (null !== entangledActionThenable) throw entangledActionThenable;
+  }
+}
+function processUpdateQueue(
+  workInProgress$jscomp$0,
+  props,
+  instance$jscomp$0,
+  renderLanes
+) {
+  didReadFromEntangledAsyncAction = !1;
+  var queue = workInProgress$jscomp$0.updateQueue;
+  hasForceUpdate = !1;
+  var firstBaseUpdate = queue.firstBaseUpdate,
+    lastBaseUpdate = queue.lastBaseUpdate,
+    pendingQueue = queue.shared.pending;
+  if (null !== pendingQueue) {
+    queue.shared.pending = null;
+    var lastPendingUpdate = pendingQueue,
+      firstPendingUpdate = lastPendingUpdate.next;
+    lastPendingUpdate.next = null;
+    null === lastBaseUpdate
+      ? (firstBaseUpdate = firstPendingUpdate)
+      : (lastBaseUpdate.next = firstPendingUpdate);
+    lastBaseUpdate = lastPendingUpdate;
+    var current = workInProgress$jscomp$0.alternate;
+    null !== current &&
+      ((current = current.updateQueue),
+      (pendingQueue = current.lastBaseUpdate),
+      pendingQueue !== lastBaseUpdate &&
+        (null === pendingQueue
+          ? (current.firstBaseUpdate = firstPendingUpdate)
+          : (pendingQueue.next = firstPendingUpdate),
+        (current.lastBaseUpdate = lastPendingUpdate)));
+  }
+  if (null !== firstBaseUpdate) {
+    var newState = queue.baseState;
+    lastBaseUpdate = 0;
+    current = firstPendingUpdate = lastPendingUpdate = null;
+    pendingQueue = firstBaseUpdate;
+    do {
+      var updateLane = pendingQueue.lane & -536870913,
+        isHiddenUpdate = updateLane !== pendingQueue.lane;
+      if (
+        isHiddenUpdate
+          ? (workInProgressRootRenderLanes & updateLane) === updateLane
+          : (renderLanes & updateLane) === updateLane
+      ) {
+        0 !== updateLane &&
+          updateLane === currentEntangledLane &&
+          (didReadFromEntangledAsyncAction = !0);
+        null !== current &&
+          (current = current.next =
+            {
+              lane: 0,
+              tag: pendingQueue.tag,
+              payload: pendingQueue.payload,
+              callback: null,
+              next: null
+            });
+        a: {
+          var workInProgress = workInProgress$jscomp$0,
+            update = pendingQueue;
+          updateLane = props;
+          var instance = instance$jscomp$0;
+          switch (update.tag) {
+            case 1:
+              workInProgress = update.payload;
+              if ("function" === typeof workInProgress) {
+                newState = workInProgress.call(instance, newState, updateLane);
+                break a;
+              }
+              newState = workInProgress;
+              break a;
+            case 3:
+              workInProgress.flags = (workInProgress.flags & -65537) | 128;
+            case 0:
+              workInProgress = update.payload;
+              updateLane =
+                "function" === typeof workInProgress
+                  ? workInProgress.call(instance, newState, updateLane)
+                  : workInProgress;
+              if (null === updateLane || void 0 === updateLane) break a;
+              newState = assign({}, newState, updateLane);
+              break a;
+            case 2:
+              hasForceUpdate = !0;
+          }
+        }
+        updateLane = pendingQueue.callback;
+        null !== updateLane &&
+          ((workInProgress$jscomp$0.flags |= 64),
+          isHiddenUpdate && (workInProgress$jscomp$0.flags |= 8192),
+          (isHiddenUpdate = queue.callbacks),
+          null === isHiddenUpdate
+            ? (queue.callbacks = [updateLane])
+            : isHiddenUpdate.push(updateLane));
+      } else
+        (isHiddenUpdate = {
+          lane: updateLane,
+          tag: pendingQueue.tag,
+          payload: pendingQueue.payload,
+          callback: pendingQueue.callback,
+          next: null
+        }),
+          null === current
+            ? ((firstPendingUpdate = current = isHiddenUpdate),
+              (lastPendingUpdate = newState))
+            : (current = current.next = isHiddenUpdate),
+          (lastBaseUpdate |= updateLane);
+      pendingQueue = pendingQueue.next;
+      if (null === pendingQueue)
+        if (((pendingQueue = queue.shared.pending), null === pendingQueue))
+          break;
+        else
+          (isHiddenUpdate = pendingQueue),
+            (pendingQueue = isHiddenUpdate.next),
+            (isHiddenUpdate.next = null),
+            (queue.lastBaseUpdate = isHiddenUpdate),
+            (queue.shared.pending = null);
+    } while (1);
+    null === current && (lastPendingUpdate = newState);
+    queue.baseState = lastPendingUpdate;
+    queue.firstBaseUpdate = firstPendingUpdate;
+    queue.lastBaseUpdate = current;
+    null === firstBaseUpdate && (queue.shared.lanes = 0);
+    workInProgressRootSkippedLanes |= lastBaseUpdate;
+    workInProgress$jscomp$0.lanes = lastBaseUpdate;
+    workInProgress$jscomp$0.memoizedState = newState;
+  }
+}
+function callCallback(callback, context) {
+  if ("function" !== typeof callback)
+    throw Error(formatProdErrorMessage(191, callback));
+  callback.call(context);
+}
+function commitCallbacks(updateQueue, context) {
+  var callbacks = updateQueue.callbacks;
+  if (null !== callbacks)
+    for (
+      updateQueue.callbacks = null, updateQueue = 0;
+      updateQueue < callbacks.length;
+      updateQueue++
+    )
+      callCallback(callbacks[updateQueue], context);
+}
 var SuspenseException = Error(formatProdErrorMessage(460)),
   SuspenseyCommitException = Error(formatProdErrorMessage(474)),
   noopSuspenseyCommitThenable = { then: function () {} };
@@ -4838,12 +6220,12 @@ function isThenableResolved(thenable) {
   thenable = thenable.status;
   return "fulfilled" === thenable || "rejected" === thenable;
 }
-function noop$1() {}
+function noop() {}
 function trackUsedThenable(thenableState, thenable, index) {
   index = thenableState[index];
   void 0 === index
     ? thenableState.push(thenable)
-    : index !== thenable && (thenable.then(noop$1, noop$1), (thenable = index));
+    : index !== thenable && (thenable.then(noop, noop), (thenable = index));
   switch (thenable.status) {
     case "fulfilled":
       return thenable.value;
@@ -4853,7 +6235,7 @@ function trackUsedThenable(thenableState, thenable, index) {
         throw Error(formatProdErrorMessage(483));
       throw thenableState;
     default:
-      if ("string" === typeof thenable.status) thenable.then(noop$1, noop$1);
+      if ("string" === typeof thenable.status) thenable.then(noop, noop);
       else {
         thenableState = workInProgressRoot;
         if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
@@ -4905,11 +6287,51 @@ function unwrapThenable(thenable) {
   null === thenableState$1 && (thenableState$1 = []);
   return trackUsedThenable(thenableState$1, thenable, index);
 }
+function convertStringRefToCallbackRef(
+  returnFiber,
+  current,
+  element,
+  mixedRef
+) {
+  function ref(value) {
+    var refs = inst.refs;
+    null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+  }
+  var stringRef = "" + mixedRef;
+  returnFiber = element._owner;
+  if (!returnFiber) throw Error(formatProdErrorMessage(290, stringRef));
+  if (1 !== returnFiber.tag) throw Error(formatProdErrorMessage(309));
+  var inst = returnFiber.stateNode;
+  if (!inst) throw Error(formatProdErrorMessage(147, stringRef));
+  if (
+    null !== current &&
+    null !== current.ref &&
+    "function" === typeof current.ref &&
+    current.ref._stringRef === stringRef
+  )
+    return current.ref;
+  ref._stringRef = stringRef;
+  return ref;
+}
 function coerceRef(returnFiber, current, workInProgress, element) {
-  enableRefAsProp
-    ? ((returnFiber = element.props.ref),
-      (returnFiber = void 0 !== returnFiber ? returnFiber : null))
-    : (returnFiber = element.ref);
+  if (enableRefAsProp) {
+    var mixedRef = element.props.ref;
+    mixedRef = void 0 !== mixedRef ? mixedRef : null;
+  } else mixedRef = element.ref;
+  "string" === typeof mixedRef ||
+  "number" === typeof mixedRef ||
+  "boolean" === typeof mixedRef
+    ? ((returnFiber = convertStringRefToCallbackRef(
+        returnFiber,
+        current,
+        element,
+        mixedRef
+      )),
+      enableRefAsProp &&
+        ((current = assign({}, workInProgress.pendingProps)),
+        (current.ref = returnFiber),
+        (workInProgress.pendingProps = current)))
+    : (returnFiber = mixedRef);
   workInProgress.ref = returnFiber;
 }
 function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -5688,311 +7110,9 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-var AbortControllerLocal =
-    "undefined" !== typeof AbortController
-      ? AbortController
-      : function () {
-          var listeners = [],
-            signal = (this.signal = {
-              aborted: !1,
-              addEventListener: function (type, listener) {
-                listeners.push(listener);
-              }
-            });
-          this.abort = function () {
-            signal.aborted = !0;
-            listeners.forEach(function (listener) {
-              return listener();
-            });
-          };
-        },
-  scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
-  NormalPriority = Scheduler.unstable_NormalPriority,
-  CacheContext = {
-    $$typeof: REACT_CONTEXT_TYPE,
-    Consumer: null,
-    Provider: null,
-    _currentValue: null,
-    _currentValue2: null,
-    _threadCount: 0
-  };
-function createCache() {
-  return {
-    controller: new AbortControllerLocal(),
-    data: new Map(),
-    refCount: 0
-  };
-}
-function releaseCache(cache) {
-  cache.refCount--;
-  0 === cache.refCount &&
-    scheduleCallback$2(NormalPriority, function () {
-      cache.controller.abort();
-    });
-}
-var firstScheduledRoot = null,
-  lastScheduledRoot = null,
-  didScheduleMicrotask = !1,
-  mightHavePendingSyncWork = !1,
-  isFlushingWork = !1,
-  currentEventTransitionLane = 0;
-function ensureRootIsScheduled(root) {
-  root !== lastScheduledRoot &&
-    null === root.next &&
-    (null === lastScheduledRoot
-      ? (firstScheduledRoot = lastScheduledRoot = root)
-      : (lastScheduledRoot = lastScheduledRoot.next = root));
-  mightHavePendingSyncWork = !0;
-  didScheduleMicrotask ||
-    ((didScheduleMicrotask = !0),
-    scheduleImmediateTask(processRootScheduleInMicrotask));
-  enableDeferRootSchedulingToMicrotask ||
-    scheduleTaskForRootDuringMicrotask(root, now());
-}
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (!isFlushingWork && mightHavePendingSyncWork) {
-    isFlushingWork = !0;
-    do {
-      var didPerformSomeWork = !1;
-      for (var root$108 = firstScheduledRoot; null !== root$108; ) {
-        if (!onlyLegacy) {
-          var workInProgressRootRenderLanes$110 = workInProgressRootRenderLanes;
-          workInProgressRootRenderLanes$110 = getNextLanes(
-            root$108,
-            root$108 === workInProgressRoot
-              ? workInProgressRootRenderLanes$110
-              : 0
-          );
-          0 !== (workInProgressRootRenderLanes$110 & 3) &&
-            ((didPerformSomeWork = !0),
-            performSyncWorkOnRoot(root$108, workInProgressRootRenderLanes$110));
-        }
-        root$108 = root$108.next;
-      }
-    } while (didPerformSomeWork);
-    isFlushingWork = !1;
-  }
-}
-function processRootScheduleInMicrotask() {
-  mightHavePendingSyncWork = didScheduleMicrotask = !1;
-  for (
-    var currentTime = now(), prev = null, root = firstScheduledRoot;
-    null !== root;
-
-  ) {
-    var next = root.next;
-    if (0 !== currentEventTransitionLane && shouldAttemptEagerTransition()) {
-      var root$jscomp$0 = root,
-        lane = currentEventTransitionLane;
-      root$jscomp$0.pendingLanes |= 2;
-      root$jscomp$0.entangledLanes |= 2;
-      root$jscomp$0.entanglements[1] |= lane;
-    }
-    root$jscomp$0 = scheduleTaskForRootDuringMicrotask(root, currentTime);
-    0 === root$jscomp$0
-      ? ((root.next = null),
-        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
-        null === next && (lastScheduledRoot = prev))
-      : ((prev = root),
-        0 !== (root$jscomp$0 & 3) && (mightHavePendingSyncWork = !0));
-    root = next;
-  }
-  currentEventTransitionLane = 0;
-  flushSyncWorkAcrossRoots_impl(!1);
-}
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  var pendingLanes = root.pendingLanes,
-    suspendedLanes = root.suspendedLanes,
-    pingedLanes = root.pingedLanes,
-    expirationTimes = root.expirationTimes;
-  for (
-    pendingLanes = enableRetryLaneExpiration
-      ? pendingLanes
-      : pendingLanes & -62914561;
-    0 < pendingLanes;
-
-  ) {
-    var index$1 = 31 - clz32(pendingLanes),
-      lane = 1 << index$1,
-      expirationTime = expirationTimes[index$1];
-    if (-1 === expirationTime) {
-      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$1] = computeExpirationTime(lane, currentTime);
-    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
-    pendingLanes &= ~lane;
-  }
-  currentTime = workInProgressRoot;
-  suspendedLanes = workInProgressRootRenderLanes;
-  suspendedLanes = getNextLanes(
-    root,
-    root === currentTime ? suspendedLanes : 0
-  );
-  pingedLanes = root.callbackNode;
-  if (
-    0 === suspendedLanes ||
-    (root === currentTime && 2 === workInProgressSuspendedReason) ||
-    null !== root.cancelPendingCommit
-  )
-    return (
-      null !== pingedLanes &&
-        null !== pingedLanes &&
-        cancelCallback$1(pingedLanes),
-      (root.callbackNode = null),
-      (root.callbackPriority = 0)
-    );
-  if (0 !== (suspendedLanes & 3))
-    return (
-      null !== pingedLanes &&
-        null !== pingedLanes &&
-        cancelCallback$1(pingedLanes),
-      (root.callbackPriority = 2),
-      (root.callbackNode = null),
-      2
-    );
-  currentTime = suspendedLanes & -suspendedLanes;
-  if (currentTime === root.callbackPriority) return currentTime;
-  null !== pingedLanes && cancelCallback$1(pingedLanes);
-  switch (lanesToEventPriority(suspendedLanes)) {
-    case 2:
-      suspendedLanes = ImmediatePriority;
-      break;
-    case 8:
-      suspendedLanes = UserBlockingPriority;
-      break;
-    case 32:
-      suspendedLanes = NormalPriority$1;
-      break;
-    case 268435456:
-      suspendedLanes = IdlePriority;
-      break;
-    default:
-      suspendedLanes = NormalPriority$1;
-  }
-  pingedLanes = performConcurrentWorkOnRoot.bind(null, root);
-  suspendedLanes = scheduleCallback$3(suspendedLanes, pingedLanes);
-  root.callbackPriority = currentTime;
-  root.callbackNode = suspendedLanes;
-  return currentTime;
-}
-function scheduleImmediateTask(cb) {
-  scheduleMicrotask(function () {
-    0 !== (executionContext & 6)
-      ? scheduleCallback$3(ImmediatePriority, cb)
-      : cb();
-  });
-}
-function requestTransitionLane() {
-  0 === currentEventTransitionLane &&
-    (currentEventTransitionLane = claimNextTransitionLane());
-  return currentEventTransitionLane;
-}
-var currentEntangledListeners = null,
-  currentEntangledPendingCount = 0,
-  currentEntangledLane = 0,
-  currentEntangledActionThenable = null;
-function entangleAsyncAction(transition, thenable) {
-  if (null === currentEntangledListeners) {
-    var entangledListeners = (currentEntangledListeners = []);
-    currentEntangledPendingCount = 0;
-    currentEntangledLane = requestTransitionLane();
-    currentEntangledActionThenable = {
-      status: "pending",
-      value: void 0,
-      then: function (resolve) {
-        entangledListeners.push(resolve);
-      }
-    };
-  }
-  currentEntangledPendingCount++;
-  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
-  return thenable;
-}
-function pingEngtangledActionScope() {
-  if (
-    null !== currentEntangledListeners &&
-    0 === --currentEntangledPendingCount
-  ) {
-    null !== currentEntangledActionThenable &&
-      (currentEntangledActionThenable.status = "fulfilled");
-    var listeners = currentEntangledListeners;
-    currentEntangledListeners = null;
-    currentEntangledLane = 0;
-    currentEntangledActionThenable = null;
-    for (var i = 0; i < listeners.length; i++) (0, listeners[i])();
-  }
-}
-function chainThenableValue(thenable, result) {
-  var listeners = [],
-    thenableWithOverride = {
-      status: "pending",
-      value: null,
-      reason: null,
-      then: function (resolve) {
-        listeners.push(resolve);
-      }
-    };
-  thenable.then(
-    function () {
-      thenableWithOverride.status = "fulfilled";
-      thenableWithOverride.value = result;
-      for (var i = 0; i < listeners.length; i++) (0, listeners[i])(result);
-    },
-    function (error) {
-      thenableWithOverride.status = "rejected";
-      thenableWithOverride.reason = error;
-      for (error = 0; error < listeners.length; error++)
-        (0, listeners[error])(void 0);
-    }
-  );
-  return thenableWithOverride;
-}
-function requestCurrentTransition() {
-  var transition = ReactSharedInternals.T;
-  null !== transition && transition._callbacks.add(handleAsyncAction);
-  return transition;
-}
-function handleAsyncAction(transition, thenable) {
-  entangleAsyncAction(transition, thenable);
-}
-function notifyTransitionCallbacks(transition, returnValue) {
-  transition._callbacks.forEach(function (callback) {
-    return callback(transition, returnValue);
-  });
-}
-var resumedCache = createCursor(null),
-  transitionStack = createCursor(null);
-function peekCacheFromPool() {
-  var cacheResumedFromPreviousRender = resumedCache.current;
-  return null !== cacheResumedFromPreviousRender
-    ? cacheResumedFromPreviousRender
-    : workInProgressRoot.pooledCache;
-}
-function pushTransition(
-  offscreenWorkInProgress,
-  prevCachePool,
-  newTransitions
-) {
-  null === prevCachePool
-    ? push(resumedCache, resumedCache.current)
-    : push(resumedCache, prevCachePool.pool);
-  enableTransitionTracing &&
-    (null === transitionStack.current
-      ? push(transitionStack, newTransitions)
-      : null === newTransitions
-      ? push(transitionStack, transitionStack.current)
-      : push(transitionStack, transitionStack.current.concat(newTransitions)));
-}
-function popTransition(workInProgress, current) {
-  null !== current &&
-    (enableTransitionTracing && pop(transitionStack), pop(resumedCache));
-}
-function getSuspendedCache() {
-  var cacheFromPool = peekCacheFromPool();
-  return null === cacheFromPool
-    ? null
-    : { parent: CacheContext._currentValue, pool: cacheFromPool };
-}
-var renderLanes = 0,
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig,
+  renderLanes = 0,
   currentlyRenderingFiber$1 = null,
   currentHook = null,
   workInProgressHook = null,
@@ -6025,7 +7145,7 @@ function renderWithHooks(
   workInProgress.memoizedState = null;
   workInProgress.updateQueue = null;
   workInProgress.lanes = 0;
-  ReactSharedInternals.H =
+  ReactCurrentDispatcher$1.current =
     null === current || null === current.memoizedState
       ? HooksDispatcherOnMount
       : HooksDispatcherOnUpdate;
@@ -6043,7 +7163,7 @@ function renderWithHooks(
   return nextRenderLanes;
 }
 function finishRenderingHooks(current) {
-  ReactSharedInternals.H = ContextOnlyDispatcher;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
   var didRenderTooFewHooks = null !== currentHook && null !== currentHook.next;
   renderLanes = 0;
   workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
@@ -6070,22 +7190,16 @@ function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
     numberOfReRenders += 1;
     workInProgressHook = currentHook = null;
     workInProgress.updateQueue = null;
-    ReactSharedInternals.H = HooksDispatcherOnRerender;
+    ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
     var children = Component(props, secondArg);
   } while (didScheduleRenderPhaseUpdateDuringThisPass);
   return children;
 }
 function TransitionAwareHostComponent() {
-  var dispatcher = ReactSharedInternals.H,
-    maybeThenable = dispatcher.useState()[0];
-  maybeThenable =
-    "function" === typeof maybeThenable.then
-      ? useThenable(maybeThenable)
-      : maybeThenable;
-  dispatcher = dispatcher.useState()[0];
-  (null !== currentHook ? currentHook.memoizedState : null) !== dispatcher &&
-    (currentlyRenderingFiber$1.flags |= 1024);
-  return maybeThenable;
+  var maybeThenable = ReactCurrentDispatcher$1.current.useState()[0];
+  return "function" === typeof maybeThenable.then
+    ? useThenable(maybeThenable)
+    : maybeThenable;
 }
 function checkDidRenderIdHook() {
   var didRenderIdHook = 0 !== localIdCounter;
@@ -6176,7 +7290,7 @@ function useThenable(thenable) {
     (null === workInProgressHook
       ? null === currentlyRenderingFiber$1.memoizedState
       : null === workInProgressHook.next) &&
-    (ReactSharedInternals.H = HooksDispatcherOnMount);
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
   return thenable;
 }
 function use(usable) {
@@ -6249,7 +7363,7 @@ function updateReducerImpl(hook, current, reducer) {
     var newBaseQueueFirst = (baseFirst = null),
       newBaseQueueLast = null,
       update = current,
-      didReadFromEntangledAsyncAction$111 = !1;
+      didReadFromEntangledAsyncAction$138 = !1;
     do {
       var updateLane = update.lane & -536870913;
       if (
@@ -6270,11 +7384,11 @@ function updateReducerImpl(hook, current, reducer) {
                 next: null
               }),
             updateLane === currentEntangledLane &&
-              (didReadFromEntangledAsyncAction$111 = !0);
+              (didReadFromEntangledAsyncAction$138 = !0);
         else if ((renderLanes & revertLane) === revertLane) {
           update = update.next;
           revertLane === currentEntangledLane &&
-            (didReadFromEntangledAsyncAction$111 = !0);
+            (didReadFromEntangledAsyncAction$138 = !0);
           continue;
         } else
           (updateLane = {
@@ -6320,7 +7434,7 @@ function updateReducerImpl(hook, current, reducer) {
     if (
       !objectIs(pendingQueue, hook.memoizedState) &&
       ((didReceiveUpdate = !0),
-      didReadFromEntangledAsyncAction$111 &&
+      didReadFromEntangledAsyncAction$138 &&
         ((reducer = currentEntangledActionThenable), null !== reducer))
     )
       throw reducer;
@@ -6480,9 +7594,9 @@ function dispatchActionState(
 function runActionStateAction(actionQueue, setPendingState, setState, payload) {
   var action = actionQueue.action,
     prevState = actionQueue.state,
-    prevTransition = ReactSharedInternals.T,
+    prevTransition = ReactCurrentBatchConfig$3.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$3.transition = currentTransition;
   setPendingState(!0);
   try {
     var returnValue = action(prevState, payload);
@@ -6515,7 +7629,7 @@ function runActionStateAction(actionQueue, setPendingState, setState, payload) {
     setState({ then: function () {}, status: "rejected", reason: error }),
       finishRunningActionStateAction(actionQueue, setPendingState, setState);
   } finally {
-    ReactSharedInternals.T = prevTransition;
+    ReactCurrentBatchConfig$3.transition = prevTransition;
   }
 }
 function finishRunningActionStateAction(
@@ -6831,18 +7945,18 @@ function startTransition(
   callback,
   options
 ) {
-  var previousPriority = Internals.p;
-  Internals.p =
+  var previousPriority = currentUpdatePriority;
+  currentUpdatePriority =
     0 !== previousPriority && 8 > previousPriority ? previousPriority : 8;
-  var prevTransition = ReactSharedInternals.T,
+  var prevTransition = ReactCurrentBatchConfig$3.transition,
     currentTransition = { _callbacks: new Set() };
-  ReactSharedInternals.T = currentTransition;
+  ReactCurrentBatchConfig$3.transition = currentTransition;
   dispatchOptimisticSetState(fiber, !1, queue, pendingState);
   enableTransitionTracing &&
     void 0 !== options &&
     void 0 !== options.name &&
-    ((currentTransition.name = options.name),
-    (currentTransition.startTime = now()));
+    ((ReactCurrentBatchConfig$3.transition.name = options.name),
+    (ReactCurrentBatchConfig$3.transition.startTime = now()));
   try {
     var returnValue = callback();
     if (
@@ -6864,63 +7978,42 @@ function startTransition(
       reason: error
     });
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig$3.transition = prevTransition);
   }
 }
 function startHostTransition(formFiber, pendingState, callback, formData) {
   if (5 !== formFiber.tag) throw Error(formatProdErrorMessage(476));
-  var queue = ensureFormComponentIsStateful(formFiber).queue;
+  if (null === formFiber.memoizedState) {
+    var newQueue = {
+      pending: null,
+      lanes: 0,
+      dispatch: null,
+      lastRenderedReducer: basicStateReducer,
+      lastRenderedState: sharedNotPendingObject
+    };
+    var queue = newQueue;
+    newQueue = {
+      memoizedState: sharedNotPendingObject,
+      baseState: sharedNotPendingObject,
+      baseQueue: null,
+      queue: newQueue,
+      next: null
+    };
+    formFiber.memoizedState = newQueue;
+    var alternate = formFiber.alternate;
+    null !== alternate && (alternate.memoizedState = newQueue);
+  } else queue = formFiber.memoizedState.queue;
   startTransition(
     formFiber,
     queue,
     pendingState,
     sharedNotPendingObject,
     function () {
-      requestFormReset$1(formFiber);
       return callback(formData);
     }
   );
 }
-function ensureFormComponentIsStateful(formFiber) {
-  var existingStateHook = formFiber.memoizedState;
-  if (null !== existingStateHook) return existingStateHook;
-  existingStateHook = {
-    memoizedState: sharedNotPendingObject,
-    baseState: sharedNotPendingObject,
-    baseQueue: null,
-    queue: {
-      pending: null,
-      lanes: 0,
-      dispatch: null,
-      lastRenderedReducer: basicStateReducer,
-      lastRenderedState: sharedNotPendingObject
-    },
-    next: null
-  };
-  var initialResetState = {};
-  existingStateHook.next = {
-    memoizedState: initialResetState,
-    baseState: initialResetState,
-    baseQueue: null,
-    queue: {
-      pending: null,
-      lanes: 0,
-      dispatch: null,
-      lastRenderedReducer: basicStateReducer,
-      lastRenderedState: initialResetState
-    },
-    next: null
-  };
-  formFiber.memoizedState = existingStateHook;
-  formFiber = formFiber.alternate;
-  null !== formFiber && (formFiber.memoizedState = existingStateHook);
-  return existingStateHook;
-}
-function requestFormReset$1(formFiber) {
-  requestCurrentTransition();
-  var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue;
-  dispatchSetState(formFiber, resetStateQueue, {});
-}
 function useHostTransitionStatus() {
   var status = readContext(HostTransitionContext);
   return null !== status ? status : sharedNotPendingObject;
@@ -6938,14 +8031,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane();
         fiber = createUpdate(lane);
-        var root$119 = enqueueUpdate(provider, fiber, lane);
-        null !== root$119 &&
-          (scheduleUpdateOnFiber(root$119, provider, lane),
-          entangleTransitions(root$119, provider, lane));
+        var root$147 = enqueueUpdate(provider, fiber, lane);
+        null !== root$147 &&
+          (scheduleUpdateOnFiber(root$147, provider, lane),
+          entangleTransitions(root$147, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$119 &&
+          null !== root$147 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -7181,15 +8274,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$114 = workInProgressRoot;
-      if (null === root$114) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$114, workInProgressRootRenderLanes) ||
+      var root$141 = workInProgressRoot;
+      if (null === root$141) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$141, workInProgressRootRenderLanes) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$114 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$114;
-    mountEffect(subscribeToStore.bind(null, fiber, root$114, subscribe), [
+    root$141 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$141;
+    mountEffect(subscribeToStore.bind(null, fiber, root$141, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -7198,7 +8291,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$114,
+        root$141,
         getServerSnapshot,
         getSnapshot
       ),
@@ -7374,6 +8467,114 @@ HooksDispatcherOnRerender.useOptimistic = function (passthrough, reducer) {
   hook.baseState = passthrough;
   return [passthrough, hook.queue.dispatch];
 };
+function applyDerivedStateFromProps(
+  workInProgress,
+  ctor,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  ctor = workInProgress.memoizedState;
+  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
+  getDerivedStateFromProps =
+    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
+      ? ctor
+      : assign({}, ctor, getDerivedStateFromProps);
+  workInProgress.memoizedState = getDerivedStateFromProps;
+  0 === workInProgress.lanes &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
+}
+var classComponentUpdater = {
+  isMounted: function (component) {
+    return (component = component._reactInternals)
+      ? getNearestMountedFiber(component) === component
+      : !1;
+  },
+  enqueueSetState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(),
+      update = createUpdate(lane);
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+  },
+  enqueueReplaceState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(),
+      update = createUpdate(lane);
+    update.tag = 1;
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+  },
+  enqueueForceUpdate: function (inst, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(),
+      update = createUpdate(lane);
+    update.tag = 2;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    callback = enqueueUpdate(inst, update, lane);
+    null !== callback &&
+      (scheduleUpdateOnFiber(callback, inst, lane),
+      entangleTransitions(callback, inst, lane));
+  }
+};
+function checkShouldComponentUpdate(
+  workInProgress,
+  ctor,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  nextContext
+) {
+  workInProgress = workInProgress.stateNode;
+  return "function" === typeof workInProgress.shouldComponentUpdate
+    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
+    : ctor.prototype && ctor.prototype.isPureReactComponent
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
+}
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  nextContext
+) {
+  workInProgress = instance.state;
+  "function" === typeof instance.componentWillReceiveProps &&
+    instance.componentWillReceiveProps(newProps, nextContext);
+  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
+    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
+  instance.state !== workInProgress &&
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+}
+function resolveClassComponentProps(
+  Component,
+  baseProps,
+  alreadyResolvedDefaultProps
+) {
+  var newProps = baseProps;
+  if (
+    (Component = Component.defaultProps) &&
+    (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
+  ) {
+    newProps = assign({}, newProps, baseProps);
+    for (var propName in Component)
+      void 0 === newProps[propName] &&
+        (newProps[propName] = Component[propName]);
+  }
+  enableRefAsProp &&
+    "ref" in newProps &&
+    (newProps === baseProps && (newProps = assign({}, newProps)),
+    delete newProps.ref);
+  return newProps;
+}
 function resolveDefaultPropsOnNonClassComponent(Component, baseProps) {
   if (disableDefaultPropsExceptForClasses) return baseProps;
   if (Component && Component.defaultProps) {
@@ -7399,9 +8600,9 @@ function logUncaughtError(root, errorInfo) {
   try {
     var onUncaughtError = root.onUncaughtError;
     onUncaughtError(errorInfo.value, { componentStack: errorInfo.stack });
-  } catch (e$123) {
+  } catch (e$151) {
     setTimeout(function () {
-      throw e$123;
+      throw e$151;
     });
   }
 }
@@ -7412,9 +8613,9 @@ function logCaughtError(root, boundary, errorInfo) {
       componentStack: errorInfo.stack,
       errorBoundary: 1 === boundary.tag ? boundary.stateNode : null
     });
-  } catch (e$124) {
+  } catch (e$152) {
     setTimeout(function () {
-      throw e$124;
+      throw e$152;
     });
   }
 }
@@ -7611,7 +8812,145 @@ function throwException(
   } while (null !== sourceFiber);
   return !1;
 }
-var SelectiveHydrationException = Error(formatProdErrorMessage(461)),
+function processTransitionCallbacks(pendingTransitions, endTime, callbacks) {
+  if (enableTransitionTracing && null !== pendingTransitions) {
+    var transitionStart = pendingTransitions.transitionStart,
+      onTransitionStart = callbacks.onTransitionStart;
+    null !== transitionStart &&
+      null != onTransitionStart &&
+      transitionStart.forEach(function (transition) {
+        return onTransitionStart(transition.name, transition.startTime);
+      });
+    transitionStart = pendingTransitions.markerProgress;
+    var onMarkerProgress = callbacks.onMarkerProgress;
+    null != onMarkerProgress &&
+      null !== transitionStart &&
+      transitionStart.forEach(function (markerInstance, markerName) {
+        if (null !== markerInstance.transitions) {
+          var pending =
+            null !== markerInstance.pendingBoundaries
+              ? Array.from(markerInstance.pendingBoundaries.values())
+              : [];
+          markerInstance.transitions.forEach(function (transition) {
+            onMarkerProgress(
+              transition.name,
+              markerName,
+              transition.startTime,
+              endTime,
+              pending
+            );
+          });
+        }
+      });
+    transitionStart = pendingTransitions.markerComplete;
+    var onMarkerComplete = callbacks.onMarkerComplete;
+    null !== transitionStart &&
+      null != onMarkerComplete &&
+      transitionStart.forEach(function (transitions, markerName) {
+        transitions.forEach(function (transition) {
+          onMarkerComplete(
+            transition.name,
+            markerName,
+            transition.startTime,
+            endTime
+          );
+        });
+      });
+    transitionStart = pendingTransitions.markerIncomplete;
+    var onMarkerIncomplete = callbacks.onMarkerIncomplete;
+    null != onMarkerIncomplete &&
+      null !== transitionStart &&
+      transitionStart.forEach(function (_ref, markerName) {
+        var aborts = _ref.aborts;
+        _ref.transitions.forEach(function (transition) {
+          var filteredAborts = [];
+          aborts.forEach(function (abort) {
+            switch (abort.reason) {
+              case "marker":
+                filteredAborts.push({
+                  type: "marker",
+                  name: abort.name,
+                  endTime: endTime
+                });
+                break;
+              case "suspense":
+                filteredAborts.push({
+                  type: "suspense",
+                  name: abort.name,
+                  endTime: endTime
+                });
+            }
+          });
+          0 < filteredAborts.length &&
+            onMarkerIncomplete(
+              transition.name,
+              markerName,
+              transition.startTime,
+              filteredAborts
+            );
+        });
+      });
+    transitionStart = pendingTransitions.transitionProgress;
+    var onTransitionProgress = callbacks.onTransitionProgress;
+    null != onTransitionProgress &&
+      null !== transitionStart &&
+      transitionStart.forEach(function (pending, transition) {
+        onTransitionProgress(
+          transition.name,
+          transition.startTime,
+          endTime,
+          Array.from(pending.values())
+        );
+      });
+    pendingTransitions = pendingTransitions.transitionComplete;
+    var onTransitionComplete = callbacks.onTransitionComplete;
+    null !== pendingTransitions &&
+      null != onTransitionComplete &&
+      pendingTransitions.forEach(function (transition) {
+        return onTransitionComplete(
+          transition.name,
+          transition.startTime,
+          endTime
+        );
+      });
+  }
+}
+var markerInstanceStack = createCursor(null);
+function pushRootMarkerInstance(workInProgress) {
+  if (enableTransitionTracing) {
+    var transitions = workInProgressTransitions,
+      root$163 = workInProgress.stateNode;
+    null !== transitions &&
+      transitions.forEach(function (transition) {
+        if (!root$163.incompleteTransitions.has(transition)) {
+          var markerInstance = {
+            tag: 0,
+            transitions: new Set([transition]),
+            pendingBoundaries: null,
+            aborts: null,
+            name: null
+          };
+          root$163.incompleteTransitions.set(transition, markerInstance);
+        }
+      });
+    var markerInstances = [];
+    root$163.incompleteTransitions.forEach(function (markerInstance) {
+      markerInstances.push(markerInstance);
+    });
+    push(markerInstanceStack, markerInstances);
+  }
+}
+function pushMarkerInstance(workInProgress, markerInstance) {
+  enableTransitionTracing &&
+    (null === markerInstanceStack.current
+      ? push(markerInstanceStack, [markerInstance])
+      : push(
+          markerInstanceStack,
+          markerInstanceStack.current.concat(markerInstance)
+        ));
+}
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+  SelectiveHydrationException = Error(formatProdErrorMessage(461)),
   didReceiveUpdate = !1;
 function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
   workInProgress.child =
@@ -8147,7 +9486,7 @@ function updateClassComponent(
   nextProps = 0 !== (workInProgress.flags & 128);
   context || nextProps
     ? ((context = workInProgress.stateNode),
-      (ReactSharedInternals.owner = workInProgress),
+      (ReactCurrentOwner$1.current = workInProgress),
       (Component =
         nextProps && "function" !== typeof Component.getDerivedStateFromError
           ? null
@@ -9689,362 +11028,899 @@ function readContextForConsumer(consumer, context) {
     } else lastContextDependency = lastContextDependency.next = context;
   return value;
 }
-var hasForceUpdate = !1;
-function initializeUpdateQueue(fiber) {
-  fiber.updateQueue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: { pending: null, lanes: 0, hiddenCallbacks: null },
-    callbacks: null
+var AbortControllerLocal =
+    "undefined" !== typeof AbortController
+      ? AbortController
+      : function () {
+          var listeners = [],
+            signal = (this.signal = {
+              aborted: !1,
+              addEventListener: function (type, listener) {
+                listeners.push(listener);
+              }
+            });
+          this.abort = function () {
+            signal.aborted = !0;
+            listeners.forEach(function (listener) {
+              return listener();
+            });
+          };
+        },
+  scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
+  NormalPriority = Scheduler.unstable_NormalPriority,
+  CacheContext = {
+    $$typeof: REACT_CONTEXT_TYPE,
+    Consumer: null,
+    Provider: null,
+    _currentValue: null,
+    _currentValue2: null,
+    _threadCount: 0
+  };
+function createCache() {
+  return {
+    controller: new AbortControllerLocal(),
+    data: new Map(),
+    refCount: 0
   };
 }
-function cloneUpdateQueue(current, workInProgress) {
-  current = current.updateQueue;
-  workInProgress.updateQueue === current &&
-    (workInProgress.updateQueue = {
-      baseState: current.baseState,
-      firstBaseUpdate: current.firstBaseUpdate,
-      lastBaseUpdate: current.lastBaseUpdate,
-      shared: current.shared,
-      callbacks: null
+function releaseCache(cache) {
+  cache.refCount--;
+  0 === cache.refCount &&
+    scheduleCallback$1(NormalPriority, function () {
+      cache.controller.abort();
     });
 }
-function createUpdate(lane) {
-  return { lane: lane, tag: 0, payload: null, callback: null, next: null };
+var ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
+function requestCurrentTransition() {
+  var transition = ReactCurrentBatchConfig$2.transition;
+  null !== transition && transition._callbacks.add(handleAsyncAction);
+  return transition;
 }
-function enqueueUpdate(fiber, update, lane) {
-  var updateQueue = fiber.updateQueue;
-  if (null === updateQueue) return null;
-  updateQueue = updateQueue.shared;
-  if (0 !== (executionContext & 2)) {
-    var pending = updateQueue.pending;
-    null === pending
-      ? (update.next = update)
-      : ((update.next = pending.next), (pending.next = update));
-    updateQueue.pending = update;
-    update = getRootForUpdatedFiber(fiber);
-    markUpdateLaneFromFiberToRoot(fiber, null, lane);
-    return update;
-  }
-  enqueueUpdate$1(fiber, updateQueue, update, lane);
-  return getRootForUpdatedFiber(fiber);
+function handleAsyncAction(transition, thenable) {
+  entangleAsyncAction(transition, thenable);
 }
-function entangleTransitions(root, fiber, lane) {
-  fiber = fiber.updateQueue;
-  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194176))) {
-    var queueLanes = fiber.lanes;
-    queueLanes &= root.pendingLanes;
-    lane |= queueLanes;
-    fiber.lanes = lane;
-    markRootEntangled(root, lane);
-  }
+function notifyTransitionCallbacks(transition, returnValue) {
+  transition._callbacks.forEach(function (callback) {
+    return callback(transition, returnValue);
+  });
 }
-function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
-  var queue = workInProgress.updateQueue,
-    current = workInProgress.alternate;
-  if (
-    null !== current &&
-    ((current = current.updateQueue), queue === current)
-  ) {
-    var newFirst = null,
-      newLast = null;
-    queue = queue.firstBaseUpdate;
-    if (null !== queue) {
-      do {
-        var clone = {
-          lane: queue.lane,
-          tag: queue.tag,
-          payload: queue.payload,
-          callback: null,
-          next: null
-        };
-        null === newLast
-          ? (newFirst = newLast = clone)
-          : (newLast = newLast.next = clone);
-        queue = queue.next;
-      } while (null !== queue);
-      null === newLast
-        ? (newFirst = newLast = capturedUpdate)
-        : (newLast = newLast.next = capturedUpdate);
-    } else newFirst = newLast = capturedUpdate;
-    queue = {
-      baseState: current.baseState,
-      firstBaseUpdate: newFirst,
-      lastBaseUpdate: newLast,
-      shared: current.shared,
-      callbacks: current.callbacks
-    };
-    workInProgress.updateQueue = queue;
-    return;
-  }
-  workInProgress = queue.lastBaseUpdate;
-  null === workInProgress
-    ? (queue.firstBaseUpdate = capturedUpdate)
-    : (workInProgress.next = capturedUpdate);
-  queue.lastBaseUpdate = capturedUpdate;
+var resumedCache = createCursor(null),
+  transitionStack = createCursor(null);
+function peekCacheFromPool() {
+  var cacheResumedFromPreviousRender = resumedCache.current;
+  return null !== cacheResumedFromPreviousRender
+    ? cacheResumedFromPreviousRender
+    : workInProgressRoot.pooledCache;
 }
-var didReadFromEntangledAsyncAction = !1;
-function suspendIfUpdateReadFromEntangledAsyncAction() {
-  if (didReadFromEntangledAsyncAction) {
-    var entangledActionThenable = currentEntangledActionThenable;
-    if (null !== entangledActionThenable) throw entangledActionThenable;
-  }
-}
-function processUpdateQueue(
-  workInProgress$jscomp$0,
-  props,
-  instance$jscomp$0,
-  renderLanes
+function pushTransition(
+  offscreenWorkInProgress,
+  prevCachePool,
+  newTransitions
 ) {
-  didReadFromEntangledAsyncAction = !1;
-  var queue = workInProgress$jscomp$0.updateQueue;
-  hasForceUpdate = !1;
-  var firstBaseUpdate = queue.firstBaseUpdate,
-    lastBaseUpdate = queue.lastBaseUpdate,
-    pendingQueue = queue.shared.pending;
-  if (null !== pendingQueue) {
-    queue.shared.pending = null;
-    var lastPendingUpdate = pendingQueue,
-      firstPendingUpdate = lastPendingUpdate.next;
-    lastPendingUpdate.next = null;
-    null === lastBaseUpdate
-      ? (firstBaseUpdate = firstPendingUpdate)
-      : (lastBaseUpdate.next = firstPendingUpdate);
-    lastBaseUpdate = lastPendingUpdate;
-    var current = workInProgress$jscomp$0.alternate;
-    null !== current &&
-      ((current = current.updateQueue),
-      (pendingQueue = current.lastBaseUpdate),
-      pendingQueue !== lastBaseUpdate &&
-        (null === pendingQueue
-          ? (current.firstBaseUpdate = firstPendingUpdate)
-          : (pendingQueue.next = firstPendingUpdate),
-        (current.lastBaseUpdate = lastPendingUpdate)));
+  null === prevCachePool
+    ? push(resumedCache, resumedCache.current)
+    : push(resumedCache, prevCachePool.pool);
+  enableTransitionTracing &&
+    (null === transitionStack.current
+      ? push(transitionStack, newTransitions)
+      : null === newTransitions
+      ? push(transitionStack, transitionStack.current)
+      : push(transitionStack, transitionStack.current.concat(newTransitions)));
+}
+function popTransition(workInProgress, current) {
+  null !== current &&
+    (enableTransitionTracing && pop(transitionStack), pop(resumedCache));
+}
+function getSuspendedCache() {
+  var cacheFromPool = peekCacheFromPool();
+  return null === cacheFromPool
+    ? null
+    : { parent: CacheContext._currentValue, pool: cacheFromPool };
+}
+var emptyObject = {};
+function collectScopedNodesFromChildren(
+  startingChild,
+  fn$jscomp$0,
+  scopedNodes$jscomp$0
+) {
+  for (; null !== startingChild; ) {
+    var node = startingChild,
+      fn = fn$jscomp$0,
+      scopedNodes = scopedNodes$jscomp$0;
+    if (5 === node.tag) {
+      var type = node.type,
+        memoizedProps = node.memoizedProps,
+        instance = node.stateNode;
+      null !== instance &&
+        !0 === fn(type, memoizedProps || emptyObject, instance) &&
+        scopedNodes.push(instance);
+    }
+    type = node.child;
+    isFiberSuspenseAndTimedOut(node) && (type = node.child.sibling.child);
+    null !== type && collectScopedNodesFromChildren(type, fn, scopedNodes);
+    startingChild = startingChild.sibling;
   }
-  if (null !== firstBaseUpdate) {
-    var newState = queue.baseState;
-    lastBaseUpdate = 0;
-    current = firstPendingUpdate = lastPendingUpdate = null;
-    pendingQueue = firstBaseUpdate;
-    do {
-      var updateLane = pendingQueue.lane & -536870913,
-        isHiddenUpdate = updateLane !== pendingQueue.lane;
-      if (
-        isHiddenUpdate
-          ? (workInProgressRootRenderLanes & updateLane) === updateLane
-          : (renderLanes & updateLane) === updateLane
-      ) {
-        0 !== updateLane &&
-          updateLane === currentEntangledLane &&
-          (didReadFromEntangledAsyncAction = !0);
-        null !== current &&
-          (current = current.next =
-            {
-              lane: 0,
-              tag: pendingQueue.tag,
-              payload: pendingQueue.payload,
-              callback: null,
-              next: null
-            });
-        a: {
-          var workInProgress = workInProgress$jscomp$0,
-            update = pendingQueue;
-          updateLane = props;
-          var instance = instance$jscomp$0;
-          switch (update.tag) {
-            case 1:
-              workInProgress = update.payload;
-              if ("function" === typeof workInProgress) {
-                newState = workInProgress.call(instance, newState, updateLane);
-                break a;
-              }
-              newState = workInProgress;
-              break a;
-            case 3:
-              workInProgress.flags = (workInProgress.flags & -65537) | 128;
-            case 0:
-              workInProgress = update.payload;
-              updateLane =
-                "function" === typeof workInProgress
-                  ? workInProgress.call(instance, newState, updateLane)
-                  : workInProgress;
-              if (null === updateLane || void 0 === updateLane) break a;
-              newState = assign({}, newState, updateLane);
-              break a;
-            case 2:
-              hasForceUpdate = !0;
-          }
+}
+function collectFirstScopedNodeFromChildren(startingChild, fn$jscomp$0) {
+  for (; null !== startingChild; ) {
+    a: {
+      var JSCompiler_inline_result = startingChild;
+      var fn = fn$jscomp$0;
+      if (5 === JSCompiler_inline_result.tag) {
+        var type = JSCompiler_inline_result.type,
+          memoizedProps = JSCompiler_inline_result.memoizedProps,
+          instance = JSCompiler_inline_result.stateNode;
+        if (null !== instance && !0 === fn(type, memoizedProps, instance)) {
+          JSCompiler_inline_result = instance;
+          break a;
         }
-        updateLane = pendingQueue.callback;
-        null !== updateLane &&
-          ((workInProgress$jscomp$0.flags |= 64),
-          isHiddenUpdate && (workInProgress$jscomp$0.flags |= 8192),
-          (isHiddenUpdate = queue.callbacks),
-          null === isHiddenUpdate
-            ? (queue.callbacks = [updateLane])
-            : isHiddenUpdate.push(updateLane));
-      } else
-        (isHiddenUpdate = {
-          lane: updateLane,
-          tag: pendingQueue.tag,
-          payload: pendingQueue.payload,
-          callback: pendingQueue.callback,
-          next: null
-        }),
-          null === current
-            ? ((firstPendingUpdate = current = isHiddenUpdate),
-              (lastPendingUpdate = newState))
-            : (current = current.next = isHiddenUpdate),
-          (lastBaseUpdate |= updateLane);
-      pendingQueue = pendingQueue.next;
-      if (null === pendingQueue)
-        if (((pendingQueue = queue.shared.pending), null === pendingQueue))
-          break;
-        else
-          (isHiddenUpdate = pendingQueue),
-            (pendingQueue = isHiddenUpdate.next),
-            (isHiddenUpdate.next = null),
-            (queue.lastBaseUpdate = isHiddenUpdate),
-            (queue.shared.pending = null);
-    } while (1);
-    null === current && (lastPendingUpdate = newState);
-    queue.baseState = lastPendingUpdate;
-    queue.firstBaseUpdate = firstPendingUpdate;
-    queue.lastBaseUpdate = current;
-    null === firstBaseUpdate && (queue.shared.lanes = 0);
-    workInProgressRootSkippedLanes |= lastBaseUpdate;
-    workInProgress$jscomp$0.lanes = lastBaseUpdate;
-    workInProgress$jscomp$0.memoizedState = newState;
+      }
+      type = JSCompiler_inline_result.child;
+      isFiberSuspenseAndTimedOut(JSCompiler_inline_result) &&
+        (type = JSCompiler_inline_result.child.sibling.child);
+      JSCompiler_inline_result =
+        null !== type ? collectFirstScopedNodeFromChildren(type, fn) : null;
+    }
+    if (null !== JSCompiler_inline_result) return JSCompiler_inline_result;
+    startingChild = startingChild.sibling;
   }
+  return null;
 }
-function callCallback(callback, context) {
-  if ("function" !== typeof callback)
-    throw Error(formatProdErrorMessage(191, callback));
-  callback.call(context);
-}
-function commitCallbacks(updateQueue, context) {
-  var callbacks = updateQueue.callbacks;
-  if (null !== callbacks)
-    for (
-      updateQueue.callbacks = null, updateQueue = 0;
-      updateQueue < callbacks.length;
-      updateQueue++
+function collectNearestChildContextValues(
+  startingChild,
+  context$jscomp$0,
+  childContextValues$jscomp$0
+) {
+  for (; null !== startingChild; ) {
+    var node = startingChild,
+      context = context$jscomp$0,
+      childContextValues = childContextValues$jscomp$0;
+    if (
+      10 === node.tag &&
+      (enableRenderableContext ? node.type : node.type._context) === context
     )
-      callCallback(callbacks[updateQueue], context);
-}
-function applyDerivedStateFromProps(
-  workInProgress,
-  ctor,
-  getDerivedStateFromProps,
-  nextProps
-) {
-  ctor = workInProgress.memoizedState;
-  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
-  getDerivedStateFromProps =
-    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
-      ? ctor
-      : assign({}, ctor, getDerivedStateFromProps);
-  workInProgress.memoizedState = getDerivedStateFromProps;
-  0 === workInProgress.lanes &&
-    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
-}
-var classComponentUpdater = {
-  isMounted: function (component) {
-    return (component = component._reactInternals)
-      ? getNearestMountedFiber(component) === component
-      : !1;
-  },
-  enqueueSetState: function (inst, payload, callback) {
-    inst = inst._reactInternals;
-    var lane = requestUpdateLane(),
-      update = createUpdate(lane);
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane),
-      entangleTransitions(payload, inst, lane));
-  },
-  enqueueReplaceState: function (inst, payload, callback) {
-    inst = inst._reactInternals;
-    var lane = requestUpdateLane(),
-      update = createUpdate(lane);
-    update.tag = 1;
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane),
-      entangleTransitions(payload, inst, lane));
-  },
-  enqueueForceUpdate: function (inst, callback) {
-    inst = inst._reactInternals;
-    var lane = requestUpdateLane(),
-      update = createUpdate(lane);
-    update.tag = 2;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    callback = enqueueUpdate(inst, update, lane);
-    null !== callback &&
-      (scheduleUpdateOnFiber(callback, inst, lane),
-      entangleTransitions(callback, inst, lane));
+      childContextValues.push(node.memoizedProps.value);
+    else {
+      var child = node.child;
+      isFiberSuspenseAndTimedOut(node) && (child = node.child.sibling.child);
+      null !== child &&
+        collectNearestChildContextValues(child, context, childContextValues);
+    }
+    startingChild = startingChild.sibling;
   }
-};
-function checkShouldComponentUpdate(
-  workInProgress,
-  ctor,
-  oldProps,
-  newProps,
-  oldState,
-  newState,
-  nextContext
-) {
-  workInProgress = workInProgress.stateNode;
-  return "function" === typeof workInProgress.shouldComponentUpdate
-    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
-    : ctor.prototype && ctor.prototype.isPureReactComponent
-    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-    : !0;
 }
-function callComponentWillReceiveProps(
-  workInProgress,
-  instance,
-  newProps,
-  nextContext
-) {
-  workInProgress = instance.state;
-  "function" === typeof instance.componentWillReceiveProps &&
-    instance.componentWillReceiveProps(newProps, nextContext);
-  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
-    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
-  instance.state !== workInProgress &&
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+function DO_NOT_USE_queryAllNodes(fn) {
+  var currentFiber = getInstanceFromScope(this);
+  if (null === currentFiber) return null;
+  currentFiber = currentFiber.child;
+  var scopedNodes = [];
+  null !== currentFiber &&
+    collectScopedNodesFromChildren(currentFiber, fn, scopedNodes);
+  return 0 === scopedNodes.length ? null : scopedNodes;
 }
-function resolveClassComponentProps(
-  Component,
-  baseProps,
-  alreadyResolvedDefaultProps
-) {
-  var newProps = baseProps;
-  if (enableRefAsProp && "ref" in baseProps) {
-    newProps = {};
-    for (var propName in baseProps)
-      "ref" !== propName && (newProps[propName] = baseProps[propName]);
+function DO_NOT_USE_queryFirstNode(fn) {
+  var currentFiber = getInstanceFromScope(this);
+  if (null === currentFiber) return null;
+  currentFiber = currentFiber.child;
+  return null !== currentFiber
+    ? collectFirstScopedNodeFromChildren(currentFiber, fn)
+    : null;
+}
+function containsNode(node) {
+  for (node = getClosestInstanceFromNode(node) || null; null !== node; ) {
+    if (21 === node.tag && node.stateNode === this) return !0;
+    node = node.return;
   }
-  if (
-    (Component = Component.defaultProps) &&
-    (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
-  ) {
-    newProps === baseProps && (newProps = assign({}, newProps, baseProps));
-    for (var propName$174 in Component)
-      void 0 === newProps[propName$174] &&
-        (newProps[propName$174] = Component[propName$174]);
+  return !1;
+}
+function getChildContextValues(context) {
+  var currentFiber = getInstanceFromScope(this);
+  if (null === currentFiber) return [];
+  currentFiber = currentFiber.child;
+  var childContextValues = [];
+  null !== currentFiber &&
+    collectNearestChildContextValues(currentFiber, context, childContextValues);
+  return childContextValues;
+}
+function markUpdate(workInProgress) {
+  workInProgress.flags |= 4;
+}
+function preloadResourceAndSuspendIfNeeded(workInProgress, resource) {
+  if ("stylesheet" !== resource.type || 0 !== (resource.state.loading & 4))
+    workInProgress.flags &= -16777217;
+  else if (
+    ((workInProgress.flags |= 16777216),
+    0 === (workInProgressRootRenderLanes & 42) &&
+      ((resource =
+        "stylesheet" === resource.type && 0 === (resource.state.loading & 3)
+          ? !1
+          : !0),
+      !resource))
+  )
+    if (shouldRemainOnPreviousScreen()) workInProgress.flags |= 8192;
+    else
+      throw (
+        ((suspendedThenable = noopSuspenseyCommitThenable),
+        SuspenseyCommitException)
+      );
+}
+function scheduleRetryEffect(workInProgress, retryQueue) {
+  null !== retryQueue
+    ? (workInProgress.flags |= 4)
+    : workInProgress.flags & 16384 &&
+      ((retryQueue =
+        22 !== workInProgress.tag ? claimNextRetryLane() : 536870912),
+      (workInProgress.lanes |= retryQueue));
+}
+function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+  if (!isHydrating)
+    switch (renderState.tailMode) {
+      case "hidden":
+        hasRenderedATailFallback = renderState.tail;
+        for (var lastTailNode = null; null !== hasRenderedATailFallback; )
+          null !== hasRenderedATailFallback.alternate &&
+            (lastTailNode = hasRenderedATailFallback),
+            (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
+        null === lastTailNode
+          ? (renderState.tail = null)
+          : (lastTailNode.sibling = null);
+        break;
+      case "collapsed":
+        lastTailNode = renderState.tail;
+        for (var lastTailNode$199 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$199 = lastTailNode),
+            (lastTailNode = lastTailNode.sibling);
+        null === lastTailNode$199
+          ? hasRenderedATailFallback || null === renderState.tail
+            ? (renderState.tail = null)
+            : (renderState.tail.sibling = null)
+          : (lastTailNode$199.sibling = null);
+    }
+}
+function bubbleProperties(completedWork) {
+  var didBailout =
+      null !== completedWork.alternate &&
+      completedWork.alternate.child === completedWork.child,
+    newChildLanes = 0,
+    subtreeFlags = 0;
+  if (didBailout)
+    for (var child$200 = completedWork.child; null !== child$200; )
+      (newChildLanes |= child$200.lanes | child$200.childLanes),
+        (subtreeFlags |= child$200.subtreeFlags & 31457280),
+        (subtreeFlags |= child$200.flags & 31457280),
+        (child$200.return = completedWork),
+        (child$200 = child$200.sibling);
+  else
+    for (child$200 = completedWork.child; null !== child$200; )
+      (newChildLanes |= child$200.lanes | child$200.childLanes),
+        (subtreeFlags |= child$200.subtreeFlags),
+        (subtreeFlags |= child$200.flags),
+        (child$200.return = completedWork),
+        (child$200 = child$200.sibling);
+  completedWork.subtreeFlags |= subtreeFlags;
+  completedWork.childLanes = newChildLanes;
+  return didBailout;
+}
+function completeWork(current, workInProgress, renderLanes) {
+  var newProps = workInProgress.pendingProps;
+  popTreeContext(workInProgress);
+  switch (workInProgress.tag) {
+    case 16:
+    case 15:
+    case 0:
+    case 11:
+    case 7:
+    case 8:
+    case 12:
+    case 9:
+    case 14:
+      return bubbleProperties(workInProgress), null;
+    case 1:
+      return bubbleProperties(workInProgress), null;
+    case 3:
+      renderLanes = workInProgress.stateNode;
+      enableTransitionTracing &&
+        null !== workInProgressTransitions &&
+        (workInProgress.flags |= 2048);
+      newProps = null;
+      null !== current && (newProps = current.memoizedState.cache);
+      workInProgress.memoizedState.cache !== newProps &&
+        (workInProgress.flags |= 2048);
+      popProvider(CacheContext);
+      enableTransitionTracing &&
+        enableTransitionTracing &&
+        pop(markerInstanceStack);
+      enableTransitionTracing && pop(transitionStack);
+      popHostContainer();
+      renderLanes.pendingContext &&
+        ((renderLanes.context = renderLanes.pendingContext),
+        (renderLanes.pendingContext = null));
+      if (null === current || null === current.child)
+        popHydrationState(workInProgress)
+          ? markUpdate(workInProgress)
+          : null === current ||
+            (current.memoizedState.isDehydrated &&
+              0 === (workInProgress.flags & 256)) ||
+            ((workInProgress.flags |= 1024),
+            null !== hydrationErrors &&
+              (queueRecoverableErrors(hydrationErrors),
+              (hydrationErrors = null)));
+      bubbleProperties(workInProgress);
+      enableTransitionTracing &&
+        0 !== (workInProgress.subtreeFlags & 8192) &&
+        (workInProgress.flags |= 2048);
+      return null;
+    case 26:
+      renderLanes = workInProgress.memoizedState;
+      if (null === current)
+        markUpdate(workInProgress),
+          null !== renderLanes
+            ? (bubbleProperties(workInProgress),
+              preloadResourceAndSuspendIfNeeded(workInProgress, renderLanes))
+            : (bubbleProperties(workInProgress),
+              (workInProgress.flags &= -16777217));
+      else {
+        var currentResource = current.memoizedState;
+        renderLanes !== currentResource && markUpdate(workInProgress);
+        null !== renderLanes
+          ? (bubbleProperties(workInProgress),
+            renderLanes === currentResource
+              ? (workInProgress.flags &= -16777217)
+              : preloadResourceAndSuspendIfNeeded(workInProgress, renderLanes))
+          : (current.memoizedProps !== newProps && markUpdate(workInProgress),
+            bubbleProperties(workInProgress),
+            (workInProgress.flags &= -16777217));
+      }
+      return null;
+    case 27:
+      popHostContext(workInProgress);
+      renderLanes = rootInstanceStackCursor.current;
+      currentResource = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode)
+        current.memoizedProps !== newProps && markUpdate(workInProgress);
+      else {
+        if (!newProps) {
+          if (null === workInProgress.stateNode)
+            throw Error(formatProdErrorMessage(166));
+          bubbleProperties(workInProgress);
+          return null;
+        }
+        current = contextStackCursor.current;
+        popHydrationState(workInProgress)
+          ? prepareToHydrateHostInstance(workInProgress, current)
+          : ((current = resolveSingletonInstance(
+              currentResource,
+              newProps,
+              renderLanes
+            )),
+            (workInProgress.stateNode = current),
+            markUpdate(workInProgress));
+      }
+      bubbleProperties(workInProgress);
+      return null;
+    case 5:
+      popHostContext(workInProgress);
+      renderLanes = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode)
+        current.memoizedProps !== newProps && markUpdate(workInProgress);
+      else {
+        if (!newProps) {
+          if (null === workInProgress.stateNode)
+            throw Error(formatProdErrorMessage(166));
+          bubbleProperties(workInProgress);
+          return null;
+        }
+        current = contextStackCursor.current;
+        if (popHydrationState(workInProgress))
+          prepareToHydrateHostInstance(workInProgress, current);
+        else {
+          currentResource = getOwnerDocumentFromRootContainer(
+            rootInstanceStackCursor.current
+          );
+          switch (current) {
+            case 1:
+              current = currentResource.createElementNS(
+                "http://www.w3.org/2000/svg",
+                renderLanes
+              );
+              break;
+            case 2:
+              current = currentResource.createElementNS(
+                "http://www.w3.org/1998/Math/MathML",
+                renderLanes
+              );
+              break;
+            default:
+              switch (renderLanes) {
+                case "svg":
+                  current = currentResource.createElementNS(
+                    "http://www.w3.org/2000/svg",
+                    renderLanes
+                  );
+                  break;
+                case "math":
+                  current = currentResource.createElementNS(
+                    "http://www.w3.org/1998/Math/MathML",
+                    renderLanes
+                  );
+                  break;
+                case "script":
+                  current = currentResource.createElement("div");
+                  current.innerHTML = "<script>\x3c/script>";
+                  current = current.removeChild(current.firstChild);
+                  break;
+                case "select":
+                  current =
+                    "string" === typeof newProps.is
+                      ? currentResource.createElement("select", {
+                          is: newProps.is
+                        })
+                      : currentResource.createElement("select");
+                  newProps.multiple
+                    ? (current.multiple = !0)
+                    : newProps.size && (current.size = newProps.size);
+                  break;
+                default:
+                  current =
+                    "string" === typeof newProps.is
+                      ? currentResource.createElement(renderLanes, {
+                          is: newProps.is
+                        })
+                      : currentResource.createElement(renderLanes);
+              }
+          }
+          current[internalInstanceKey] = workInProgress;
+          current[internalPropsKey] = newProps;
+          a: for (
+            currentResource = workInProgress.child;
+            null !== currentResource;
+
+          ) {
+            if (5 === currentResource.tag || 6 === currentResource.tag)
+              current.appendChild(currentResource.stateNode);
+            else if (
+              4 !== currentResource.tag &&
+              27 !== currentResource.tag &&
+              null !== currentResource.child
+            ) {
+              currentResource.child.return = currentResource;
+              currentResource = currentResource.child;
+              continue;
+            }
+            if (currentResource === workInProgress) break a;
+            for (; null === currentResource.sibling; ) {
+              if (
+                null === currentResource.return ||
+                currentResource.return === workInProgress
+              )
+                break a;
+              currentResource = currentResource.return;
+            }
+            currentResource.sibling.return = currentResource.return;
+            currentResource = currentResource.sibling;
+          }
+          workInProgress.stateNode = current;
+          a: switch (
+            (setInitialProperties(current, renderLanes, newProps), renderLanes)
+          ) {
+            case "button":
+            case "input":
+            case "select":
+            case "textarea":
+              current = !!newProps.autoFocus;
+              break a;
+            case "img":
+              current = !0;
+              break a;
+            default:
+              current = !1;
+          }
+          current && markUpdate(workInProgress);
+        }
+      }
+      bubbleProperties(workInProgress);
+      workInProgress.flags &= -16777217;
+      return null;
+    case 6:
+      if (current && null != workInProgress.stateNode)
+        current.memoizedProps !== newProps && markUpdate(workInProgress);
+      else {
+        if ("string" !== typeof newProps && null === workInProgress.stateNode)
+          throw Error(formatProdErrorMessage(166));
+        current = rootInstanceStackCursor.current;
+        if (popHydrationState(workInProgress)) {
+          current = workInProgress.stateNode;
+          renderLanes = workInProgress.memoizedProps;
+          newProps = null;
+          currentResource = hydrationParentFiber;
+          if (null !== currentResource)
+            switch (currentResource.tag) {
+              case 27:
+              case 5:
+                newProps = currentResource.memoizedProps;
+            }
+          current[internalInstanceKey] = workInProgress;
+          current.nodeValue === renderLanes ||
+            (null !== newProps && !0 === newProps.suppressHydrationWarning) ||
+            checkForUnmatchedText(current.nodeValue, renderLanes) ||
+            !favorSafetyOverHydrationPerf ||
+            throwOnHydrationMismatch(workInProgress);
+        } else
+          (current =
+            getOwnerDocumentFromRootContainer(current).createTextNode(
+              newProps
+            )),
+            (current[internalInstanceKey] = workInProgress),
+            (workInProgress.stateNode = current);
+      }
+      bubbleProperties(workInProgress);
+      return null;
+    case 13:
+      newProps = workInProgress.memoizedState;
+      if (
+        null === current ||
+        (null !== current.memoizedState &&
+          null !== current.memoizedState.dehydrated)
+      ) {
+        currentResource = popHydrationState(workInProgress);
+        if (null !== newProps && null !== newProps.dehydrated) {
+          if (null === current) {
+            if (!currentResource) throw Error(formatProdErrorMessage(318));
+            currentResource = workInProgress.memoizedState;
+            currentResource =
+              null !== currentResource ? currentResource.dehydrated : null;
+            if (!currentResource) throw Error(formatProdErrorMessage(317));
+            currentResource[internalInstanceKey] = workInProgress;
+          } else
+            resetHydrationState(),
+              0 === (workInProgress.flags & 128) &&
+                (workInProgress.memoizedState = null),
+              (workInProgress.flags |= 4);
+          bubbleProperties(workInProgress);
+          currentResource = !1;
+        } else
+          null !== hydrationErrors &&
+            (queueRecoverableErrors(hydrationErrors), (hydrationErrors = null)),
+            (currentResource = !0);
+        if (!currentResource) {
+          if (workInProgress.flags & 256)
+            return popSuspenseHandler(workInProgress), workInProgress;
+          popSuspenseHandler(workInProgress);
+          return null;
+        }
+      }
+      popSuspenseHandler(workInProgress);
+      if (0 !== (workInProgress.flags & 128))
+        return (workInProgress.lanes = renderLanes), workInProgress;
+      renderLanes = null !== newProps;
+      current = null !== current && null !== current.memoizedState;
+      if (renderLanes) {
+        newProps = workInProgress.child;
+        currentResource = null;
+        null !== newProps.alternate &&
+          null !== newProps.alternate.memoizedState &&
+          null !== newProps.alternate.memoizedState.cachePool &&
+          (currentResource = newProps.alternate.memoizedState.cachePool.pool);
+        var cache$212 = null;
+        null !== newProps.memoizedState &&
+          null !== newProps.memoizedState.cachePool &&
+          (cache$212 = newProps.memoizedState.cachePool.pool);
+        cache$212 !== currentResource && (newProps.flags |= 2048);
+      }
+      renderLanes !== current &&
+        (enableTransitionTracing && (workInProgress.child.flags |= 2048),
+        renderLanes && (workInProgress.child.flags |= 8192));
+      scheduleRetryEffect(workInProgress, workInProgress.updateQueue);
+      null !== workInProgress.updateQueue &&
+        null != workInProgress.memoizedProps.suspenseCallback &&
+        (workInProgress.flags |= 4);
+      bubbleProperties(workInProgress);
+      return null;
+    case 4:
+      return (
+        popHostContainer(),
+        null === current &&
+          listenToAllSupportedEvents(workInProgress.stateNode.containerInfo),
+        bubbleProperties(workInProgress),
+        null
+      );
+    case 10:
+      return (
+        popProvider(
+          enableRenderableContext
+            ? workInProgress.type
+            : workInProgress.type._context
+        ),
+        bubbleProperties(workInProgress),
+        null
+      );
+    case 19:
+      pop(suspenseStackCursor);
+      currentResource = workInProgress.memoizedState;
+      if (null === currentResource)
+        return bubbleProperties(workInProgress), null;
+      newProps = 0 !== (workInProgress.flags & 128);
+      cache$212 = currentResource.rendering;
+      if (null === cache$212)
+        if (newProps) cutOffTailIfNeeded(currentResource, !1);
+        else {
+          if (
+            0 !== workInProgressRootExitStatus ||
+            (null !== current && 0 !== (current.flags & 128))
+          )
+            for (current = workInProgress.child; null !== current; ) {
+              cache$212 = findFirstSuspended(current);
+              if (null !== cache$212) {
+                workInProgress.flags |= 128;
+                cutOffTailIfNeeded(currentResource, !1);
+                current = cache$212.updateQueue;
+                workInProgress.updateQueue = current;
+                scheduleRetryEffect(workInProgress, current);
+                workInProgress.subtreeFlags = 0;
+                current = renderLanes;
+                for (renderLanes = workInProgress.child; null !== renderLanes; )
+                  resetWorkInProgress(renderLanes, current),
+                    (renderLanes = renderLanes.sibling);
+                push(
+                  suspenseStackCursor,
+                  (suspenseStackCursor.current & 1) | 2
+                );
+                return workInProgress.child;
+              }
+              current = current.sibling;
+            }
+          null !== currentResource.tail &&
+            now() > workInProgressRootRenderTargetTime &&
+            ((workInProgress.flags |= 128),
+            (newProps = !0),
+            cutOffTailIfNeeded(currentResource, !1),
+            (workInProgress.lanes = 4194304));
+        }
+      else {
+        if (!newProps)
+          if (((current = findFirstSuspended(cache$212)), null !== current)) {
+            if (
+              ((workInProgress.flags |= 128),
+              (newProps = !0),
+              (current = current.updateQueue),
+              (workInProgress.updateQueue = current),
+              scheduleRetryEffect(workInProgress, current),
+              cutOffTailIfNeeded(currentResource, !0),
+              null === currentResource.tail &&
+                "hidden" === currentResource.tailMode &&
+                !cache$212.alternate &&
+                !isHydrating)
+            )
+              return bubbleProperties(workInProgress), null;
+          } else
+            2 * now() - currentResource.renderingStartTime >
+              workInProgressRootRenderTargetTime &&
+              536870912 !== renderLanes &&
+              ((workInProgress.flags |= 128),
+              (newProps = !0),
+              cutOffTailIfNeeded(currentResource, !1),
+              (workInProgress.lanes = 4194304));
+        currentResource.isBackwards
+          ? ((cache$212.sibling = workInProgress.child),
+            (workInProgress.child = cache$212))
+          : ((current = currentResource.last),
+            null !== current
+              ? (current.sibling = cache$212)
+              : (workInProgress.child = cache$212),
+            (currentResource.last = cache$212));
+      }
+      if (null !== currentResource.tail)
+        return (
+          (workInProgress = currentResource.tail),
+          (currentResource.rendering = workInProgress),
+          (currentResource.tail = workInProgress.sibling),
+          (currentResource.renderingStartTime = now()),
+          (workInProgress.sibling = null),
+          (current = suspenseStackCursor.current),
+          push(suspenseStackCursor, newProps ? (current & 1) | 2 : current & 1),
+          workInProgress
+        );
+      bubbleProperties(workInProgress);
+      return null;
+    case 21:
+      return (
+        null === current &&
+          ((current = {
+            DO_NOT_USE_queryAllNodes: DO_NOT_USE_queryAllNodes,
+            DO_NOT_USE_queryFirstNode: DO_NOT_USE_queryFirstNode,
+            containsNode: containsNode,
+            getChildContextValues: getChildContextValues
+          }),
+          (workInProgress.stateNode = current),
+          (current[internalInstanceKey] = workInProgress)),
+        null !== workInProgress.ref && markUpdate(workInProgress),
+        bubbleProperties(workInProgress),
+        null
+      );
+    case 22:
+    case 23:
+      return (
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        (newProps = null !== workInProgress.memoizedState),
+        23 !== workInProgress.tag &&
+          (null !== current
+            ? (null !== current.memoizedState) !== newProps &&
+              (workInProgress.flags |= 8192)
+            : newProps && (workInProgress.flags |= 8192)),
+        newProps
+          ? 0 !== (renderLanes & 536870912) &&
+            0 === (workInProgress.flags & 128) &&
+            (bubbleProperties(workInProgress),
+            23 !== workInProgress.tag &&
+              workInProgress.subtreeFlags & 6 &&
+              (workInProgress.flags |= 8192))
+          : bubbleProperties(workInProgress),
+        (renderLanes = workInProgress.updateQueue),
+        null !== renderLanes &&
+          scheduleRetryEffect(workInProgress, renderLanes.retryQueue),
+        (renderLanes = null),
+        null !== current &&
+          null !== current.memoizedState &&
+          null !== current.memoizedState.cachePool &&
+          (renderLanes = current.memoizedState.cachePool.pool),
+        (newProps = null),
+        null !== workInProgress.memoizedState &&
+          null !== workInProgress.memoizedState.cachePool &&
+          (newProps = workInProgress.memoizedState.cachePool.pool),
+        newProps !== renderLanes && (workInProgress.flags |= 2048),
+        popTransition(workInProgress, current),
+        null
+      );
+    case 24:
+      return (
+        (renderLanes = null),
+        null !== current && (renderLanes = current.memoizedState.cache),
+        workInProgress.memoizedState.cache !== renderLanes &&
+          (workInProgress.flags |= 2048),
+        popProvider(CacheContext),
+        bubbleProperties(workInProgress),
+        null
+      );
+    case 25:
+      return (
+        enableTransitionTracing &&
+          (null !== workInProgress.stateNode &&
+            enableTransitionTracing &&
+            pop(markerInstanceStack),
+          bubbleProperties(workInProgress)),
+        null
+      );
+  }
+  throw Error(formatProdErrorMessage(156, workInProgress.tag));
+}
+function unwindWork(current, workInProgress) {
+  popTreeContext(workInProgress);
+  switch (workInProgress.tag) {
+    case 1:
+      return (
+        (current = workInProgress.flags),
+        current & 65536
+          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
+          : null
+      );
+    case 3:
+      return (
+        popProvider(CacheContext),
+        enableTransitionTracing &&
+          enableTransitionTracing &&
+          pop(markerInstanceStack),
+        enableTransitionTracing && pop(transitionStack),
+        popHostContainer(),
+        (current = workInProgress.flags),
+        0 !== (current & 65536) && 0 === (current & 128)
+          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
+          : null
+      );
+    case 26:
+    case 27:
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      popSuspenseHandler(workInProgress);
+      current = workInProgress.memoizedState;
+      if (null !== current && null !== current.dehydrated) {
+        if (null === workInProgress.alternate)
+          throw Error(formatProdErrorMessage(340));
+        resetHydrationState();
+      }
+      current = workInProgress.flags;
+      return current & 65536
+        ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
+        : null;
+    case 19:
+      return pop(suspenseStackCursor), null;
+    case 4:
+      return popHostContainer(), null;
+    case 10:
+      return (
+        popProvider(
+          enableRenderableContext
+            ? workInProgress.type
+            : workInProgress.type._context
+        ),
+        null
+      );
+    case 22:
+    case 23:
+      return (
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        popTransition(workInProgress, current),
+        (current = workInProgress.flags),
+        current & 65536
+          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
+          : null
+      );
+    case 24:
+      return popProvider(CacheContext), null;
+    case 25:
+      return (
+        enableTransitionTracing &&
+          null !== workInProgress.stateNode &&
+          enableTransitionTracing &&
+          pop(markerInstanceStack),
+        null
+      );
+    default:
+      return null;
+  }
+}
+function unwindInterruptedWork(current, interruptedWork) {
+  popTreeContext(interruptedWork);
+  switch (interruptedWork.tag) {
+    case 3:
+      popProvider(CacheContext);
+      enableTransitionTracing &&
+        enableTransitionTracing &&
+        pop(markerInstanceStack);
+      enableTransitionTracing && pop(transitionStack);
+      popHostContainer();
+      break;
+    case 26:
+    case 27:
+    case 5:
+      popHostContext(interruptedWork);
+      break;
+    case 4:
+      popHostContainer();
+      break;
+    case 13:
+      popSuspenseHandler(interruptedWork);
+      break;
+    case 19:
+      pop(suspenseStackCursor);
+      break;
+    case 10:
+      popProvider(
+        enableRenderableContext
+          ? interruptedWork.type
+          : interruptedWork.type._context
+      );
+      break;
+    case 22:
+    case 23:
+      popSuspenseHandler(interruptedWork);
+      popHiddenContext();
+      popTransition(interruptedWork, current);
+      break;
+    case 24:
+      popProvider(CacheContext);
+      break;
+    case 25:
+      enableTransitionTracing &&
+        null !== interruptedWork.stateNode &&
+        enableTransitionTracing &&
+        pop(markerInstanceStack);
   }
-  return newProps;
 }
 var offscreenSubtreeIsHidden = !1,
   offscreenSubtreeWasHidden = !1,
-  needsFormReset = !1,
   PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
   nextEffect = null;
 function callComponentWillUnmountWithTimer(current, instance) {
@@ -10096,8 +11972,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$175) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$175);
+      } catch (error$229) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$229);
       }
     else ref.current = null;
 }
@@ -10196,8 +12072,12 @@ function commitBeforeMutationEffects(root, firstChild) {
       )
         (anchorOffset = root[JSCompiler_temp]),
           doesFiberContain(anchorOffset, focusedInstanceHandle) &&
-            ((shouldFireAfterActiveInstanceBlur = !0),
-            beforeActiveInstanceBlur(anchorOffset));
+            ((_enabled = shouldFireAfterActiveInstanceBlur = !0),
+            dispatchBeforeDetachedBlur(
+              selectionInformation.focusedElem,
+              anchorOffset
+            ),
+            (_enabled = !1));
     root = firstChild.child;
     if (0 !== (firstChild.subtreeFlags & 9236) && null !== root)
       (root.return = firstChild), (nextEffect = root);
@@ -10233,7 +12113,10 @@ function commitBeforeMutationEffects(root, firstChild) {
           }
           JSCompiler_temp$jscomp$0 &&
             ((shouldFireAfterActiveInstanceBlur = !0),
-            beforeActiveInstanceBlur(firstChild));
+            (root = firstChild),
+            (_enabled = !0),
+            dispatchBeforeDetachedBlur(selectionInformation.focusedElem, root),
+            (_enabled = !1));
           switch (firstChild.tag) {
             case 0:
               if (0 !== (flags & 4)) {
@@ -10415,11 +12298,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$177) {
+          } catch (error$231) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$177
+              error$231
             );
           }
         }
@@ -11061,7 +12944,7 @@ function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) {
         captureCommitPhaseError(childToDelete, parentFiber, error);
       }
     }
-  if (parentFiber.subtreeFlags & 13878)
+  if (parentFiber.subtreeFlags & 12854)
     for (parentFiber = parentFiber.child; null !== parentFiber; )
       commitMutationEffectsOnFiber(parentFiber, root$jscomp$0),
         (parentFiber = parentFiber.sibling);
@@ -11086,8 +12969,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$190) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$190);
+        } catch (error$244) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$244);
         }
       }
       break;
@@ -11101,11 +12984,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         offscreenSubtreeIsHidden &&
         ((finishedWork = finishedWork.updateQueue),
         null !== finishedWork &&
-          ((flags = finishedWork.callbacks),
-          null !== flags &&
-            ((current = finishedWork.shared.hiddenCallbacks),
+          ((current = finishedWork.callbacks),
+          null !== current &&
+            ((flags = finishedWork.shared.hiddenCallbacks),
             (finishedWork.shared.hiddenCallbacks =
-              null === current ? flags : current.concat(flags)))));
+              null === flags ? current : flags.concat(current)))));
       break;
     case 26:
       var hoistableRoot = currentHoistableRoot;
@@ -11123,10 +13006,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           if (null === flags)
             if (null === finishedWork.stateNode) {
               a: {
-                flags = finishedWork.type;
-                current = finishedWork.memoizedProps;
+                current = finishedWork.type;
+                flags = finishedWork.memoizedProps;
                 root = hoistableRoot.ownerDocument || hoistableRoot;
-                b: switch (flags) {
+                b: switch (current) {
                   case "title":
                     hoistableRoot = root.getElementsByTagName("title")[0];
                     if (
@@ -11137,42 +13020,42 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         hoistableRoot.namespaceURI ||
                       hoistableRoot.hasAttribute("itemprop")
                     )
-                      (hoistableRoot = root.createElement(flags)),
+                      (hoistableRoot = root.createElement(current)),
                         root.head.insertBefore(
                           hoistableRoot,
                           root.querySelector("head > title")
                         );
-                    setInitialProperties(hoistableRoot, flags, current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     hoistableRoot[internalInstanceKey] = finishedWork;
                     markNodeAsHoistable(hoistableRoot);
-                    flags = hoistableRoot;
+                    current = hoistableRoot;
                     break a;
                   case "link":
                     var maybeNodes = getHydratableHoistableCache(
                       "link",
                       "href",
                       root
-                    ).get(flags + (current.href || ""));
+                    ).get(current + (flags.href || ""));
                     if (maybeNodes)
                       for (var i = 0; i < maybeNodes.length; i++)
                         if (
                           ((hoistableRoot = maybeNodes[i]),
                           hoistableRoot.getAttribute("href") ===
-                            (null == current.href ? null : current.href) &&
+                            (null == flags.href ? null : flags.href) &&
                             hoistableRoot.getAttribute("rel") ===
-                              (null == current.rel ? null : current.rel) &&
+                              (null == flags.rel ? null : flags.rel) &&
                             hoistableRoot.getAttribute("title") ===
-                              (null == current.title ? null : current.title) &&
+                              (null == flags.title ? null : flags.title) &&
                             hoistableRoot.getAttribute("crossorigin") ===
-                              (null == current.crossOrigin
+                              (null == flags.crossOrigin
                                 ? null
-                                : current.crossOrigin))
+                                : flags.crossOrigin))
                         ) {
                           maybeNodes.splice(i, 1);
                           break b;
                         }
-                    hoistableRoot = root.createElement(flags);
-                    setInitialProperties(hoistableRoot, flags, current);
+                    hoistableRoot = root.createElement(current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     root.head.appendChild(hoistableRoot);
                     break;
                   case "meta":
@@ -11181,45 +13064,43 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         "meta",
                         "content",
                         root
-                      ).get(flags + (current.content || "")))
+                      ).get(current + (flags.content || "")))
                     )
                       for (i = 0; i < maybeNodes.length; i++)
                         if (
                           ((hoistableRoot = maybeNodes[i]),
                           hoistableRoot.getAttribute("content") ===
-                            (null == current.content
+                            (null == flags.content
                               ? null
-                              : "" + current.content) &&
+                              : "" + flags.content) &&
                             hoistableRoot.getAttribute("name") ===
-                              (null == current.name ? null : current.name) &&
+                              (null == flags.name ? null : flags.name) &&
                             hoistableRoot.getAttribute("property") ===
-                              (null == current.property
+                              (null == flags.property
                                 ? null
-                                : current.property) &&
+                                : flags.property) &&
                             hoistableRoot.getAttribute("http-equiv") ===
-                              (null == current.httpEquiv
+                              (null == flags.httpEquiv
                                 ? null
-                                : current.httpEquiv) &&
+                                : flags.httpEquiv) &&
                             hoistableRoot.getAttribute("charset") ===
-                              (null == current.charSet
-                                ? null
-                                : current.charSet))
+                              (null == flags.charSet ? null : flags.charSet))
                         ) {
                           maybeNodes.splice(i, 1);
                           break b;
                         }
-                    hoistableRoot = root.createElement(flags);
-                    setInitialProperties(hoistableRoot, flags, current);
+                    hoistableRoot = root.createElement(current);
+                    setInitialProperties(hoistableRoot, current, flags);
                     root.head.appendChild(hoistableRoot);
                     break;
                   default:
-                    throw Error(formatProdErrorMessage(468, flags));
+                    throw Error(formatProdErrorMessage(468, current));
                 }
                 hoistableRoot[internalInstanceKey] = finishedWork;
                 markNodeAsHoistable(hoistableRoot);
-                flags = hoistableRoot;
+                current = hoistableRoot;
               }
-              finishedWork.stateNode = flags;
+              finishedWork.stateNode = current;
             } else
               mountHoistable(
                 hoistableRoot,
@@ -11261,11 +13142,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               newProps
             );
             domElement[internalPropsKey] = newProps;
-          } catch (error$191) {
+          } catch (error$245) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$191
+              error$245
             );
           }
         }
@@ -11303,23 +13184,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$192) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$192);
+        } catch (error$246) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$246);
         }
       }
-      if (flags & 4 && ((root = finishedWork.stateNode), null != root)) {
-        hoistableRoot = finishedWork.memoizedProps;
-        current = null !== current ? current.memoizedProps : hoistableRoot;
-        maybeNodes = finishedWork.type;
+      if (flags & 4 && ((flags = finishedWork.stateNode), null != flags)) {
+        root = finishedWork.memoizedProps;
+        current = null !== current ? current.memoizedProps : root;
+        hoistableRoot = finishedWork.type;
         finishedWork.updateQueue = null;
         try {
-          updateProperties(root, maybeNodes, current, hoistableRoot),
-            (root[internalPropsKey] = hoistableRoot);
-        } catch (error$195) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$195);
+          updateProperties(flags, hoistableRoot, current, root),
+            (flags[internalPropsKey] = root);
+        } catch (error$249) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$249);
         }
       }
-      flags & 1024 && (needsFormReset = !0);
       break;
     case 6:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -11327,12 +13207,12 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4) {
         if (null === finishedWork.stateNode)
           throw Error(formatProdErrorMessage(162));
-        flags = finishedWork.stateNode;
-        current = finishedWork.memoizedProps;
+        current = finishedWork.stateNode;
+        flags = finishedWork.memoizedProps;
         try {
-          flags.nodeValue = current;
-        } catch (error$196) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$196);
+          current.nodeValue = flags;
+        } catch (error$250) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$250);
         }
       }
       break;
@@ -11346,20 +13226,18 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$197) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$197);
+        } catch (error$251) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$251);
         }
-      needsFormReset &&
-        ((needsFormReset = !1), recursivelyResetForms(finishedWork));
       break;
     case 4:
-      flags = currentHoistableRoot;
+      current = currentHoistableRoot;
       currentHoistableRoot = getHoistableRoot(
         finishedWork.stateNode.containerInfo
       );
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
-      currentHoistableRoot = flags;
+      currentHoistableRoot = current;
       break;
     case 13:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -11379,13 +13257,13 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$199) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$199);
+        } catch (error$253) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$253);
         }
-        flags = finishedWork.updateQueue;
-        null !== flags &&
+        current = finishedWork.updateQueue;
+        null !== current &&
           ((finishedWork.updateQueue = null),
-          attachSuspenseRetryListeners(finishedWork, flags));
+          attachSuspenseRetryListeners(finishedWork, current));
       }
       break;
     case 22:
@@ -11455,11 +13333,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$180) {
+              } catch (error$234) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$180
+                  error$234
                 );
               }
           } else if (
@@ -11483,21 +13361,21 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           root = root.sibling;
         }
       flags & 4 &&
-        ((flags = finishedWork.updateQueue),
-        null !== flags &&
-          ((current = flags.retryQueue),
-          null !== current &&
-            ((flags.retryQueue = null),
-            attachSuspenseRetryListeners(finishedWork, current))));
+        ((current = finishedWork.updateQueue),
+        null !== current &&
+          ((flags = current.retryQueue),
+          null !== flags &&
+            ((current.retryQueue = null),
+            attachSuspenseRetryListeners(finishedWork, flags))));
       break;
     case 19:
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
       flags & 4 &&
-        ((flags = finishedWork.updateQueue),
-        null !== flags &&
+        ((current = finishedWork.updateQueue),
+        null !== current &&
           ((finishedWork.updateQueue = null),
-          attachSuspenseRetryListeners(finishedWork, flags)));
+          attachSuspenseRetryListeners(finishedWork, current)));
       break;
     case 21:
       recursivelyTraverseMutationEffects(root, finishedWork);
@@ -11534,21 +13412,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$181 = JSCompiler_inline_result.stateNode;
+            var parent$235 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$181, ""),
+              (setTextContent(parent$235, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$182 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$182, parent$181);
+            var before$236 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$236, parent$235);
             break;
           case 3:
           case 4:
-            var parent$183 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$184 = getHostSibling(finishedWork);
+            var parent$237 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$238 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$184,
-              parent$183
+              before$238,
+              parent$237
             );
             break;
           default:
@@ -11562,15 +13440,6 @@ function commitReconciliationEffects(finishedWork) {
   }
   flags & 4096 && (finishedWork.flags &= -4097);
 }
-function recursivelyResetForms(parentFiber) {
-  if (parentFiber.subtreeFlags & 1024)
-    for (parentFiber = parentFiber.child; null !== parentFiber; ) {
-      var fiber = parentFiber;
-      recursivelyResetForms(fiber);
-      5 === fiber.tag && fiber.flags & 1024 && fiber.stateNode.reset();
-      parentFiber = parentFiber.sibling;
-    }
-}
 function recursivelyTraverseLayoutEffects(root, parentFiber) {
   if (parentFiber.subtreeFlags & 8772)
     for (parentFiber = parentFiber.child; null !== parentFiber; )
@@ -12016,9 +13885,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$206 = finishedWork.stateNode;
+        var instance$260 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$206._visibility & 4
+          ? instance$260._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12030,7 +13899,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-          : ((instance$206._visibility |= 4),
+          : ((instance$260._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -12043,7 +13912,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$206
+            instance$260
           );
         break;
       case 24:
@@ -12347,6 +14216,1443 @@ function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
       }
   }
 }
+var DefaultCacheDispatcher = {
+    getCacheForType: function (resourceType) {
+      var cache = readContext(CacheContext),
+        cacheForType = cache.data.get(resourceType);
+      void 0 === cacheForType &&
+        ((cacheForType = resourceType()),
+        cache.data.set(resourceType, cacheForType));
+      return cacheForType;
+    }
+  },
+  COMPONENT_TYPE = 0,
+  HAS_PSEUDO_CLASS_TYPE = 1,
+  ROLE_TYPE = 2,
+  TEST_NAME_TYPE = 3,
+  TEXT_TYPE = 4;
+if ("function" === typeof Symbol && Symbol.for) {
+  var symbolFor = Symbol.for;
+  COMPONENT_TYPE = symbolFor("selector.component");
+  HAS_PSEUDO_CLASS_TYPE = symbolFor("selector.has_pseudo_class");
+  ROLE_TYPE = symbolFor("selector.role");
+  TEST_NAME_TYPE = symbolFor("selector.test_id");
+  TEXT_TYPE = symbolFor("selector.text");
+}
+function findFiberRootForHostRoot(hostRoot) {
+  var maybeFiber = getClosestInstanceFromNode(hostRoot) || null;
+  if (null != maybeFiber) {
+    if ("string" !== typeof maybeFiber.memoizedProps["data-testname"])
+      throw Error(formatProdErrorMessage(364));
+    return maybeFiber;
+  }
+  a: {
+    hostRoot = [hostRoot];
+    for (maybeFiber = 0; maybeFiber < hostRoot.length; ) {
+      var current = hostRoot[maybeFiber++];
+      if (current[internalContainerInstanceKey]) {
+        hostRoot = getInstanceFromNode$1(current);
+        break a;
+      }
+      hostRoot.push.apply(hostRoot, current.children);
+    }
+    hostRoot = null;
+  }
+  if (null === hostRoot) throw Error(formatProdErrorMessage(362));
+  return hostRoot.stateNode.current;
+}
+function matchSelector(fiber$jscomp$0, selector) {
+  var tag = fiber$jscomp$0.tag;
+  switch (selector.$$typeof) {
+    case COMPONENT_TYPE:
+      if (fiber$jscomp$0.type === selector.value) return !0;
+      break;
+    case HAS_PSEUDO_CLASS_TYPE:
+      a: {
+        selector = selector.value;
+        tag = [fiber$jscomp$0, 0];
+        for (fiber$jscomp$0 = 0; fiber$jscomp$0 < tag.length; ) {
+          var fiber = tag[fiber$jscomp$0++],
+            tag$jscomp$0 = fiber.tag,
+            selectorIndex = tag[fiber$jscomp$0++],
+            selector$jscomp$0 = selector[selectorIndex];
+          if (
+            (5 !== tag$jscomp$0 &&
+              26 !== tag$jscomp$0 &&
+              27 !== tag$jscomp$0) ||
+            !isHiddenSubtree(fiber)
+          ) {
+            for (
+              ;
+              null != selector$jscomp$0 &&
+              matchSelector(fiber, selector$jscomp$0);
+
+            )
+              selectorIndex++, (selector$jscomp$0 = selector[selectorIndex]);
+            if (selectorIndex === selector.length) {
+              selector = !0;
+              break a;
+            } else
+              for (fiber = fiber.child; null !== fiber; )
+                tag.push(fiber, selectorIndex), (fiber = fiber.sibling);
+          }
+        }
+        selector = !1;
+      }
+      return selector;
+    case ROLE_TYPE:
+      if (5 === tag || 26 === tag || 27 === tag)
+        if (
+          ((tag = fiber$jscomp$0.stateNode),
+          (selector = selector.value),
+          (fiber$jscomp$0 = (fiber$jscomp$0 = tag.getAttribute("role"))
+            ? fiber$jscomp$0.trim().split(" ")
+            : null),
+          (selector =
+            (null !== fiber$jscomp$0 &&
+              0 <= fiber$jscomp$0.indexOf(selector)) ||
+            selector === getImplicitRole(tag)
+              ? !0
+              : !1),
+          selector)
+        )
+          return !0;
+      break;
+    case TEXT_TYPE:
+      if (5 === tag || 6 === tag || 26 === tag || 27 === tag) {
+        a: {
+          switch (fiber$jscomp$0.tag) {
+            case 26:
+            case 27:
+            case 5:
+              tag = "";
+              fiber$jscomp$0 = fiber$jscomp$0.stateNode.childNodes;
+              for (
+                selectorIndex = 0;
+                selectorIndex < fiber$jscomp$0.length;
+                selectorIndex++
+              )
+                (fiber = fiber$jscomp$0[selectorIndex]),
+                  fiber.nodeType === Node.TEXT_NODE &&
+                    (tag += fiber.textContent);
+              break a;
+            case 6:
+              tag = fiber$jscomp$0.stateNode.textContent;
+              break a;
+          }
+          tag = null;
+        }
+        if (null !== tag && 0 <= tag.indexOf(selector.value)) return !0;
+      }
+      break;
+    case TEST_NAME_TYPE:
+      if (5 === tag || 26 === tag || 27 === tag)
+        if (
+          ((tag = fiber$jscomp$0.memoizedProps["data-testname"]),
+          "string" === typeof tag &&
+            tag.toLowerCase() === selector.value.toLowerCase())
+        )
+          return !0;
+      break;
+    default:
+      throw Error(formatProdErrorMessage(365));
+  }
+  return !1;
+}
+function selectorToString(selector) {
+  switch (selector.$$typeof) {
+    case COMPONENT_TYPE:
+      return (
+        "<" + (getComponentNameFromType(selector.value) || "Unknown") + ">"
+      );
+    case HAS_PSEUDO_CLASS_TYPE:
+      return ":has(" + (selectorToString(selector) || "") + ")";
+    case ROLE_TYPE:
+      return '[role="' + selector.value + '"]';
+    case TEXT_TYPE:
+      return '"' + selector.value + '"';
+    case TEST_NAME_TYPE:
+      return '[data-testname="' + selector.value + '"]';
+    default:
+      throw Error(formatProdErrorMessage(365));
+  }
+}
+function findPaths(root, selectors) {
+  var matchingFibers = [];
+  root = [root, 0];
+  for (var index = 0; index < root.length; ) {
+    var fiber = root[index++],
+      tag = fiber.tag,
+      selectorIndex = root[index++],
+      selector = selectors[selectorIndex];
+    if ((5 !== tag && 26 !== tag && 27 !== tag) || !isHiddenSubtree(fiber)) {
+      for (; null != selector && matchSelector(fiber, selector); )
+        selectorIndex++, (selector = selectors[selectorIndex]);
+      if (selectorIndex === selectors.length) matchingFibers.push(fiber);
+      else
+        for (fiber = fiber.child; null !== fiber; )
+          root.push(fiber, selectorIndex), (fiber = fiber.sibling);
+    }
+  }
+  return matchingFibers;
+}
+function findAllNodes(hostRoot, selectors) {
+  hostRoot = findFiberRootForHostRoot(hostRoot);
+  hostRoot = findPaths(hostRoot, selectors);
+  selectors = [];
+  hostRoot = Array.from(hostRoot);
+  for (var index = 0; index < hostRoot.length; ) {
+    var node = hostRoot[index++],
+      tag = node.tag;
+    if (5 === tag || 26 === tag || 27 === tag)
+      isHiddenSubtree(node) || selectors.push(node.stateNode);
+    else
+      for (node = node.child; null !== node; )
+        hostRoot.push(node), (node = node.sibling);
+  }
+  return selectors;
+}
+var postPaintCallbackScheduled = !1,
+  callbacks = [];
+function schedulePostPaintCallback(callback) {
+  callbacks.push(callback);
+  postPaintCallbackScheduled ||
+    ((postPaintCallbackScheduled = !0),
+    requestPostPaintCallback(function (endTime) {
+      for (var i = 0; i < callbacks.length; i++) callbacks[i](endTime);
+      postPaintCallbackScheduled = !1;
+      callbacks = [];
+    }));
+}
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
+  executionContext = 0,
+  workInProgressRoot = null,
+  workInProgress = null,
+  workInProgressRootRenderLanes = 0,
+  workInProgressSuspendedReason = 0,
+  workInProgressThrownValue = null,
+  workInProgressRootDidAttachPingListener = !1,
+  entangledRenderLanes = 0,
+  workInProgressRootExitStatus = 0,
+  workInProgressRootSkippedLanes = 0,
+  workInProgressRootInterleavedUpdatedLanes = 0,
+  workInProgressRootPingedLanes = 0,
+  workInProgressDeferredLane = 0,
+  workInProgressRootConcurrentErrors = null,
+  workInProgressRootRecoverableErrors = null,
+  workInProgressRootDidIncludeRecursiveRenderUpdate = !1,
+  didIncludeCommitPhaseUpdate = !1,
+  globalMostRecentFallbackTime = 0,
+  workInProgressRootRenderTargetTime = Infinity,
+  workInProgressTransitions = null,
+  currentPendingTransitionCallbacks = null,
+  currentEndTime = null;
+function addMarkerProgressCallbackToPendingTransition(
+  markerName,
+  transitions,
+  pendingBoundaries
+) {
+  enableTransitionTracing &&
+    (null === currentPendingTransitionCallbacks &&
+      (currentPendingTransitionCallbacks = {
+        transitionStart: null,
+        transitionProgress: null,
+        transitionComplete: null,
+        markerProgress: new Map(),
+        markerIncomplete: null,
+        markerComplete: null
+      }),
+    null === currentPendingTransitionCallbacks.markerProgress &&
+      (currentPendingTransitionCallbacks.markerProgress = new Map()),
+    currentPendingTransitionCallbacks.markerProgress.set(markerName, {
+      pendingBoundaries: pendingBoundaries,
+      transitions: transitions
+    }));
+}
+function addMarkerCompleteCallbackToPendingTransition(markerName, transitions) {
+  enableTransitionTracing &&
+    (null === currentPendingTransitionCallbacks &&
+      (currentPendingTransitionCallbacks = {
+        transitionStart: null,
+        transitionProgress: null,
+        transitionComplete: null,
+        markerProgress: null,
+        markerIncomplete: null,
+        markerComplete: new Map()
+      }),
+    null === currentPendingTransitionCallbacks.markerComplete &&
+      (currentPendingTransitionCallbacks.markerComplete = new Map()),
+    currentPendingTransitionCallbacks.markerComplete.set(
+      markerName,
+      transitions
+    ));
+}
+function addTransitionProgressCallbackToPendingTransition(
+  transition,
+  boundaries
+) {
+  enableTransitionTracing &&
+    (null === currentPendingTransitionCallbacks &&
+      (currentPendingTransitionCallbacks = {
+        transitionStart: null,
+        transitionProgress: new Map(),
+        transitionComplete: null,
+        markerProgress: null,
+        markerIncomplete: null,
+        markerComplete: null
+      }),
+    null === currentPendingTransitionCallbacks.transitionProgress &&
+      (currentPendingTransitionCallbacks.transitionProgress = new Map()),
+    currentPendingTransitionCallbacks.transitionProgress.set(
+      transition,
+      boundaries
+    ));
+}
+var legacyErrorBoundariesThatAlreadyFailed = null,
+  rootDoesHavePassiveEffects = !1,
+  rootWithPendingPassiveEffects = null,
+  pendingPassiveEffectsLanes = 0,
+  pendingPassiveEffectsRemainingLanes = 0,
+  pendingPassiveTransitions = null,
+  nestedUpdateCount = 0,
+  rootWithNestedUpdates = null;
+function requestUpdateLane() {
+  if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
+    return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
+  if (null !== requestCurrentTransition()) {
+    var actionScopeLane = currentEntangledLane;
+    return 0 !== actionScopeLane ? actionScopeLane : requestTransitionLane();
+  }
+  actionScopeLane = currentUpdatePriority;
+  if (0 !== actionScopeLane) return actionScopeLane;
+  actionScopeLane = window.event;
+  actionScopeLane =
+    void 0 === actionScopeLane ? 32 : getEventPriority(actionScopeLane.type);
+  return actionScopeLane;
+}
+function requestDeferredLane() {
+  0 === workInProgressDeferredLane &&
+    (workInProgressDeferredLane =
+      0 === (workInProgressRootRenderLanes & 536870912) || isHydrating
+        ? claimNextTransitionLane()
+        : 536870912);
+  var suspenseHandler = suspenseHandlerStackCursor.current;
+  null !== suspenseHandler && (suspenseHandler.flags |= 32);
+  return workInProgressDeferredLane;
+}
+function scheduleUpdateOnFiber(root, fiber, lane) {
+  if (
+    (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    prepareFreshStack(root, 0),
+      markRootSuspended(
+        root,
+        workInProgressRootRenderLanes,
+        workInProgressDeferredLane
+      );
+  markRootUpdated(root, lane);
+  if (0 === (executionContext & 2) || root !== workInProgressRoot) {
+    if (
+      enableTransitionTracing &&
+      ((fiber = ReactCurrentBatchConfig$1.transition),
+      null !== fiber &&
+        null != fiber.name &&
+        (-1 === fiber.startTime && (fiber.startTime = now()),
+        enableTransitionTracing))
+    ) {
+      var transitionLanesMap = root.transitionLanes,
+        index$8 = 31 - clz32(lane),
+        transitions = transitionLanesMap[index$8];
+      null === transitions && (transitions = new Set());
+      transitions.add(fiber);
+      transitionLanesMap[index$8] = transitions;
+    }
+    root === workInProgressRoot &&
+      (0 === (executionContext & 2) &&
+        (workInProgressRootInterleavedUpdatedLanes |= lane),
+      4 === workInProgressRootExitStatus &&
+        markRootSuspended(
+          root,
+          workInProgressRootRenderLanes,
+          workInProgressDeferredLane
+        ));
+    ensureRootIsScheduled(root);
+  }
+}
+function performConcurrentWorkOnRoot(root, didTimeout) {
+  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
+  var originalCallbackNode = root.callbackNode;
+  if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
+    return null;
+  var lanes = getNextLanes(
+    root,
+    root === workInProgressRoot ? workInProgressRootRenderLanes : 0
+  );
+  if (0 === lanes) return null;
+  var exitStatus = (didTimeout =
+    !includesBlockingLane(root, lanes) &&
+    0 === (lanes & root.expiredLanes) &&
+    (disableSchedulerTimeoutInWorkLoop || !didTimeout))
+    ? renderRootConcurrent(root, lanes)
+    : renderRootSync(root, lanes);
+  if (0 !== exitStatus) {
+    var renderWasConcurrent = didTimeout;
+    do {
+      if (6 === exitStatus) markRootSuspended(root, lanes, 0);
+      else {
+        didTimeout = root.current.alternate;
+        if (
+          renderWasConcurrent &&
+          !isRenderConsistentWithExternalStores(didTimeout)
+        ) {
+          exitStatus = renderRootSync(root, lanes);
+          renderWasConcurrent = !1;
+          continue;
+        }
+        if (2 === exitStatus) {
+          renderWasConcurrent = lanes;
+          var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+            root,
+            renderWasConcurrent
+          );
+          0 !== errorRetryLanes &&
+            ((lanes = errorRetryLanes),
+            (exitStatus = recoverFromConcurrentError(
+              root,
+              renderWasConcurrent,
+              errorRetryLanes
+            )));
+        }
+        if (1 === exitStatus) {
+          prepareFreshStack(root, 0);
+          markRootSuspended(root, lanes, 0);
+          break;
+        }
+        root.finishedWork = didTimeout;
+        root.finishedLanes = lanes;
+        a: {
+          renderWasConcurrent = root;
+          switch (exitStatus) {
+            case 0:
+            case 1:
+              throw Error(formatProdErrorMessage(345));
+            case 4:
+              if ((lanes & 4194176) === lanes) {
+                markRootSuspended(
+                  renderWasConcurrent,
+                  lanes,
+                  workInProgressDeferredLane
+                );
+                break a;
+              }
+              break;
+            case 2:
+              workInProgressRootRecoverableErrors = null;
+              break;
+            case 3:
+            case 5:
+              break;
+            default:
+              throw Error(formatProdErrorMessage(329));
+          }
+          if (
+            (lanes & 62914560) === lanes &&
+            (alwaysThrottleRetries || 3 === exitStatus) &&
+            ((exitStatus = globalMostRecentFallbackTime + 300 - now()),
+            10 < exitStatus)
+          ) {
+            markRootSuspended(
+              renderWasConcurrent,
+              lanes,
+              workInProgressDeferredLane
+            );
+            if (0 !== getNextLanes(renderWasConcurrent, 0)) break a;
+            renderWasConcurrent.timeoutHandle = scheduleTimeout(
+              commitRootWhenReady.bind(
+                null,
+                renderWasConcurrent,
+                didTimeout,
+                workInProgressRootRecoverableErrors,
+                workInProgressTransitions,
+                workInProgressRootDidIncludeRecursiveRenderUpdate,
+                lanes,
+                workInProgressDeferredLane
+              ),
+              exitStatus
+            );
+            break a;
+          }
+          commitRootWhenReady(
+            renderWasConcurrent,
+            didTimeout,
+            workInProgressRootRecoverableErrors,
+            workInProgressTransitions,
+            workInProgressRootDidIncludeRecursiveRenderUpdate,
+            lanes,
+            workInProgressDeferredLane
+          );
+        }
+      }
+      break;
+    } while (1);
+  }
+  ensureRootIsScheduled(root);
+  scheduleTaskForRootDuringMicrotask(root, now());
+  root =
+    root.callbackNode === originalCallbackNode
+      ? performConcurrentWorkOnRoot.bind(null, root)
+      : null;
+  return root;
+}
+function recoverFromConcurrentError(
+  root,
+  originallyAttemptedLanes,
+  errorRetryLanes
+) {
+  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors,
+    wasRootDehydrated = root.current.memoizedState.isDehydrated;
+  wasRootDehydrated && (prepareFreshStack(root, errorRetryLanes).flags |= 256);
+  errorRetryLanes = renderRootSync(root, errorRetryLanes);
+  if (2 !== errorRetryLanes) {
+    if (workInProgressRootDidAttachPingListener && !wasRootDehydrated)
+      return (
+        (root.errorRecoveryDisabledLanes |= originallyAttemptedLanes),
+        (workInProgressRootInterleavedUpdatedLanes |= originallyAttemptedLanes),
+        4
+      );
+    root = workInProgressRootRecoverableErrors;
+    workInProgressRootRecoverableErrors = errorsFromFirstAttempt;
+    null !== root && queueRecoverableErrors(root);
+  }
+  return errorRetryLanes;
+}
+function queueRecoverableErrors(errors) {
+  null === workInProgressRootRecoverableErrors
+    ? (workInProgressRootRecoverableErrors = errors)
+    : workInProgressRootRecoverableErrors.push.apply(
+        workInProgressRootRecoverableErrors,
+        errors
+      );
+}
+function commitRootWhenReady(
+  root,
+  finishedWork,
+  recoverableErrors,
+  transitions,
+  didIncludeRenderPhaseUpdate,
+  lanes,
+  spawnedLane
+) {
+  if (
+    0 === (lanes & 42) &&
+    ((suspendedState = { stylesheets: null, count: 0, unsuspend: noop$1 }),
+    accumulateSuspenseyCommitOnFiber(finishedWork),
+    (finishedWork = waitForCommitToBeReady()),
+    null !== finishedWork)
+  ) {
+    root.cancelPendingCommit = finishedWork(
+      commitRoot.bind(
+        null,
+        root,
+        recoverableErrors,
+        transitions,
+        didIncludeRenderPhaseUpdate
+      )
+    );
+    markRootSuspended(root, lanes, spawnedLane);
+    return;
+  }
+  commitRoot(
+    root,
+    recoverableErrors,
+    transitions,
+    didIncludeRenderPhaseUpdate,
+    spawnedLane
+  );
+}
+function isRenderConsistentWithExternalStores(finishedWork) {
+  for (var node = finishedWork; ; ) {
+    if (node.flags & 16384) {
+      var updateQueue = node.updateQueue;
+      if (
+        null !== updateQueue &&
+        ((updateQueue = updateQueue.stores), null !== updateQueue)
+      )
+        for (var i = 0; i < updateQueue.length; i++) {
+          var check = updateQueue[i],
+            getSnapshot = check.getSnapshot;
+          check = check.value;
+          try {
+            if (!objectIs(getSnapshot(), check)) return !1;
+          } catch (error) {
+            return !1;
+          }
+        }
+    }
+    updateQueue = node.child;
+    if (node.subtreeFlags & 16384 && null !== updateQueue)
+      (updateQueue.return = node), (node = updateQueue);
+    else {
+      if (node === finishedWork) break;
+      for (; null === node.sibling; ) {
+        if (null === node.return || node.return === finishedWork) return !0;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return !0;
+}
+function markRootUpdated(root, updatedLanes) {
+  root.pendingLanes |= updatedLanes;
+  268435456 !== updatedLanes &&
+    ((root.suspendedLanes = 0), (root.pingedLanes = 0));
+  enableInfiniteRenderLoopDetection &&
+    (executionContext & 2
+      ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
+      : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0),
+    throwIfInfiniteUpdateLoopDetected());
+}
+function markRootSuspended(root, suspendedLanes, spawnedLane) {
+  suspendedLanes &= ~workInProgressRootPingedLanes;
+  suspendedLanes &= ~workInProgressRootInterleavedUpdatedLanes;
+  root.suspendedLanes |= suspendedLanes;
+  root.pingedLanes &= ~suspendedLanes;
+  for (
+    var expirationTimes = root.expirationTimes, lanes = suspendedLanes;
+    0 < lanes;
+
+  ) {
+    var index$4 = 31 - clz32(lanes),
+      lane = 1 << index$4;
+    expirationTimes[index$4] = -1;
+    lanes &= ~lane;
+  }
+  0 !== spawnedLane &&
+    markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
+}
+function performSyncWorkOnRoot(root, lanes) {
+  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
+  if (flushPassiveEffects()) return ensureRootIsScheduled(root), null;
+  var exitStatus = renderRootSync(root, lanes);
+  if (2 === exitStatus) {
+    var originallyAttemptedLanes = lanes,
+      errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+        root,
+        originallyAttemptedLanes
+      );
+    0 !== errorRetryLanes &&
+      ((lanes = errorRetryLanes),
+      (exitStatus = recoverFromConcurrentError(
+        root,
+        originallyAttemptedLanes,
+        errorRetryLanes
+      )));
+  }
+  if (1 === exitStatus)
+    return (
+      prepareFreshStack(root, 0),
+      markRootSuspended(root, lanes, 0),
+      ensureRootIsScheduled(root),
+      null
+    );
+  if (6 === exitStatus)
+    return (
+      markRootSuspended(root, lanes, workInProgressDeferredLane),
+      ensureRootIsScheduled(root),
+      null
+    );
+  root.finishedWork = root.current.alternate;
+  root.finishedLanes = lanes;
+  commitRoot(
+    root,
+    workInProgressRootRecoverableErrors,
+    workInProgressTransitions,
+    workInProgressRootDidIncludeRecursiveRenderUpdate,
+    workInProgressDeferredLane
+  );
+  ensureRootIsScheduled(root);
+  return null;
+}
+function flushSync$1(fn) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
+  var prevTransition = ReactCurrentBatchConfig$1.transition,
+    previousPriority = currentUpdatePriority;
+  try {
+    if (
+      ((ReactCurrentBatchConfig$1.transition = null),
+      (currentUpdatePriority = 2),
+      fn)
+    )
+      return fn();
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig$1.transition = prevTransition),
+      (executionContext = prevExecutionContext),
+      0 === (executionContext & 6) && flushSyncWorkAcrossRoots_impl(!1);
+  }
+}
+function resetWorkInProgressStack() {
+  if (null !== workInProgress) {
+    if (0 === workInProgressSuspendedReason)
+      var interruptedWork = workInProgress.return;
+    else
+      (interruptedWork = workInProgress),
+        resetContextDependencies(),
+        resetHooksOnUnwind(interruptedWork),
+        (thenableState$1 = null),
+        (thenableIndexCounter$1 = 0),
+        (interruptedWork = workInProgress);
+    for (; null !== interruptedWork; )
+      unwindInterruptedWork(interruptedWork.alternate, interruptedWork),
+        (interruptedWork = interruptedWork.return);
+    workInProgress = null;
+  }
+}
+function prepareFreshStack(root, lanes) {
+  root.finishedWork = null;
+  root.finishedLanes = 0;
+  var timeoutHandle = root.timeoutHandle;
+  -1 !== timeoutHandle &&
+    ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
+  timeoutHandle = root.cancelPendingCommit;
+  null !== timeoutHandle &&
+    ((root.cancelPendingCommit = null), timeoutHandle());
+  resetWorkInProgressStack();
+  workInProgressRoot = root;
+  workInProgress = timeoutHandle = createWorkInProgress(root.current, null);
+  workInProgressRootRenderLanes = lanes;
+  workInProgressSuspendedReason = 0;
+  workInProgressThrownValue = null;
+  workInProgressRootDidAttachPingListener = !1;
+  workInProgressDeferredLane =
+    workInProgressRootPingedLanes =
+    workInProgressRootInterleavedUpdatedLanes =
+    workInProgressRootSkippedLanes =
+    workInProgressRootExitStatus =
+      0;
+  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors =
+    null;
+  workInProgressRootDidIncludeRecursiveRenderUpdate = !1;
+  0 === (root.current.mode & 32) && 0 !== (lanes & 8) && (lanes |= lanes & 32);
+  var allEntangledLanes = root.entangledLanes;
+  if (0 !== allEntangledLanes)
+    for (
+      root = root.entanglements, allEntangledLanes &= lanes;
+      0 < allEntangledLanes;
+
+    ) {
+      var index$2 = 31 - clz32(allEntangledLanes),
+        lane = 1 << index$2;
+      lanes |= root[index$2];
+      allEntangledLanes &= ~lane;
+    }
+  entangledRenderLanes = lanes;
+  finishQueueingConcurrentUpdates();
+  return timeoutHandle;
+}
+function handleThrow(root, thrownValue) {
+  currentlyRenderingFiber$1 = null;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  ReactCurrentOwner.current = null;
+  thrownValue === SuspenseException
+    ? ((thrownValue = getSuspendedThenable()),
+      (workInProgressSuspendedReason =
+        shouldRemainOnPreviousScreen() &&
+        0 === (workInProgressRootSkippedLanes & 134217727) &&
+        0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)
+          ? 2
+          : 3))
+    : thrownValue === SuspenseyCommitException
+    ? ((thrownValue = getSuspendedThenable()),
+      (workInProgressSuspendedReason = 4))
+    : (workInProgressSuspendedReason =
+        thrownValue === SelectiveHydrationException
+          ? 8
+          : null !== thrownValue &&
+            "object" === typeof thrownValue &&
+            "function" === typeof thrownValue.then
+          ? 6
+          : 1);
+  workInProgressThrownValue = thrownValue;
+  null === workInProgress &&
+    ((workInProgressRootExitStatus = 1),
+    logUncaughtError(
+      root,
+      createCapturedValueAtFiber(thrownValue, root.current)
+    ));
+}
+function shouldRemainOnPreviousScreen() {
+  var handler = suspenseHandlerStackCursor.current;
+  return null === handler
+    ? !0
+    : (workInProgressRootRenderLanes & 4194176) ===
+      workInProgressRootRenderLanes
+    ? null === shellBoundary
+      ? !0
+      : !1
+    : (workInProgressRootRenderLanes & 62914560) ===
+        workInProgressRootRenderLanes ||
+      0 !== (workInProgressRootRenderLanes & 536870912)
+    ? handler === shellBoundary
+    : !1;
+}
+function pushDispatcher() {
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
+}
+function pushCacheDispatcher() {
+  var prevCacheDispatcher = ReactCurrentCache.current;
+  ReactCurrentCache.current = DefaultCacheDispatcher;
+  return prevCacheDispatcher;
+}
+function renderDidSuspendDelayIfPossible() {
+  workInProgressRootExitStatus = 4;
+  (0 === (workInProgressRootSkippedLanes & 134217727) &&
+    0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)) ||
+    null === workInProgressRoot ||
+    markRootSuspended(
+      workInProgressRoot,
+      workInProgressRootRenderLanes,
+      workInProgressDeferredLane
+    );
+}
+function renderRootSync(root, lanes) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 2;
+  var prevDispatcher = pushDispatcher(),
+    prevCacheDispatcher = pushCacheDispatcher();
+  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
+    (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
+      prepareFreshStack(root, lanes);
+  lanes = !1;
+  a: do
+    try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
+        var unitOfWork = workInProgress,
+          thrownValue = workInProgressThrownValue;
+        switch (workInProgressSuspendedReason) {
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
+          default:
+            (workInProgressSuspendedReason = 0),
+              (workInProgressThrownValue = null),
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+        }
+      }
+      workLoopSync();
+      break;
+    } catch (thrownValue$269) {
+      handleThrow(root, thrownValue$269);
+    }
+  while (1);
+  lanes && root.shellSuspendCounter++;
+  resetContextDependencies();
+  executionContext = prevExecutionContext;
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
+  if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
+  workInProgressRoot = null;
+  workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
+  return workInProgressRootExitStatus;
+}
+function workLoopSync() {
+  for (; null !== workInProgress; ) performUnitOfWork(workInProgress);
+}
+function renderRootConcurrent(root, lanes) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 2;
+  var prevDispatcher = pushDispatcher(),
+    prevCacheDispatcher = pushCacheDispatcher();
+  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
+    (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
+      (workInProgressRootRenderTargetTime = now() + 500),
+      prepareFreshStack(root, lanes);
+  a: do
+    try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
+        lanes = workInProgress;
+        var thrownValue = workInProgressThrownValue;
+        b: switch (workInProgressSuspendedReason) {
+          case 1:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, thrownValue);
+            break;
+          case 2:
+            if (isThenableResolved(thrownValue)) {
+              workInProgressSuspendedReason = 0;
+              workInProgressThrownValue = null;
+              replaySuspendedUnitOfWork(lanes);
+              break;
+            }
+            lanes = function () {
+              2 === workInProgressSuspendedReason &&
+                workInProgressRoot === root &&
+                (workInProgressSuspendedReason = 7);
+              ensureRootIsScheduled(root);
+            };
+            thrownValue.then(lanes, lanes);
+            break a;
+          case 3:
+            workInProgressSuspendedReason = 7;
+            break a;
+          case 4:
+            workInProgressSuspendedReason = 5;
+            break a;
+          case 7:
+            isThenableResolved(thrownValue)
+              ? ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                replaySuspendedUnitOfWork(lanes))
+              : ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                throwAndUnwindWorkLoop(root, lanes, thrownValue));
+            break;
+          case 5:
+            switch (workInProgress.tag) {
+              case 5:
+              case 26:
+              case 27:
+                lanes = workInProgress;
+                workInProgressSuspendedReason = 0;
+                workInProgressThrownValue = null;
+                var sibling = lanes.sibling;
+                if (null !== sibling) workInProgress = sibling;
+                else {
+                  var returnFiber = lanes.return;
+                  null !== returnFiber
+                    ? ((workInProgress = returnFiber),
+                      completeUnitOfWork(returnFiber))
+                    : (workInProgress = null);
+                }
+                break b;
+            }
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, thrownValue);
+            break;
+          case 6:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, thrownValue);
+            break;
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          default:
+            throw Error(formatProdErrorMessage(462));
+        }
+      }
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue$271) {
+      handleThrow(root, thrownValue$271);
+    }
+  while (1);
+  resetContextDependencies();
+  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentCache.current = prevCacheDispatcher;
+  executionContext = prevExecutionContext;
+  if (null !== workInProgress) return 0;
+  workInProgressRoot = null;
+  workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
+  return workInProgressRootExitStatus;
+}
+function workLoopConcurrent() {
+  for (; null !== workInProgress && !shouldYield(); )
+    performUnitOfWork(workInProgress);
+}
+function performUnitOfWork(unitOfWork) {
+  var next = beginWork(unitOfWork.alternate, unitOfWork, entangledRenderLanes);
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === next ? completeUnitOfWork(unitOfWork) : (workInProgress = next);
+  ReactCurrentOwner.current = null;
+}
+function replaySuspendedUnitOfWork(unitOfWork) {
+  var current = unitOfWork.alternate;
+  switch (unitOfWork.tag) {
+    case 15:
+    case 0:
+      var Component = unitOfWork.type,
+        unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        disableDefaultPropsExceptForClasses ||
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        void 0,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 11:
+      Component = unitOfWork.type.render;
+      unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        disableDefaultPropsExceptForClasses ||
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        unitOfWork.ref,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 5:
+      resetHooksOnUnwind(unitOfWork);
+    default:
+      unwindInterruptedWork(current, unitOfWork),
+        (unitOfWork = workInProgress =
+          resetWorkInProgress(unitOfWork, entangledRenderLanes)),
+        (current = beginWork(current, unitOfWork, entangledRenderLanes));
+  }
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === current
+    ? completeUnitOfWork(unitOfWork)
+    : (workInProgress = current);
+  ReactCurrentOwner.current = null;
+}
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
+  resetContextDependencies();
+  resetHooksOnUnwind(unitOfWork);
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
+  var returnFiber = unitOfWork.return;
+  try {
+    if (
+      throwException(
+        root,
+        returnFiber,
+        unitOfWork,
+        thrownValue,
+        workInProgressRootRenderLanes
+      )
+    ) {
+      workInProgressRootExitStatus = 1;
+      logUncaughtError(
+        root,
+        createCapturedValueAtFiber(thrownValue, root.current)
+      );
+      workInProgress = null;
+      return;
+    }
+  } catch (error) {
+    if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
+    workInProgressRootExitStatus = 1;
+    logUncaughtError(
+      root,
+      createCapturedValueAtFiber(thrownValue, root.current)
+    );
+    workInProgress = null;
+    return;
+  }
+  if (unitOfWork.flags & 32768)
+    a: {
+      root = unitOfWork;
+      do {
+        unitOfWork = unwindWork(root.alternate, root);
+        if (null !== unitOfWork) {
+          unitOfWork.flags &= 32767;
+          workInProgress = unitOfWork;
+          break a;
+        }
+        root = root.return;
+        null !== root &&
+          ((root.flags |= 32768),
+          (root.subtreeFlags = 0),
+          (root.deletions = null));
+        workInProgress = root;
+      } while (null !== root);
+      workInProgressRootExitStatus = 6;
+      workInProgress = null;
+    }
+  else completeUnitOfWork(unitOfWork);
+}
+function completeUnitOfWork(unitOfWork) {
+  var completedWork = unitOfWork;
+  do {
+    unitOfWork = completedWork.return;
+    var next = completeWork(
+      completedWork.alternate,
+      completedWork,
+      entangledRenderLanes
+    );
+    if (null !== next) {
+      workInProgress = next;
+      return;
+    }
+    completedWork = completedWork.sibling;
+    if (null !== completedWork) {
+      workInProgress = completedWork;
+      return;
+    }
+    workInProgress = completedWork = unitOfWork;
+  } while (null !== completedWork);
+  0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
+}
+function commitRoot(
+  root,
+  recoverableErrors,
+  transitions,
+  didIncludeRenderPhaseUpdate,
+  spawnedLane
+) {
+  var previousUpdateLanePriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig$1.transition;
+  try {
+    (ReactCurrentBatchConfig$1.transition = null),
+      (currentUpdatePriority = 2),
+      commitRootImpl(
+        root,
+        recoverableErrors,
+        transitions,
+        didIncludeRenderPhaseUpdate,
+        previousUpdateLanePriority,
+        spawnedLane
+      );
+  } finally {
+    (ReactCurrentBatchConfig$1.transition = prevTransition),
+      (currentUpdatePriority = previousUpdateLanePriority);
+  }
+  return null;
+}
+function commitRootImpl(
+  root,
+  recoverableErrors,
+  transitions,
+  didIncludeRenderPhaseUpdate,
+  renderPriorityLevel,
+  spawnedLane
+) {
+  do flushPassiveEffects();
+  while (null !== rootWithPendingPassiveEffects);
+  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
+  var finishedWork = root.finishedWork,
+    lanes = root.finishedLanes;
+  if (null === finishedWork) return null;
+  root.finishedWork = null;
+  root.finishedLanes = 0;
+  if (finishedWork === root.current) throw Error(formatProdErrorMessage(177));
+  root.callbackNode = null;
+  root.callbackPriority = 0;
+  root.cancelPendingCommit = null;
+  var remainingLanes = finishedWork.lanes | finishedWork.childLanes;
+  remainingLanes |= concurrentlyUpdatedLanes;
+  markRootFinished(root, remainingLanes, spawnedLane);
+  didIncludeCommitPhaseUpdate = !1;
+  root === workInProgressRoot &&
+    ((workInProgress = workInProgressRoot = null),
+    (workInProgressRootRenderLanes = 0));
+  (0 === (finishedWork.subtreeFlags & 10256) &&
+    0 === (finishedWork.flags & 10256)) ||
+    rootDoesHavePassiveEffects ||
+    ((rootDoesHavePassiveEffects = !0),
+    (pendingPassiveEffectsRemainingLanes = remainingLanes),
+    (pendingPassiveTransitions = transitions),
+    scheduleCallback(NormalPriority$1, function () {
+      flushPassiveEffects();
+      return null;
+    }));
+  transitions = 0 !== (finishedWork.flags & 15990);
+  if (0 !== (finishedWork.subtreeFlags & 15990) || transitions) {
+    transitions = ReactCurrentBatchConfig$1.transition;
+    ReactCurrentBatchConfig$1.transition = null;
+    spawnedLane = currentUpdatePriority;
+    currentUpdatePriority = 2;
+    var prevExecutionContext = executionContext;
+    executionContext |= 4;
+    ReactCurrentOwner.current = null;
+    var shouldFireAfterActiveInstanceBlur$275 = commitBeforeMutationEffects(
+      root,
+      finishedWork
+    );
+    commitMutationEffectsOnFiber(finishedWork, root);
+    shouldFireAfterActiveInstanceBlur$275 &&
+      ((_enabled = !0),
+      dispatchAfterDetachedBlur(selectionInformation.focusedElem),
+      (_enabled = !1));
+    restoreSelection(selectionInformation);
+    _enabled = !!eventsEnabled;
+    selectionInformation = eventsEnabled = null;
+    root.current = finishedWork;
+    commitLayoutEffectOnFiber(root, finishedWork.alternate, finishedWork);
+    requestPaint();
+    executionContext = prevExecutionContext;
+    currentUpdatePriority = spawnedLane;
+    ReactCurrentBatchConfig$1.transition = transitions;
+  } else root.current = finishedWork;
+  rootDoesHavePassiveEffects
+    ? ((rootDoesHavePassiveEffects = !1),
+      (rootWithPendingPassiveEffects = root),
+      (pendingPassiveEffectsLanes = lanes))
+    : releaseRootPooledCache(root, remainingLanes);
+  remainingLanes = root.pendingLanes;
+  0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null);
+  onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
+  ensureRootIsScheduled(root);
+  if (null !== recoverableErrors)
+    for (
+      renderPriorityLevel = root.onRecoverableError, finishedWork = 0;
+      finishedWork < recoverableErrors.length;
+      finishedWork++
+    )
+      (remainingLanes = recoverableErrors[finishedWork]),
+        renderPriorityLevel(remainingLanes.value, {
+          componentStack: remainingLanes.stack
+        });
+  0 !== (pendingPassiveEffectsLanes & 3) && flushPassiveEffects();
+  remainingLanes = root.pendingLanes;
+  (enableInfiniteRenderLoopDetection &&
+    (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate)) ||
+  (0 !== (lanes & 4194218) && 0 !== (remainingLanes & SyncUpdateLanes))
+    ? root === rootWithNestedUpdates
+      ? nestedUpdateCount++
+      : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
+    : (nestedUpdateCount = 0);
+  flushSyncWorkAcrossRoots_impl(!1);
+  if (enableTransitionTracing) {
+    var prevRootTransitionCallbacks = root.transitionCallbacks;
+    null !== prevRootTransitionCallbacks &&
+      schedulePostPaintCallback(function (endTime) {
+        var prevPendingTransitionCallbacks = currentPendingTransitionCallbacks;
+        null !== prevPendingTransitionCallbacks
+          ? ((currentPendingTransitionCallbacks = null),
+            scheduleCallback(IdlePriority, function () {
+              processTransitionCallbacks(
+                prevPendingTransitionCallbacks,
+                endTime,
+                prevRootTransitionCallbacks
+              );
+            }))
+          : (currentEndTime = endTime);
+      });
+  }
+  return null;
+}
+function releaseRootPooledCache(root, remainingLanes) {
+  0 === (root.pooledCacheLanes &= remainingLanes) &&
+    ((remainingLanes = root.pooledCache),
+    null != remainingLanes &&
+      ((root.pooledCache = null), releaseCache(remainingLanes)));
+}
+function flushPassiveEffects() {
+  if (null !== rootWithPendingPassiveEffects) {
+    var root$276 = rootWithPendingPassiveEffects,
+      remainingLanes = pendingPassiveEffectsRemainingLanes;
+    pendingPassiveEffectsRemainingLanes = 0;
+    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
+    renderPriority = 32 > renderPriority ? 32 : renderPriority;
+    var prevTransition = ReactCurrentBatchConfig$1.transition,
+      previousPriority = currentUpdatePriority;
+    try {
+      return (
+        (ReactCurrentBatchConfig$1.transition = null),
+        (currentUpdatePriority = renderPriority),
+        flushPassiveEffectsImpl()
+      );
+    } finally {
+      (currentUpdatePriority = previousPriority),
+        (ReactCurrentBatchConfig$1.transition = prevTransition),
+        releaseRootPooledCache(root$276, remainingLanes);
+    }
+  }
+  return !1;
+}
+function flushPassiveEffectsImpl() {
+  if (null === rootWithPendingPassiveEffects) return !1;
+  var transitions = pendingPassiveTransitions;
+  pendingPassiveTransitions = null;
+  var root = rootWithPendingPassiveEffects,
+    lanes = pendingPassiveEffectsLanes;
+  rootWithPendingPassiveEffects = null;
+  pendingPassiveEffectsLanes = 0;
+  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331));
+  var prevExecutionContext = executionContext;
+  executionContext |= 4;
+  commitPassiveUnmountOnFiber(root.current);
+  commitPassiveMountOnFiber(root, root.current, lanes, transitions);
+  executionContext = prevExecutionContext;
+  flushSyncWorkAcrossRoots_impl(!1);
+  if (enableTransitionTracing) {
+    var prevPendingTransitionCallbacks = currentPendingTransitionCallbacks,
+      prevRootTransitionCallbacks = root.transitionCallbacks,
+      prevEndTime = currentEndTime;
+    null !== prevPendingTransitionCallbacks &&
+      null !== prevRootTransitionCallbacks &&
+      null !== prevEndTime &&
+      ((currentEndTime = currentPendingTransitionCallbacks = null),
+      scheduleCallback(IdlePriority, function () {
+        processTransitionCallbacks(
+          prevPendingTransitionCallbacks,
+          prevEndTime,
+          prevRootTransitionCallbacks
+        );
+      }));
+  }
+  if (injectedHook && "function" === typeof injectedHook.onPostCommitFiberRoot)
+    try {
+      injectedHook.onPostCommitFiberRoot(rendererID, root);
+    } catch (err) {}
+  return !0;
+}
+function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+  sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
+  sourceFiber = createRootErrorUpdate(rootFiber.stateNode, sourceFiber, 2);
+  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
+  null !== rootFiber &&
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
+}
+function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
+  if (3 === sourceFiber.tag)
+    captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
+  else
+    for (; null !== nearestMountedAncestor; ) {
+      if (3 === nearestMountedAncestor.tag) {
+        captureCommitPhaseErrorOnRoot(
+          nearestMountedAncestor,
+          sourceFiber,
+          error
+        );
+        break;
+      } else if (1 === nearestMountedAncestor.tag) {
+        var instance = nearestMountedAncestor.stateNode;
+        if (
+          "function" ===
+            typeof nearestMountedAncestor.type.getDerivedStateFromError ||
+          ("function" === typeof instance.componentDidCatch &&
+            (null === legacyErrorBoundariesThatAlreadyFailed ||
+              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+        ) {
+          sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
+          error = createClassErrorUpdate(2);
+          instance = enqueueUpdate(nearestMountedAncestor, error, 2);
+          null !== instance &&
+            (initializeClassErrorUpdate(
+              error,
+              instance,
+              nearestMountedAncestor,
+              sourceFiber
+            ),
+            markRootUpdated(instance, 2),
+            ensureRootIsScheduled(instance));
+          break;
+        }
+      }
+      nearestMountedAncestor = nearestMountedAncestor.return;
+    }
+}
+function attachPingListener(root, wakeable, lanes) {
+  var pingCache = root.pingCache;
+  if (null === pingCache) {
+    pingCache = root.pingCache = new PossiblyWeakMap();
+    var threadIDs = new Set();
+    pingCache.set(wakeable, threadIDs);
+  } else
+    (threadIDs = pingCache.get(wakeable)),
+      void 0 === threadIDs &&
+        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
+  threadIDs.has(lanes) ||
+    ((workInProgressRootDidAttachPingListener = !0),
+    threadIDs.add(lanes),
+    (root = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
+    wakeable.then(root, root));
+}
+function pingSuspendedRoot(root, wakeable, pingedLanes) {
+  var pingCache = root.pingCache;
+  null !== pingCache && pingCache.delete(wakeable);
+  root.pingedLanes |= root.suspendedLanes & pingedLanes;
+  enableInfiniteRenderLoopDetection &&
+    (executionContext & 2
+      ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
+      : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0),
+    throwIfInfiniteUpdateLoopDetected());
+  workInProgressRoot === root &&
+    (workInProgressRootRenderLanes & pingedLanes) === pingedLanes &&
+    (4 === workInProgressRootExitStatus ||
+    (3 === workInProgressRootExitStatus &&
+      (workInProgressRootRenderLanes & 62914560) ===
+        workInProgressRootRenderLanes &&
+      300 > now() - globalMostRecentFallbackTime)
+      ? 0 === (executionContext & 2) && prepareFreshStack(root, 0)
+      : (workInProgressRootPingedLanes |= pingedLanes));
+  ensureRootIsScheduled(root);
+}
+function retryTimedOutBoundary(boundaryFiber, retryLane) {
+  0 === retryLane && (retryLane = claimNextRetryLane());
+  boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
+  null !== boundaryFiber &&
+    (markRootUpdated(boundaryFiber, retryLane),
+    ensureRootIsScheduled(boundaryFiber));
+}
+function retryDehydratedSuspenseBoundary(boundaryFiber) {
+  var suspenseState = boundaryFiber.memoizedState,
+    retryLane = 0;
+  null !== suspenseState && (retryLane = suspenseState.retryLane);
+  retryTimedOutBoundary(boundaryFiber, retryLane);
+}
+function resolveRetryWakeable(boundaryFiber, wakeable) {
+  var retryLane = 0;
+  switch (boundaryFiber.tag) {
+    case 13:
+      var retryCache = boundaryFiber.stateNode;
+      var suspenseState = boundaryFiber.memoizedState;
+      null !== suspenseState && (retryLane = suspenseState.retryLane);
+      break;
+    case 19:
+      retryCache = boundaryFiber.stateNode;
+      break;
+    case 22:
+      retryCache = boundaryFiber.stateNode._retryCache;
+      break;
+    default:
+      throw Error(formatProdErrorMessage(314));
+  }
+  null !== retryCache && retryCache.delete(wakeable);
+  retryTimedOutBoundary(boundaryFiber, retryLane);
+}
+function throwIfInfiniteUpdateLoopDetected() {
+  if (50 < nestedUpdateCount)
+    throw (
+      ((nestedUpdateCount = 0),
+      (rootWithNestedUpdates = null),
+      enableInfiniteRenderLoopDetection &&
+        executionContext & 2 &&
+        null !== workInProgressRoot &&
+        (workInProgressRoot.errorRecoveryDisabledLanes |=
+          workInProgressRootRenderLanes),
+      Error(formatProdErrorMessage(185)))
+    );
+}
+function scheduleCallback(priorityLevel, callback) {
+  return scheduleCallback$3(priorityLevel, callback);
+}
 function FiberNode(tag, pendingProps, key, mode) {
   this.tag = tag;
   this.key = key;
@@ -12637,3296 +15943,6 @@ function createFiberFromPortal(portal, mode, lanes) {
   };
   return mode;
 }
-var emptyObject = {};
-function collectScopedNodesFromChildren(
-  startingChild,
-  fn$jscomp$0,
-  scopedNodes$jscomp$0
-) {
-  for (; null !== startingChild; ) {
-    var node = startingChild,
-      fn = fn$jscomp$0,
-      scopedNodes = scopedNodes$jscomp$0;
-    if (5 === node.tag) {
-      var type = node.type,
-        memoizedProps = node.memoizedProps,
-        instance = node.stateNode;
-      null !== instance &&
-        !0 === fn(type, memoizedProps || emptyObject, instance) &&
-        scopedNodes.push(instance);
-    }
-    type = node.child;
-    isFiberSuspenseAndTimedOut(node) && (type = node.child.sibling.child);
-    null !== type && collectScopedNodesFromChildren(type, fn, scopedNodes);
-    startingChild = startingChild.sibling;
-  }
-}
-function collectFirstScopedNodeFromChildren(startingChild, fn$jscomp$0) {
-  for (; null !== startingChild; ) {
-    a: {
-      var JSCompiler_inline_result = startingChild;
-      var fn = fn$jscomp$0;
-      if (5 === JSCompiler_inline_result.tag) {
-        var type = JSCompiler_inline_result.type,
-          memoizedProps = JSCompiler_inline_result.memoizedProps,
-          instance = JSCompiler_inline_result.stateNode;
-        if (null !== instance && !0 === fn(type, memoizedProps, instance)) {
-          JSCompiler_inline_result = instance;
-          break a;
-        }
-      }
-      type = JSCompiler_inline_result.child;
-      isFiberSuspenseAndTimedOut(JSCompiler_inline_result) &&
-        (type = JSCompiler_inline_result.child.sibling.child);
-      JSCompiler_inline_result =
-        null !== type ? collectFirstScopedNodeFromChildren(type, fn) : null;
-    }
-    if (null !== JSCompiler_inline_result) return JSCompiler_inline_result;
-    startingChild = startingChild.sibling;
-  }
-  return null;
-}
-function collectNearestChildContextValues(
-  startingChild,
-  context$jscomp$0,
-  childContextValues$jscomp$0
-) {
-  for (; null !== startingChild; ) {
-    var node = startingChild,
-      context = context$jscomp$0,
-      childContextValues = childContextValues$jscomp$0;
-    if (
-      10 === node.tag &&
-      (enableRenderableContext ? node.type : node.type._context) === context
-    )
-      childContextValues.push(node.memoizedProps.value);
-    else {
-      var child = node.child;
-      isFiberSuspenseAndTimedOut(node) && (child = node.child.sibling.child);
-      null !== child &&
-        collectNearestChildContextValues(child, context, childContextValues);
-    }
-    startingChild = startingChild.sibling;
-  }
-}
-function DO_NOT_USE_queryAllNodes(fn) {
-  var currentFiber = getInstanceFromScope(this);
-  if (null === currentFiber) return null;
-  currentFiber = currentFiber.child;
-  var scopedNodes = [];
-  null !== currentFiber &&
-    collectScopedNodesFromChildren(currentFiber, fn, scopedNodes);
-  return 0 === scopedNodes.length ? null : scopedNodes;
-}
-function DO_NOT_USE_queryFirstNode(fn) {
-  var currentFiber = getInstanceFromScope(this);
-  if (null === currentFiber) return null;
-  currentFiber = currentFiber.child;
-  return null !== currentFiber
-    ? collectFirstScopedNodeFromChildren(currentFiber, fn)
-    : null;
-}
-function containsNode(node) {
-  for (node = getClosestInstanceFromNode(node) || null; null !== node; ) {
-    if (21 === node.tag && node.stateNode === this) return !0;
-    node = node.return;
-  }
-  return !1;
-}
-function getChildContextValues(context) {
-  var currentFiber = getInstanceFromScope(this);
-  if (null === currentFiber) return [];
-  currentFiber = currentFiber.child;
-  var childContextValues = [];
-  null !== currentFiber &&
-    collectNearestChildContextValues(currentFiber, context, childContextValues);
-  return childContextValues;
-}
-function markUpdate(workInProgress) {
-  workInProgress.flags |= 4;
-}
-function preloadResourceAndSuspendIfNeeded(workInProgress, resource) {
-  if ("stylesheet" !== resource.type || 0 !== (resource.state.loading & 4))
-    workInProgress.flags &= -16777217;
-  else if (
-    ((workInProgress.flags |= 16777216),
-    0 === (workInProgressRootRenderLanes & 42) &&
-      ((resource =
-        "stylesheet" === resource.type && 0 === (resource.state.loading & 3)
-          ? !1
-          : !0),
-      !resource))
-  )
-    if (shouldRemainOnPreviousScreen()) workInProgress.flags |= 8192;
-    else
-      throw (
-        ((suspendedThenable = noopSuspenseyCommitThenable),
-        SuspenseyCommitException)
-      );
-}
-function scheduleRetryEffect(workInProgress, retryQueue) {
-  null !== retryQueue
-    ? (workInProgress.flags |= 4)
-    : workInProgress.flags & 16384 &&
-      ((retryQueue =
-        22 !== workInProgress.tag ? claimNextRetryLane() : 536870912),
-      (workInProgress.lanes |= retryQueue));
-}
-function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
-  if (!isHydrating)
-    switch (renderState.tailMode) {
-      case "hidden":
-        hasRenderedATailFallback = renderState.tail;
-        for (var lastTailNode = null; null !== hasRenderedATailFallback; )
-          null !== hasRenderedATailFallback.alternate &&
-            (lastTailNode = hasRenderedATailFallback),
-            (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
-        null === lastTailNode
-          ? (renderState.tail = null)
-          : (lastTailNode.sibling = null);
-        break;
-      case "collapsed":
-        lastTailNode = renderState.tail;
-        for (var lastTailNode$215 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$215 = lastTailNode),
-            (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$215
-          ? hasRenderedATailFallback || null === renderState.tail
-            ? (renderState.tail = null)
-            : (renderState.tail.sibling = null)
-          : (lastTailNode$215.sibling = null);
-    }
-}
-function bubbleProperties(completedWork) {
-  var didBailout =
-      null !== completedWork.alternate &&
-      completedWork.alternate.child === completedWork.child,
-    newChildLanes = 0,
-    subtreeFlags = 0;
-  if (didBailout)
-    for (var child$216 = completedWork.child; null !== child$216; )
-      (newChildLanes |= child$216.lanes | child$216.childLanes),
-        (subtreeFlags |= child$216.subtreeFlags & 31457280),
-        (subtreeFlags |= child$216.flags & 31457280),
-        (child$216.return = completedWork),
-        (child$216 = child$216.sibling);
-  else
-    for (child$216 = completedWork.child; null !== child$216; )
-      (newChildLanes |= child$216.lanes | child$216.childLanes),
-        (subtreeFlags |= child$216.subtreeFlags),
-        (subtreeFlags |= child$216.flags),
-        (child$216.return = completedWork),
-        (child$216 = child$216.sibling);
-  completedWork.subtreeFlags |= subtreeFlags;
-  completedWork.childLanes = newChildLanes;
-  return didBailout;
-}
-function completeWork(current, workInProgress, renderLanes) {
-  var newProps = workInProgress.pendingProps;
-  popTreeContext(workInProgress);
-  switch (workInProgress.tag) {
-    case 16:
-    case 15:
-    case 0:
-    case 11:
-    case 7:
-    case 8:
-    case 12:
-    case 9:
-    case 14:
-      return bubbleProperties(workInProgress), null;
-    case 1:
-      return bubbleProperties(workInProgress), null;
-    case 3:
-      renderLanes = workInProgress.stateNode;
-      enableTransitionTracing &&
-        null !== workInProgressTransitions &&
-        (workInProgress.flags |= 2048);
-      newProps = null;
-      null !== current && (newProps = current.memoizedState.cache);
-      workInProgress.memoizedState.cache !== newProps &&
-        (workInProgress.flags |= 2048);
-      popProvider(CacheContext);
-      enableTransitionTracing &&
-        enableTransitionTracing &&
-        pop(markerInstanceStack);
-      enableTransitionTracing && pop(transitionStack);
-      popHostContainer();
-      renderLanes.pendingContext &&
-        ((renderLanes.context = renderLanes.pendingContext),
-        (renderLanes.pendingContext = null));
-      if (null === current || null === current.child)
-        popHydrationState(workInProgress)
-          ? markUpdate(workInProgress)
-          : null === current ||
-            (current.memoizedState.isDehydrated &&
-              0 === (workInProgress.flags & 256)) ||
-            ((workInProgress.flags |= 1024),
-            null !== hydrationErrors &&
-              (queueRecoverableErrors(hydrationErrors),
-              (hydrationErrors = null)));
-      bubbleProperties(workInProgress);
-      enableTransitionTracing &&
-        0 !== (workInProgress.subtreeFlags & 8192) &&
-        (workInProgress.flags |= 2048);
-      return null;
-    case 26:
-      renderLanes = workInProgress.memoizedState;
-      if (null === current)
-        markUpdate(workInProgress),
-          null !== renderLanes
-            ? (bubbleProperties(workInProgress),
-              preloadResourceAndSuspendIfNeeded(workInProgress, renderLanes))
-            : (bubbleProperties(workInProgress),
-              (workInProgress.flags &= -16777217));
-      else {
-        var currentResource = current.memoizedState;
-        renderLanes !== currentResource && markUpdate(workInProgress);
-        null !== renderLanes
-          ? (bubbleProperties(workInProgress),
-            renderLanes === currentResource
-              ? (workInProgress.flags &= -16777217)
-              : preloadResourceAndSuspendIfNeeded(workInProgress, renderLanes))
-          : (current.memoizedProps !== newProps && markUpdate(workInProgress),
-            bubbleProperties(workInProgress),
-            (workInProgress.flags &= -16777217));
-      }
-      return null;
-    case 27:
-      popHostContext(workInProgress);
-      renderLanes = rootInstanceStackCursor.current;
-      currentResource = workInProgress.type;
-      if (null !== current && null != workInProgress.stateNode)
-        current.memoizedProps !== newProps && markUpdate(workInProgress);
-      else {
-        if (!newProps) {
-          if (null === workInProgress.stateNode)
-            throw Error(formatProdErrorMessage(166));
-          bubbleProperties(workInProgress);
-          return null;
-        }
-        current = contextStackCursor.current;
-        popHydrationState(workInProgress)
-          ? prepareToHydrateHostInstance(workInProgress, current)
-          : ((current = resolveSingletonInstance(
-              currentResource,
-              newProps,
-              renderLanes
-            )),
-            (workInProgress.stateNode = current),
-            markUpdate(workInProgress));
-      }
-      bubbleProperties(workInProgress);
-      return null;
-    case 5:
-      popHostContext(workInProgress);
-      renderLanes = workInProgress.type;
-      if (null !== current && null != workInProgress.stateNode)
-        current.memoizedProps !== newProps && markUpdate(workInProgress);
-      else {
-        if (!newProps) {
-          if (null === workInProgress.stateNode)
-            throw Error(formatProdErrorMessage(166));
-          bubbleProperties(workInProgress);
-          return null;
-        }
-        current = contextStackCursor.current;
-        if (popHydrationState(workInProgress))
-          prepareToHydrateHostInstance(workInProgress, current);
-        else {
-          currentResource = getOwnerDocumentFromRootContainer(
-            rootInstanceStackCursor.current
-          );
-          switch (current) {
-            case 1:
-              current = currentResource.createElementNS(
-                "http://www.w3.org/2000/svg",
-                renderLanes
-              );
-              break;
-            case 2:
-              current = currentResource.createElementNS(
-                "http://www.w3.org/1998/Math/MathML",
-                renderLanes
-              );
-              break;
-            default:
-              switch (renderLanes) {
-                case "svg":
-                  current = currentResource.createElementNS(
-                    "http://www.w3.org/2000/svg",
-                    renderLanes
-                  );
-                  break;
-                case "math":
-                  current = currentResource.createElementNS(
-                    "http://www.w3.org/1998/Math/MathML",
-                    renderLanes
-                  );
-                  break;
-                case "script":
-                  current = currentResource.createElement("div");
-                  current.innerHTML = "<script>\x3c/script>";
-                  current = current.removeChild(current.firstChild);
-                  break;
-                case "select":
-                  current =
-                    "string" === typeof newProps.is
-                      ? currentResource.createElement("select", {
-                          is: newProps.is
-                        })
-                      : currentResource.createElement("select");
-                  newProps.multiple
-                    ? (current.multiple = !0)
-                    : newProps.size && (current.size = newProps.size);
-                  break;
-                default:
-                  current =
-                    "string" === typeof newProps.is
-                      ? currentResource.createElement(renderLanes, {
-                          is: newProps.is
-                        })
-                      : currentResource.createElement(renderLanes);
-              }
-          }
-          current[internalInstanceKey] = workInProgress;
-          current[internalPropsKey] = newProps;
-          a: for (
-            currentResource = workInProgress.child;
-            null !== currentResource;
-
-          ) {
-            if (5 === currentResource.tag || 6 === currentResource.tag)
-              current.appendChild(currentResource.stateNode);
-            else if (
-              4 !== currentResource.tag &&
-              27 !== currentResource.tag &&
-              null !== currentResource.child
-            ) {
-              currentResource.child.return = currentResource;
-              currentResource = currentResource.child;
-              continue;
-            }
-            if (currentResource === workInProgress) break a;
-            for (; null === currentResource.sibling; ) {
-              if (
-                null === currentResource.return ||
-                currentResource.return === workInProgress
-              )
-                break a;
-              currentResource = currentResource.return;
-            }
-            currentResource.sibling.return = currentResource.return;
-            currentResource = currentResource.sibling;
-          }
-          workInProgress.stateNode = current;
-          a: switch (
-            (setInitialProperties(current, renderLanes, newProps), renderLanes)
-          ) {
-            case "button":
-            case "input":
-            case "select":
-            case "textarea":
-              current = !!newProps.autoFocus;
-              break a;
-            case "img":
-              current = !0;
-              break a;
-            default:
-              current = !1;
-          }
-          current && markUpdate(workInProgress);
-        }
-      }
-      bubbleProperties(workInProgress);
-      workInProgress.flags &= -16777217;
-      return null;
-    case 6:
-      if (current && null != workInProgress.stateNode)
-        current.memoizedProps !== newProps && markUpdate(workInProgress);
-      else {
-        if ("string" !== typeof newProps && null === workInProgress.stateNode)
-          throw Error(formatProdErrorMessage(166));
-        current = rootInstanceStackCursor.current;
-        if (popHydrationState(workInProgress)) {
-          current = workInProgress.stateNode;
-          renderLanes = workInProgress.memoizedProps;
-          newProps = null;
-          currentResource = hydrationParentFiber;
-          if (null !== currentResource)
-            switch (currentResource.tag) {
-              case 27:
-              case 5:
-                newProps = currentResource.memoizedProps;
-            }
-          current[internalInstanceKey] = workInProgress;
-          current =
-            current.nodeValue === renderLanes ||
-            (null !== newProps && !0 === newProps.suppressHydrationWarning) ||
-            checkForUnmatchedText(current.nodeValue, renderLanes)
-              ? !0
-              : !1;
-          !current &&
-            favorSafetyOverHydrationPerf &&
-            throwOnHydrationMismatch(workInProgress);
-        } else
-          (current =
-            getOwnerDocumentFromRootContainer(current).createTextNode(
-              newProps
-            )),
-            (current[internalInstanceKey] = workInProgress),
-            (workInProgress.stateNode = current);
-      }
-      bubbleProperties(workInProgress);
-      return null;
-    case 13:
-      newProps = workInProgress.memoizedState;
-      if (
-        null === current ||
-        (null !== current.memoizedState &&
-          null !== current.memoizedState.dehydrated)
-      ) {
-        currentResource = popHydrationState(workInProgress);
-        if (null !== newProps && null !== newProps.dehydrated) {
-          if (null === current) {
-            if (!currentResource) throw Error(formatProdErrorMessage(318));
-            currentResource = workInProgress.memoizedState;
-            currentResource =
-              null !== currentResource ? currentResource.dehydrated : null;
-            if (!currentResource) throw Error(formatProdErrorMessage(317));
-            currentResource[internalInstanceKey] = workInProgress;
-          } else
-            resetHydrationState(),
-              0 === (workInProgress.flags & 128) &&
-                (workInProgress.memoizedState = null),
-              (workInProgress.flags |= 4);
-          bubbleProperties(workInProgress);
-          currentResource = !1;
-        } else
-          null !== hydrationErrors &&
-            (queueRecoverableErrors(hydrationErrors), (hydrationErrors = null)),
-            (currentResource = !0);
-        if (!currentResource) {
-          if (workInProgress.flags & 256)
-            return popSuspenseHandler(workInProgress), workInProgress;
-          popSuspenseHandler(workInProgress);
-          return null;
-        }
-      }
-      popSuspenseHandler(workInProgress);
-      if (0 !== (workInProgress.flags & 128))
-        return (workInProgress.lanes = renderLanes), workInProgress;
-      renderLanes = null !== newProps;
-      current = null !== current && null !== current.memoizedState;
-      if (renderLanes) {
-        newProps = workInProgress.child;
-        currentResource = null;
-        null !== newProps.alternate &&
-          null !== newProps.alternate.memoizedState &&
-          null !== newProps.alternate.memoizedState.cachePool &&
-          (currentResource = newProps.alternate.memoizedState.cachePool.pool);
-        var cache$228 = null;
-        null !== newProps.memoizedState &&
-          null !== newProps.memoizedState.cachePool &&
-          (cache$228 = newProps.memoizedState.cachePool.pool);
-        cache$228 !== currentResource && (newProps.flags |= 2048);
-      }
-      renderLanes !== current &&
-        (enableTransitionTracing && (workInProgress.child.flags |= 2048),
-        renderLanes && (workInProgress.child.flags |= 8192));
-      scheduleRetryEffect(workInProgress, workInProgress.updateQueue);
-      null !== workInProgress.updateQueue &&
-        null != workInProgress.memoizedProps.suspenseCallback &&
-        (workInProgress.flags |= 4);
-      bubbleProperties(workInProgress);
-      return null;
-    case 4:
-      return (
-        popHostContainer(),
-        null === current &&
-          listenToAllSupportedEvents(workInProgress.stateNode.containerInfo),
-        bubbleProperties(workInProgress),
-        null
-      );
-    case 10:
-      return (
-        popProvider(
-          enableRenderableContext
-            ? workInProgress.type
-            : workInProgress.type._context
-        ),
-        bubbleProperties(workInProgress),
-        null
-      );
-    case 19:
-      pop(suspenseStackCursor);
-      currentResource = workInProgress.memoizedState;
-      if (null === currentResource)
-        return bubbleProperties(workInProgress), null;
-      newProps = 0 !== (workInProgress.flags & 128);
-      cache$228 = currentResource.rendering;
-      if (null === cache$228)
-        if (newProps) cutOffTailIfNeeded(currentResource, !1);
-        else {
-          if (
-            0 !== workInProgressRootExitStatus ||
-            (null !== current && 0 !== (current.flags & 128))
-          )
-            for (current = workInProgress.child; null !== current; ) {
-              cache$228 = findFirstSuspended(current);
-              if (null !== cache$228) {
-                workInProgress.flags |= 128;
-                cutOffTailIfNeeded(currentResource, !1);
-                current = cache$228.updateQueue;
-                workInProgress.updateQueue = current;
-                scheduleRetryEffect(workInProgress, current);
-                workInProgress.subtreeFlags = 0;
-                current = renderLanes;
-                for (renderLanes = workInProgress.child; null !== renderLanes; )
-                  resetWorkInProgress(renderLanes, current),
-                    (renderLanes = renderLanes.sibling);
-                push(
-                  suspenseStackCursor,
-                  (suspenseStackCursor.current & 1) | 2
-                );
-                return workInProgress.child;
-              }
-              current = current.sibling;
-            }
-          null !== currentResource.tail &&
-            now() > workInProgressRootRenderTargetTime &&
-            ((workInProgress.flags |= 128),
-            (newProps = !0),
-            cutOffTailIfNeeded(currentResource, !1),
-            (workInProgress.lanes = 4194304));
-        }
-      else {
-        if (!newProps)
-          if (((current = findFirstSuspended(cache$228)), null !== current)) {
-            if (
-              ((workInProgress.flags |= 128),
-              (newProps = !0),
-              (current = current.updateQueue),
-              (workInProgress.updateQueue = current),
-              scheduleRetryEffect(workInProgress, current),
-              cutOffTailIfNeeded(currentResource, !0),
-              null === currentResource.tail &&
-                "hidden" === currentResource.tailMode &&
-                !cache$228.alternate &&
-                !isHydrating)
-            )
-              return bubbleProperties(workInProgress), null;
-          } else
-            2 * now() - currentResource.renderingStartTime >
-              workInProgressRootRenderTargetTime &&
-              536870912 !== renderLanes &&
-              ((workInProgress.flags |= 128),
-              (newProps = !0),
-              cutOffTailIfNeeded(currentResource, !1),
-              (workInProgress.lanes = 4194304));
-        currentResource.isBackwards
-          ? ((cache$228.sibling = workInProgress.child),
-            (workInProgress.child = cache$228))
-          : ((current = currentResource.last),
-            null !== current
-              ? (current.sibling = cache$228)
-              : (workInProgress.child = cache$228),
-            (currentResource.last = cache$228));
-      }
-      if (null !== currentResource.tail)
-        return (
-          (workInProgress = currentResource.tail),
-          (currentResource.rendering = workInProgress),
-          (currentResource.tail = workInProgress.sibling),
-          (currentResource.renderingStartTime = now()),
-          (workInProgress.sibling = null),
-          (current = suspenseStackCursor.current),
-          push(suspenseStackCursor, newProps ? (current & 1) | 2 : current & 1),
-          workInProgress
-        );
-      bubbleProperties(workInProgress);
-      return null;
-    case 21:
-      return (
-        null === current &&
-          ((current = {
-            DO_NOT_USE_queryAllNodes: DO_NOT_USE_queryAllNodes,
-            DO_NOT_USE_queryFirstNode: DO_NOT_USE_queryFirstNode,
-            containsNode: containsNode,
-            getChildContextValues: getChildContextValues
-          }),
-          (workInProgress.stateNode = current),
-          (current[internalInstanceKey] = workInProgress)),
-        null !== workInProgress.ref && markUpdate(workInProgress),
-        bubbleProperties(workInProgress),
-        null
-      );
-    case 22:
-    case 23:
-      return (
-        popSuspenseHandler(workInProgress),
-        popHiddenContext(),
-        (newProps = null !== workInProgress.memoizedState),
-        23 !== workInProgress.tag &&
-          (null !== current
-            ? (null !== current.memoizedState) !== newProps &&
-              (workInProgress.flags |= 8192)
-            : newProps && (workInProgress.flags |= 8192)),
-        newProps
-          ? 0 !== (renderLanes & 536870912) &&
-            0 === (workInProgress.flags & 128) &&
-            (bubbleProperties(workInProgress),
-            23 !== workInProgress.tag &&
-              workInProgress.subtreeFlags & 6 &&
-              (workInProgress.flags |= 8192))
-          : bubbleProperties(workInProgress),
-        (renderLanes = workInProgress.updateQueue),
-        null !== renderLanes &&
-          scheduleRetryEffect(workInProgress, renderLanes.retryQueue),
-        (renderLanes = null),
-        null !== current &&
-          null !== current.memoizedState &&
-          null !== current.memoizedState.cachePool &&
-          (renderLanes = current.memoizedState.cachePool.pool),
-        (newProps = null),
-        null !== workInProgress.memoizedState &&
-          null !== workInProgress.memoizedState.cachePool &&
-          (newProps = workInProgress.memoizedState.cachePool.pool),
-        newProps !== renderLanes && (workInProgress.flags |= 2048),
-        popTransition(workInProgress, current),
-        null
-      );
-    case 24:
-      return (
-        (renderLanes = null),
-        null !== current && (renderLanes = current.memoizedState.cache),
-        workInProgress.memoizedState.cache !== renderLanes &&
-          (workInProgress.flags |= 2048),
-        popProvider(CacheContext),
-        bubbleProperties(workInProgress),
-        null
-      );
-    case 25:
-      return (
-        enableTransitionTracing &&
-          (null !== workInProgress.stateNode &&
-            enableTransitionTracing &&
-            pop(markerInstanceStack),
-          bubbleProperties(workInProgress)),
-        null
-      );
-  }
-  throw Error(formatProdErrorMessage(156, workInProgress.tag));
-}
-function unwindWork(current, workInProgress) {
-  popTreeContext(workInProgress);
-  switch (workInProgress.tag) {
-    case 1:
-      return (
-        (current = workInProgress.flags),
-        current & 65536
-          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
-          : null
-      );
-    case 3:
-      return (
-        popProvider(CacheContext),
-        enableTransitionTracing &&
-          enableTransitionTracing &&
-          pop(markerInstanceStack),
-        enableTransitionTracing && pop(transitionStack),
-        popHostContainer(),
-        (current = workInProgress.flags),
-        0 !== (current & 65536) && 0 === (current & 128)
-          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
-          : null
-      );
-    case 26:
-    case 27:
-    case 5:
-      return popHostContext(workInProgress), null;
-    case 13:
-      popSuspenseHandler(workInProgress);
-      current = workInProgress.memoizedState;
-      if (null !== current && null !== current.dehydrated) {
-        if (null === workInProgress.alternate)
-          throw Error(formatProdErrorMessage(340));
-        resetHydrationState();
-      }
-      current = workInProgress.flags;
-      return current & 65536
-        ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
-        : null;
-    case 19:
-      return pop(suspenseStackCursor), null;
-    case 4:
-      return popHostContainer(), null;
-    case 10:
-      return (
-        popProvider(
-          enableRenderableContext
-            ? workInProgress.type
-            : workInProgress.type._context
-        ),
-        null
-      );
-    case 22:
-    case 23:
-      return (
-        popSuspenseHandler(workInProgress),
-        popHiddenContext(),
-        popTransition(workInProgress, current),
-        (current = workInProgress.flags),
-        current & 65536
-          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
-          : null
-      );
-    case 24:
-      return popProvider(CacheContext), null;
-    case 25:
-      return (
-        enableTransitionTracing &&
-          null !== workInProgress.stateNode &&
-          enableTransitionTracing &&
-          pop(markerInstanceStack),
-        null
-      );
-    default:
-      return null;
-  }
-}
-function unwindInterruptedWork(current, interruptedWork) {
-  popTreeContext(interruptedWork);
-  switch (interruptedWork.tag) {
-    case 3:
-      popProvider(CacheContext);
-      enableTransitionTracing &&
-        enableTransitionTracing &&
-        pop(markerInstanceStack);
-      enableTransitionTracing && pop(transitionStack);
-      popHostContainer();
-      break;
-    case 26:
-    case 27:
-    case 5:
-      popHostContext(interruptedWork);
-      break;
-    case 4:
-      popHostContainer();
-      break;
-    case 13:
-      popSuspenseHandler(interruptedWork);
-      break;
-    case 19:
-      pop(suspenseStackCursor);
-      break;
-    case 10:
-      popProvider(
-        enableRenderableContext
-          ? interruptedWork.type
-          : interruptedWork.type._context
-      );
-      break;
-    case 22:
-    case 23:
-      popSuspenseHandler(interruptedWork);
-      popHiddenContext();
-      popTransition(interruptedWork, current);
-      break;
-    case 24:
-      popProvider(CacheContext);
-      break;
-    case 25:
-      enableTransitionTracing &&
-        null !== interruptedWork.stateNode &&
-        enableTransitionTracing &&
-        pop(markerInstanceStack);
-  }
-}
-var DefaultCacheDispatcher = {
-    getCacheForType: function (resourceType) {
-      var cache = readContext(CacheContext),
-        cacheForType = cache.data.get(resourceType);
-      void 0 === cacheForType &&
-        ((cacheForType = resourceType()),
-        cache.data.set(resourceType, cacheForType));
-      return cacheForType;
-    }
-  },
-  COMPONENT_TYPE = 0,
-  HAS_PSEUDO_CLASS_TYPE = 1,
-  ROLE_TYPE = 2,
-  TEST_NAME_TYPE = 3,
-  TEXT_TYPE = 4;
-if ("function" === typeof Symbol && Symbol.for) {
-  var symbolFor = Symbol.for;
-  COMPONENT_TYPE = symbolFor("selector.component");
-  HAS_PSEUDO_CLASS_TYPE = symbolFor("selector.has_pseudo_class");
-  ROLE_TYPE = symbolFor("selector.role");
-  TEST_NAME_TYPE = symbolFor("selector.test_id");
-  TEXT_TYPE = symbolFor("selector.text");
-}
-function findFiberRootForHostRoot(hostRoot) {
-  var maybeFiber = getClosestInstanceFromNode(hostRoot) || null;
-  if (null != maybeFiber) {
-    if ("string" !== typeof maybeFiber.memoizedProps["data-testname"])
-      throw Error(formatProdErrorMessage(364));
-    return maybeFiber;
-  }
-  a: {
-    hostRoot = [hostRoot];
-    for (maybeFiber = 0; maybeFiber < hostRoot.length; ) {
-      var current = hostRoot[maybeFiber++];
-      if (current[internalContainerInstanceKey]) {
-        hostRoot = getInstanceFromNode$1(current);
-        break a;
-      }
-      hostRoot.push.apply(hostRoot, current.children);
-    }
-    hostRoot = null;
-  }
-  if (null === hostRoot) throw Error(formatProdErrorMessage(362));
-  return hostRoot.stateNode.current;
-}
-function matchSelector(fiber$jscomp$0, selector) {
-  var tag = fiber$jscomp$0.tag;
-  switch (selector.$$typeof) {
-    case COMPONENT_TYPE:
-      if (fiber$jscomp$0.type === selector.value) return !0;
-      break;
-    case HAS_PSEUDO_CLASS_TYPE:
-      a: {
-        selector = selector.value;
-        tag = [fiber$jscomp$0, 0];
-        for (fiber$jscomp$0 = 0; fiber$jscomp$0 < tag.length; ) {
-          var fiber = tag[fiber$jscomp$0++],
-            tag$jscomp$0 = fiber.tag,
-            selectorIndex = tag[fiber$jscomp$0++],
-            selector$jscomp$0 = selector[selectorIndex];
-          if (
-            (5 !== tag$jscomp$0 &&
-              26 !== tag$jscomp$0 &&
-              27 !== tag$jscomp$0) ||
-            !isHiddenSubtree(fiber)
-          ) {
-            for (
-              ;
-              null != selector$jscomp$0 &&
-              matchSelector(fiber, selector$jscomp$0);
-
-            )
-              selectorIndex++, (selector$jscomp$0 = selector[selectorIndex]);
-            if (selectorIndex === selector.length) {
-              selector = !0;
-              break a;
-            } else
-              for (fiber = fiber.child; null !== fiber; )
-                tag.push(fiber, selectorIndex), (fiber = fiber.sibling);
-          }
-        }
-        selector = !1;
-      }
-      return selector;
-    case ROLE_TYPE:
-      if (5 === tag || 26 === tag || 27 === tag)
-        if (
-          ((tag = fiber$jscomp$0.stateNode),
-          (selector = selector.value),
-          (fiber$jscomp$0 = (fiber$jscomp$0 = tag.getAttribute("role"))
-            ? fiber$jscomp$0.trim().split(" ")
-            : null),
-          (selector =
-            (null !== fiber$jscomp$0 &&
-              0 <= fiber$jscomp$0.indexOf(selector)) ||
-            selector === getImplicitRole(tag)
-              ? !0
-              : !1),
-          selector)
-        )
-          return !0;
-      break;
-    case TEXT_TYPE:
-      if (5 === tag || 6 === tag || 26 === tag || 27 === tag) {
-        a: {
-          switch (fiber$jscomp$0.tag) {
-            case 26:
-            case 27:
-            case 5:
-              tag = "";
-              fiber$jscomp$0 = fiber$jscomp$0.stateNode.childNodes;
-              for (
-                selectorIndex = 0;
-                selectorIndex < fiber$jscomp$0.length;
-                selectorIndex++
-              )
-                (fiber = fiber$jscomp$0[selectorIndex]),
-                  fiber.nodeType === Node.TEXT_NODE &&
-                    (tag += fiber.textContent);
-              break a;
-            case 6:
-              tag = fiber$jscomp$0.stateNode.textContent;
-              break a;
-          }
-          tag = null;
-        }
-        if (null !== tag && 0 <= tag.indexOf(selector.value)) return !0;
-      }
-      break;
-    case TEST_NAME_TYPE:
-      if (5 === tag || 26 === tag || 27 === tag)
-        if (
-          ((tag = fiber$jscomp$0.memoizedProps["data-testname"]),
-          "string" === typeof tag &&
-            tag.toLowerCase() === selector.value.toLowerCase())
-        )
-          return !0;
-      break;
-    default:
-      throw Error(formatProdErrorMessage(365));
-  }
-  return !1;
-}
-function selectorToString(selector) {
-  switch (selector.$$typeof) {
-    case COMPONENT_TYPE:
-      return (
-        "<" + (getComponentNameFromType(selector.value) || "Unknown") + ">"
-      );
-    case HAS_PSEUDO_CLASS_TYPE:
-      return ":has(" + (selectorToString(selector) || "") + ")";
-    case ROLE_TYPE:
-      return '[role="' + selector.value + '"]';
-    case TEXT_TYPE:
-      return '"' + selector.value + '"';
-    case TEST_NAME_TYPE:
-      return '[data-testname="' + selector.value + '"]';
-    default:
-      throw Error(formatProdErrorMessage(365));
-  }
-}
-function findPaths(root, selectors) {
-  var matchingFibers = [];
-  root = [root, 0];
-  for (var index = 0; index < root.length; ) {
-    var fiber = root[index++],
-      tag = fiber.tag,
-      selectorIndex = root[index++],
-      selector = selectors[selectorIndex];
-    if ((5 !== tag && 26 !== tag && 27 !== tag) || !isHiddenSubtree(fiber)) {
-      for (; null != selector && matchSelector(fiber, selector); )
-        selectorIndex++, (selector = selectors[selectorIndex]);
-      if (selectorIndex === selectors.length) matchingFibers.push(fiber);
-      else
-        for (fiber = fiber.child; null !== fiber; )
-          root.push(fiber, selectorIndex), (fiber = fiber.sibling);
-    }
-  }
-  return matchingFibers;
-}
-function findAllNodes(hostRoot, selectors) {
-  hostRoot = findFiberRootForHostRoot(hostRoot);
-  hostRoot = findPaths(hostRoot, selectors);
-  selectors = [];
-  hostRoot = Array.from(hostRoot);
-  for (var index = 0; index < hostRoot.length; ) {
-    var node = hostRoot[index++],
-      tag = node.tag;
-    if (5 === tag || 26 === tag || 27 === tag)
-      isHiddenSubtree(node) || selectors.push(node.stateNode);
-    else
-      for (node = node.child; null !== node; )
-        hostRoot.push(node), (node = node.sibling);
-  }
-  return selectors;
-}
-var postPaintCallbackScheduled = !1,
-  callbacks = [];
-function schedulePostPaintCallback(callback) {
-  callbacks.push(callback);
-  postPaintCallbackScheduled ||
-    ((postPaintCallbackScheduled = !0),
-    requestPostPaintCallback(function (endTime) {
-      for (var i = 0; i < callbacks.length; i++) callbacks[i](endTime);
-      postPaintCallbackScheduled = !1;
-      callbacks = [];
-    }));
-}
-var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
-  executionContext = 0,
-  workInProgressRoot = null,
-  workInProgress = null,
-  workInProgressRootRenderLanes = 0,
-  workInProgressSuspendedReason = 0,
-  workInProgressThrownValue = null,
-  workInProgressRootDidAttachPingListener = !1,
-  entangledRenderLanes = 0,
-  workInProgressRootExitStatus = 0,
-  workInProgressRootSkippedLanes = 0,
-  workInProgressRootInterleavedUpdatedLanes = 0,
-  workInProgressRootPingedLanes = 0,
-  workInProgressDeferredLane = 0,
-  workInProgressRootConcurrentErrors = null,
-  workInProgressRootRecoverableErrors = null,
-  workInProgressRootDidIncludeRecursiveRenderUpdate = !1,
-  didIncludeCommitPhaseUpdate = !1,
-  globalMostRecentFallbackTime = 0,
-  workInProgressRootRenderTargetTime = Infinity,
-  workInProgressTransitions = null,
-  currentPendingTransitionCallbacks = null,
-  currentEndTime = null;
-function addMarkerProgressCallbackToPendingTransition(
-  markerName,
-  transitions,
-  pendingBoundaries
-) {
-  enableTransitionTracing &&
-    (null === currentPendingTransitionCallbacks &&
-      (currentPendingTransitionCallbacks = {
-        transitionStart: null,
-        transitionProgress: null,
-        transitionComplete: null,
-        markerProgress: new Map(),
-        markerIncomplete: null,
-        markerComplete: null
-      }),
-    null === currentPendingTransitionCallbacks.markerProgress &&
-      (currentPendingTransitionCallbacks.markerProgress = new Map()),
-    currentPendingTransitionCallbacks.markerProgress.set(markerName, {
-      pendingBoundaries: pendingBoundaries,
-      transitions: transitions
-    }));
-}
-function addMarkerCompleteCallbackToPendingTransition(markerName, transitions) {
-  enableTransitionTracing &&
-    (null === currentPendingTransitionCallbacks &&
-      (currentPendingTransitionCallbacks = {
-        transitionStart: null,
-        transitionProgress: null,
-        transitionComplete: null,
-        markerProgress: null,
-        markerIncomplete: null,
-        markerComplete: new Map()
-      }),
-    null === currentPendingTransitionCallbacks.markerComplete &&
-      (currentPendingTransitionCallbacks.markerComplete = new Map()),
-    currentPendingTransitionCallbacks.markerComplete.set(
-      markerName,
-      transitions
-    ));
-}
-function addTransitionProgressCallbackToPendingTransition(
-  transition,
-  boundaries
-) {
-  enableTransitionTracing &&
-    (null === currentPendingTransitionCallbacks &&
-      (currentPendingTransitionCallbacks = {
-        transitionStart: null,
-        transitionProgress: new Map(),
-        transitionComplete: null,
-        markerProgress: null,
-        markerIncomplete: null,
-        markerComplete: null
-      }),
-    null === currentPendingTransitionCallbacks.transitionProgress &&
-      (currentPendingTransitionCallbacks.transitionProgress = new Map()),
-    currentPendingTransitionCallbacks.transitionProgress.set(
-      transition,
-      boundaries
-    ));
-}
-var legacyErrorBoundariesThatAlreadyFailed = null,
-  rootDoesHavePassiveEffects = !1,
-  rootWithPendingPassiveEffects = null,
-  pendingPassiveEffectsLanes = 0,
-  pendingPassiveEffectsRemainingLanes = 0,
-  pendingPassiveTransitions = null,
-  nestedUpdateCount = 0,
-  rootWithNestedUpdates = null;
-function requestUpdateLane() {
-  if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
-    return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
-  if (null !== requestCurrentTransition()) {
-    var actionScopeLane = currentEntangledLane;
-    return 0 !== actionScopeLane ? actionScopeLane : requestTransitionLane();
-  }
-  return resolveUpdatePriority();
-}
-function requestDeferredLane() {
-  0 === workInProgressDeferredLane &&
-    (workInProgressDeferredLane =
-      0 === (workInProgressRootRenderLanes & 536870912) || isHydrating
-        ? claimNextTransitionLane()
-        : 536870912);
-  var suspenseHandler = suspenseHandlerStackCursor.current;
-  null !== suspenseHandler && (suspenseHandler.flags |= 32);
-  return workInProgressDeferredLane;
-}
-function scheduleUpdateOnFiber(root, fiber, lane) {
-  if (
-    (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
-    null !== root.cancelPendingCommit
-  )
-    prepareFreshStack(root, 0),
-      markRootSuspended(
-        root,
-        workInProgressRootRenderLanes,
-        workInProgressDeferredLane
-      );
-  markRootUpdated(root, lane);
-  if (0 === (executionContext & 2) || root !== workInProgressRoot) {
-    if (
-      enableTransitionTracing &&
-      ((fiber = ReactSharedInternals.T),
-      null !== fiber &&
-        null != fiber.name &&
-        (-1 === fiber.startTime && (fiber.startTime = now()),
-        enableTransitionTracing))
-    ) {
-      var transitionLanesMap = root.transitionLanes,
-        index$6 = 31 - clz32(lane),
-        transitions = transitionLanesMap[index$6];
-      null === transitions && (transitions = new Set());
-      transitions.add(fiber);
-      transitionLanesMap[index$6] = transitions;
-    }
-    root === workInProgressRoot &&
-      (0 === (executionContext & 2) &&
-        (workInProgressRootInterleavedUpdatedLanes |= lane),
-      4 === workInProgressRootExitStatus &&
-        markRootSuspended(
-          root,
-          workInProgressRootRenderLanes,
-          workInProgressDeferredLane
-        ));
-    ensureRootIsScheduled(root);
-  }
-}
-function performConcurrentWorkOnRoot(root, didTimeout) {
-  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
-  var originalCallbackNode = root.callbackNode;
-  if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
-    return null;
-  var lanes = getNextLanes(
-    root,
-    root === workInProgressRoot ? workInProgressRootRenderLanes : 0
-  );
-  if (0 === lanes) return null;
-  var exitStatus = (didTimeout =
-    !includesBlockingLane(root, lanes) &&
-    0 === (lanes & root.expiredLanes) &&
-    (disableSchedulerTimeoutInWorkLoop || !didTimeout))
-    ? renderRootConcurrent(root, lanes)
-    : renderRootSync(root, lanes);
-  if (0 !== exitStatus) {
-    var renderWasConcurrent = didTimeout;
-    do {
-      if (6 === exitStatus) markRootSuspended(root, lanes, 0);
-      else {
-        didTimeout = root.current.alternate;
-        if (
-          renderWasConcurrent &&
-          !isRenderConsistentWithExternalStores(didTimeout)
-        ) {
-          exitStatus = renderRootSync(root, lanes);
-          renderWasConcurrent = !1;
-          continue;
-        }
-        if (2 === exitStatus) {
-          renderWasConcurrent = lanes;
-          var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-            root,
-            renderWasConcurrent
-          );
-          if (
-            0 !== errorRetryLanes &&
-            ((lanes = errorRetryLanes),
-            (exitStatus = recoverFromConcurrentError(
-              root,
-              renderWasConcurrent,
-              errorRetryLanes
-            )),
-            (renderWasConcurrent = !1),
-            2 !== exitStatus)
-          )
-            continue;
-        }
-        if (1 === exitStatus) {
-          prepareFreshStack(root, 0);
-          markRootSuspended(root, lanes, 0);
-          break;
-        }
-        root.finishedWork = didTimeout;
-        root.finishedLanes = lanes;
-        a: {
-          renderWasConcurrent = root;
-          switch (exitStatus) {
-            case 0:
-            case 1:
-              throw Error(formatProdErrorMessage(345));
-            case 4:
-              if ((lanes & 4194176) === lanes) {
-                markRootSuspended(
-                  renderWasConcurrent,
-                  lanes,
-                  workInProgressDeferredLane
-                );
-                break a;
-              }
-              break;
-            case 2:
-              workInProgressRootRecoverableErrors = null;
-              break;
-            case 3:
-            case 5:
-              break;
-            default:
-              throw Error(formatProdErrorMessage(329));
-          }
-          if (
-            (lanes & 62914560) === lanes &&
-            (alwaysThrottleRetries || 3 === exitStatus) &&
-            ((exitStatus = globalMostRecentFallbackTime + 300 - now()),
-            10 < exitStatus)
-          ) {
-            markRootSuspended(
-              renderWasConcurrent,
-              lanes,
-              workInProgressDeferredLane
-            );
-            if (0 !== getNextLanes(renderWasConcurrent, 0)) break a;
-            renderWasConcurrent.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                renderWasConcurrent,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                workInProgressRootDidIncludeRecursiveRenderUpdate,
-                lanes,
-                workInProgressDeferredLane
-              ),
-              exitStatus
-            );
-            break a;
-          }
-          commitRootWhenReady(
-            renderWasConcurrent,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            workInProgressRootDidIncludeRecursiveRenderUpdate,
-            lanes,
-            workInProgressDeferredLane
-          );
-        }
-      }
-      break;
-    } while (1);
-  }
-  ensureRootIsScheduled(root);
-  scheduleTaskForRootDuringMicrotask(root, now());
-  root =
-    root.callbackNode === originalCallbackNode
-      ? performConcurrentWorkOnRoot.bind(null, root)
-      : null;
-  return root;
-}
-function recoverFromConcurrentError(
-  root,
-  originallyAttemptedLanes,
-  errorRetryLanes
-) {
-  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors,
-    wasRootDehydrated = root.current.memoizedState.isDehydrated;
-  wasRootDehydrated && (prepareFreshStack(root, errorRetryLanes).flags |= 256);
-  errorRetryLanes = renderRootSync(root, errorRetryLanes);
-  if (2 !== errorRetryLanes) {
-    if (workInProgressRootDidAttachPingListener && !wasRootDehydrated)
-      return (
-        (root.errorRecoveryDisabledLanes |= originallyAttemptedLanes),
-        (workInProgressRootInterleavedUpdatedLanes |= originallyAttemptedLanes),
-        4
-      );
-    root = workInProgressRootRecoverableErrors;
-    workInProgressRootRecoverableErrors = errorsFromFirstAttempt;
-    null !== root && queueRecoverableErrors(root);
-  }
-  return errorRetryLanes;
-}
-function queueRecoverableErrors(errors) {
-  null === workInProgressRootRecoverableErrors
-    ? (workInProgressRootRecoverableErrors = errors)
-    : workInProgressRootRecoverableErrors.push.apply(
-        workInProgressRootRecoverableErrors,
-        errors
-      );
-}
-function commitRootWhenReady(
-  root,
-  finishedWork,
-  recoverableErrors,
-  transitions,
-  didIncludeRenderPhaseUpdate,
-  lanes,
-  spawnedLane
-) {
-  if (
-    0 === (lanes & 42) &&
-    ((suspendedState = { stylesheets: null, count: 0, unsuspend: noop }),
-    accumulateSuspenseyCommitOnFiber(finishedWork),
-    (finishedWork = waitForCommitToBeReady()),
-    null !== finishedWork)
-  ) {
-    root.cancelPendingCommit = finishedWork(
-      commitRoot.bind(
-        null,
-        root,
-        recoverableErrors,
-        transitions,
-        didIncludeRenderPhaseUpdate
-      )
-    );
-    markRootSuspended(root, lanes, spawnedLane);
-    return;
-  }
-  commitRoot(
-    root,
-    recoverableErrors,
-    transitions,
-    didIncludeRenderPhaseUpdate,
-    spawnedLane
-  );
-}
-function isRenderConsistentWithExternalStores(finishedWork) {
-  for (var node = finishedWork; ; ) {
-    if (node.flags & 16384) {
-      var updateQueue = node.updateQueue;
-      if (
-        null !== updateQueue &&
-        ((updateQueue = updateQueue.stores), null !== updateQueue)
-      )
-        for (var i = 0; i < updateQueue.length; i++) {
-          var check = updateQueue[i],
-            getSnapshot = check.getSnapshot;
-          check = check.value;
-          try {
-            if (!objectIs(getSnapshot(), check)) return !1;
-          } catch (error) {
-            return !1;
-          }
-        }
-    }
-    updateQueue = node.child;
-    if (node.subtreeFlags & 16384 && null !== updateQueue)
-      (updateQueue.return = node), (node = updateQueue);
-    else {
-      if (node === finishedWork) break;
-      for (; null === node.sibling; ) {
-        if (null === node.return || node.return === finishedWork) return !0;
-        node = node.return;
-      }
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-  }
-  return !0;
-}
-function markRootUpdated(root, updatedLanes) {
-  root.pendingLanes |= updatedLanes;
-  268435456 !== updatedLanes &&
-    ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  enableInfiniteRenderLoopDetection &&
-    (executionContext & 2
-      ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
-      : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0),
-    throwIfInfiniteUpdateLoopDetected());
-}
-function markRootSuspended(root, suspendedLanes, spawnedLane) {
-  suspendedLanes &= ~workInProgressRootPingedLanes;
-  suspendedLanes &= ~workInProgressRootInterleavedUpdatedLanes;
-  root.suspendedLanes |= suspendedLanes;
-  root.pingedLanes &= ~suspendedLanes;
-  for (
-    var expirationTimes = root.expirationTimes, lanes = suspendedLanes;
-    0 < lanes;
-
-  ) {
-    var index$2 = 31 - clz32(lanes),
-      lane = 1 << index$2;
-    expirationTimes[index$2] = -1;
-    lanes &= ~lane;
-  }
-  0 !== spawnedLane &&
-    markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
-}
-function performSyncWorkOnRoot(root, lanes) {
-  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
-  if (flushPassiveEffects()) return ensureRootIsScheduled(root), null;
-  var exitStatus = renderRootSync(root, lanes);
-  if (2 === exitStatus) {
-    var originallyAttemptedLanes = lanes,
-      errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-        root,
-        originallyAttemptedLanes
-      );
-    0 !== errorRetryLanes &&
-      ((lanes = errorRetryLanes),
-      (exitStatus = recoverFromConcurrentError(
-        root,
-        originallyAttemptedLanes,
-        errorRetryLanes
-      )));
-  }
-  if (1 === exitStatus)
-    return (
-      prepareFreshStack(root, 0),
-      markRootSuspended(root, lanes, 0),
-      ensureRootIsScheduled(root),
-      null
-    );
-  if (6 === exitStatus)
-    return (
-      markRootSuspended(root, lanes, workInProgressDeferredLane),
-      ensureRootIsScheduled(root),
-      null
-    );
-  root.finishedWork = root.current.alternate;
-  root.finishedLanes = lanes;
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions,
-    workInProgressRootDidIncludeRecursiveRenderUpdate,
-    workInProgressDeferredLane
-  );
-  ensureRootIsScheduled(root);
-  return null;
-}
-function flushSyncWork$1() {
-  return 0 === (executionContext & 6)
-    ? (flushSyncWorkAcrossRoots_impl(!1), !1)
-    : !0;
-}
-function resetWorkInProgressStack() {
-  if (null !== workInProgress) {
-    if (0 === workInProgressSuspendedReason)
-      var interruptedWork = workInProgress.return;
-    else
-      (interruptedWork = workInProgress),
-        resetContextDependencies(),
-        resetHooksOnUnwind(interruptedWork),
-        (thenableState$1 = null),
-        (thenableIndexCounter$1 = 0),
-        (interruptedWork = workInProgress);
-    for (; null !== interruptedWork; )
-      unwindInterruptedWork(interruptedWork.alternate, interruptedWork),
-        (interruptedWork = interruptedWork.return);
-    workInProgress = null;
-  }
-}
-function prepareFreshStack(root, lanes) {
-  root.finishedWork = null;
-  root.finishedLanes = 0;
-  var timeoutHandle = root.timeoutHandle;
-  -1 !== timeoutHandle &&
-    ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
-  timeoutHandle = root.cancelPendingCommit;
-  null !== timeoutHandle &&
-    ((root.cancelPendingCommit = null), timeoutHandle());
-  resetWorkInProgressStack();
-  workInProgressRoot = root;
-  workInProgress = timeoutHandle = createWorkInProgress(root.current, null);
-  workInProgressRootRenderLanes = lanes;
-  workInProgressSuspendedReason = 0;
-  workInProgressThrownValue = null;
-  workInProgressRootDidAttachPingListener = !1;
-  workInProgressDeferredLane =
-    workInProgressRootPingedLanes =
-    workInProgressRootInterleavedUpdatedLanes =
-    workInProgressRootSkippedLanes =
-    workInProgressRootExitStatus =
-      0;
-  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors =
-    null;
-  workInProgressRootDidIncludeRecursiveRenderUpdate = !1;
-  0 === (root.current.mode & 32) && 0 !== (lanes & 8) && (lanes |= lanes & 32);
-  var allEntangledLanes = root.entangledLanes;
-  if (0 !== allEntangledLanes)
-    for (
-      root = root.entanglements, allEntangledLanes &= lanes;
-      0 < allEntangledLanes;
-
-    ) {
-      var index$0 = 31 - clz32(allEntangledLanes),
-        lane = 1 << index$0;
-      lanes |= root[index$0];
-      allEntangledLanes &= ~lane;
-    }
-  entangledRenderLanes = lanes;
-  finishQueueingConcurrentUpdates();
-  return timeoutHandle;
-}
-function handleThrow(root, thrownValue) {
-  currentlyRenderingFiber$1 = null;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
-  ReactSharedInternals.owner = null;
-  thrownValue === SuspenseException
-    ? ((thrownValue = getSuspendedThenable()),
-      (workInProgressSuspendedReason =
-        shouldRemainOnPreviousScreen() &&
-        0 === (workInProgressRootSkippedLanes & 134217727) &&
-        0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)
-          ? 2
-          : 3))
-    : thrownValue === SuspenseyCommitException
-    ? ((thrownValue = getSuspendedThenable()),
-      (workInProgressSuspendedReason = 4))
-    : (workInProgressSuspendedReason =
-        thrownValue === SelectiveHydrationException
-          ? 8
-          : null !== thrownValue &&
-            "object" === typeof thrownValue &&
-            "function" === typeof thrownValue.then
-          ? 6
-          : 1);
-  workInProgressThrownValue = thrownValue;
-  null === workInProgress &&
-    ((workInProgressRootExitStatus = 1),
-    logUncaughtError(
-      root,
-      createCapturedValueAtFiber(thrownValue, root.current)
-    ));
-}
-function shouldRemainOnPreviousScreen() {
-  var handler = suspenseHandlerStackCursor.current;
-  return null === handler
-    ? !0
-    : (workInProgressRootRenderLanes & 4194176) ===
-      workInProgressRootRenderLanes
-    ? null === shellBoundary
-      ? !0
-      : !1
-    : (workInProgressRootRenderLanes & 62914560) ===
-        workInProgressRootRenderLanes ||
-      0 !== (workInProgressRootRenderLanes & 536870912)
-    ? handler === shellBoundary
-    : !1;
-}
-function pushDispatcher() {
-  var prevDispatcher = ReactSharedInternals.H;
-  ReactSharedInternals.H = ContextOnlyDispatcher;
-  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
-}
-function pushCacheDispatcher() {
-  var prevCacheDispatcher = ReactSharedInternals.C;
-  ReactSharedInternals.C = DefaultCacheDispatcher;
-  return prevCacheDispatcher;
-}
-function renderDidSuspendDelayIfPossible() {
-  workInProgressRootExitStatus = 4;
-  (0 === (workInProgressRootSkippedLanes & 134217727) &&
-    0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)) ||
-    null === workInProgressRoot ||
-    markRootSuspended(
-      workInProgressRoot,
-      workInProgressRootRenderLanes,
-      workInProgressDeferredLane
-    );
-}
-function renderRootSync(root, lanes) {
-  var prevExecutionContext = executionContext;
-  executionContext |= 2;
-  var prevDispatcher = pushDispatcher(),
-    prevCacheDispatcher = pushCacheDispatcher();
-  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
-    (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
-      prepareFreshStack(root, lanes);
-  lanes = !1;
-  a: do
-    try {
-      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
-        var unitOfWork = workInProgress,
-          thrownValue = workInProgressThrownValue;
-        switch (workInProgressSuspendedReason) {
-          case 8:
-            resetWorkInProgressStack();
-            workInProgressRootExitStatus = 6;
-            break a;
-          case 3:
-          case 2:
-            lanes ||
-              null !== suspenseHandlerStackCursor.current ||
-              (lanes = !0);
-          default:
-            (workInProgressSuspendedReason = 0),
-              (workInProgressThrownValue = null),
-              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
-        }
-      }
-      workLoopSync();
-      break;
-    } catch (thrownValue$246) {
-      handleThrow(root, thrownValue$246);
-    }
-  while (1);
-  lanes && root.shellSuspendCounter++;
-  resetContextDependencies();
-  executionContext = prevExecutionContext;
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
-  if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
-  workInProgressRoot = null;
-  workInProgressRootRenderLanes = 0;
-  finishQueueingConcurrentUpdates();
-  return workInProgressRootExitStatus;
-}
-function workLoopSync() {
-  for (; null !== workInProgress; ) performUnitOfWork(workInProgress);
-}
-function renderRootConcurrent(root, lanes) {
-  var prevExecutionContext = executionContext;
-  executionContext |= 2;
-  var prevDispatcher = pushDispatcher(),
-    prevCacheDispatcher = pushCacheDispatcher();
-  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
-    (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
-      (workInProgressRootRenderTargetTime = now() + 500),
-      prepareFreshStack(root, lanes);
-  a: do
-    try {
-      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
-        lanes = workInProgress;
-        var thrownValue = workInProgressThrownValue;
-        b: switch (workInProgressSuspendedReason) {
-          case 1:
-            workInProgressSuspendedReason = 0;
-            workInProgressThrownValue = null;
-            throwAndUnwindWorkLoop(root, lanes, thrownValue);
-            break;
-          case 2:
-            if (isThenableResolved(thrownValue)) {
-              workInProgressSuspendedReason = 0;
-              workInProgressThrownValue = null;
-              replaySuspendedUnitOfWork(lanes);
-              break;
-            }
-            lanes = function () {
-              2 === workInProgressSuspendedReason &&
-                workInProgressRoot === root &&
-                (workInProgressSuspendedReason = 7);
-              ensureRootIsScheduled(root);
-            };
-            thrownValue.then(lanes, lanes);
-            break a;
-          case 3:
-            workInProgressSuspendedReason = 7;
-            break a;
-          case 4:
-            workInProgressSuspendedReason = 5;
-            break a;
-          case 7:
-            isThenableResolved(thrownValue)
-              ? ((workInProgressSuspendedReason = 0),
-                (workInProgressThrownValue = null),
-                replaySuspendedUnitOfWork(lanes))
-              : ((workInProgressSuspendedReason = 0),
-                (workInProgressThrownValue = null),
-                throwAndUnwindWorkLoop(root, lanes, thrownValue));
-            break;
-          case 5:
-            switch (workInProgress.tag) {
-              case 5:
-              case 26:
-              case 27:
-                lanes = workInProgress;
-                workInProgressSuspendedReason = 0;
-                workInProgressThrownValue = null;
-                var sibling = lanes.sibling;
-                if (null !== sibling) workInProgress = sibling;
-                else {
-                  var returnFiber = lanes.return;
-                  null !== returnFiber
-                    ? ((workInProgress = returnFiber),
-                      completeUnitOfWork(returnFiber))
-                    : (workInProgress = null);
-                }
-                break b;
-            }
-            workInProgressSuspendedReason = 0;
-            workInProgressThrownValue = null;
-            throwAndUnwindWorkLoop(root, lanes, thrownValue);
-            break;
-          case 6:
-            workInProgressSuspendedReason = 0;
-            workInProgressThrownValue = null;
-            throwAndUnwindWorkLoop(root, lanes, thrownValue);
-            break;
-          case 8:
-            resetWorkInProgressStack();
-            workInProgressRootExitStatus = 6;
-            break a;
-          default:
-            throw Error(formatProdErrorMessage(462));
-        }
-      }
-      workLoopConcurrent();
-      break;
-    } catch (thrownValue$248) {
-      handleThrow(root, thrownValue$248);
-    }
-  while (1);
-  resetContextDependencies();
-  ReactSharedInternals.H = prevDispatcher;
-  ReactSharedInternals.C = prevCacheDispatcher;
-  executionContext = prevExecutionContext;
-  if (null !== workInProgress) return 0;
-  workInProgressRoot = null;
-  workInProgressRootRenderLanes = 0;
-  finishQueueingConcurrentUpdates();
-  return workInProgressRootExitStatus;
-}
-function workLoopConcurrent() {
-  for (; null !== workInProgress && !shouldYield(); )
-    performUnitOfWork(workInProgress);
-}
-function performUnitOfWork(unitOfWork) {
-  var next = beginWork(unitOfWork.alternate, unitOfWork, entangledRenderLanes);
-  unitOfWork.memoizedProps = unitOfWork.pendingProps;
-  null === next ? completeUnitOfWork(unitOfWork) : (workInProgress = next);
-  ReactSharedInternals.owner = null;
-}
-function replaySuspendedUnitOfWork(unitOfWork) {
-  var current = unitOfWork.alternate;
-  switch (unitOfWork.tag) {
-    case 15:
-    case 0:
-      var Component = unitOfWork.type,
-        unresolvedProps = unitOfWork.pendingProps;
-      unresolvedProps =
-        disableDefaultPropsExceptForClasses ||
-        unitOfWork.elementType === Component
-          ? unresolvedProps
-          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
-      current = replayFunctionComponent(
-        current,
-        unitOfWork,
-        unresolvedProps,
-        Component,
-        void 0,
-        workInProgressRootRenderLanes
-      );
-      break;
-    case 11:
-      Component = unitOfWork.type.render;
-      unresolvedProps = unitOfWork.pendingProps;
-      unresolvedProps =
-        disableDefaultPropsExceptForClasses ||
-        unitOfWork.elementType === Component
-          ? unresolvedProps
-          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
-      current = replayFunctionComponent(
-        current,
-        unitOfWork,
-        unresolvedProps,
-        Component,
-        unitOfWork.ref,
-        workInProgressRootRenderLanes
-      );
-      break;
-    case 5:
-      resetHooksOnUnwind(unitOfWork);
-    default:
-      unwindInterruptedWork(current, unitOfWork),
-        (unitOfWork = workInProgress =
-          resetWorkInProgress(unitOfWork, entangledRenderLanes)),
-        (current = beginWork(current, unitOfWork, entangledRenderLanes));
-  }
-  unitOfWork.memoizedProps = unitOfWork.pendingProps;
-  null === current
-    ? completeUnitOfWork(unitOfWork)
-    : (workInProgress = current);
-  ReactSharedInternals.owner = null;
-}
-function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
-  resetContextDependencies();
-  resetHooksOnUnwind(unitOfWork);
-  thenableState$1 = null;
-  thenableIndexCounter$1 = 0;
-  var returnFiber = unitOfWork.return;
-  try {
-    if (
-      throwException(
-        root,
-        returnFiber,
-        unitOfWork,
-        thrownValue,
-        workInProgressRootRenderLanes
-      )
-    ) {
-      workInProgressRootExitStatus = 1;
-      logUncaughtError(
-        root,
-        createCapturedValueAtFiber(thrownValue, root.current)
-      );
-      workInProgress = null;
-      return;
-    }
-  } catch (error) {
-    if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
-    workInProgressRootExitStatus = 1;
-    logUncaughtError(
-      root,
-      createCapturedValueAtFiber(thrownValue, root.current)
-    );
-    workInProgress = null;
-    return;
-  }
-  if (unitOfWork.flags & 32768)
-    a: {
-      root = unitOfWork;
-      do {
-        unitOfWork = unwindWork(root.alternate, root);
-        if (null !== unitOfWork) {
-          unitOfWork.flags &= 32767;
-          workInProgress = unitOfWork;
-          break a;
-        }
-        root = root.return;
-        null !== root &&
-          ((root.flags |= 32768),
-          (root.subtreeFlags = 0),
-          (root.deletions = null));
-        workInProgress = root;
-      } while (null !== root);
-      workInProgressRootExitStatus = 6;
-      workInProgress = null;
-    }
-  else completeUnitOfWork(unitOfWork);
-}
-function completeUnitOfWork(unitOfWork) {
-  var completedWork = unitOfWork;
-  do {
-    unitOfWork = completedWork.return;
-    var next = completeWork(
-      completedWork.alternate,
-      completedWork,
-      entangledRenderLanes
-    );
-    if (null !== next) {
-      workInProgress = next;
-      return;
-    }
-    completedWork = completedWork.sibling;
-    if (null !== completedWork) {
-      workInProgress = completedWork;
-      return;
-    }
-    workInProgress = completedWork = unitOfWork;
-  } while (null !== completedWork);
-  0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
-}
-function commitRoot(
-  root,
-  recoverableErrors,
-  transitions,
-  didIncludeRenderPhaseUpdate,
-  spawnedLane
-) {
-  var prevTransition = ReactSharedInternals.T,
-    previousUpdateLanePriority = Internals.p;
-  try {
-    (Internals.p = 2),
-      (ReactSharedInternals.T = null),
-      commitRootImpl(
-        root,
-        recoverableErrors,
-        transitions,
-        didIncludeRenderPhaseUpdate,
-        previousUpdateLanePriority,
-        spawnedLane
-      );
-  } finally {
-    (ReactSharedInternals.T = prevTransition),
-      (Internals.p = previousUpdateLanePriority);
-  }
-  return null;
-}
-function commitRootImpl(
-  root,
-  recoverableErrors,
-  transitions,
-  didIncludeRenderPhaseUpdate,
-  renderPriorityLevel,
-  spawnedLane
-) {
-  do flushPassiveEffects();
-  while (null !== rootWithPendingPassiveEffects);
-  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
-  var finishedWork = root.finishedWork,
-    lanes = root.finishedLanes;
-  if (null === finishedWork) return null;
-  root.finishedWork = null;
-  root.finishedLanes = 0;
-  if (finishedWork === root.current) throw Error(formatProdErrorMessage(177));
-  root.callbackNode = null;
-  root.callbackPriority = 0;
-  root.cancelPendingCommit = null;
-  var remainingLanes = finishedWork.lanes | finishedWork.childLanes;
-  remainingLanes |= concurrentlyUpdatedLanes;
-  markRootFinished(root, remainingLanes, spawnedLane);
-  didIncludeCommitPhaseUpdate = !1;
-  root === workInProgressRoot &&
-    ((workInProgress = workInProgressRoot = null),
-    (workInProgressRootRenderLanes = 0));
-  (0 === (finishedWork.subtreeFlags & 10256) &&
-    0 === (finishedWork.flags & 10256)) ||
-    rootDoesHavePassiveEffects ||
-    ((rootDoesHavePassiveEffects = !0),
-    (pendingPassiveEffectsRemainingLanes = remainingLanes),
-    (pendingPassiveTransitions = transitions),
-    scheduleCallback(NormalPriority$1, function () {
-      flushPassiveEffects();
-      return null;
-    }));
-  transitions = 0 !== (finishedWork.flags & 15990);
-  if (0 !== (finishedWork.subtreeFlags & 15990) || transitions) {
-    transitions = ReactSharedInternals.T;
-    ReactSharedInternals.T = null;
-    spawnedLane = Internals.p;
-    Internals.p = 2;
-    var prevExecutionContext = executionContext;
-    executionContext |= 4;
-    ReactSharedInternals.owner = null;
-    var shouldFireAfterActiveInstanceBlur$252 = commitBeforeMutationEffects(
-      root,
-      finishedWork
-    );
-    commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$252 &&
-      ((_enabled = !0),
-      dispatchAfterDetachedBlur(selectionInformation.focusedElem),
-      (_enabled = !1));
-    restoreSelection(selectionInformation);
-    _enabled = !!eventsEnabled;
-    selectionInformation = eventsEnabled = null;
-    root.current = finishedWork;
-    commitLayoutEffectOnFiber(root, finishedWork.alternate, finishedWork);
-    requestPaint();
-    executionContext = prevExecutionContext;
-    Internals.p = spawnedLane;
-    ReactSharedInternals.T = transitions;
-  } else root.current = finishedWork;
-  rootDoesHavePassiveEffects
-    ? ((rootDoesHavePassiveEffects = !1),
-      (rootWithPendingPassiveEffects = root),
-      (pendingPassiveEffectsLanes = lanes))
-    : releaseRootPooledCache(root, remainingLanes);
-  remainingLanes = root.pendingLanes;
-  0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null);
-  onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
-  ensureRootIsScheduled(root);
-  if (null !== recoverableErrors)
-    for (
-      renderPriorityLevel = root.onRecoverableError, finishedWork = 0;
-      finishedWork < recoverableErrors.length;
-      finishedWork++
-    )
-      (remainingLanes = recoverableErrors[finishedWork]),
-        renderPriorityLevel(remainingLanes.value, {
-          componentStack: remainingLanes.stack
-        });
-  0 !== (pendingPassiveEffectsLanes & 3) && flushPassiveEffects();
-  remainingLanes = root.pendingLanes;
-  (enableInfiniteRenderLoopDetection &&
-    (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate)) ||
-  (0 !== (lanes & 4194218) && 0 !== (remainingLanes & SyncUpdateLanes))
-    ? root === rootWithNestedUpdates
-      ? nestedUpdateCount++
-      : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
-    : (nestedUpdateCount = 0);
-  flushSyncWorkAcrossRoots_impl(!1);
-  if (enableTransitionTracing) {
-    var prevRootTransitionCallbacks = root.transitionCallbacks;
-    null !== prevRootTransitionCallbacks &&
-      schedulePostPaintCallback(function (endTime) {
-        var prevPendingTransitionCallbacks = currentPendingTransitionCallbacks;
-        null !== prevPendingTransitionCallbacks
-          ? ((currentPendingTransitionCallbacks = null),
-            scheduleCallback(IdlePriority, function () {
-              processTransitionCallbacks(
-                prevPendingTransitionCallbacks,
-                endTime,
-                prevRootTransitionCallbacks
-              );
-            }))
-          : (currentEndTime = endTime);
-      });
-  }
-  return null;
-}
-function releaseRootPooledCache(root, remainingLanes) {
-  0 === (root.pooledCacheLanes &= remainingLanes) &&
-    ((remainingLanes = root.pooledCache),
-    null != remainingLanes &&
-      ((root.pooledCache = null), releaseCache(remainingLanes)));
-}
-function flushPassiveEffects() {
-  if (null !== rootWithPendingPassiveEffects) {
-    var root$253 = rootWithPendingPassiveEffects,
-      remainingLanes = pendingPassiveEffectsRemainingLanes;
-    pendingPassiveEffectsRemainingLanes = 0;
-    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
-      prevTransition = ReactSharedInternals.T,
-      previousPriority = Internals.p;
-    try {
-      return (
-        (Internals.p = 32 > renderPriority ? 32 : renderPriority),
-        (ReactSharedInternals.T = null),
-        flushPassiveEffectsImpl()
-      );
-    } finally {
-      (Internals.p = previousPriority),
-        (ReactSharedInternals.T = prevTransition),
-        releaseRootPooledCache(root$253, remainingLanes);
-    }
-  }
-  return !1;
-}
-function flushPassiveEffectsImpl() {
-  if (null === rootWithPendingPassiveEffects) return !1;
-  var transitions = pendingPassiveTransitions;
-  pendingPassiveTransitions = null;
-  var root = rootWithPendingPassiveEffects,
-    lanes = pendingPassiveEffectsLanes;
-  rootWithPendingPassiveEffects = null;
-  pendingPassiveEffectsLanes = 0;
-  if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331));
-  var prevExecutionContext = executionContext;
-  executionContext |= 4;
-  commitPassiveUnmountOnFiber(root.current);
-  commitPassiveMountOnFiber(root, root.current, lanes, transitions);
-  executionContext = prevExecutionContext;
-  flushSyncWorkAcrossRoots_impl(!1);
-  if (enableTransitionTracing) {
-    var prevPendingTransitionCallbacks = currentPendingTransitionCallbacks,
-      prevRootTransitionCallbacks = root.transitionCallbacks,
-      prevEndTime = currentEndTime;
-    null !== prevPendingTransitionCallbacks &&
-      null !== prevRootTransitionCallbacks &&
-      null !== prevEndTime &&
-      ((currentEndTime = currentPendingTransitionCallbacks = null),
-      scheduleCallback(IdlePriority, function () {
-        processTransitionCallbacks(
-          prevPendingTransitionCallbacks,
-          prevEndTime,
-          prevRootTransitionCallbacks
-        );
-      }));
-  }
-  if (injectedHook && "function" === typeof injectedHook.onPostCommitFiberRoot)
-    try {
-      injectedHook.onPostCommitFiberRoot(rendererID, root);
-    } catch (err) {}
-  return !0;
-}
-function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
-  sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
-  sourceFiber = createRootErrorUpdate(rootFiber.stateNode, sourceFiber, 2);
-  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
-  null !== rootFiber &&
-    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
-}
-function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
-  if (3 === sourceFiber.tag)
-    captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
-  else
-    for (; null !== nearestMountedAncestor; ) {
-      if (3 === nearestMountedAncestor.tag) {
-        captureCommitPhaseErrorOnRoot(
-          nearestMountedAncestor,
-          sourceFiber,
-          error
-        );
-        break;
-      } else if (1 === nearestMountedAncestor.tag) {
-        var instance = nearestMountedAncestor.stateNode;
-        if (
-          "function" ===
-            typeof nearestMountedAncestor.type.getDerivedStateFromError ||
-          ("function" === typeof instance.componentDidCatch &&
-            (null === legacyErrorBoundariesThatAlreadyFailed ||
-              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
-        ) {
-          sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
-          error = createClassErrorUpdate(2);
-          instance = enqueueUpdate(nearestMountedAncestor, error, 2);
-          null !== instance &&
-            (initializeClassErrorUpdate(
-              error,
-              instance,
-              nearestMountedAncestor,
-              sourceFiber
-            ),
-            markRootUpdated(instance, 2),
-            ensureRootIsScheduled(instance));
-          break;
-        }
-      }
-      nearestMountedAncestor = nearestMountedAncestor.return;
-    }
-}
-function attachPingListener(root, wakeable, lanes) {
-  var pingCache = root.pingCache;
-  if (null === pingCache) {
-    pingCache = root.pingCache = new PossiblyWeakMap();
-    var threadIDs = new Set();
-    pingCache.set(wakeable, threadIDs);
-  } else
-    (threadIDs = pingCache.get(wakeable)),
-      void 0 === threadIDs &&
-        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
-  threadIDs.has(lanes) ||
-    ((workInProgressRootDidAttachPingListener = !0),
-    threadIDs.add(lanes),
-    (root = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
-    wakeable.then(root, root));
-}
-function pingSuspendedRoot(root, wakeable, pingedLanes) {
-  var pingCache = root.pingCache;
-  null !== pingCache && pingCache.delete(wakeable);
-  root.pingedLanes |= root.suspendedLanes & pingedLanes;
-  enableInfiniteRenderLoopDetection &&
-    (executionContext & 2
-      ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
-      : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0),
-    throwIfInfiniteUpdateLoopDetected());
-  workInProgressRoot === root &&
-    (workInProgressRootRenderLanes & pingedLanes) === pingedLanes &&
-    (4 === workInProgressRootExitStatus ||
-    (3 === workInProgressRootExitStatus &&
-      (workInProgressRootRenderLanes & 62914560) ===
-        workInProgressRootRenderLanes &&
-      300 > now() - globalMostRecentFallbackTime)
-      ? 0 === (executionContext & 2) && prepareFreshStack(root, 0)
-      : (workInProgressRootPingedLanes |= pingedLanes));
-  ensureRootIsScheduled(root);
-}
-function retryTimedOutBoundary(boundaryFiber, retryLane) {
-  0 === retryLane && (retryLane = claimNextRetryLane());
-  boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
-  null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane),
-    ensureRootIsScheduled(boundaryFiber));
-}
-function retryDehydratedSuspenseBoundary(boundaryFiber) {
-  var suspenseState = boundaryFiber.memoizedState,
-    retryLane = 0;
-  null !== suspenseState && (retryLane = suspenseState.retryLane);
-  retryTimedOutBoundary(boundaryFiber, retryLane);
-}
-function resolveRetryWakeable(boundaryFiber, wakeable) {
-  var retryLane = 0;
-  switch (boundaryFiber.tag) {
-    case 13:
-      var retryCache = boundaryFiber.stateNode;
-      var suspenseState = boundaryFiber.memoizedState;
-      null !== suspenseState && (retryLane = suspenseState.retryLane);
-      break;
-    case 19:
-      retryCache = boundaryFiber.stateNode;
-      break;
-    case 22:
-      retryCache = boundaryFiber.stateNode._retryCache;
-      break;
-    default:
-      throw Error(formatProdErrorMessage(314));
-  }
-  null !== retryCache && retryCache.delete(wakeable);
-  retryTimedOutBoundary(boundaryFiber, retryLane);
-}
-function throwIfInfiniteUpdateLoopDetected() {
-  if (50 < nestedUpdateCount)
-    throw (
-      ((nestedUpdateCount = 0),
-      (rootWithNestedUpdates = null),
-      enableInfiniteRenderLoopDetection &&
-        executionContext & 2 &&
-        null !== workInProgressRoot &&
-        (workInProgressRoot.errorRecoveryDisabledLanes |=
-          workInProgressRootRenderLanes),
-      Error(formatProdErrorMessage(185)))
-    );
-}
-function scheduleCallback(priorityLevel, callback) {
-  return scheduleCallback$3(priorityLevel, callback);
-}
-var eventsEnabled = null,
-  selectionInformation = null;
-function getOwnerDocumentFromRootContainer(rootContainerElement) {
-  return 9 === rootContainerElement.nodeType
-    ? rootContainerElement
-    : rootContainerElement.ownerDocument;
-}
-function getOwnHostContext(namespaceURI) {
-  switch (namespaceURI) {
-    case "http://www.w3.org/2000/svg":
-      return 1;
-    case "http://www.w3.org/1998/Math/MathML":
-      return 2;
-    default:
-      return 0;
-  }
-}
-function getChildHostContextProd(parentNamespace, type) {
-  if (0 === parentNamespace)
-    switch (type) {
-      case "svg":
-        return 1;
-      case "math":
-        return 2;
-      default:
-        return 0;
-    }
-  return 1 === parentNamespace && "foreignObject" === type
-    ? 0
-    : parentNamespace;
-}
-function beforeActiveInstanceBlur(internalInstanceHandle) {
-  _enabled = !0;
-  var target = selectionInformation.focusedElem,
-    event = createEvent("beforeblur", !0);
-  event._detachedInterceptFiber = internalInstanceHandle;
-  target.dispatchEvent(event);
-  _enabled = !1;
-}
-function shouldSetTextContent(type, props) {
-  return (
-    "textarea" === type ||
-    "noscript" === type ||
-    "string" === typeof props.children ||
-    "number" === typeof props.children ||
-    "bigint" === typeof props.children ||
-    ("object" === typeof props.dangerouslySetInnerHTML &&
-      null !== props.dangerouslySetInnerHTML &&
-      null != props.dangerouslySetInnerHTML.__html)
-  );
-}
-var currentPopstateTransitionEvent = null;
-function shouldAttemptEagerTransition() {
-  var event = window.event;
-  if (event && "popstate" === event.type) {
-    if (event === currentPopstateTransitionEvent) return !1;
-    currentPopstateTransitionEvent = event;
-    return !0;
-  }
-  currentPopstateTransitionEvent = null;
-  return !1;
-}
-var scheduleTimeout = "function" === typeof setTimeout ? setTimeout : void 0,
-  cancelTimeout = "function" === typeof clearTimeout ? clearTimeout : void 0,
-  localPromise = "function" === typeof Promise ? Promise : void 0,
-  localRequestAnimationFrame =
-    "function" === typeof requestAnimationFrame
-      ? requestAnimationFrame
-      : scheduleTimeout;
-function getInstanceFromScope(scopeInstance) {
-  scopeInstance = scopeInstance[internalInstanceKey] || null;
-  return scopeInstance;
-}
-var scheduleMicrotask =
-  "function" === typeof queueMicrotask
-    ? queueMicrotask
-    : "undefined" !== typeof localPromise
-    ? function (callback) {
-        return localPromise
-          .resolve(null)
-          .then(callback)
-          .catch(handleErrorInNextTick);
-      }
-    : scheduleTimeout;
-function handleErrorInNextTick(error) {
-  setTimeout(function () {
-    throw error;
-  });
-}
-function createEvent(type, bubbles) {
-  var event = document.createEvent("Event");
-  event.initEvent(type, bubbles, !1);
-  return event;
-}
-function dispatchAfterDetachedBlur(target) {
-  var event = createEvent("afterblur", !1);
-  event.relatedTarget = target;
-  document.dispatchEvent(event);
-}
-function clearSuspenseBoundary(parentInstance, suspenseInstance) {
-  var node = suspenseInstance,
-    depth = 0;
-  do {
-    var nextNode = node.nextSibling;
-    parentInstance.removeChild(node);
-    if (nextNode && 8 === nextNode.nodeType)
-      if (((node = nextNode.data), "/$" === node)) {
-        if (0 === depth) {
-          parentInstance.removeChild(nextNode);
-          retryIfBlockedOn(suspenseInstance);
-          return;
-        }
-        depth--;
-      } else ("$" !== node && "$?" !== node && "$!" !== node) || depth++;
-    node = nextNode;
-  } while (node);
-  retryIfBlockedOn(suspenseInstance);
-}
-function clearContainerSparingly(container) {
-  var nextNode = container.firstChild;
-  nextNode && 10 === nextNode.nodeType && (nextNode = nextNode.nextSibling);
-  for (; nextNode; ) {
-    var node = nextNode;
-    nextNode = nextNode.nextSibling;
-    switch (node.nodeName) {
-      case "HTML":
-      case "HEAD":
-      case "BODY":
-        clearContainerSparingly(node);
-        detachDeletedInstance(node);
-        continue;
-      case "SCRIPT":
-      case "STYLE":
-        continue;
-      case "LINK":
-        if ("stylesheet" === node.rel.toLowerCase()) continue;
-    }
-    container.removeChild(node);
-  }
-}
-function canHydrateInstance(instance, type, props, inRootOrSingleton) {
-  for (; 1 === instance.nodeType; ) {
-    var anyProps = props;
-    if (instance.nodeName.toLowerCase() !== type.toLowerCase()) {
-      if (
-        !inRootOrSingleton &&
-        ("INPUT" !== instance.nodeName || "hidden" !== instance.type)
-      )
-        break;
-    } else if (!inRootOrSingleton)
-      if ("input" === type && "hidden" === instance.type) {
-        var name = null == anyProps.name ? null : "" + anyProps.name;
-        if (
-          "hidden" === anyProps.type &&
-          instance.getAttribute("name") === name
-        )
-          return instance;
-      } else return instance;
-    else if (!instance[internalHoistableMarker])
-      switch (type) {
-        case "meta":
-          if (!instance.hasAttribute("itemprop")) break;
-          return instance;
-        case "link":
-          name = instance.getAttribute("rel");
-          if ("stylesheet" === name && instance.hasAttribute("data-precedence"))
-            break;
-          else if (
-            name !== anyProps.rel ||
-            instance.getAttribute("href") !==
-              (null == anyProps.href ? null : anyProps.href) ||
-            instance.getAttribute("crossorigin") !==
-              (null == anyProps.crossOrigin ? null : anyProps.crossOrigin) ||
-            instance.getAttribute("title") !==
-              (null == anyProps.title ? null : anyProps.title)
-          )
-            break;
-          return instance;
-        case "style":
-          if (instance.hasAttribute("data-precedence")) break;
-          return instance;
-        case "script":
-          name = instance.getAttribute("src");
-          if (
-            (name !== (null == anyProps.src ? null : anyProps.src) ||
-              instance.getAttribute("type") !==
-                (null == anyProps.type ? null : anyProps.type) ||
-              instance.getAttribute("crossorigin") !==
-                (null == anyProps.crossOrigin ? null : anyProps.crossOrigin)) &&
-            name &&
-            instance.hasAttribute("async") &&
-            !instance.hasAttribute("itemprop")
-          )
-            break;
-          return instance;
-        default:
-          return instance;
-      }
-    instance = getNextHydratable(instance.nextSibling);
-    if (null === instance) break;
-  }
-  return null;
-}
-function canHydrateTextInstance(instance, text, inRootOrSingleton) {
-  if ("" === text) return null;
-  for (; 3 !== instance.nodeType; ) {
-    if (
-      (1 !== instance.nodeType ||
-        "INPUT" !== instance.nodeName ||
-        "hidden" !== instance.type) &&
-      !inRootOrSingleton
-    )
-      return null;
-    instance = getNextHydratable(instance.nextSibling);
-    if (null === instance) return null;
-  }
-  return instance;
-}
-function getNextHydratable(node) {
-  for (; null != node; node = node.nextSibling) {
-    var nodeType = node.nodeType;
-    if (1 === nodeType || 3 === nodeType) break;
-    if (8 === nodeType) {
-      nodeType = node.data;
-      if (
-        "$" === nodeType ||
-        "$!" === nodeType ||
-        "$?" === nodeType ||
-        "F!" === nodeType ||
-        "F" === nodeType
-      )
-        break;
-      if ("/$" === nodeType) return null;
-    }
-  }
-  return node;
-}
-function getParentSuspenseInstance(targetInstance) {
-  targetInstance = targetInstance.previousSibling;
-  for (var depth = 0; targetInstance; ) {
-    if (8 === targetInstance.nodeType) {
-      var data = targetInstance.data;
-      if ("$" === data || "$!" === data || "$?" === data) {
-        if (0 === depth) return targetInstance;
-        depth--;
-      } else "/$" === data && depth++;
-    }
-    targetInstance = targetInstance.previousSibling;
-  }
-  return null;
-}
-function getBoundingRect(node) {
-  node = node.getBoundingClientRect();
-  return { x: node.left, y: node.top, width: node.width, height: node.height };
-}
-function isHiddenSubtree(fiber) {
-  return 5 === fiber.tag && !0 === fiber.memoizedProps.hidden;
-}
-function setFocusIfFocusable(node) {
-  function handleFocus() {
-    didFocus = !0;
-  }
-  var didFocus = !1;
-  try {
-    node.addEventListener("focus", handleFocus),
-      (node.focus || HTMLElement.prototype.focus).call(node);
-  } finally {
-    node.removeEventListener("focus", handleFocus);
-  }
-  return didFocus;
-}
-function setupIntersectionObserver(targets, callback, options) {
-  var rectRatioCache = new Map();
-  targets.forEach(function (target) {
-    rectRatioCache.set(target, { rect: getBoundingRect(target), ratio: 0 });
-  });
-  var observer = new IntersectionObserver(function (entries) {
-    entries.forEach(function (entry) {
-      var boundingClientRect = entry.boundingClientRect;
-      rectRatioCache.set(entry.target, {
-        rect: {
-          x: boundingClientRect.left,
-          y: boundingClientRect.top,
-          width: boundingClientRect.width,
-          height: boundingClientRect.height
-        },
-        ratio: entry.intersectionRatio
-      });
-    });
-    callback(Array.from(rectRatioCache.values()));
-  }, options);
-  targets.forEach(function (target) {
-    observer.observe(target);
-  });
-  return {
-    disconnect: function () {
-      return observer.disconnect();
-    },
-    observe: function (target) {
-      rectRatioCache.set(target, { rect: getBoundingRect(target), ratio: 0 });
-      observer.observe(target);
-    },
-    unobserve: function (target) {
-      rectRatioCache.delete(target);
-      observer.unobserve(target);
-    }
-  };
-}
-function requestPostPaintCallback(callback) {
-  localRequestAnimationFrame(function () {
-    localRequestAnimationFrame(function (time) {
-      return callback(time);
-    });
-  });
-}
-function resolveSingletonInstance(type, props, rootContainerInstance) {
-  props = getOwnerDocumentFromRootContainer(rootContainerInstance);
-  switch (type) {
-    case "html":
-      type = props.documentElement;
-      if (!type) throw Error(formatProdErrorMessage(452));
-      return type;
-    case "head":
-      type = props.head;
-      if (!type) throw Error(formatProdErrorMessage(453));
-      return type;
-    case "body":
-      type = props.body;
-      if (!type) throw Error(formatProdErrorMessage(454));
-      return type;
-    default:
-      throw Error(formatProdErrorMessage(451));
-  }
-}
-var preloadPropsMap = new Map(),
-  preconnectsSet = new Set();
-function getHoistableRoot(container) {
-  return "function" === typeof container.getRootNode
-    ? container.getRootNode()
-    : container.ownerDocument;
-}
-var previousDispatcher = Internals.d;
-Internals.d = {
-  f: flushSyncWork,
-  r: requestFormReset,
-  D: prefetchDNS$1,
-  C: preconnect$1,
-  L: preload$1,
-  m: preloadModule$1,
-  X: preinitScript,
-  S: preinitStyle,
-  M: preinitModuleScript
-};
-function flushSyncWork() {
-  var previousWasRendering = previousDispatcher.f(),
-    wasRendering = flushSyncWork$1();
-  return previousWasRendering || wasRendering;
-}
-function requestFormReset(form) {
-  var formInst = getInstanceFromNode$1(form);
-  null !== formInst && 5 === formInst.tag && "form" === formInst.type
-    ? requestFormReset$1(formInst)
-    : previousDispatcher.r(form);
-}
-var globalDocument = "undefined" === typeof document ? null : document;
-function preconnectAs(rel, href, crossOrigin) {
-  var ownerDocument = globalDocument;
-  if (ownerDocument && "string" === typeof href && href) {
-    var limitedEscapedHref =
-      escapeSelectorAttributeValueInsideDoubleQuotes(href);
-    limitedEscapedHref =
-      'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
-    "string" === typeof crossOrigin &&
-      (limitedEscapedHref += '[crossorigin="' + crossOrigin + '"]');
-    preconnectsSet.has(limitedEscapedHref) ||
-      (preconnectsSet.add(limitedEscapedHref),
-      (rel = { rel: rel, crossOrigin: crossOrigin, href: href }),
-      null === ownerDocument.querySelector(limitedEscapedHref) &&
-        ((href = ownerDocument.createElement("link")),
-        setInitialProperties(href, "link", rel),
-        markNodeAsHoistable(href),
-        ownerDocument.head.appendChild(href)));
-  }
-}
-function prefetchDNS$1(href) {
-  previousDispatcher.D(href);
-  preconnectAs("dns-prefetch", href, null);
-}
-function preconnect$1(href, crossOrigin) {
-  previousDispatcher.C(href, crossOrigin);
-  preconnectAs("preconnect", href, crossOrigin);
-}
-function preload$1(href, as, options) {
-  previousDispatcher.L(href, as, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && href && as) {
-    var preloadSelector =
-      'link[rel="preload"][as="' +
-      escapeSelectorAttributeValueInsideDoubleQuotes(as) +
-      '"]';
-    "image" === as
-      ? options && options.imageSrcSet
-        ? ((preloadSelector +=
-            '[imagesrcset="' +
-            escapeSelectorAttributeValueInsideDoubleQuotes(
-              options.imageSrcSet
-            ) +
-            '"]'),
-          "string" === typeof options.imageSizes &&
-            (preloadSelector +=
-              '[imagesizes="' +
-              escapeSelectorAttributeValueInsideDoubleQuotes(
-                options.imageSizes
-              ) +
-              '"]'))
-        : (preloadSelector +=
-            '[href="' +
-            escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-            '"]')
-      : (preloadSelector +=
-          '[href="' +
-          escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-          '"]');
-    var key = preloadSelector;
-    switch (as) {
-      case "style":
-        key = getStyleKey(href);
-        break;
-      case "script":
-        key = getScriptKey(href);
-    }
-    preloadPropsMap.has(key) ||
-      ((href = assign(
-        {
-          rel: "preload",
-          href:
-            "image" === as && options && options.imageSrcSet ? void 0 : href,
-          as: as
-        },
-        options
-      )),
-      preloadPropsMap.set(key, href),
-      null !== ownerDocument.querySelector(preloadSelector) ||
-        ("style" === as &&
-          ownerDocument.querySelector(getStylesheetSelectorFromKey(key))) ||
-        ("script" === as &&
-          ownerDocument.querySelector(getScriptSelectorFromKey(key))) ||
-        ((as = ownerDocument.createElement("link")),
-        setInitialProperties(as, "link", href),
-        markNodeAsHoistable(as),
-        ownerDocument.head.appendChild(as)));
-  }
-}
-function preloadModule$1(href, options) {
-  previousDispatcher.m(href, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && href) {
-    var as = options && "string" === typeof options.as ? options.as : "script",
-      preloadSelector =
-        'link[rel="modulepreload"][as="' +
-        escapeSelectorAttributeValueInsideDoubleQuotes(as) +
-        '"][href="' +
-        escapeSelectorAttributeValueInsideDoubleQuotes(href) +
-        '"]',
-      key = preloadSelector;
-    switch (as) {
-      case "audioworklet":
-      case "paintworklet":
-      case "serviceworker":
-      case "sharedworker":
-      case "worker":
-      case "script":
-        key = getScriptKey(href);
-    }
-    if (
-      !preloadPropsMap.has(key) &&
-      ((href = assign({ rel: "modulepreload", href: href }, options)),
-      preloadPropsMap.set(key, href),
-      null === ownerDocument.querySelector(preloadSelector))
-    ) {
-      switch (as) {
-        case "audioworklet":
-        case "paintworklet":
-        case "serviceworker":
-        case "sharedworker":
-        case "worker":
-        case "script":
-          if (ownerDocument.querySelector(getScriptSelectorFromKey(key)))
-            return;
-      }
-      as = ownerDocument.createElement("link");
-      setInitialProperties(as, "link", href);
-      markNodeAsHoistable(as);
-      ownerDocument.head.appendChild(as);
-    }
-  }
-}
-function preinitStyle(href, precedence, options) {
-  previousDispatcher.S(href, precedence, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && href) {
-    var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
-      key = getStyleKey(href);
-    precedence = precedence || "default";
-    var resource = styles.get(key);
-    if (!resource) {
-      var state = { loading: 0, preload: null };
-      if (
-        (resource = ownerDocument.querySelector(
-          getStylesheetSelectorFromKey(key)
-        ))
-      )
-        state.loading = 5;
-      else {
-        href = assign(
-          { rel: "stylesheet", href: href, "data-precedence": precedence },
-          options
-        );
-        (options = preloadPropsMap.get(key)) &&
-          adoptPreloadPropsForStylesheet(href, options);
-        var link = (resource = ownerDocument.createElement("link"));
-        markNodeAsHoistable(link);
-        setInitialProperties(link, "link", href);
-        link._p = new Promise(function (resolve, reject) {
-          link.onload = resolve;
-          link.onerror = reject;
-        });
-        link.addEventListener("load", function () {
-          state.loading |= 1;
-        });
-        link.addEventListener("error", function () {
-          state.loading |= 2;
-        });
-        state.loading |= 4;
-        insertStylesheet(resource, precedence, ownerDocument);
-      }
-      resource = {
-        type: "stylesheet",
-        instance: resource,
-        count: 1,
-        state: state
-      };
-      styles.set(key, resource);
-    }
-  }
-}
-function preinitScript(src, options) {
-  previousDispatcher.X(src, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && src) {
-    var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
-      key = getScriptKey(src),
-      resource = scripts.get(key);
-    resource ||
-      ((resource = ownerDocument.querySelector(getScriptSelectorFromKey(key))),
-      resource ||
-        ((src = assign({ src: src, async: !0 }, options)),
-        (options = preloadPropsMap.get(key)) &&
-          adoptPreloadPropsForScript(src, options),
-        (resource = ownerDocument.createElement("script")),
-        markNodeAsHoistable(resource),
-        setInitialProperties(resource, "link", src),
-        ownerDocument.head.appendChild(resource)),
-      (resource = {
-        type: "script",
-        instance: resource,
-        count: 1,
-        state: null
-      }),
-      scripts.set(key, resource));
-  }
-}
-function preinitModuleScript(src, options) {
-  previousDispatcher.M(src, options);
-  var ownerDocument = globalDocument;
-  if (ownerDocument && src) {
-    var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts,
-      key = getScriptKey(src),
-      resource = scripts.get(key);
-    resource ||
-      ((resource = ownerDocument.querySelector(getScriptSelectorFromKey(key))),
-      resource ||
-        ((src = assign({ src: src, async: !0, type: "module" }, options)),
-        (options = preloadPropsMap.get(key)) &&
-          adoptPreloadPropsForScript(src, options),
-        (resource = ownerDocument.createElement("script")),
-        markNodeAsHoistable(resource),
-        setInitialProperties(resource, "link", src),
-        ownerDocument.head.appendChild(resource)),
-      (resource = {
-        type: "script",
-        instance: resource,
-        count: 1,
-        state: null
-      }),
-      scripts.set(key, resource));
-  }
-}
-function getResource(type, currentProps, pendingProps) {
-  currentProps = (currentProps = rootInstanceStackCursor.current)
-    ? getHoistableRoot(currentProps)
-    : null;
-  if (!currentProps) throw Error(formatProdErrorMessage(446));
-  switch (type) {
-    case "meta":
-    case "title":
-      return null;
-    case "style":
-      return "string" === typeof pendingProps.precedence &&
-        "string" === typeof pendingProps.href
-        ? ((pendingProps = getStyleKey(pendingProps.href)),
-          (currentProps = getResourcesFromRoot(currentProps).hoistableStyles),
-          (type = currentProps.get(pendingProps)),
-          type ||
-            ((type = { type: "style", instance: null, count: 0, state: null }),
-            currentProps.set(pendingProps, type)),
-          type)
-        : { type: "void", instance: null, count: 0, state: null };
-    case "link":
-      if (
-        "stylesheet" === pendingProps.rel &&
-        "string" === typeof pendingProps.href &&
-        "string" === typeof pendingProps.precedence
-      ) {
-        type = getStyleKey(pendingProps.href);
-        var styles$258 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$259 = styles$258.get(type);
-        resource$259 ||
-          ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$259 = {
-            type: "stylesheet",
-            instance: null,
-            count: 0,
-            state: { loading: 0, preload: null }
-          }),
-          styles$258.set(type, resource$259),
-          preloadPropsMap.has(type) ||
-            preloadStylesheet(
-              currentProps,
-              type,
-              {
-                rel: "preload",
-                as: "style",
-                href: pendingProps.href,
-                crossOrigin: pendingProps.crossOrigin,
-                integrity: pendingProps.integrity,
-                media: pendingProps.media,
-                hrefLang: pendingProps.hrefLang,
-                referrerPolicy: pendingProps.referrerPolicy
-              },
-              resource$259.state
-            ));
-        return resource$259;
-      }
-      return null;
-    case "script":
-      return (
-        (type = pendingProps.async),
-        (pendingProps = pendingProps.src),
-        "string" === typeof pendingProps &&
-        type &&
-        "function" !== typeof type &&
-        "symbol" !== typeof type
-          ? ((pendingProps = getScriptKey(pendingProps)),
-            (currentProps =
-              getResourcesFromRoot(currentProps).hoistableScripts),
-            (type = currentProps.get(pendingProps)),
-            type ||
-              ((type = {
-                type: "script",
-                instance: null,
-                count: 0,
-                state: null
-              }),
-              currentProps.set(pendingProps, type)),
-            type)
-          : { type: "void", instance: null, count: 0, state: null }
-      );
-    default:
-      throw Error(formatProdErrorMessage(444, type));
-  }
-}
-function getStyleKey(href) {
-  return 'href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
-}
-function getStylesheetSelectorFromKey(key) {
-  return 'link[rel="stylesheet"][' + key + "]";
-}
-function stylesheetPropsFromRawProps(rawProps) {
-  return assign({}, rawProps, {
-    "data-precedence": rawProps.precedence,
-    precedence: null
-  });
-}
-function preloadStylesheet(ownerDocument, key, preloadProps, state) {
-  preloadPropsMap.set(key, preloadProps);
-  ownerDocument.querySelector(getStylesheetSelectorFromKey(key)) ||
-    (ownerDocument.querySelector('link[rel="preload"][as="style"][' + key + "]")
-      ? (state.loading = 1)
-      : ((key = ownerDocument.createElement("link")),
-        (state.preload = key),
-        key.addEventListener("load", function () {
-          return (state.loading |= 1);
-        }),
-        key.addEventListener("error", function () {
-          return (state.loading |= 2);
-        }),
-        setInitialProperties(key, "link", preloadProps),
-        markNodeAsHoistable(key),
-        ownerDocument.head.appendChild(key)));
-}
-function getScriptKey(src) {
-  return '[src="' + escapeSelectorAttributeValueInsideDoubleQuotes(src) + '"]';
-}
-function getScriptSelectorFromKey(key) {
-  return "script[async]" + key;
-}
-function acquireResource(hoistableRoot, resource, props) {
-  resource.count++;
-  if (null === resource.instance)
-    switch (resource.type) {
-      case "style":
-        var instance = hoistableRoot.querySelector(
-          'style[data-href~="' +
-            escapeSelectorAttributeValueInsideDoubleQuotes(props.href) +
-            '"]'
-        );
-        if (instance)
-          return (
-            (resource.instance = instance),
-            markNodeAsHoistable(instance),
-            instance
-          );
-        var styleProps = assign({}, props, {
-          "data-href": props.href,
-          "data-precedence": props.precedence,
-          href: null,
-          precedence: null
-        });
-        instance = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
-          "style"
-        );
-        markNodeAsHoistable(instance);
-        setInitialProperties(instance, "style", styleProps);
-        insertStylesheet(instance, props.precedence, hoistableRoot);
-        return (resource.instance = instance);
-      case "stylesheet":
-        styleProps = getStyleKey(props.href);
-        var instance$263 = hoistableRoot.querySelector(
-          getStylesheetSelectorFromKey(styleProps)
-        );
-        if (instance$263)
-          return (
-            (resource.state.loading |= 4),
-            (resource.instance = instance$263),
-            markNodeAsHoistable(instance$263),
-            instance$263
-          );
-        instance = stylesheetPropsFromRawProps(props);
-        (styleProps = preloadPropsMap.get(styleProps)) &&
-          adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$263 = (
-          hoistableRoot.ownerDocument || hoistableRoot
-        ).createElement("link");
-        markNodeAsHoistable(instance$263);
-        var linkInstance = instance$263;
-        linkInstance._p = new Promise(function (resolve, reject) {
-          linkInstance.onload = resolve;
-          linkInstance.onerror = reject;
-        });
-        setInitialProperties(instance$263, "link", instance);
-        resource.state.loading |= 4;
-        insertStylesheet(instance$263, props.precedence, hoistableRoot);
-        return (resource.instance = instance$263);
-      case "script":
-        instance$263 = getScriptKey(props.src);
-        if (
-          (styleProps = hoistableRoot.querySelector(
-            getScriptSelectorFromKey(instance$263)
-          ))
-        )
-          return (
-            (resource.instance = styleProps),
-            markNodeAsHoistable(styleProps),
-            styleProps
-          );
-        instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$263)))
-          (instance = assign({}, props)),
-            adoptPreloadPropsForScript(instance, styleProps);
-        hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
-        styleProps = hoistableRoot.createElement("script");
-        markNodeAsHoistable(styleProps);
-        setInitialProperties(styleProps, "link", instance);
-        hoistableRoot.head.appendChild(styleProps);
-        return (resource.instance = styleProps);
-      case "void":
-        return null;
-      default:
-        throw Error(formatProdErrorMessage(443, resource.type));
-    }
-  else
-    "stylesheet" === resource.type &&
-      0 === (resource.state.loading & 4) &&
-      ((instance = resource.instance),
-      (resource.state.loading |= 4),
-      insertStylesheet(instance, props.precedence, hoistableRoot));
-  return resource.instance;
-}
-function insertStylesheet(instance, precedence, root) {
-  for (
-    var nodes = root.querySelectorAll(
-        'link[rel="stylesheet"][data-precedence],style[data-precedence]'
-      ),
-      last = nodes.length ? nodes[nodes.length - 1] : null,
-      prior = last,
-      i = 0;
-    i < nodes.length;
-    i++
-  ) {
-    var node = nodes[i];
-    if (node.dataset.precedence === precedence) prior = node;
-    else if (prior !== last) break;
-  }
-  prior
-    ? prior.parentNode.insertBefore(instance, prior.nextSibling)
-    : ((precedence = 9 === root.nodeType ? root.head : root),
-      precedence.insertBefore(instance, precedence.firstChild));
-}
-function adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps) {
-  null == stylesheetProps.crossOrigin &&
-    (stylesheetProps.crossOrigin = preloadProps.crossOrigin);
-  null == stylesheetProps.referrerPolicy &&
-    (stylesheetProps.referrerPolicy = preloadProps.referrerPolicy);
-  null == stylesheetProps.title && (stylesheetProps.title = preloadProps.title);
-}
-function adoptPreloadPropsForScript(scriptProps, preloadProps) {
-  null == scriptProps.crossOrigin &&
-    (scriptProps.crossOrigin = preloadProps.crossOrigin);
-  null == scriptProps.referrerPolicy &&
-    (scriptProps.referrerPolicy = preloadProps.referrerPolicy);
-  null == scriptProps.integrity &&
-    (scriptProps.integrity = preloadProps.integrity);
-}
-var tagCaches = null;
-function getHydratableHoistableCache(type, keyAttribute, ownerDocument) {
-  if (null === tagCaches) {
-    var cache = new Map();
-    var caches = (tagCaches = new Map());
-    caches.set(ownerDocument, cache);
-  } else
-    (caches = tagCaches),
-      (cache = caches.get(ownerDocument)),
-      cache || ((cache = new Map()), caches.set(ownerDocument, cache));
-  if (cache.has(type)) return cache;
-  cache.set(type, null);
-  ownerDocument = ownerDocument.getElementsByTagName(type);
-  for (caches = 0; caches < ownerDocument.length; caches++) {
-    var node = ownerDocument[caches];
-    if (
-      !(
-        node[internalHoistableMarker] ||
-        node[internalInstanceKey] ||
-        ("link" === type && "stylesheet" === node.getAttribute("rel"))
-      ) &&
-      "http://www.w3.org/2000/svg" !== node.namespaceURI
-    ) {
-      var nodeKey = node.getAttribute(keyAttribute) || "";
-      nodeKey = type + nodeKey;
-      var existing = cache.get(nodeKey);
-      existing ? existing.push(node) : cache.set(nodeKey, [node]);
-    }
-  }
-  return cache;
-}
-function mountHoistable(hoistableRoot, type, instance) {
-  hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
-  hoistableRoot.head.insertBefore(
-    instance,
-    "title" === type ? hoistableRoot.querySelector("head > title") : null
-  );
-}
-function isHostHoistableType(type, props, hostContext) {
-  if (1 === hostContext || null != props.itemProp) return !1;
-  switch (type) {
-    case "meta":
-    case "title":
-      return !0;
-    case "style":
-      if (
-        "string" !== typeof props.precedence ||
-        "string" !== typeof props.href ||
-        "" === props.href
-      )
-        break;
-      return !0;
-    case "link":
-      if (
-        "string" !== typeof props.rel ||
-        "string" !== typeof props.href ||
-        "" === props.href ||
-        props.onLoad ||
-        props.onError
-      )
-        break;
-      switch (props.rel) {
-        case "stylesheet":
-          return (
-            (type = props.disabled),
-            "string" === typeof props.precedence && null == type
-          );
-        default:
-          return !0;
-      }
-    case "script":
-      if (
-        props.async &&
-        "function" !== typeof props.async &&
-        "symbol" !== typeof props.async &&
-        !props.onLoad &&
-        !props.onError &&
-        props.src &&
-        "string" === typeof props.src
-      )
-        return !0;
-  }
-  return !1;
-}
-var suspendedState = null;
-function noop() {}
-function suspendResource(hoistableRoot, resource, props) {
-  if (null === suspendedState) throw Error(formatProdErrorMessage(475));
-  var state = suspendedState;
-  if (
-    "stylesheet" === resource.type &&
-    ("string" !== typeof props.media ||
-      !1 !== matchMedia(props.media).matches) &&
-    0 === (resource.state.loading & 4)
-  ) {
-    if (null === resource.instance) {
-      var key = getStyleKey(props.href),
-        instance = hoistableRoot.querySelector(
-          getStylesheetSelectorFromKey(key)
-        );
-      if (instance) {
-        hoistableRoot = instance._p;
-        null !== hoistableRoot &&
-          "object" === typeof hoistableRoot &&
-          "function" === typeof hoistableRoot.then &&
-          (state.count++,
-          (state = onUnsuspend.bind(state)),
-          hoistableRoot.then(state, state));
-        resource.state.loading |= 4;
-        resource.instance = instance;
-        markNodeAsHoistable(instance);
-        return;
-      }
-      instance = hoistableRoot.ownerDocument || hoistableRoot;
-      props = stylesheetPropsFromRawProps(props);
-      (key = preloadPropsMap.get(key)) &&
-        adoptPreloadPropsForStylesheet(props, key);
-      instance = instance.createElement("link");
-      markNodeAsHoistable(instance);
-      var linkInstance = instance;
-      linkInstance._p = new Promise(function (resolve, reject) {
-        linkInstance.onload = resolve;
-        linkInstance.onerror = reject;
-      });
-      setInitialProperties(instance, "link", props);
-      resource.instance = instance;
-    }
-    null === state.stylesheets && (state.stylesheets = new Map());
-    state.stylesheets.set(resource, hoistableRoot);
-    (hoistableRoot = resource.state.preload) &&
-      0 === (resource.state.loading & 3) &&
-      (state.count++,
-      (resource = onUnsuspend.bind(state)),
-      hoistableRoot.addEventListener("load", resource),
-      hoistableRoot.addEventListener("error", resource));
-  }
-}
-function waitForCommitToBeReady() {
-  if (null === suspendedState) throw Error(formatProdErrorMessage(475));
-  var state = suspendedState;
-  state.stylesheets &&
-    0 === state.count &&
-    insertSuspendedStylesheets(state, state.stylesheets);
-  return 0 < state.count
-    ? function (commit) {
-        var stylesheetTimer = setTimeout(function () {
-          state.stylesheets &&
-            insertSuspendedStylesheets(state, state.stylesheets);
-          if (state.unsuspend) {
-            var unsuspend = state.unsuspend;
-            state.unsuspend = null;
-            unsuspend();
-          }
-        }, 6e4);
-        state.unsuspend = commit;
-        return function () {
-          state.unsuspend = null;
-          clearTimeout(stylesheetTimer);
-        };
-      }
-    : null;
-}
-function onUnsuspend() {
-  this.count--;
-  if (0 === this.count)
-    if (this.stylesheets) insertSuspendedStylesheets(this, this.stylesheets);
-    else if (this.unsuspend) {
-      var unsuspend = this.unsuspend;
-      this.unsuspend = null;
-      unsuspend();
-    }
-}
-var precedencesByRoot = null;
-function insertSuspendedStylesheets(state, resources) {
-  state.stylesheets = null;
-  null !== state.unsuspend &&
-    (state.count++,
-    (precedencesByRoot = new Map()),
-    resources.forEach(insertStylesheetIntoRoot, state),
-    (precedencesByRoot = null),
-    onUnsuspend.call(state));
-}
-function insertStylesheetIntoRoot(root, resource) {
-  if (!(resource.state.loading & 4)) {
-    var precedences = precedencesByRoot.get(root);
-    if (precedences) var last = precedences.get(null);
-    else {
-      precedences = new Map();
-      precedencesByRoot.set(root, precedences);
-      for (
-        var nodes = root.querySelectorAll(
-            "link[data-precedence],style[data-precedence]"
-          ),
-          i = 0;
-        i < nodes.length;
-        i++
-      ) {
-        var node = nodes[i];
-        if (
-          "link" === node.nodeName ||
-          "not all" !== node.getAttribute("media")
-        )
-          precedences.set(node.dataset.precedence, node), (last = node);
-      }
-      last && precedences.set(null, last);
-    }
-    nodes = resource.instance;
-    node = nodes.getAttribute("data-precedence");
-    i = precedences.get(node) || last;
-    i === last && precedences.set(null, nodes);
-    precedences.set(node, nodes);
-    this.count++;
-    last = onUnsuspend.bind(this);
-    nodes.addEventListener("load", last);
-    nodes.addEventListener("error", last);
-    i
-      ? i.parentNode.insertBefore(nodes, i.nextSibling)
-      : ((root = 9 === root.nodeType ? root.head : root),
-        root.insertBefore(nodes, root.firstChild));
-    resource.state.loading |= 4;
-  }
-}
 function FiberRootNode(
   containerInfo,
   tag,
@@ -16045,14 +16061,9 @@ function getContextForSubtree(parentComponent) {
   parentComponent = emptyContextObject;
   return parentComponent;
 }
-function updateContainerImpl(
-  rootFiber,
-  lane,
-  element,
-  container,
-  parentComponent,
-  callback
-) {
+function updateContainer(element, container, parentComponent, callback) {
+  var current = container.current,
+    lane = requestUpdateLane();
   parentComponent = getContextForSubtree(parentComponent);
   null === container.context
     ? (container.context = parentComponent)
@@ -16061,10 +16072,33 @@ function updateContainerImpl(
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  element = enqueueUpdate(rootFiber, container, lane);
+  element = enqueueUpdate(current, container, lane);
   null !== element &&
-    (scheduleUpdateOnFiber(element, rootFiber, lane),
-    entangleTransitions(element, rootFiber, lane));
+    (scheduleUpdateOnFiber(element, current, lane),
+    entangleTransitions(element, current, lane));
+  return lane;
+}
+function attemptSynchronousHydration(fiber) {
+  switch (fiber.tag) {
+    case 3:
+      var root$278 = fiber.stateNode;
+      if (root$278.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$278.pendingLanes);
+        0 !== lanes &&
+          (upgradePendingLanesToSync(root$278, lanes),
+          ensureRootIsScheduled(root$278),
+          0 === (executionContext & 6) &&
+            ((workInProgressRootRenderTargetTime = now() + 500),
+            flushSyncWorkAcrossRoots_impl(!1)));
+      }
+      break;
+    case 13:
+      flushSync$1(function () {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root && scheduleUpdateOnFiber(root, fiber, 2);
+      }),
+        markRetryLaneIfNotHydrated(fiber, 2);
+  }
 }
 function markRetryLaneImpl(fiber, retryLane) {
   fiber = fiber.memoizedState;
@@ -16084,54 +16118,11 @@ function attemptContinuousHydration(fiber) {
     markRetryLaneIfNotHydrated(fiber, 67108864);
   }
 }
-function findHostInstanceByFiber(fiber) {
-  fiber = findCurrentHostFiber(fiber);
-  return null === fiber ? null : fiber.stateNode;
-}
 function emptyFindFiberByHostInstance() {
   return null;
 }
-function injectIntoDevTools(devToolsConfig) {
-  devToolsConfig = {
-    bundleType: devToolsConfig.bundleType,
-    version: devToolsConfig.version,
-    rendererPackageName: devToolsConfig.rendererPackageName,
-    rendererConfig: devToolsConfig.rendererConfig,
-    overrideHookState: null,
-    overrideHookStateDeletePath: null,
-    overrideHookStateRenamePath: null,
-    overrideProps: null,
-    overridePropsDeletePath: null,
-    overridePropsRenamePath: null,
-    setErrorHandler: null,
-    setSuspenseHandler: null,
-    scheduleUpdate: null,
-    currentDispatcherRef: ReactSharedInternals,
-    findHostInstanceByFiber: findHostInstanceByFiber,
-    findFiberByHostInstance:
-      devToolsConfig.findFiberByHostInstance || emptyFindFiberByHostInstance,
-    findHostInstancesForRefresh: null,
-    scheduleRefresh: null,
-    scheduleRoot: null,
-    setRefreshHandler: null,
-    getCurrentFiber: null,
-    reconcilerVersion: "19.0.0-www-modern-854157c3"
-  };
-  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)
-    devToolsConfig = !1;
-  else {
-    var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-    if (hook.isDisabled || !hook.supportsFiber) devToolsConfig = !0;
-    else {
-      try {
-        (rendererID = hook.inject(devToolsConfig)), (injectedHook = hook);
-      } catch (err) {}
-      devToolsConfig = hook.checkDCE ? !0 : !1;
-    }
-  }
-  return devToolsConfig;
-}
-var _enabled = !0;
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  _enabled = !0;
 function createEventListenerWrapperWithPriority(
   targetContainer,
   domEventName,
@@ -16160,14 +16151,15 @@ function dispatchDiscreteEvent(
   container,
   nativeEvent
 ) {
-  var prevTransition = ReactSharedInternals.T;
-  ReactSharedInternals.T = null;
-  var previousPriority = Internals.p;
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
   try {
-    (Internals.p = 2),
+    (currentUpdatePriority = 2),
       dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
   }
 }
 function dispatchContinuousEvent(
@@ -16176,14 +16168,15 @@ function dispatchContinuousEvent(
   container,
   nativeEvent
 ) {
-  var prevTransition = ReactSharedInternals.T;
-  ReactSharedInternals.T = null;
-  var previousPriority = Internals.p;
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
   try {
-    (Internals.p = 8),
+    (currentUpdatePriority = 8),
       dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
   } finally {
-    (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition);
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
   }
 }
 function dispatchEvent(
@@ -16220,33 +16213,7 @@ function dispatchEvent(
     ) {
       for (; null !== blockedOn; ) {
         var fiber = getInstanceFromNode$1(blockedOn);
-        if (null !== fiber)
-          switch (fiber.tag) {
-            case 3:
-              fiber = fiber.stateNode;
-              if (fiber.current.memoizedState.isDehydrated) {
-                var lanes = getHighestPriorityLanes(fiber.pendingLanes);
-                if (0 !== lanes) {
-                  var root = fiber;
-                  root.pendingLanes |= 2;
-                  for (root.entangledLanes |= 2; lanes; ) {
-                    var lane = 1 << (31 - clz32(lanes));
-                    root.entanglements[1] |= lane;
-                    lanes &= ~lane;
-                  }
-                  ensureRootIsScheduled(fiber);
-                  0 === (executionContext & 6) &&
-                    ((workInProgressRootRenderTargetTime = now() + 500),
-                    flushSyncWorkAcrossRoots_impl(!1));
-                }
-              }
-              break;
-            case 13:
-              (root = enqueueConcurrentRenderForLane(fiber, 2)),
-                null !== root && scheduleUpdateOnFiber(root, fiber, 2),
-                flushSyncWork$1(),
-                markRetryLaneIfNotHydrated(fiber, 2);
-          }
+        null !== fiber && attemptSynchronousHydration(fiber);
         fiber = findInstanceBlockingEvent(nativeEvent);
         null === fiber &&
           dispatchEventForPluginEventSystem(
@@ -16716,9 +16683,7 @@ ReactDOMHydrationRoot.prototype.render = ReactDOMRoot.prototype.render =
   function (children) {
     var root = this._internalRoot;
     if (null === root) throw Error(formatProdErrorMessage(409));
-    var current = root.current,
-      lane = requestUpdateLane();
-    updateContainerImpl(current, lane, children, root, null, null);
+    updateContainer(children, root, null, null);
   };
 ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
   function () {
@@ -16726,9 +16691,9 @@ ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
     if (null !== root) {
       this._internalRoot = null;
       var container = root.containerInfo;
-      0 === root.tag && flushPassiveEffects();
-      updateContainerImpl(root.current, 2, null, root, null, null);
-      flushSyncWork$1();
+      flushSync$1(function () {
+        updateContainer(null, root, null, null);
+      });
       container[internalContainerInstanceKey] = null;
     }
   };
@@ -16737,7 +16702,7 @@ function ReactDOMHydrationRoot(internalRoot) {
 }
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
   if (target) {
-    var updatePriority = resolveUpdatePriority();
+    var updatePriority = currentUpdatePriority;
     target = { blockedOn: null, target: target, priority: updatePriority };
     for (
       var i = 0;
@@ -16786,6 +16751,7 @@ function getCrossOriginStringAs(as, input) {
   if ("string" === typeof input)
     return "use-credentials" === input ? input : "";
 }
+var ReactDOMCurrentDispatcher = Internals.ReactDOMCurrentDispatcher;
 Internals.findDOMNode = function (componentOrElement) {
   var fiber = componentOrElement._reactInternals;
   if (void 0 === fiber) {
@@ -16810,22 +16776,57 @@ Internals.Events = [
   restoreStateIfNeeded,
   unstable_batchedUpdates
 ];
-injectIntoDevTools({
+var devToolsConfig$jscomp$inline_1714 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "19.0.0-www-modern-854157c3",
+  version: "19.0.0-www-modern-9e5a00ad",
   rendererPackageName: "react-dom"
-});
+};
+var internals$jscomp$inline_2118 = {
+  bundleType: devToolsConfig$jscomp$inline_1714.bundleType,
+  version: devToolsConfig$jscomp$inline_1714.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1714.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1714.rendererConfig,
+  overrideHookState: null,
+  overrideHookStateDeletePath: null,
+  overrideHookStateRenamePath: null,
+  overrideProps: null,
+  overridePropsDeletePath: null,
+  overridePropsRenamePath: null,
+  setErrorHandler: null,
+  setSuspenseHandler: null,
+  scheduleUpdate: null,
+  currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
+  findHostInstanceByFiber: function (fiber) {
+    fiber = findCurrentHostFiber(fiber);
+    return null === fiber ? null : fiber.stateNode;
+  },
+  findFiberByHostInstance:
+    devToolsConfig$jscomp$inline_1714.findFiberByHostInstance ||
+    emptyFindFiberByHostInstance,
+  findHostInstancesForRefresh: null,
+  scheduleRefresh: null,
+  scheduleRoot: null,
+  setRefreshHandler: null,
+  getCurrentFiber: null,
+  reconcilerVersion: "19.0.0-www-modern-9e5a00ad"
+};
+if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
+  var hook$jscomp$inline_2119 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (
+    !hook$jscomp$inline_2119.isDisabled &&
+    hook$jscomp$inline_2119.supportsFiber
+  )
+    try {
+      (rendererID = hook$jscomp$inline_2119.inject(
+        internals$jscomp$inline_2118
+      )),
+        (injectedHook = hook$jscomp$inline_2119);
+    } catch (err) {}
+}
 if ("function" !== typeof require("ReactFiberErrorDialog").showErrorDialog)
   throw Error(formatProdErrorMessage(320));
-injectIntoDevTools({
-  findFiberByHostInstance: getClosestInstanceFromNode,
-  bundleType: 0,
-  version: "19.0.0-www-modern-854157c3",
-  rendererPackageName: "react-dom"
-});
-exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
-  Internals;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createComponentSelector = function (component) {
   return { $$typeof: COMPONENT_TYPE, value: component };
 };
@@ -16958,15 +16959,7 @@ exports.findBoundingRects = function (hostRoot, selectors) {
   return hostRoot;
 };
 exports.flushSync = function (fn) {
-  var previousTransition = ReactSharedInternals.T,
-    previousUpdatePriority = Internals.p;
-  try {
-    if (((ReactSharedInternals.T = null), (Internals.p = 2), fn)) return fn();
-  } finally {
-    (ReactSharedInternals.T = previousTransition),
-      (Internals.p = previousUpdatePriority),
-      Internals.d.f();
-  }
+  return flushSync$1(fn);
 };
 exports.focusWithin = function (hostRoot, selectors) {
   hostRoot = findFiberRootForHostRoot(hostRoot);
@@ -17102,10 +17095,11 @@ exports.preconnect = function (href, options) {
               : ""
             : void 0))
       : (options = null),
-    Internals.d.C(href, options));
+    ReactDOMCurrentDispatcher.current.preconnect(href, options));
 };
 exports.prefetchDNS = function (href) {
-  "string" === typeof href && Internals.d.D(href);
+  "string" === typeof href &&
+    ReactDOMCurrentDispatcher.current.prefetchDNS(href);
 };
 exports.preinit = function (href, options) {
   if ("string" === typeof href && options && "string" === typeof options.as) {
@@ -17118,7 +17112,7 @@ exports.preinit = function (href, options) {
           ? options.fetchPriority
           : void 0;
     "style" === as
-      ? Internals.d.S(
+      ? ReactDOMCurrentDispatcher.current.preinitStyle(
           href,
           "string" === typeof options.precedence ? options.precedence : void 0,
           {
@@ -17128,7 +17122,7 @@ exports.preinit = function (href, options) {
           }
         )
       : "script" === as &&
-        Internals.d.X(href, {
+        ReactDOMCurrentDispatcher.current.preinitScript(href, {
           crossOrigin: crossOrigin,
           integrity: integrity,
           fetchPriority: fetchPriority,
@@ -17144,14 +17138,16 @@ exports.preinitModule = function (href, options) {
           options.as,
           options.crossOrigin
         );
-        Internals.d.M(href, {
+        ReactDOMCurrentDispatcher.current.preinitModuleScript(href, {
           crossOrigin: crossOrigin,
           integrity:
             "string" === typeof options.integrity ? options.integrity : void 0,
           nonce: "string" === typeof options.nonce ? options.nonce : void 0
         });
       }
-    } else null == options && Internals.d.M(href);
+    } else
+      null == options &&
+        ReactDOMCurrentDispatcher.current.preinitModuleScript(href);
 };
 exports.preload = function (href, options) {
   if (
@@ -17162,7 +17158,7 @@ exports.preload = function (href, options) {
   ) {
     var as = options.as,
       crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
-    Internals.d.L(href, as, {
+    ReactDOMCurrentDispatcher.current.preload(href, as, {
       crossOrigin: crossOrigin,
       integrity:
         "string" === typeof options.integrity ? options.integrity : void 0,
@@ -17188,7 +17184,7 @@ exports.preloadModule = function (href, options) {
   if ("string" === typeof href)
     if (options) {
       var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
-      Internals.d.m(href, {
+      ReactDOMCurrentDispatcher.current.preloadModule(href, {
         as:
           "string" === typeof options.as && "script" !== options.as
             ? options.as
@@ -17197,7 +17193,7 @@ exports.preloadModule = function (href, options) {
         integrity:
           "string" === typeof options.integrity ? options.integrity : void 0
       });
-    } else Internals.d.m(href);
+    } else ReactDOMCurrentDispatcher.current.preloadModule(href);
 };
 exports.unstable_batchedUpdates = unstable_batchedUpdates;
 exports.unstable_createEventHandle = function (type, options) {
@@ -17230,9 +17226,13 @@ exports.unstable_createEventHandle = function (type, options) {
   return eventHandle;
 };
 exports.useFormState = function (action, initialState, permalink) {
-  return ReactSharedInternals.H.useFormState(action, initialState, permalink);
+  return ReactCurrentDispatcher$2.current.useFormState(
+    action,
+    initialState,
+    permalink
+  );
 };
 exports.useFormStatus = function () {
-  return ReactSharedInternals.H.useHostTransitionStatus();
+  return ReactCurrentDispatcher$2.current.useHostTransitionStatus();
 };
-exports.version = "19.0.0-www-modern-854157c3";
+exports.version = "19.0.0-www-modern-9e5a00ad";
diff --git a/compiled/facebook-www/ReactFlightDOMClient-dev.modern.js b/compiled/facebook-www/ReactFlightDOMClient-dev.modern.js
index c3249fbbab..f4505884bf 100644
--- a/compiled/facebook-www/ReactFlightDOMClient-dev.modern.js
+++ b/compiled/facebook-www/ReactFlightDOMClient-dev.modern.js
@@ -78,21 +78,19 @@ if (__DEV__) {
     }
 
     var ReactDOMSharedInternals =
-      ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
     // This client file is in the shared folder because it applies to both SSR and browser contexts.
+    var ReactDOMCurrentDispatcher =
+      ReactDOMSharedInternals.ReactDOMCurrentDispatcher;
     function dispatchHint(code, model) {
-      var dispatcher = ReactDOMSharedInternals.d;
-      /* ReactDOMCurrentDispatcher */
+      var dispatcher = ReactDOMCurrentDispatcher.current;
 
       switch (code) {
         case "D": {
           var refined = refineModel(code, model);
           var href = refined;
-          dispatcher.D(
-            /* prefetchDNS */
-            href
-          );
+          dispatcher.prefetchDNS(href);
           return;
         }
 
@@ -101,18 +99,11 @@ if (__DEV__) {
 
           if (typeof _refined === "string") {
             var _href = _refined;
-            dispatcher.C(
-              /* preconnect */
-              _href
-            );
+            dispatcher.preconnect(_href);
           } else {
             var _href2 = _refined[0];
             var crossOrigin = _refined[1];
-            dispatcher.C(
-              /* preconnect */
-              _href2,
-              crossOrigin
-            );
+            dispatcher.preconnect(_href2, crossOrigin);
           }
 
           return;
@@ -126,18 +117,9 @@ if (__DEV__) {
 
           if (_refined2.length === 3) {
             var options = _refined2[2];
-            dispatcher.L(
-              /* preload */
-              _href3,
-              as,
-              options
-            );
+            dispatcher.preload(_href3, as, options);
           } else {
-            dispatcher.L(
-              /* preload */
-              _href3,
-              as
-            );
+            dispatcher.preload(_href3, as);
           }
 
           return;
@@ -148,66 +130,44 @@ if (__DEV__) {
 
           if (typeof _refined3 === "string") {
             var _href4 = _refined3;
-            dispatcher.m(
-              /* preloadModule */
-              _href4
-            );
+            dispatcher.preloadModule(_href4);
           } else {
             var _href5 = _refined3[0];
             var _options = _refined3[1];
-            dispatcher.m(
-              /* preloadModule */
-              _href5,
-              _options
-            );
-          }
-
-          return;
-        }
-
-        case "X": {
-          var _refined4 = refineModel(code, model);
-
-          if (typeof _refined4 === "string") {
-            var _href6 = _refined4;
-            dispatcher.X(
-              /* preinitScript */
-              _href6
-            );
-          } else {
-            var _href7 = _refined4[0];
-            var _options2 = _refined4[1];
-            dispatcher.X(
-              /* preinitScript */
-              _href7,
-              _options2
-            );
+            dispatcher.preloadModule(_href5, _options);
           }
 
           return;
         }
 
         case "S": {
+          var _refined4 = refineModel(code, model);
+
+          if (typeof _refined4 === "string") {
+            var _href6 = _refined4;
+            dispatcher.preinitStyle(_href6);
+          } else {
+            var _href7 = _refined4[0];
+            var precedence = _refined4[1] === 0 ? undefined : _refined4[1];
+
+            var _options2 = _refined4.length === 3 ? _refined4[2] : undefined;
+
+            dispatcher.preinitStyle(_href7, precedence, _options2);
+          }
+
+          return;
+        }
+
+        case "X": {
           var _refined5 = refineModel(code, model);
 
           if (typeof _refined5 === "string") {
             var _href8 = _refined5;
-            dispatcher.S(
-              /* preinitStyle */
-              _href8
-            );
+            dispatcher.preinitScript(_href8);
           } else {
             var _href9 = _refined5[0];
-            var precedence = _refined5[1] === 0 ? undefined : _refined5[1];
-
-            var _options3 = _refined5.length === 3 ? _refined5[2] : undefined;
-
-            dispatcher.S(
-              /* preinitStyle */
-              _href9,
-              precedence,
-              _options3
-            );
+            var _options3 = _refined5[1];
+            dispatcher.preinitScript(_href9, _options3);
           }
 
           return;
@@ -218,18 +178,11 @@ if (__DEV__) {
 
           if (typeof _refined6 === "string") {
             var _href10 = _refined6;
-            dispatcher.M(
-              /* preinitModuleScript */
-              _href10
-            );
+            dispatcher.preinitModuleScript(_href10);
           } else {
             var _href11 = _refined6[0];
             var _options4 = _refined6[1];
-            dispatcher.M(
-              /* preinitModuleScript */
-              _href11,
-              _options4
-            );
+            dispatcher.preinitModuleScript(_href11, _options4);
           }
 
           return;
@@ -623,8 +576,7 @@ if (__DEV__) {
       }
     }
 
-    function createElement(type, key, props, owner) {
-      // DEV-only
+    function createElement(type, key, props) {
       var element;
 
       if (enableRefAsProp) {
@@ -634,7 +586,7 @@ if (__DEV__) {
           type: type,
           key: key,
           props: props,
-          _owner: owner
+          _owner: null
         };
         Object.defineProperty(element, "ref", {
           enumerable: false,
@@ -649,7 +601,7 @@ if (__DEV__) {
           ref: null,
           props: props,
           // Record the component responsible for creating this element.
-          _owner: owner
+          _owner: null
         };
       }
 
@@ -704,14 +656,7 @@ if (__DEV__) {
       return chunk;
     }
 
-    function createModelResolver(
-      chunk,
-      parentObject,
-      key,
-      cyclic,
-      response,
-      map
-    ) {
+    function createModelResolver(chunk, parentObject, key, cyclic) {
       var blocked;
 
       if (initializingChunkBlockedModel) {
@@ -728,11 +673,11 @@ if (__DEV__) {
       }
 
       return function (value) {
-        parentObject[key] = map(response, value); // If this is the root object for a model reference, where `blocked.value`
+        parentObject[key] = value; // If this is the root object for a model reference, where `blocked.value`
         // is a stale `null`, the resolved value can be used directly.
 
         if (key === "" && blocked.value === null) {
-          blocked.value = parentObject[key];
+          blocked.value = value;
         }
 
         blocked.deps--;
@@ -787,95 +732,26 @@ if (__DEV__) {
       return proxy;
     }
 
-    function getOutlinedModel(response, id, parentObject, key, map) {
+    function getOutlinedModel(response, id) {
       var chunk = getChunk(response, id);
 
       switch (chunk.status) {
         case RESOLVED_MODEL:
           initializeModelChunk(chunk);
           break;
-
-        case RESOLVED_MODULE:
-          initializeModuleChunk(chunk);
-          break;
       } // The status might have changed after initialization.
 
       switch (chunk.status) {
-        case INITIALIZED:
-          var chunkValue = map(response, chunk.value);
-
-          if (chunk._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: chunk._debugInfo
-              });
-            }
-          }
-
-          return chunkValue;
-
-        case PENDING:
-        case BLOCKED:
-        case CYCLIC:
-          var parentChunk = initializingChunk;
-          chunk.then(
-            createModelResolver(
-              parentChunk,
-              parentObject,
-              key,
-              chunk.status === CYCLIC,
-              response,
-              map
-            ),
-            createModelReject(parentChunk)
-          );
-          return null;
+        case INITIALIZED: {
+          return chunk.value;
+        }
+        // We always encode it first in the stream so it won't be pending.
 
         default:
           throw chunk.reason;
       }
     }
 
-    function createMap(response, model) {
-      return new Map(model);
-    }
-
-    function createSet(response, model) {
-      return new Set(model);
-    }
-
-    function createFormData(response, model) {
-      var formData = new FormData();
-
-      for (var i = 0; i < model.length; i++) {
-        formData.append(model[i][0], model[i][1]);
-      }
-
-      return formData;
-    }
-
-    function createModel(response, model) {
-      return model;
-    }
-
     function parseModelString(response, parentObject, key, value) {
       if (value[0] === "$") {
         if (value === "$") {
@@ -921,13 +797,8 @@ if (__DEV__) {
             // Server Reference
             var _id2 = parseInt(value.slice(2), 16);
 
-            return getOutlinedModel(
-              response,
-              _id2,
-              parentObject,
-              key,
-              createServerReferenceProxy
-            );
+            var metadata = getOutlinedModel(response, _id2);
+            return createServerReferenceProxy(response, metadata);
           }
 
           case "T": {
@@ -950,43 +821,17 @@ if (__DEV__) {
             // Map
             var _id4 = parseInt(value.slice(2), 16);
 
-            return getOutlinedModel(
-              response,
-              _id4,
-              parentObject,
-              key,
-              createMap
-            );
+            var data = getOutlinedModel(response, _id4);
+            return new Map(data);
           }
 
           case "W": {
             // Set
             var _id5 = parseInt(value.slice(2), 16);
 
-            return getOutlinedModel(
-              response,
-              _id5,
-              parentObject,
-              key,
-              createSet
-            );
-          }
+            var _data = getOutlinedModel(response, _id5);
 
-          case "B": {
-            return undefined;
-          }
-
-          case "K": {
-            // FormData
-            var _id7 = parseInt(value.slice(2), 16);
-
-            return getOutlinedModel(
-              response,
-              _id7,
-              parentObject,
-              key,
-              createFormData
-            );
+            return new Set(_data);
           }
 
           case "I": {
@@ -1041,15 +886,72 @@ if (__DEV__) {
 
           default: {
             // We assume that anything else is a reference ID.
-            var _id8 = parseInt(value.slice(1), 16);
+            var _id6 = parseInt(value.slice(1), 16);
 
-            return getOutlinedModel(
-              response,
-              _id8,
-              parentObject,
-              key,
-              createModel
-            );
+            var _chunk2 = getChunk(response, _id6);
+
+            switch (_chunk2.status) {
+              case RESOLVED_MODEL:
+                initializeModelChunk(_chunk2);
+                break;
+
+              case RESOLVED_MODULE:
+                initializeModuleChunk(_chunk2);
+                break;
+            } // The status might have changed after initialization.
+
+            switch (_chunk2.status) {
+              case INITIALIZED:
+                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:
+              case CYCLIC:
+                var parentChunk = initializingChunk;
+
+                _chunk2.then(
+                  createModelResolver(
+                    parentChunk,
+                    parentObject,
+                    key,
+                    _chunk2.status === CYCLIC
+                  ),
+                  createModelReject(parentChunk)
+                );
+
+                return null;
+
+              default:
+                throw _chunk2.reason;
+            }
           }
         }
       }
@@ -1063,7 +965,7 @@ if (__DEV__) {
       if (tuple[0] === REACT_ELEMENT_TYPE) {
         // TODO: Consider having React just directly accept these arrays as elements.
         // Or even change the ReactElement type to be an array.
-        return createElement(tuple[1], tuple[2], tuple[3], tuple[4]);
+        return createElement(tuple[1], tuple[2], tuple[3]);
       }
 
       return value;
@@ -1204,10 +1106,9 @@ if (__DEV__) {
       var payload = parseModel(response, value);
       var methodName = payload[0]; // TODO: Restore the fake stack before logging.
       // const stackTrace = payload[1];
-      // const owner = payload[2];
 
-      var env = payload[3];
-      var args = payload.slice(4);
+      var env = payload[2];
+      var args = payload.slice(3);
       printToConsole(methodName, args, env);
     }
 
@@ -1261,7 +1162,7 @@ if (__DEV__) {
         case 68: /* "D" */
         {
           {
-            var debugInfo = parseModel(response, row);
+            var debugInfo = JSON.parse(row);
             resolveDebugInfo(response, id, debugInfo);
             return;
           } // Fallthrough to share the error with Console entries.
diff --git a/compiled/facebook-www/ReactFlightDOMClient-prod.modern.js b/compiled/facebook-www/ReactFlightDOMClient-prod.modern.js
index 3552d1cadf..89e779f493 100644
--- a/compiled/facebook-www/ReactFlightDOMClient-prod.modern.js
+++ b/compiled/facebook-www/ReactFlightDOMClient-prod.modern.js
@@ -14,8 +14,9 @@
 var ReactDOM = require("react-dom");
 require("ReactFeatureFlags");
 var decoderOptions = { stream: !0 },
-  ReactDOMSharedInternals =
-    ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  ReactDOMCurrentDispatcher =
+    ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+      .ReactDOMCurrentDispatcher;
 function resolveClientReference(moduleMap, metadata) {
   if ("function" === typeof moduleMap.resolveClientReference)
     return moduleMap.resolveClientReference(metadata);
@@ -190,7 +191,7 @@ function getChunk(response, id) {
     chunks.set(id, chunk));
   return chunk;
 }
-function createModelResolver(chunk, parentObject, key, cyclic, response, map) {
+function createModelResolver(chunk, parentObject, key, cyclic) {
   if (initializingChunkBlockedModel) {
     var blocked = initializingChunkBlockedModel;
     cyclic || blocked.deps++;
@@ -200,8 +201,8 @@ function createModelResolver(chunk, parentObject, key, cyclic, response, map) {
       value: null
     };
   return function (value) {
-    parentObject[key] = map(response, value);
-    "" === key && null === blocked.value && (blocked.value = parentObject[key]);
+    parentObject[key] = value;
+    "" === key && null === blocked.value && (blocked.value = value);
     blocked.deps--;
     0 === blocked.deps &&
       "blocked" === chunk.status &&
@@ -232,53 +233,19 @@ function createServerReferenceProxy(response, metaData) {
   knownServerReferences.set(proxy, metaData);
   return proxy;
 }
-function getOutlinedModel(response, id, parentObject, key, map) {
-  id = getChunk(response, id);
-  switch (id.status) {
+function getOutlinedModel(response, id) {
+  response = getChunk(response, id);
+  switch (response.status) {
     case "resolved_model":
-      initializeModelChunk(id);
-      break;
-    case "resolved_module":
-      initializeModuleChunk(id);
+      initializeModelChunk(response);
   }
-  switch (id.status) {
+  switch (response.status) {
     case "fulfilled":
-      return map(response, id.value);
-    case "pending":
-    case "blocked":
-    case "cyclic":
-      var parentChunk = initializingChunk;
-      id.then(
-        createModelResolver(
-          parentChunk,
-          parentObject,
-          key,
-          "cyclic" === id.status,
-          response,
-          map
-        ),
-        createModelReject(parentChunk)
-      );
-      return null;
+      return response.value;
     default:
-      throw id.reason;
+      throw response.reason;
   }
 }
-function createMap(response, model) {
-  return new Map(model);
-}
-function createSet(response, model) {
-  return new Set(model);
-}
-function createFormData(response, model) {
-  response = new FormData();
-  for (var i = 0; i < model.length; i++)
-    response.append(model[i][0], model[i][1]);
-  return response;
-}
-function createModel(response, model) {
-  return model;
-}
 function parseModelString(response, parentObject, key, value) {
   if ("$" === value[0]) {
     if ("$" === value) return REACT_ELEMENT_TYPE;
@@ -299,14 +266,9 @@ function parseModelString(response, parentObject, key, value) {
         return Symbol.for(value.slice(2));
       case "F":
         return (
-          (value = parseInt(value.slice(2), 16)),
-          getOutlinedModel(
-            response,
-            value,
-            parentObject,
-            key,
-            createServerReferenceProxy
-          )
+          (parentObject = parseInt(value.slice(2), 16)),
+          (parentObject = getOutlinedModel(response, parentObject)),
+          createServerReferenceProxy(response, parentObject)
         );
       case "T":
         parentObject = parseInt(value.slice(2), 16);
@@ -322,20 +284,15 @@ function parseModelString(response, parentObject, key, value) {
         return response[parentObject];
       case "Q":
         return (
-          (value = parseInt(value.slice(2), 16)),
-          getOutlinedModel(response, value, parentObject, key, createMap)
+          (parentObject = parseInt(value.slice(2), 16)),
+          (response = getOutlinedModel(response, parentObject)),
+          new Map(response)
         );
       case "W":
         return (
-          (value = parseInt(value.slice(2), 16)),
-          getOutlinedModel(response, value, parentObject, key, createSet)
-        );
-      case "B":
-        return;
-      case "K":
-        return (
-          (value = parseInt(value.slice(2), 16)),
-          getOutlinedModel(response, value, parentObject, key, createFormData)
+          (parentObject = parseInt(value.slice(2), 16)),
+          (response = getOutlinedModel(response, parentObject)),
+          new Set(response)
         );
       case "I":
         return Infinity;
@@ -350,10 +307,37 @@ function parseModelString(response, parentObject, key, value) {
       case "n":
         return BigInt(value.slice(2));
       default:
-        return (
-          (value = parseInt(value.slice(1), 16)),
-          getOutlinedModel(response, value, parentObject, key, createModel)
-        );
+        value = parseInt(value.slice(1), 16);
+        response = getChunk(response, value);
+        switch (response.status) {
+          case "resolved_model":
+            initializeModelChunk(response);
+            break;
+          case "resolved_module":
+            initializeModuleChunk(response);
+        }
+        switch (response.status) {
+          case "fulfilled":
+            return response.value;
+          case "pending":
+          case "blocked":
+          case "cyclic":
+            return (
+              (value = initializingChunk),
+              response.then(
+                createModelResolver(
+                  value,
+                  parentObject,
+                  key,
+                  "cyclic" === response.status
+                ),
+                createModelReject(value)
+              ),
+              null
+            );
+          default:
+            throw response.reason;
+        }
     }
   }
   return value;
@@ -474,46 +458,46 @@ function startReadingFromStream(response, stream) {
               rowID = rowTag[0];
               rowTag = rowTag.slice(1);
               rowLength = JSON.parse(rowTag, rowLength._fromJSON);
-              rowTag = ReactDOMSharedInternals.d;
+              rowTag = ReactDOMCurrentDispatcher.current;
               switch (rowID) {
                 case "D":
-                  rowTag.D(rowLength);
+                  rowTag.prefetchDNS(rowLength);
                   break;
                 case "C":
                   "string" === typeof rowLength
-                    ? rowTag.C(rowLength)
-                    : rowTag.C(rowLength[0], rowLength[1]);
+                    ? rowTag.preconnect(rowLength)
+                    : rowTag.preconnect(rowLength[0], rowLength[1]);
                   break;
                 case "L":
                   rowID = rowLength[0];
                   i = rowLength[1];
                   3 === rowLength.length
-                    ? rowTag.L(rowID, i, rowLength[2])
-                    : rowTag.L(rowID, i);
+                    ? rowTag.preload(rowID, i, rowLength[2])
+                    : rowTag.preload(rowID, i);
                   break;
                 case "m":
                   "string" === typeof rowLength
-                    ? rowTag.m(rowLength)
-                    : rowTag.m(rowLength[0], rowLength[1]);
-                  break;
-                case "X":
-                  "string" === typeof rowLength
-                    ? rowTag.X(rowLength)
-                    : rowTag.X(rowLength[0], rowLength[1]);
+                    ? rowTag.preloadModule(rowLength)
+                    : rowTag.preloadModule(rowLength[0], rowLength[1]);
                   break;
                 case "S":
                   "string" === typeof rowLength
-                    ? rowTag.S(rowLength)
-                    : rowTag.S(
+                    ? rowTag.preinitStyle(rowLength)
+                    : rowTag.preinitStyle(
                         rowLength[0],
                         0 === rowLength[1] ? void 0 : rowLength[1],
                         3 === rowLength.length ? rowLength[2] : void 0
                       );
                   break;
+                case "X":
+                  "string" === typeof rowLength
+                    ? rowTag.preinitScript(rowLength)
+                    : rowTag.preinitScript(rowLength[0], rowLength[1]);
+                  break;
                 case "M":
                   "string" === typeof rowLength
-                    ? rowTag.M(rowLength)
-                    : rowTag.M(rowLength[0], rowLength[1]);
+                    ? rowTag.preinitModuleScript(rowLength)
+                    : rowTag.preinitModuleScript(rowLength[0], rowLength[1]);
               }
               break;
             case 69:
diff --git a/compiled/facebook-www/ReactFlightDOMServer-dev.modern.js b/compiled/facebook-www/ReactFlightDOMServer-dev.modern.js
index 75dc31f155..2bb1dd4c54 100644
--- a/compiled/facebook-www/ReactFlightDOMServer-dev.modern.js
+++ b/compiled/facebook-www/ReactFlightDOMServer-dev.modern.js
@@ -86,10 +86,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -156,44 +158,20 @@ if (__DEV__) {
     }
 
     var ReactDOMSharedInternals =
-      ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-    var previousDispatcher = ReactDOMSharedInternals.d;
-    /* ReactDOMCurrentDispatcher */
-
-    ReactDOMSharedInternals.d =
-      /* ReactDOMCurrentDispatcher */
-      {
-        f:
-          /* flushSyncWork */
-          previousDispatcher.f,
-        /* flushSyncWork */
-        r:
-          /* requestFormReset */
-          previousDispatcher.r,
-        /* requestFormReset */
-        D:
-          /* prefetchDNS */
-          prefetchDNS,
-        C:
-          /* preconnect */
-          preconnect,
-        L:
-          /* preload */
-          preload,
-        m:
-          /* preloadModule */
-          preloadModule,
-        X:
-          /* preinitScript */
-          preinitScript,
-        S:
-          /* preinitStyle */
-          preinitStyle,
-        M:
-          /* preinitModuleScript */
-          preinitModuleScript
-      };
+    var ReactDOMCurrentDispatcher =
+      ReactDOMSharedInternals.ReactDOMCurrentDispatcher;
+    var previousDispatcher = ReactDOMCurrentDispatcher.current;
+    ReactDOMCurrentDispatcher.current = {
+      prefetchDNS: prefetchDNS,
+      preconnect: preconnect,
+      preload: preload,
+      preloadModule: preloadModule,
+      preinitStyle: preinitStyle,
+      preinitScript: preinitScript,
+      preinitModuleScript: preinitModuleScript
+    };
 
     function prefetchDNS(href) {
       if (typeof href === "string" && href) {
@@ -211,10 +189,7 @@ if (__DEV__) {
           hints.add(key);
           emitHint(request, "D", href);
         } else {
-          previousDispatcher.D(
-            /* prefetchDNS */
-            href
-          );
+          previousDispatcher.prefetchDNS(href);
         }
       }
     }
@@ -241,11 +216,7 @@ if (__DEV__) {
             emitHint(request, "C", href);
           }
         } else {
-          previousDispatcher.C(
-            /* preconnect */
-            href,
-            crossOrigin
-          );
+          previousDispatcher.preconnect(href, crossOrigin);
         }
       }
     }
@@ -282,12 +253,7 @@ if (__DEV__) {
             emitHint(request, "L", [href, as]);
           }
         } else {
-          previousDispatcher.L(
-            /* preload */
-            href,
-            as,
-            options
-          );
+          previousDispatcher.preload(href, as, options);
         }
       }
     }
@@ -314,11 +280,7 @@ if (__DEV__) {
             return emitHint(request, "m", href);
           }
         } else {
-          previousDispatcher.m(
-            /* preloadModule */
-            href,
-            options
-          );
+          previousDispatcher.preloadModule(href, options);
         }
       }
     }
@@ -351,12 +313,7 @@ if (__DEV__) {
             return emitHint(request, "S", href);
           }
         } else {
-          previousDispatcher.S(
-            /* preinitStyle */
-            href,
-            precedence,
-            options
-          );
+          previousDispatcher.preinitStyle(href, precedence, options);
         }
       }
     }
@@ -383,11 +340,7 @@ if (__DEV__) {
             return emitHint(request, "X", src);
           }
         } else {
-          previousDispatcher.X(
-            /* preinitScript */
-            src,
-            options
-          );
+          previousDispatcher.preinitScript(src, options);
         }
       }
     }
@@ -414,11 +367,7 @@ if (__DEV__) {
             return emitHint(request, "M", src);
           }
         } else {
-          previousDispatcher.M(
-            /* preinitModuleScript */
-            src,
-            options
-          );
+          previousDispatcher.preinitModuleScript(src, options);
         }
       }
     } // Flight normally encodes undefined as a special character however for directive option
@@ -636,37 +585,21 @@ if (__DEV__) {
     var currentRequest$1 = null;
     var thenableIndexCounter = 0;
     var thenableState = null;
-    var currentComponentDebugInfo = null;
     function prepareToUseHooksForRequest(request) {
       currentRequest$1 = request;
     }
     function resetHooksForRequest() {
       currentRequest$1 = null;
     }
-    function prepareToUseHooksForComponent(
-      prevThenableState,
-      componentDebugInfo
-    ) {
+    function prepareToUseHooksForComponent(prevThenableState) {
       thenableIndexCounter = 0;
       thenableState = prevThenableState;
-
-      {
-        currentComponentDebugInfo = componentDebugInfo;
-      }
     }
     function getThenableStateAfterSuspending() {
       // 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();
-
-      {
-        // This is a hack but we stash the debug info here so that we don't need a completely
-        // different data structure just for this in DEV. Not too happy about it.
-        state._componentDebugInfo = currentComponentDebugInfo;
-        currentComponentDebugInfo = null;
-      }
-
       thenableState = null;
       return state;
     }
@@ -1150,10 +1083,13 @@ if (__DEV__) {
       return "\n  " + str;
     }
 
-    var ReactSharedInternalsServer = // $FlowFixMe: It's defined in the one we resolve to.
-      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    var ReactSharedInternals =
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-    if (!ReactSharedInternalsServer) {
+    var ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
+      React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+    if (!ReactSharedServerInternals) {
       throw new Error(
         'The "react" package in this environment is not configured correctly. ' +
           'The "react-server" condition must be enabled in any environment that ' +
@@ -1161,8 +1097,6 @@ if (__DEV__) {
       );
     }
 
-    var ReactSharedInternals = ReactSharedInternalsServer;
-
     function patchConsole(consoleInst, methodName) {
       var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
 
@@ -1205,8 +1139,7 @@ if (__DEV__) {
             // refer to previous logs in debug info to associate them with a component.
 
             var id = request.nextChunkId++;
-            var owner = ReactSharedInternals.owner;
-            emitConsoleChunk(request, id, methodName, owner, stack, arguments);
+            emitConsoleChunk(request, id, methodName, stack, arguments);
           } // $FlowFixMe[prop-missing]
 
           return originalMethod.apply(this, arguments);
@@ -1254,6 +1187,8 @@ if (__DEV__) {
 
     var SEEN_BUT_NOT_YET_OUTLINED = -1;
     var NEVER_OUTLINED = -2;
+    var ReactCurrentCache = ReactSharedServerInternals.ReactCurrentCache;
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
 
     function defaultErrorHandler(error) {
       console["error"](error); // Don't transform to our wrapper
@@ -1275,15 +1210,15 @@ if (__DEV__) {
       environmentName
     ) {
       if (
-        ReactSharedInternals.C !== null &&
-        ReactSharedInternals.C !== DefaultCacheDispatcher
+        ReactCurrentCache.current !== null &&
+        ReactCurrentCache.current !== DefaultCacheDispatcher
       ) {
         throw new Error(
           "Currently React only supports one RSC renderer at a time."
         );
       }
 
-      ReactSharedInternals.C = DefaultCacheDispatcher;
+      ReactCurrentCache.current = DefaultCacheDispatcher;
       var abortSet = new Set();
       var pingedTasks = [];
       var cleanupQueue = [];
@@ -1499,63 +1434,34 @@ if (__DEV__) {
       return lazyType;
     }
 
-    function renderFunctionComponent(
-      request,
-      task,
-      key,
-      Component,
-      props,
-      owner
-    ) {
+    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;
-      var componentDebugInfo = 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) {
-          // This is a replay and we've already emitted the debug info of this component
-          // in the first pass. We skip emitting a duplicate line.
-          // As a hack we stashed the previous component debug info on this object in DEV.
-          componentDebugInfo = prevThenableState._componentDebugInfo;
-        } else {
+        } 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++;
-          var componentDebugID = debugID;
-          componentDebugInfo = {
+          emitDebugChunk(request, debugID, {
             name: componentName,
-            env: request.environmentName,
-            owner: owner
-          }; // We outline this model eagerly so that we can refer to by reference as an owner.
-          // If we had a smarter way to dedupe we might not have to do this if there ends up
-          // being no references to this as an owner.
-
-          outlineModel(request, componentDebugInfo);
-          emitDebugChunk(request, componentDebugID, componentDebugInfo);
+            env: request.environmentName
+          });
         }
       }
 
-      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); // The secondArg is always undefined in Server Components since refs error early.
+      prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
 
       var secondArg = undefined;
-      var result;
-
-      {
-        ReactSharedInternals.owner = componentDebugInfo;
-
-        try {
-          result = Component(props, secondArg);
-        } finally {
-          ReactSharedInternals.owner = null;
-        }
-      }
+      var result = Component(props, secondArg);
 
       if (
         typeof result === "object" &&
@@ -1651,8 +1557,7 @@ if (__DEV__) {
       return children;
     }
 
-    function renderClientElement(task, type, key, props, owner) {
-      // DEV-only
+    function renderClientElement(task, type, key, props) {
       // the keys of any Server Components which are not serialized.
 
       var keyPath = task.keyPath;
@@ -1663,7 +1568,7 @@ if (__DEV__) {
         key = keyPath + "," + key;
       }
 
-      var element = [REACT_ELEMENT_TYPE, type, key, props, owner];
+      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.
@@ -1702,8 +1607,7 @@ if (__DEV__) {
       return serializeLazyID(newTask.id);
     }
 
-    function renderElement(request, task, type, key, ref, props, owner) {
-      // DEV only
+    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
@@ -1726,13 +1630,13 @@ if (__DEV__) {
       if (typeof type === "function") {
         if (isClientReference(type) || isTemporaryReference(type)) {
           // This is a reference to a Client Component.
-          return renderClientElement(task, type, key, props, owner);
+          return renderClientElement(task, type, key, props);
         } // This is a Server Component.
 
-        return renderFunctionComponent(request, task, key, type, props, owner);
+        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, owner);
+        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
@@ -1755,11 +1659,11 @@ if (__DEV__) {
         } // 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, owner);
+        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, owner);
+          return renderClientElement(task, type, key, props);
         }
 
         switch (type.$$typeof) {
@@ -1767,15 +1671,7 @@ if (__DEV__) {
             var payload = type._payload;
             var init = type._init;
             var wrappedType = init(payload);
-            return renderElement(
-              request,
-              task,
-              wrappedType,
-              key,
-              ref,
-              props,
-              owner
-            );
+            return renderElement(request, task, wrappedType, key, ref, props);
           }
 
           case REACT_FORWARD_REF_TYPE: {
@@ -1784,21 +1680,12 @@ if (__DEV__) {
               task,
               key,
               type.render,
-              props,
-              owner
+              props
             );
           }
 
           case REACT_MEMO_TYPE: {
-            return renderElement(
-              request,
-              task,
-              type.type,
-              key,
-              ref,
-              props,
-              owner
-            );
+            return renderElement(request, task, type.type, key, ref, props);
           }
         }
       }
@@ -2079,12 +1966,6 @@ if (__DEV__) {
       return "$Q" + id.toString(16);
     }
 
-    function serializeFormData(request, formData) {
-      var entries = Array.from(formData.entries());
-      var id = outlineModel(request, entries);
-      return "$K" + id.toString(16);
-    }
-
     function serializeSet(request, set) {
       var entries = Array.from(set);
 
@@ -2282,8 +2163,7 @@ if (__DEV__) {
               element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
               element.key,
               ref,
-              props,
-              element._owner
+              props
             );
           }
 
@@ -2391,10 +2271,6 @@ if (__DEV__) {
 
         if (value instanceof Set) {
           return serializeSet(request, value);
-        } // TODO: FormData is not available in old Node. Remove the typeof later.
-
-        if (typeof FormData === "function" && value instanceof FormData) {
-          return serializeFormData(request, value);
         }
 
         var iteratorFn = getIteratorFn(value);
@@ -2671,23 +2547,7 @@ if (__DEV__) {
     }
 
     function emitDebugChunk(request, id, debugInfo) {
-      // use the full serialization that requires a task.
-
-      var counter = {
-        objectCount: 0
-      };
-
-      function replacer(parentPropertyName, value) {
-        return renderConsoleValue(
-          request,
-          counter,
-          this,
-          parentPropertyName,
-          value
-        );
-      } // $FlowFixMe[incompatible-type] stringify can return null
-
-      var json = stringify(debugInfo, replacer);
+      var json = stringify(debugInfo);
       var row = serializeRowHeader("D", id) + json + "\n";
       var processedChunk = stringToChunk(row);
       request.completedRegularChunks.push(processedChunk);
@@ -2787,10 +2647,6 @@ if (__DEV__) {
 
         if (value instanceof Set) {
           return serializeSet(request, value);
-        } // TODO: FormData is not available in old Node. Remove the typeof later.
-
-        if (typeof FormData === "function" && value instanceof FormData) {
-          return serializeFormData(request, value);
         }
 
         var iteratorFn = getIteratorFn(value);
@@ -2900,14 +2756,7 @@ if (__DEV__) {
       return id;
     }
 
-    function emitConsoleChunk(
-      request,
-      id,
-      methodName,
-      owner,
-      stackTrace,
-      args
-    ) {
+    function emitConsoleChunk(request, id, methodName, stackTrace, args) {
       var counter = {
         objectCount: 0
       };
@@ -2927,7 +2776,7 @@ if (__DEV__) {
       } // TODO: Don't double badge if this log came from another Flight Client.
 
       var env = request.environmentName;
-      var payload = [methodName, stackTrace, owner, env]; // $FlowFixMe[method-unbinding]
+      var payload = [methodName, stackTrace, env]; // $FlowFixMe[method-unbinding]
 
       payload.push.apply(payload, args); // $FlowFixMe[incompatible-type] stringify can return null
 
@@ -3034,8 +2883,8 @@ if (__DEV__) {
     }
 
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest = request;
       prepareToUseHooksForRequest(request);
@@ -3056,7 +2905,7 @@ if (__DEV__) {
         logRecoverableError(request, error);
         fatalError(request, error);
       } finally {
-        ReactSharedInternals.H = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
         resetHooksForRequest();
         currentRequest = prevRequest;
       }
diff --git a/compiled/facebook-www/ReactFlightDOMServer-prod.modern.js b/compiled/facebook-www/ReactFlightDOMServer-prod.modern.js
index f79f19fe88..dacda1a2eb 100644
--- a/compiled/facebook-www/ReactFlightDOMServer-prod.modern.js
+++ b/compiled/facebook-www/ReactFlightDOMServer-prod.modern.js
@@ -26,19 +26,18 @@ function writeChunkAndReturn(destination, chunk) {
   destination.write(chunk);
   return !0;
 }
-var ReactDOMSharedInternals =
-    ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-  previousDispatcher = ReactDOMSharedInternals.d;
-ReactDOMSharedInternals.d = {
-  f: previousDispatcher.f,
-  r: previousDispatcher.r,
-  D: prefetchDNS,
-  C: preconnect,
-  L: preload,
-  m: preloadModule,
-  X: preinitScript,
-  S: preinitStyle,
-  M: preinitModuleScript
+var ReactDOMCurrentDispatcher =
+    ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+      .ReactDOMCurrentDispatcher,
+  previousDispatcher = ReactDOMCurrentDispatcher.current;
+ReactDOMCurrentDispatcher.current = {
+  prefetchDNS: prefetchDNS,
+  preconnect: preconnect,
+  preload: preload,
+  preloadModule: preloadModule,
+  preinitStyle: preinitStyle,
+  preinitScript: preinitScript,
+  preinitModuleScript: preinitModuleScript
 };
 function prefetchDNS(href) {
   if ("string" === typeof href && href) {
@@ -47,7 +46,7 @@ function prefetchDNS(href) {
       var hints = request.hints,
         key = "D|" + href;
       hints.has(key) || (hints.add(key), emitHint(request, "D", href));
-    } else previousDispatcher.D(href);
+    } else previousDispatcher.prefetchDNS(href);
   }
 }
 function preconnect(href, crossOrigin) {
@@ -61,7 +60,7 @@ function preconnect(href, crossOrigin) {
         "string" === typeof crossOrigin
           ? emitHint(request, "C", [href, crossOrigin])
           : emitHint(request, "C", href));
-    } else previousDispatcher.C(href, crossOrigin);
+    } else previousDispatcher.preconnect(href, crossOrigin);
   }
 }
 function preload(href, as, options) {
@@ -86,7 +85,7 @@ function preload(href, as, options) {
         (options = trimOptions(options))
           ? emitHint(request, "L", [href, as, options])
           : emitHint(request, "L", [href, as]));
-    } else previousDispatcher.L(href, as, options);
+    } else previousDispatcher.preload(href, as, options);
   }
 }
 function preloadModule(href, options) {
@@ -101,7 +100,7 @@ function preloadModule(href, options) {
         ? emitHint(request, "m", [href, options])
         : emitHint(request, "m", href);
     }
-    previousDispatcher.m(href, options);
+    previousDispatcher.preloadModule(href, options);
   }
 }
 function preinitStyle(href, precedence, options) {
@@ -122,7 +121,7 @@ function preinitStyle(href, precedence, options) {
         ? emitHint(request, "S", [href, precedence])
         : emitHint(request, "S", href);
     }
-    previousDispatcher.S(href, precedence, options);
+    previousDispatcher.preinitStyle(href, precedence, options);
   }
 }
 function preinitScript(src, options) {
@@ -137,7 +136,7 @@ function preinitScript(src, options) {
         ? emitHint(request, "X", [src, options])
         : emitHint(request, "X", src);
     }
-    previousDispatcher.X(src, options);
+    previousDispatcher.preinitScript(src, options);
   }
 }
 function preinitModuleScript(src, options) {
@@ -152,7 +151,7 @@ function preinitModuleScript(src, options) {
         ? emitHint(request, "M", [src, options])
         : emitHint(request, "M", src);
     }
-    previousDispatcher.M(src, options);
+    previousDispatcher.preinitModuleScript(src, options);
   }
 }
 function trimOptions(options) {
@@ -431,14 +430,18 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
+var ReactSharedInternals =
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
+  ReactSharedServerInternals =
+    React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if (!ReactSharedServerInternals)
   throw Error(
     'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
   );
 var ObjectPrototype = Object.prototype,
-  stringify = JSON.stringify;
+  stringify = JSON.stringify,
+  ReactCurrentCache = ReactSharedServerInternals.ReactCurrentCache,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
 function defaultErrorHandler(error) {
   console.error(error);
 }
@@ -859,11 +862,6 @@ function renderModelDestructive(
               parentPropertyName.set(parent, -1));
       return "$W" + outlineModel(request, value).toString(16);
     }
-    if ("function" === typeof FormData && value instanceof FormData)
-      return (
-        (value = Array.from(value.entries())),
-        "$K" + outlineModel(request, value).toString(16)
-      );
     null === value || "object" !== typeof value
       ? (parent = null)
       : ((parent =
@@ -1023,8 +1021,8 @@ function retryTask(request, task) {
     }
 }
 function performWork(request) {
-  var prevDispatcher = ReactSharedInternalsServer.H;
-  ReactSharedInternalsServer.H = HooksDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = HooksDispatcher;
   var prevRequest = currentRequest;
   currentRequest$1 = currentRequest = request;
   try {
@@ -1037,7 +1035,7 @@ function performWork(request) {
   } catch (error) {
     logRecoverableError(request, error), fatalError(request, error);
   } finally {
-    (ReactSharedInternalsServer.H = prevDispatcher),
+    (ReactCurrentDispatcher.current = prevDispatcher),
       (currentRequest$1 = null),
       (currentRequest = prevRequest);
   }
@@ -1090,11 +1088,11 @@ exports.renderToDestination = function (destination, model, options) {
     );
   var onError = options ? options.onError : void 0;
   if (
-    null !== ReactSharedInternalsServer.C &&
-    ReactSharedInternalsServer.C !== DefaultCacheDispatcher
+    null !== ReactCurrentCache.current &&
+    ReactCurrentCache.current !== DefaultCacheDispatcher
   )
     throw Error("Currently React only supports one RSC renderer at a time.");
-  ReactSharedInternalsServer.C = DefaultCacheDispatcher;
+  ReactCurrentCache.current = DefaultCacheDispatcher;
   var abortSet = new Set();
   options = [];
   var hints = new Set();
diff --git a/compiled/facebook-www/ReactServer-dev.modern.js b/compiled/facebook-www/ReactServer-dev.modern.js
index 2bde6a19a3..7abccdb69f 100644
--- a/compiled/facebook-www/ReactServer-dev.modern.js
+++ b/compiled/facebook-www/ReactServer-dev.modern.js
@@ -58,10 +58,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -86,36 +88,55 @@ if (__DEV__) {
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
       disableDefaultPropsExceptForClasses =
         dynamicFeatureFlags.disableDefaultPropsExceptForClasses; // On WWW, true is used for a new modern build.
-    // because JSX is an extremely hot path.
 
-    var disableStringRefs = false;
-
-    var ReactSharedInternals = {
-      H: null,
-      C: null
+    /**
+     * Keeps track of the current Cache dispatcher.
+     */
+    var ReactCurrentCache = {
+      current: null
     };
 
-    {
-      ReactSharedInternals.owner = null;
-    }
+    /**
+     * 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;
 
     {
-      var currentExtraStackFrame = null;
-
-      ReactSharedInternals.setExtraStackFrame = function (stack) {
-        currentExtraStackFrame = stack;
+      ReactDebugCurrentFrame$1.setExtraStackFrame = function (stack) {
+        {
+          currentExtraStackFrame = stack;
+        }
       }; // Stack implementation injected by the current renderer.
 
-      ReactSharedInternals.getCurrentStack = null;
+      ReactDebugCurrentFrame$1.getCurrentStack = null;
 
-      ReactSharedInternals.getStackAddendum = function () {
+      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 = ReactSharedInternals.getCurrentStack;
+        var impl = ReactDebugCurrentFrame$1.getCurrentStack;
 
         if (impl) {
           stack += impl() || "";
@@ -125,6 +146,19 @@ if (__DEV__) {
       };
     }
 
+    var ReactSharedInternals = {
+      ReactCurrentDispatcher: ReactCurrentDispatcher$1,
+      ReactCurrentOwner: ReactCurrentOwner$1
+    };
+
+    {
+      ReactSharedInternals.ReactDebugCurrentFrame = ReactDebugCurrentFrame$1;
+    }
+
+    var ReactServerSharedInternals = {
+      ReactCurrentCache: ReactCurrentCache
+    };
+
     var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
 
     function isArray(a) {
@@ -245,22 +279,8 @@ if (__DEV__) {
         }
       }
     }
-    function checkPropStringCoercion(value, propName) {
-      {
-        if (willCoercionThrow(value)) {
-          error(
-            "The provided `%s` prop is an unsupported type %s." +
-              " This value must be coerced to a string before using it here.",
-            propName,
-            typeName(value)
-          );
 
-          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
-        }
-      }
-    }
-
-    function getWrappedName$1(outerType, innerType, wrapperName) {
+    function getWrappedName(outerType, innerType, wrapperName) {
       var displayName = outerType.displayName;
 
       if (displayName) {
@@ -273,7 +293,7 @@ if (__DEV__) {
         : wrapperName;
     } // Keep in sync with react-reconciler/getComponentNameFromFiber
 
-    function getContextName$1(type) {
+    function getContextName(type) {
       return type.displayName || "Context";
     }
 
@@ -340,28 +360,28 @@ if (__DEV__) {
               return null;
             } else {
               var provider = type;
-              return getContextName$1(provider._context) + ".Provider";
+              return getContextName(provider._context) + ".Provider";
             }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
             if (enableRenderableContext) {
-              return getContextName$1(context) + ".Provider";
+              return getContextName(context) + ".Provider";
             } else {
-              return getContextName$1(context) + ".Consumer";
+              return getContextName(context) + ".Consumer";
             }
 
           case REACT_CONSUMER_TYPE:
             if (enableRenderableContext) {
               var consumer = type;
-              return getContextName$1(consumer._context) + ".Consumer";
+              return getContextName(consumer._context) + ".Consumer";
             } else {
               return null;
             }
 
           case REACT_FORWARD_REF_TYPE:
-            return getWrappedName$1(type, type.render, "ForwardRef");
+            return getWrappedName(type, type.render, "ForwardRef");
 
           case REACT_MEMO_TYPE:
             var outerName = type.displayName || null;
@@ -531,8 +551,9 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -584,13 +605,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher.current = null;
         disableLogs();
       }
       /**
@@ -783,7 +804,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -801,7 +822,7 @@ if (__DEV__) {
 
       return syntheticFrame;
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -812,7 +833,7 @@ if (__DEV__) {
       return !!(prototype && prototype.isReactComponent);
     }
 
-    function describeUnknownElementTypeFrameInDEV(type) {
+    function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
       if (type == null) {
         return "";
       }
@@ -842,7 +863,7 @@ if (__DEV__) {
 
           case REACT_MEMO_TYPE:
             // Memo may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(type.type);
+            return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
 
           case REACT_LAZY_TYPE: {
             var lazyComponent = type;
@@ -851,7 +872,10 @@ if (__DEV__) {
 
             try {
               // Lazy may contain any component type so we recursively resolve it.
-              return describeUnknownElementTypeFrameInDEV(init(payload));
+              return describeUnknownElementTypeFrameInDEV(
+                init(payload),
+                ownerFn
+              );
             } catch (x) {}
           }
         }
@@ -860,165 +884,13 @@ if (__DEV__) {
       return "";
     }
 
-    var FunctionComponent = 0;
-    var ClassComponent = 1;
-    var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
-
-    var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
-
-    var HostComponent = 5;
-    var HostText = 6;
-    var Fragment = 7;
-    var Mode = 8;
-    var ContextConsumer = 9;
-    var ContextProvider = 10;
-    var ForwardRef = 11;
-    var Profiler = 12;
-    var SuspenseComponent = 13;
-    var MemoComponent = 14;
-    var SimpleMemoComponent = 15;
-    var LazyComponent = 16;
-    var IncompleteClassComponent = 17;
-    var DehydratedFragment = 18;
-    var SuspenseListComponent = 19;
-    var ScopeComponent = 21;
-    var OffscreenComponent = 22;
-    var LegacyHiddenComponent = 23;
-    var CacheComponent = 24;
-    var TracingMarkerComponent = 25;
-    var HostHoistable = 26;
-    var HostSingleton = 27;
-    var IncompleteFunctionComponent = 28;
-
-    function getWrappedName(outerType, innerType, wrapperName) {
-      var functionName = innerType.displayName || innerType.name || "";
-      return (
-        outerType.displayName ||
-        (functionName !== ""
-          ? wrapperName + "(" + functionName + ")"
-          : wrapperName)
-      );
-    } // Keep in sync with shared/getComponentNameFromType
-
-    function getContextName(type) {
-      return type.displayName || "Context";
-    }
-    function getComponentNameFromFiber(fiber) {
-      var tag = fiber.tag,
-        type = fiber.type;
-
-      switch (tag) {
-        case CacheComponent:
-          return "Cache";
-
-        case ContextConsumer:
-          if (enableRenderableContext) {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          } else {
-            var context = type;
-            return getContextName(context) + ".Consumer";
-          }
-
-        case ContextProvider:
-          if (enableRenderableContext) {
-            var _context = type;
-            return getContextName(_context) + ".Provider";
-          } else {
-            var provider = type;
-            return getContextName(provider._context) + ".Provider";
-          }
-
-        case DehydratedFragment:
-          return "DehydratedFragment";
-
-        case ForwardRef:
-          return getWrappedName(type, type.render, "ForwardRef");
-
-        case Fragment:
-          return "Fragment";
-
-        case HostHoistable:
-        case HostSingleton:
-        case HostComponent:
-          // Host component type is the display name (e.g. "div", "View")
-          return type;
-
-        case HostPortal:
-          return "Portal";
-
-        case HostRoot:
-          return "Root";
-
-        case HostText:
-          return "Text";
-
-        case LazyComponent:
-          // Name comes from the type in this case; we don't have a tag.
-          return getComponentNameFromType(type);
-
-        case Mode:
-          if (type === REACT_STRICT_MODE_TYPE) {
-            // Don't be less specific than shared/getComponentNameFromType
-            return "StrictMode";
-          }
-
-          return "Mode";
-
-        case OffscreenComponent:
-          return "Offscreen";
-
-        case Profiler:
-          return "Profiler";
-
-        case ScopeComponent:
-          return "Scope";
-
-        case SuspenseComponent:
-          return "Suspense";
-
-        case SuspenseListComponent:
-          return "SuspenseList";
-
-        case TracingMarkerComponent:
-          return "TracingMarker";
-        // The display name for these tags come from the user-provided type:
-
-        case IncompleteClassComponent:
-        case IncompleteFunctionComponent: {
-          break;
-        }
-
-        // Fallthrough
-
-        case ClassComponent:
-        case FunctionComponent:
-        case MemoComponent:
-        case SimpleMemoComponent:
-          if (typeof type === "function") {
-            return type.displayName || type.name || null;
-          }
-
-          if (typeof type === "string") {
-            return type;
-          }
-
-          break;
-
-        case LegacyHiddenComponent: {
-          return "LegacyHidden";
-        }
-      }
-
-      return null;
-    }
-
+    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;
-    var didWarnAboutOldJSXRuntime;
 
     {
       didWarnAboutStringRefs = {};
@@ -1057,12 +929,12 @@ if (__DEV__) {
       {
         if (
           typeof config.ref === "string" &&
-          ReactSharedInternals.owner &&
+          ReactCurrentOwner.current &&
           self &&
-          ReactSharedInternals.owner.stateNode !== self
+          ReactCurrentOwner.current.stateNode !== self
         ) {
           var componentName = getComponentNameFromType(
-            ReactSharedInternals.owner.type
+            ReactCurrentOwner.current.type
           );
 
           if (!didWarnAboutStringRefs[componentName]) {
@@ -1073,7 +945,7 @@ if (__DEV__) {
                 "We ask you to manually fix this case by using useRef() or createRef() instead. " +
                 "Learn more about using refs safely here: " +
                 "https://react.dev/link/strict-mode-string-ref",
-              getComponentNameFromType(ReactSharedInternals.owner.type),
+              getComponentNameFromType(ReactCurrentOwner.current.type),
               config.ref
             );
 
@@ -1433,6 +1305,9 @@ if (__DEV__) {
           }
         }
 
+        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" />
@@ -1460,49 +1335,20 @@ if (__DEV__) {
         if (hasValidRef(config)) {
           if (!enableRefAsProp) {
             ref = config.ref;
-
-            {
-              ref = coerceStringRef(ref, ReactSharedInternals.owner, type);
-            }
           }
 
           {
             warnIfStringRefCannotBeAutoConverted(config, self);
           }
-        }
+        } // Remaining properties are added to a new props object
 
-        var props;
-
-        if (enableRefAsProp && disableStringRefs && !("key" in config)) {
-          // If key was not spread in, we can reuse the original props object. This
-          // only works for `jsx`, not `createElement`, because `jsx` is a compiler
-          // target and the compiler always passes a new object. For `createElement`,
-          // we can't assume a new object is passed every time because it can be
-          // called manually.
-          //
-          // Spreading key is a warning in dev. In a future release, we will not
-          // remove a spread key from the props object. (But we'll still warn.) We'll
-          // always pass the object straight through.
-          props = config;
-        } else {
-          // We need to remove reserved props (key, prop, ref). Create a fresh props
-          // object and copy over all the non-reserved props. We don't use `delete`
-          // because in V8 it will deopt the object to dictionary mode.
-          props = {};
-
-          for (var propName in config) {
-            // Skip over reserved prop names
-            if (propName !== "key" && (enableRefAsProp || propName !== "ref")) {
-              if (enableRefAsProp && !disableStringRefs && propName === "ref") {
-                props.ref = coerceStringRef(
-                  config[propName],
-                  ReactSharedInternals.owner,
-                  type
-                );
-              } else {
-                props[propName] = config[propName];
-              }
-            }
+        for (propName in config) {
+          if (
+            hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+            propName !== "key" &&
+            (enableRefAsProp || propName !== "ref")
+          ) {
+            props[propName] = config[propName];
           }
         }
 
@@ -1511,9 +1357,9 @@ if (__DEV__) {
           if (type && type.defaultProps) {
             var defaultProps = type.defaultProps;
 
-            for (var _propName2 in defaultProps) {
-              if (props[_propName2] === undefined) {
-                props[_propName2] = defaultProps[_propName2];
+            for (propName in defaultProps) {
+              if (props[propName] === undefined) {
+                props[propName] = defaultProps[propName];
               }
             }
           }
@@ -1540,7 +1386,7 @@ if (__DEV__) {
           ref,
           self,
           source,
-          ReactSharedInternals.owner,
+          ReactCurrentOwner.current,
           props
         );
 
@@ -1621,34 +1467,9 @@ if (__DEV__) {
       var ref = null;
 
       if (config != null) {
-        {
-          if (
-            !didWarnAboutOldJSXRuntime &&
-            "__self" in config && // Do not assume this is the result of an oudated JSX transform if key
-            // is present, because the modern JSX transform sometimes outputs
-            // createElement to preserve precedence between a static key and a
-            // spread key. To avoid false positive warnings, we never warn if
-            // there's a key.
-            !("key" in config)
-          ) {
-            didWarnAboutOldJSXRuntime = true;
-
-            warn(
-              "Your app (or one of its dependencies) is using an outdated JSX " +
-                "transform. Update to the modern JSX transform for " +
-                "faster performance: " + // TODO: Create a short link for this
-                "https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html"
-            );
-          }
-        }
-
         if (hasValidRef(config)) {
           if (!enableRefAsProp) {
             ref = config.ref;
-
-            {
-              ref = coerceStringRef(ref, ReactSharedInternals.owner, type);
-            }
           }
 
           {
@@ -1675,15 +1496,7 @@ if (__DEV__) {
             propName !== "__self" &&
             propName !== "__source"
           ) {
-            if (enableRefAsProp && !disableStringRefs && propName === "ref") {
-              props.ref = coerceStringRef(
-                config[propName],
-                ReactSharedInternals.owner,
-                type
-              );
-            } else {
-              props[propName] = config[propName];
-            }
+            props[propName] = config[propName];
           }
         }
       } // Children can be more than one argument, and those are transferred onto
@@ -1742,7 +1555,7 @@ if (__DEV__) {
         ref,
         undefined,
         undefined,
-        ReactSharedInternals.owner,
+        ReactCurrentOwner.current,
         props
       );
 
@@ -1789,16 +1602,12 @@ if (__DEV__) {
 
       if (config != null) {
         if (hasValidRef(config)) {
-          owner = ReactSharedInternals.owner;
-
           if (!enableRefAsProp) {
             // Silently steal the ref from the parent.
             ref = config.ref;
-
-            {
-              ref = coerceStringRef(ref, owner, element.type);
-            }
           }
+
+          owner = ReactCurrentOwner.current;
         }
 
         if (hasValidKey(config)) {
@@ -1843,15 +1652,7 @@ if (__DEV__) {
               // Resolve default props
               props[propName] = defaultProps[propName];
             } else {
-              if (enableRefAsProp && !disableStringRefs && propName === "ref") {
-                props.ref = coerceStringRef(
-                  config[propName],
-                  owner,
-                  element.type
-                );
-              } else {
-                props[propName] = config[propName];
-              }
+              props[propName] = config[propName];
             }
           }
         }
@@ -1891,8 +1692,8 @@ if (__DEV__) {
 
     function getDeclarationErrorAddendum() {
       {
-        if (ReactSharedInternals.owner) {
-          var name = getComponentNameFromType(ReactSharedInternals.owner.type);
+        if (ReactCurrentOwner.current) {
+          var name = getComponentNameFromType(ReactCurrentOwner.current.type);
 
           if (name) {
             return "\n\nCheck the render method of `" + name + "`.";
@@ -2006,18 +1807,14 @@ if (__DEV__) {
 
         if (
           element &&
-          element._owner != null &&
-          element._owner !== ReactSharedInternals.owner
+          element._owner &&
+          element._owner !== ReactCurrentOwner.current
         ) {
-          var ownerName = null;
-
-          if (typeof element._owner.tag === "number") {
-            ownerName = getComponentNameFromType(element._owner.type);
-          } else if (typeof element._owner.name === "string") {
-            ownerName = element._owner.name;
-          } // Give the component that originally created this child.
-
-          childOwner = " It was passed a child from " + ownerName + ".";
+          // Give the component that originally created this child.
+          childOwner =
+            " It was passed a child from " +
+            getComponentNameFromType(element._owner.type) +
+            ".";
         }
 
         setCurrentlyValidatingElement(element);
@@ -2036,10 +1833,14 @@ if (__DEV__) {
     function setCurrentlyValidatingElement(element) {
       {
         if (element) {
-          var stack = describeUnknownElementTypeFrameInDEV(element.type);
-          ReactSharedInternals.setExtraStackFrame(stack);
+          var owner = element._owner;
+          var stack = describeUnknownElementTypeFrameInDEV(
+            element.type,
+            owner ? owner.type : null
+          );
+          ReactDebugCurrentFrame.setExtraStackFrame(stack);
         } else {
-          ReactSharedInternals.setExtraStackFrame(null);
+          ReactDebugCurrentFrame.setExtraStackFrame(null);
         }
       }
     }
@@ -2097,96 +1898,6 @@ if (__DEV__) {
       }
     }
 
-    function coerceStringRef(mixedRef, owner, type) {
-      var stringRef;
-
-      if (typeof mixedRef === "string") {
-        stringRef = mixedRef;
-      } else {
-        if (typeof mixedRef === "number" || typeof mixedRef === "boolean") {
-          {
-            checkPropStringCoercion(mixedRef, "ref");
-          }
-
-          stringRef = "" + mixedRef;
-        } else {
-          return mixedRef;
-        }
-      }
-
-      return stringRefAsCallbackRef.bind(null, stringRef, type, owner);
-    }
-
-    function stringRefAsCallbackRef(stringRef, type, owner, value) {
-      if (!owner) {
-        throw new Error(
-          "Element ref was specified as a string (" +
-            stringRef +
-            ") 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://react.dev/link/refs-must-have-owner for more information."
-        );
-      }
-
-      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://react.dev/link/strict-mode-string-ref"
-        );
-      }
-
-      {
-        if (
-          // Will already warn with "Function components cannot be given refs"
-          !(typeof type === "function" && !isReactClass(type))
-        ) {
-          var componentName = getComponentNameFromFiber(owner) || "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://react.dev/link/strict-mode-string-ref",
-              componentName,
-              stringRef
-            );
-
-            didWarnAboutStringRefs[componentName] = true;
-          }
-        }
-      }
-
-      var inst = owner.stateNode;
-
-      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."
-        );
-      }
-
-      var refs = inst.refs;
-
-      if (value === null) {
-        delete refs[stringRef];
-      } else {
-        refs[stringRef] = value;
-      }
-    }
-
-    function isReactClass(type) {
-      return type.prototype && type.prototype.isReactComponent;
-    }
-
     var SEPARATOR = ".";
     var SUBSEPARATOR = ":";
     /**
@@ -2600,7 +2311,7 @@ if (__DEV__) {
     }
 
     function resolveDispatcher() {
-      var dispatcher = ReactSharedInternals.H;
+      var dispatcher = ReactCurrentDispatcher$1.current;
 
       {
         if (dispatcher === null) {
@@ -2911,7 +2622,7 @@ if (__DEV__) {
 
     function cache(fn) {
       return function () {
-        var dispatcher = ReactSharedInternals.C;
+        var dispatcher = ReactCurrentCache.current;
 
         if (!dispatcher) {
           // If there is no dispatcher, then we treat this as not being cached.
@@ -2996,6 +2707,14 @@ if (__DEV__) {
       };
     }
 
+    /**
+     * 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
+    };
+
     var reportGlobalError =
       typeof reportError === "function" // In modern browsers, reportError will dispatch an error event,
         ? // emulating an uncaught JavaScript error.
@@ -3036,26 +2755,26 @@ if (__DEV__) {
           };
 
     function startTransition(scope, options) {
-      var prevTransition = ReactSharedInternals.T; // Each renderer registers a callback to receive the return value of
+      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
       };
-      ReactSharedInternals.T = transition;
-      var currentTransition = ReactSharedInternals.T;
+      ReactCurrentBatchConfig.transition = transition;
+      var currentTransition = ReactCurrentBatchConfig.transition;
 
       {
-        ReactSharedInternals.T._updatedFibers = new Set();
+        ReactCurrentBatchConfig.transition._updatedFibers = new Set();
       }
 
       if (enableTransitionTracing) {
         if (options !== undefined && options.name !== undefined) {
           // $FlowFixMe[incompatible-use] found when upgrading Flow
-          ReactSharedInternals.T.name = options.name; // $FlowFixMe[incompatible-use] found when upgrading Flow
+          ReactCurrentBatchConfig.transition.name = options.name; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-          ReactSharedInternals.T.startTime = -1;
+          ReactCurrentBatchConfig.transition.startTime = -1;
         }
       }
 
@@ -3077,7 +2796,7 @@ if (__DEV__) {
           reportGlobalError(error);
         } finally {
           warnAboutTransitionSubscriptions(prevTransition, currentTransition);
-          ReactSharedInternals.T = prevTransition;
+          ReactCurrentBatchConfig.transition = prevTransition;
         }
       }
     }
@@ -3105,7 +2824,7 @@ if (__DEV__) {
 
     function noop() {}
 
-    var ReactVersion = "19.0.0-www-modern-6d726a4f";
+    var ReactVersion = "19.0.0-www-modern-1ec419e8";
 
     // Patch fetch
     var Children = {
@@ -3127,8 +2846,10 @@ if (__DEV__) {
     exports.Profiler = REACT_PROFILER_TYPE;
     exports.StrictMode = REACT_STRICT_MODE_TYPE;
     exports.Suspense = REACT_SUSPENSE_TYPE;
-    exports.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
+    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;
diff --git a/compiled/facebook-www/ReactServer-prod.modern.js b/compiled/facebook-www/ReactServer-prod.modern.js
index 0446980ba4..c371c8b74e 100644
--- a/compiled/facebook-www/ReactServer-prod.modern.js
+++ b/compiled/facebook-www/ReactServer-prod.modern.js
@@ -17,7 +17,13 @@ var assign = Object.assign,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   disableDefaultPropsExceptForClasses =
     dynamicFeatureFlags.disableDefaultPropsExceptForClasses,
-  ReactSharedInternals = { H: null, C: null, owner: null };
+  ReactCurrentCache = { current: null },
+  ReactCurrentDispatcher = { current: null },
+  ReactSharedInternals = {
+    ReactCurrentDispatcher: ReactCurrentDispatcher,
+    ReactCurrentOwner: { current: null }
+  },
+  ReactServerSharedInternals = { ReactCurrentCache: ReactCurrentCache };
 function formatProdErrorMessage(code) {
   var url = "https://react.dev/errors/" + code;
   if (1 < arguments.length) {
@@ -51,7 +57,8 @@ function getIteratorFn(maybeIterable) {
     maybeIterable["@@iterator"];
   return "function" === typeof maybeIterable ? maybeIterable : null;
 }
-var hasOwnProperty = Object.prototype.hasOwnProperty;
+var hasOwnProperty = Object.prototype.hasOwnProperty,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 function ReactElement(type, key, _ref, self, source, owner, props) {
   enableRefAsProp &&
     ((_ref = props.ref), (_ref = void 0 !== _ref ? _ref : null));
@@ -65,39 +72,29 @@ function ReactElement(type, key, _ref, self, source, owner, props) {
   };
 }
 function jsxProd(type, config, maybeKey) {
-  var key = null,
+  var propName,
+    props = {},
+    key = null,
     ref = null;
   void 0 !== maybeKey && (key = "" + maybeKey);
   void 0 !== config.key && (key = "" + config.key);
-  void 0 === config.ref ||
-    enableRefAsProp ||
-    ((ref = config.ref),
-    (ref = coerceStringRef(ref, ReactSharedInternals.owner, type)));
-  maybeKey = {};
-  for (var propName in config)
-    "key" === propName ||
-      (!enableRefAsProp && "ref" === propName) ||
-      (enableRefAsProp && "ref" === propName
-        ? (maybeKey.ref = coerceStringRef(
-            config[propName],
-            ReactSharedInternals.owner,
-            type
-          ))
-        : (maybeKey[propName] = config[propName]));
-  if (!disableDefaultPropsExceptForClasses && type && type.defaultProps) {
-    config = type.defaultProps;
-    for (var propName$0 in config)
-      void 0 === maybeKey[propName$0] &&
-        (maybeKey[propName$0] = config[propName$0]);
-  }
+  void 0 === config.ref || enableRefAsProp || (ref = config.ref);
+  for (propName in config)
+    hasOwnProperty.call(config, propName) &&
+      "key" !== propName &&
+      (enableRefAsProp || "ref" !== propName) &&
+      (props[propName] = config[propName]);
+  if (!disableDefaultPropsExceptForClasses && type && type.defaultProps)
+    for (propName in ((config = type.defaultProps), config))
+      void 0 === props[propName] && (props[propName] = config[propName]);
   return ReactElement(
     type,
     key,
     ref,
     void 0,
     void 0,
-    ReactSharedInternals.owner,
-    maybeKey
+    ReactCurrentOwner.current,
+    props
   );
 }
 function cloneAndReplaceKey(oldElement, newKey) {
@@ -118,21 +115,6 @@ function isValidElement(object) {
     object.$$typeof === REACT_ELEMENT_TYPE
   );
 }
-function coerceStringRef(mixedRef, owner, type) {
-  if ("string" !== typeof mixedRef)
-    if ("number" === typeof mixedRef || "boolean" === typeof mixedRef)
-      mixedRef = "" + mixedRef;
-    else return mixedRef;
-  return stringRefAsCallbackRef.bind(null, mixedRef, type, owner);
-}
-function stringRefAsCallbackRef(stringRef, type, owner, value) {
-  if (!owner) throw Error(formatProdErrorMessage(290, stringRef));
-  if (1 !== owner.tag) throw Error(formatProdErrorMessage(309));
-  type = owner.stateNode;
-  if (!type) throw Error(formatProdErrorMessage(147, stringRef));
-  type = type.refs;
-  null === value ? delete type[stringRef] : (type[stringRef] = value);
-}
 function escape(key) {
   var escaperLookup = { "=": "=0", ":": "=2" };
   return (
@@ -324,35 +306,36 @@ function createCacheRoot() {
 function createCacheNode() {
   return { s: 0, v: void 0, o: null, p: null };
 }
-var reportGlobalError =
-  "function" === typeof reportError
-    ? reportError
-    : function (error) {
-        if (
-          "object" === typeof window &&
-          "function" === typeof window.ErrorEvent
-        ) {
-          var event = new window.ErrorEvent("error", {
-            bubbles: !0,
-            cancelable: !0,
-            message:
-              "object" === typeof error &&
-              null !== error &&
-              "string" === typeof error.message
-                ? String(error.message)
-                : String(error),
-            error: error
-          });
-          if (!window.dispatchEvent(event)) return;
-        } else if (
-          "object" === typeof process &&
-          "function" === typeof process.emit
-        ) {
-          process.emit("uncaughtException", error);
-          return;
-        }
-        console.error(error);
-      };
+var ReactCurrentBatchConfig = { transition: null },
+  reportGlobalError =
+    "function" === typeof reportError
+      ? reportError
+      : function (error) {
+          if (
+            "object" === typeof window &&
+            "function" === typeof window.ErrorEvent
+          ) {
+            var event = new window.ErrorEvent("error", {
+              bubbles: !0,
+              cancelable: !0,
+              message:
+                "object" === typeof error &&
+                null !== error &&
+                "string" === typeof error.message
+                  ? String(error.message)
+                  : String(error),
+              error: error
+            });
+            if (!window.dispatchEvent(event)) return;
+          } else if (
+            "object" === typeof process &&
+            "function" === typeof process.emit
+          ) {
+            process.emit("uncaughtException", error);
+            return;
+          }
+          console.error(error);
+        };
 function noop() {}
 exports.Children = {
   map: mapChildren,
@@ -388,11 +371,13 @@ exports.Fragment = REACT_FRAGMENT_TYPE;
 exports.Profiler = REACT_PROFILER_TYPE;
 exports.StrictMode = REACT_STRICT_MODE_TYPE;
 exports.Suspense = REACT_SUSPENSE_TYPE;
-exports.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
+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 = function (fn) {
   return function () {
-    var dispatcher = ReactSharedInternals.C;
+    var dispatcher = ReactCurrentCache.current;
     if (!dispatcher) return fn.apply(null, arguments);
     var fnMap = dispatcher.getCacheForType(createCacheRoot);
     dispatcher = fnMap.get(fn);
@@ -439,10 +424,8 @@ exports.cloneElement = function (element, config, children) {
     owner = element._owner;
   if (null != config) {
     void 0 !== config.ref &&
-      ((owner = ReactSharedInternals.owner),
-      enableRefAsProp ||
-        ((ref = config.ref),
-        (ref = coerceStringRef(ref, owner, element.type))));
+      (enableRefAsProp || (ref = config.ref),
+      (owner = ReactCurrentOwner.current));
     void 0 !== config.key && (key = "" + config.key);
     if (
       !disableDefaultPropsExceptForClasses &&
@@ -457,17 +440,12 @@ exports.cloneElement = function (element, config, children) {
         "__self" === propName ||
         "__source" === propName ||
         (enableRefAsProp && "ref" === propName && void 0 === config.ref) ||
-        (disableDefaultPropsExceptForClasses ||
-        void 0 !== config[propName] ||
-        void 0 === defaultProps
-          ? enableRefAsProp && "ref" === propName
-            ? (props.ref = coerceStringRef(
-                config[propName],
-                owner,
-                element.type
-              ))
-            : (props[propName] = config[propName])
-          : (props[propName] = defaultProps[propName]));
+        (props[propName] =
+          disableDefaultPropsExceptForClasses ||
+          void 0 !== config[propName] ||
+          void 0 === defaultProps
+            ? config[propName]
+            : defaultProps[propName]);
   }
   var propName = arguments.length - 2;
   if (1 === propName) props.children = children;
@@ -486,8 +464,7 @@ exports.createElement = function (type, config, children) {
   if (null != config)
     for (propName in (void 0 === config.ref ||
       enableRefAsProp ||
-      ((ref = config.ref),
-      (ref = coerceStringRef(ref, ReactSharedInternals.owner, type))),
+      (ref = config.ref),
     void 0 !== config.key && (key = "" + config.key),
     config))
       hasOwnProperty.call(config, propName) &&
@@ -495,13 +472,7 @@ exports.createElement = function (type, config, children) {
         (enableRefAsProp || "ref" !== propName) &&
         "__self" !== propName &&
         "__source" !== propName &&
-        (enableRefAsProp && "ref" === propName
-          ? (props.ref = coerceStringRef(
-              config[propName],
-              ReactSharedInternals.owner,
-              type
-            ))
-          : (props[propName] = config[propName]));
+        (props[propName] = config[propName]);
   var childrenLength = arguments.length - 2;
   if (1 === childrenLength) props.children = children;
   else if (1 < childrenLength) {
@@ -519,7 +490,7 @@ exports.createElement = function (type, config, children) {
     ref,
     void 0,
     void 0,
-    ReactSharedInternals.owner,
+    ReactCurrentOwner.current,
     props
   );
 };
@@ -548,15 +519,15 @@ exports.memo = function (type, compare) {
   };
 };
 exports.startTransition = function (scope, options) {
-  var prevTransition = ReactSharedInternals.T,
+  var prevTransition = ReactCurrentBatchConfig.transition,
     callbacks = new Set();
-  ReactSharedInternals.T = { _callbacks: callbacks };
-  var currentTransition = ReactSharedInternals.T;
+  ReactCurrentBatchConfig.transition = { _callbacks: callbacks };
+  var currentTransition = ReactCurrentBatchConfig.transition;
   enableTransitionTracing &&
     void 0 !== options &&
     void 0 !== options.name &&
-    ((ReactSharedInternals.T.name = options.name),
-    (ReactSharedInternals.T.startTime = -1));
+    ((ReactCurrentBatchConfig.transition.name = options.name),
+    (ReactCurrentBatchConfig.transition.startTime = -1));
   try {
     var returnValue = scope();
     "object" === typeof returnValue &&
@@ -569,23 +540,27 @@ exports.startTransition = function (scope, options) {
   } catch (error) {
     reportGlobalError(error);
   } finally {
-    ReactSharedInternals.T = prevTransition;
+    ReactCurrentBatchConfig.transition = prevTransition;
   }
 };
 exports.use = function (usable) {
-  return ReactSharedInternals.H.use(usable);
+  return ReactCurrentDispatcher.current.use(usable);
 };
 exports.useActionState = function (action, initialState, permalink) {
-  return ReactSharedInternals.H.useActionState(action, initialState, permalink);
+  return ReactCurrentDispatcher.current.useActionState(
+    action,
+    initialState,
+    permalink
+  );
 };
 exports.useCallback = function (callback, deps) {
-  return ReactSharedInternals.H.useCallback(callback, deps);
+  return ReactCurrentDispatcher.current.useCallback(callback, deps);
 };
 exports.useDebugValue = function () {};
 exports.useId = function () {
-  return ReactSharedInternals.H.useId();
+  return ReactCurrentDispatcher.current.useId();
 };
 exports.useMemo = function (create, deps) {
-  return ReactSharedInternals.H.useMemo(create, deps);
+  return ReactCurrentDispatcher.current.useMemo(create, deps);
 };
-exports.version = "19.0.0-www-modern-3ff8d311";
+exports.version = "19.0.0-www-modern-53e0c063";
diff --git a/compiled/facebook-www/ReactTestRenderer-dev.classic.js b/compiled/facebook-www/ReactTestRenderer-dev.classic.js
index e87c9521fc..05db70fc34 100644
--- a/compiled/facebook-www/ReactTestRenderer-dev.classic.js
+++ b/compiled/facebook-www/ReactTestRenderer-dev.classic.js
@@ -62,10 +62,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -112,9 +114,6 @@ if (__DEV__) {
 
     var assign = Object.assign;
 
-    var LegacyRoot = 0;
-    var ConcurrentRoot = 1;
-
     /**
      * `ReactInstanceMap` maintains a mapping from a public facing stateful
      * instance (key) and the internal representation (value). This allows public
@@ -132,7 +131,7 @@ if (__DEV__) {
     }
 
     var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
     var debugRenderPhaseSideEffectsForStrictMode = false;
     var enableSchedulingProfiler = false;
@@ -347,17 +346,6 @@ if (__DEV__) {
       return type.displayName || "Context";
     }
 
-    function getComponentNameFromOwner(owner) {
-      if (typeof owner.tag === "number") {
-        return getComponentNameFromFiber(owner);
-      }
-
-      if (typeof owner.name === "string") {
-        return owner.name;
-      }
-
-      return null;
-    }
     function getComponentNameFromFiber(fiber) {
       var tag = fiber.tag,
         type = fiber.type;
@@ -512,7 +500,6 @@ if (__DEV__) {
     var ScheduleRetry = StoreConsistency;
     var ShouldSuspendCommit = Visibility;
     var DidDefer = ContentReset;
-    var FormReset = Snapshot;
     var LifecycleEffectMask =
       Passive$1 | Update | Callback | Ref | Snapshot | StoreConsistency; // Union of all commit flags (flags with the lifetime of a particular commit)
 
@@ -571,8 +558,7 @@ if (__DEV__) {
       ContentReset |
       Ref |
       Hydrating |
-      Visibility |
-      FormReset;
+      Visibility;
     var LayoutMask = Update | Callback | Ref | Visibility; // TODO: Split into PassiveMountMask and PassiveUnmountMask
 
     var PassiveMask = Passive$1 | Visibility | ChildDeletion; // Union of tags that don't get reset on clones.
@@ -582,6 +568,7 @@ if (__DEV__) {
     var StaticMask =
       LayoutStatic | PassiveStatic | RefStatic | MaySuspendCommit;
 
+    var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
     function getNearestMountedFiber(fiber) {
       var node = fiber;
       var nearestMounted = fiber;
@@ -623,7 +610,7 @@ if (__DEV__) {
     }
     function isMounted(component) {
       {
-        var owner = ReactSharedInternals.owner;
+        var owner = ReactCurrentOwner$2.current;
 
         if (owner !== null && owner.tag === ClassComponent) {
           var ownerFiber = owner;
@@ -1986,11 +1973,17 @@ if (__DEV__) {
       }
     }
 
-    var NoEventPriority = NoLane;
     var DiscreteEventPriority = SyncLane;
     var ContinuousEventPriority = InputContinuousLane;
     var DefaultEventPriority = DefaultLane;
     var IdleEventPriority = IdleLane;
+    var currentUpdatePriority = NoLane;
+    function getCurrentUpdatePriority() {
+      return currentUpdatePriority;
+    }
+    function setCurrentUpdatePriority(newPriority) {
+      currentUpdatePriority = newPriority;
+    }
     function higherEventPriority(a, b) {
       return a !== 0 && a < b ? a : b;
     }
@@ -2000,9 +1993,6 @@ if (__DEV__) {
     function isHigherEventPriority(a, b) {
       return a !== 0 && a < b;
     }
-    function eventPriorityToLane(updatePriority) {
-      return updatePriority;
-    }
     function lanesToEventPriority(lanes) {
       var lane = getHighestPriorityLane(lanes);
 
@@ -2160,18 +2150,7 @@ if (__DEV__) {
         tag: "TEXT"
       };
     }
-    var currentUpdatePriority = NoEventPriority;
-    function setCurrentUpdatePriority(newPriority) {
-      currentUpdatePriority = newPriority;
-    }
-    function getCurrentUpdatePriority() {
-      return currentUpdatePriority;
-    }
-    function resolveUpdatePriority() {
-      if (currentUpdatePriority !== NoEventPriority) {
-        return currentUpdatePriority;
-      }
-
+    function getCurrentEventPriority() {
       return DefaultEventPriority;
     }
     function shouldAttemptEagerTransition() {
@@ -2552,6 +2531,9 @@ if (__DEV__) {
       }
     }
 
+    var LegacyRoot = 0;
+    var ConcurrentRoot = 1;
+
     // We use the existence of the state object as an indicator that the component
     // is hidden.
     var OffscreenVisible =
@@ -2582,8 +2564,9 @@ if (__DEV__) {
 
     var objectIs = typeof Object.is === "function" ? Object.is : is; // $FlowFixMe[method-unbinding]
 
+    var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -2640,13 +2623,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher$2.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher$2.current = null;
         disableLogs();
       }
       /**
@@ -2839,7 +2822,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher$2.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -2858,12 +2841,12 @@ if (__DEV__) {
       return syntheticFrame;
     }
 
-    function describeClassComponentFrame(ctor) {
+    function describeClassComponentFrame(ctor, ownerFn) {
       {
         return describeNativeComponentFrame(ctor, true);
       }
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -4056,6 +4039,7 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentActQueue$4 = 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.
 
@@ -4094,7 +4078,7 @@ if (__DEV__) {
       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 (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.current !== null) {
         // We're inside an `act` scope.
         if (!didScheduleMicrotask_act) {
           didScheduleMicrotask_act = true;
@@ -4107,9 +4091,9 @@ if (__DEV__) {
         }
       }
 
-      if (ReactSharedInternals.isBatchingLegacy && root.tag === LegacyRoot) {
+      if (ReactCurrentActQueue$4.isBatchingLegacy && root.tag === LegacyRoot) {
         // Special `act` case: Record whenever a legacy update is scheduled.
-        ReactSharedInternals.didScheduleLegacyUpdate = true;
+        ReactCurrentActQueue$4.didScheduleLegacyUpdate = true;
       }
     }
     function flushSyncWorkOnAllRoots() {
@@ -4300,7 +4284,7 @@ if (__DEV__) {
           // Scheduler task, rather than an `act` task, cancel it and re-schedule
           // on the `act` queue.
           !(
-            ReactSharedInternals.actQueue !== null &&
+            ReactCurrentActQueue$4.current !== null &&
             existingCallbackNode !== fakeActCallbackNode$1
           )
         ) {
@@ -4367,11 +4351,11 @@ if (__DEV__) {
     var fakeActCallbackNode$1 = {};
 
     function scheduleCallback$2(priorityLevel, callback) {
-      if (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.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.
-        ReactSharedInternals.actQueue.push(callback);
+        ReactCurrentActQueue$4.current.push(callback);
         return fakeActCallbackNode$1;
       } else {
         return scheduleCallback$3(priorityLevel, callback);
@@ -4386,13 +4370,13 @@ if (__DEV__) {
     }
 
     function scheduleImmediateTask(cb) {
-      if (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.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.
-        ReactSharedInternals.actQueue.push(function () {
+        ReactCurrentActQueue$4.current.push(function () {
           cb();
           return null;
         });
@@ -5164,6 +5148,7 @@ if (__DEV__) {
       return true;
     }
 
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
     var current = null;
     var isRendering = false;
     function getCurrentFiberOwnerNameInDevOrNull() {
@@ -5174,8 +5159,8 @@ if (__DEV__) {
 
         var owner = current._debugOwner;
 
-        if (owner != null) {
-          return getComponentNameFromOwner(owner);
+        if (owner !== null && typeof owner !== "undefined") {
+          return getComponentNameFromFiber(owner);
         }
       }
 
@@ -5195,14 +5180,14 @@ if (__DEV__) {
 
     function resetCurrentFiber() {
       {
-        ReactSharedInternals.getCurrentStack = null;
+        ReactDebugCurrentFrame.getCurrentStack = null;
         current = null;
         isRendering = false;
       }
     }
     function setCurrentFiber(fiber) {
       {
-        ReactSharedInternals.getCurrentStack =
+        ReactDebugCurrentFrame.getCurrentStack =
           fiber === null ? null : getCurrentFiberStackInDev;
         current = fiber;
         isRendering = false;
@@ -5577,6 +5562,83 @@ if (__DEV__) {
       };
     }
 
+    /*
+     * 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 checkPropStringCoercion(value, propName) {
+      {
+        if (willCoercionThrow(value)) {
+          error(
+            "The provided `%s` prop is an unsupported type %s." +
+              " This value must be coerced to a string before using it here.",
+            propName,
+            typeName(value)
+          );
+
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
+    }
+
+    var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue;
+
     function getThenablesFromState(state) {
       {
         var devState = state;
@@ -5630,8 +5692,8 @@ if (__DEV__) {
     function noop() {}
 
     function trackUsedThenable(thenableState, thenable, index) {
-      if (ReactSharedInternals.actQueue !== null) {
-        ReactSharedInternals.didUsePromise = true;
+      if (ReactCurrentActQueue$3.current !== null) {
+        ReactCurrentActQueue$3.didUsePromise = true;
       }
 
       var trackedThenables = getThenablesFromState(thenableState);
@@ -5854,6 +5916,7 @@ if (__DEV__) {
 
     var didWarnAboutMaps;
     var didWarnAboutGenerators;
+    var didWarnAboutStringRefs;
     var ownerHasKeyUseWarning;
     var ownerHasFunctionTypeWarning;
     var ownerHasSymbolTypeWarning;
@@ -5863,6 +5926,7 @@ if (__DEV__) {
     {
       didWarnAboutMaps = false;
       didWarnAboutGenerators = false;
+      didWarnAboutStringRefs = {};
       /**
        * 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
@@ -5907,6 +5971,10 @@ if (__DEV__) {
       };
     }
 
+    function isReactClass(type) {
+      return type.prototype && type.prototype.isReactComponent;
+    }
+
     function unwrapThenable(thenable) {
       var index = thenableIndexCounter$1;
       thenableIndexCounter$1 += 1;
@@ -5918,16 +5986,128 @@ if (__DEV__) {
       return trackUsedThenable(thenableState$1, thenable, index);
     }
 
+    function convertStringRefToCallbackRef(
+      returnFiber,
+      current,
+      element,
+      mixedRef
+    ) {
+      {
+        checkPropStringCoercion(mixedRef, "ref");
+      }
+
+      var stringRef = "" + mixedRef;
+      var owner = element._owner;
+
+      if (!owner) {
+        throw new Error(
+          "Element ref was specified as a string (" +
+            stringRef +
+            ") 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://react.dev/link/refs-must-have-owner for more information."
+        );
+      }
+
+      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://react.dev/link/strict-mode-string-ref"
+        );
+      }
+
+      {
+        if (
+          // Will already warn with "Function components cannot be given refs"
+          !(typeof element.type === "function" && !isReactClass(element.type))
+        ) {
+          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://react.dev/link/strict-mode-string-ref",
+              componentName,
+              stringRef
+            );
+
+            didWarnAboutStringRefs[componentName] = true;
+          }
+        }
+      }
+
+      var inst = owner.stateNode;
+
+      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
+
+      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
+
+      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 ref;
+      var mixedRef;
 
       {
         // Old behavior.
-        ref = element.ref;
+        mixedRef = element.ref;
+      }
+
+      var coercedRef;
+
+      if (
+        typeof mixedRef === "string" ||
+        typeof mixedRef === "number" ||
+        typeof mixedRef === "boolean"
+      ) {
+        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 = ref;
+      workInProgress.ref = coercedRef;
     }
 
     function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -7746,6 +7926,8 @@ if (__DEV__) {
       /*   */
       8;
 
+    var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
     var didWarnAboutMismatchedHooksForComponent;
     var didWarnUncachedGetSnapshot;
     var didWarnAboutUseWrappedInTryCatch;
@@ -7909,8 +8091,8 @@ if (__DEV__) {
           didWarnAboutUseFormState.add(componentName);
 
           error(
-            "ReactDOM.useFormState has been renamed to React.useActionState. " +
-              "Please update %s to use React.useActionState.",
+            "ReactDOM.useFormState has been deprecated and replaced by " +
+              "React.useActionState. Please update %s to use React.useActionState.",
             componentName
           );
         }
@@ -8046,16 +8228,17 @@ if (__DEV__) {
 
       {
         if (current !== null && current.memoizedState !== null) {
-          ReactSharedInternals.H = HooksDispatcherOnUpdateInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
         } else if (hookTypesDev !== null) {
           // This dispatcher handles an edge case where a component is updating,
           // but no stateful hooks have been used.
           // We want to match the production code behavior (which will use HooksDispatcherOnMount),
           // but with the extra DEV validation to ensure hooks ordering hasn't changed.
           // This dispatcher does that.
-          ReactSharedInternals.H = HooksDispatcherOnMountWithHookTypesInDEV;
+          ReactCurrentDispatcher$1.current =
+            HooksDispatcherOnMountWithHookTypesInDEV;
         } else {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       } // In Strict Mode, during development, user functions are double invoked to
       // help detect side effects. The logic for how this is implemented for in
@@ -8110,7 +8293,7 @@ if (__DEV__) {
       } // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
       // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
       var didRenderTooFewHooks =
@@ -8261,7 +8444,7 @@ if (__DEV__) {
           hookTypesUpdateIndexDev = -1;
         }
 
-        ReactSharedInternals.H = HooksDispatcherOnRerenderInDEV;
+        ReactCurrentDispatcher$1.current = HooksDispatcherOnRerenderInDEV;
         children = Component(props, secondArg);
       } while (didScheduleRenderPhaseUpdateDuringThisPass);
 
@@ -8283,34 +8466,18 @@ if (__DEV__) {
       );
     }
     function TransitionAwareHostComponent() {
-      var dispatcher = ReactSharedInternals.H;
+      var dispatcher = ReactCurrentDispatcher$1.current;
 
       var _dispatcher$useState = dispatcher.useState(),
         maybeThenable = _dispatcher$useState[0];
 
-      var nextState;
-
       if (typeof maybeThenable.then === "function") {
         var thenable = maybeThenable;
-        nextState = useThenable(thenable);
+        return useThenable(thenable);
       } else {
         var status = maybeThenable;
-        nextState = status;
-      } // The "reset state" is an object. If it changes, that means something
-      // requested that we reset the form.
-
-      var _dispatcher$useState2 = dispatcher.useState(),
-        nextResetState = _dispatcher$useState2[0];
-
-      var prevResetState =
-        currentHook !== null ? currentHook.memoizedState : null;
-
-      if (prevResetState !== nextResetState) {
-        // Schedule a form reset
-        currentlyRenderingFiber$1.flags |= FormReset;
+        return status;
       }
-
-      return nextState;
     }
     function bailoutHooks(current, workInProgress, lanes) {
       workInProgress.updateQueue = current.updateQueue; // TODO: Don't need to reset the flags here, because they're reset in the
@@ -8339,7 +8506,7 @@ if (__DEV__) {
       currentlyRenderingFiber$1 = null; // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
     }
     function resetHooksOnUnwind(workInProgress) {
       if (didScheduleRenderPhaseUpdate) {
@@ -8512,7 +8679,7 @@ if (__DEV__) {
         // time (perhaps because it threw). Subsequent Hook calls should use the
         // mount dispatcher.
         {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       }
 
@@ -9321,14 +9488,14 @@ if (__DEV__) {
       var action = actionQueue.action;
       var prevState = actionQueue.state; // This is a fork of startTransition
 
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$2.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
-      ReactSharedInternals.T = currentTransition;
+      ReactCurrentBatchConfig$2.transition = currentTransition;
 
       {
-        ReactSharedInternals.T._updatedFibers = new Set();
+        ReactCurrentBatchConfig$2.transition._updatedFibers = new Set();
       } // Optimistically update the pending state, similar to useTransition.
       // This will be reverted automatically when all actions are finished.
 
@@ -9386,7 +9553,7 @@ if (__DEV__) {
         setState(rejectedThenable);
         finishRunningActionStateAction(actionQueue, setPendingState, setState);
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$2.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -9972,7 +10139,7 @@ if (__DEV__) {
       setCurrentUpdatePriority(
         higherEventPriority(previousPriority, ContinuousEventPriority)
       );
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$2.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
@@ -9984,12 +10151,12 @@ if (__DEV__) {
         // optimistic update anyway to make it less likely the behavior accidentally
         // diverges; for example, both an optimistic update and this one should
         // share the same lane.
-        ReactSharedInternals.T = currentTransition;
+        ReactCurrentBatchConfig$2.transition = currentTransition;
         dispatchOptimisticSetState(fiber, false, queue, pendingState);
       }
 
       {
-        currentTransition._updatedFibers = new Set();
+        ReactCurrentBatchConfig$2.transition._updatedFibers = new Set();
       }
 
       try {
@@ -10035,7 +10202,7 @@ if (__DEV__) {
         }
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$2.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -10255,11 +10422,11 @@ if (__DEV__) {
           var lastRenderedReducer = queue.lastRenderedReducer;
 
           if (lastRenderedReducer !== null) {
-            var prevDispatcher = null;
+            var prevDispatcher;
 
             {
-              prevDispatcher = ReactSharedInternals.H;
-              ReactSharedInternals.H =
+              prevDispatcher = ReactCurrentDispatcher$1.current;
+              ReactCurrentDispatcher$1.current =
                 InvalidNestedHooksDispatcherOnUpdateInDEV;
             }
 
@@ -10290,7 +10457,7 @@ if (__DEV__) {
               // Suppress the error. It will throw again in the render phase.
             } finally {
               {
-                ReactSharedInternals.H = prevDispatcher;
+                ReactCurrentDispatcher$1.current = prevDispatcher;
               }
             }
           }
@@ -10541,25 +10708,27 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           mountHookTypesDev();
           checkDepsAreArrayDev(deps);
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -10570,13 +10739,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -10697,25 +10867,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -10726,13 +10898,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -10846,25 +11019,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -10875,13 +11050,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -11003,25 +11179,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11032,13 +11210,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -11171,26 +11350,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11203,13 +11384,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -11346,26 +11528,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11378,13 +11562,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -11521,26 +11706,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11553,13 +11740,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -12937,7 +13125,7 @@ if (__DEV__) {
       // remove this extra check.
       alreadyResolvedDefaultProps
     ) {
-      var newProps = baseProps;
+      var newProps = baseProps; // Resolve default props. Taken from old JSX runtime, where this used to live.
 
       var defaultProps = Component.defaultProps;
 
@@ -12946,15 +13134,11 @@ if (__DEV__) {
         // default props here in the reconciler, rather than in the JSX runtime.
         !alreadyResolvedDefaultProps
       ) {
-        // We may have already copied the props object above to remove ref. If so,
-        // we can modify that. Otherwise, copy the props object with Object.assign.
-        if (newProps === baseProps) {
-          newProps = assign({}, newProps, baseProps);
-        } // Taken from old JSX runtime, where this used to live.
+        newProps = assign({}, newProps, baseProps);
 
-        for (var _propName in defaultProps) {
-          if (newProps[_propName] === undefined) {
-            newProps[_propName] = defaultProps[_propName];
+        for (var propName in defaultProps) {
+          if (newProps[propName] === undefined) {
+            newProps[propName] = defaultProps[propName];
           }
         }
       }
@@ -13019,6 +13203,8 @@ if (__DEV__) {
             console["error"](error);
           };
 
+    var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // Side-channel since I'm not sure we want to make this part of the public API
+
     var componentName = null;
     var errorBoundaryName = null;
     function defaultOnUncaughtError(error, errorInfo) {
@@ -13083,10 +13269,10 @@ if (__DEV__) {
 
         var error = errorInfo.value;
 
-        if (true && ReactSharedInternals.actQueue !== null) {
+        if (true && ReactCurrentActQueue$2.current !== null) {
           // For uncaught errors inside act, we track them on the act and then
           // rethrow them into the test.
-          ReactSharedInternals.thrownErrors.push(error);
+          ReactCurrentActQueue$2.thrownErrors.push(error);
           return;
         }
 
@@ -13621,6 +13807,7 @@ if (__DEV__) {
       return false;
     }
 
+    var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
     // into a dehydrated boundary.
 
     var SelectiveHydrationException = new Error(
@@ -13735,7 +13922,7 @@ if (__DEV__) {
       prepareToReadContext(workInProgress, renderLanes);
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -14321,7 +14508,7 @@ if (__DEV__) {
       prepareToReadContext(workInProgress, renderLanes);
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -14532,10 +14719,7 @@ if (__DEV__) {
 
       var instance = workInProgress.stateNode; // Rerender
 
-      {
-        ReactSharedInternals.owner = workInProgress;
-      }
-
+      ReactCurrentOwner$1.current = workInProgress;
       var nextChildren;
 
       if (
@@ -16211,7 +16395,7 @@ if (__DEV__) {
       var newChildren;
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         newChildren = render(newValue);
         setIsRendering(false);
@@ -17292,8 +17476,10 @@ if (__DEV__) {
       popProvider(CacheContext, workInProgress);
     }
 
+    var ReactCurrentBatchConfig$1 =
+      ReactSharedInternals.ReactCurrentBatchConfig;
     function requestCurrentTransition() {
-      var transition = ReactSharedInternals.T;
+      var transition = ReactCurrentBatchConfig$1.transition;
 
       if (transition !== null) {
         // Whenever a transition update is scheduled, register a callback on the
@@ -18919,7 +19105,7 @@ if (__DEV__) {
     // Allows us to avoid traversing the return path to find the nearest Offscreen ancestor.
 
     var offscreenSubtreeIsHidden = false;
-    var offscreenSubtreeWasHidden = false; // Used to track if a form needs to be reset at the end of the mutation phase.
+    var offscreenSubtreeWasHidden = false;
     var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
     var nextEffect = null; // Used for Profiling builds to track updaters.
 
@@ -20850,19 +21036,6 @@ if (__DEV__) {
                 }
               }
             }
-
-            if (flags & FormReset) {
-              {
-                if (finishedWork.type !== "form") {
-                  // Paranoid coding. In case we accidentally start using the
-                  // FormReset bit for something else.
-                  error(
-                    "Unexpected host component type. Expected a form. This is a " +
-                      "bug in React."
-                  );
-                }
-              }
-            }
           }
 
           return;
@@ -22483,6 +22656,7 @@ if (__DEV__) {
       symbolFor("selector.text");
     }
 
+    var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
     function isLegacyActEnvironment(fiber) {
       {
         // Legacy mode. We preserve the behavior of React 17's act. It assumes an
@@ -22507,7 +22681,7 @@ if (__DEV__) {
 
         if (
           !isReactActEnvironmentGlobal &&
-          ReactSharedInternals.actQueue !== null
+          ReactCurrentActQueue$1.current !== null
         ) {
           // TODO: Include link to relevant documentation page.
           error(
@@ -22521,6 +22695,11 @@ if (__DEV__) {
     }
 
     var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+      ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+      ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+      ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue;
     var NoContext =
       /*             */
       0;
@@ -22667,11 +22846,13 @@ if (__DEV__) {
 
       if (transition !== null) {
         {
-          if (!transition._updatedFibers) {
-            transition._updatedFibers = new Set();
+          var batchConfigTransition = ReactCurrentBatchConfig.transition;
+
+          if (!batchConfigTransition._updatedFibers) {
+            batchConfigTransition._updatedFibers = new Set();
           }
 
-          transition._updatedFibers.add(fiber);
+          batchConfigTransition._updatedFibers.add(fiber);
         }
 
         var actionScopeLane = peekEntangledActionLane();
@@ -22680,9 +22861,26 @@ if (__DEV__) {
           : // is the first update in that scope. Either way, we need to get a
             // fresh transition lane.
             requestTransitionLane();
-      }
+      } // Updates originating inside certain React methods, like flushSync, have
+      // their priority set by tracking it with a context variable.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
 
-      return eventPriorityToLane(resolveUpdatePriority());
+      var updateLane = getCurrentUpdatePriority();
+
+      if (updateLane !== NoLane) {
+        return updateLane;
+      } // This update originated outside React. Ask the host environment for an
+      // appropriate priority, based on the type of event.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
+
+      var eventLane = getCurrentEventPriority();
+      return eventLane;
     }
 
     function requestRetryLane(fiber) {
@@ -22817,7 +23015,7 @@ if (__DEV__) {
           !disableLegacyMode &&
           (fiber.mode & ConcurrentMode) === NoMode
         ) {
-          if (ReactSharedInternals.isBatchingLegacy);
+          if (ReactCurrentActQueue.isBatchingLegacy);
           else {
             // Flush the synchronous work now, unless we're already working or inside
             // a batch. This is intentionally inside scheduleUpdateOnFiber instead of
@@ -22919,31 +23117,20 @@ if (__DEV__) {
             } // Check if something threw
 
             if (exitStatus === RootErrored) {
-              var lanesThatJustErrored = lanes;
+              var originallyAttemptedLanes = lanes;
               var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
                 root,
-                lanesThatJustErrored
+                originallyAttemptedLanes
               );
 
               if (errorRetryLanes !== NoLanes) {
                 lanes = errorRetryLanes;
                 exitStatus = recoverFromConcurrentError(
                   root,
-                  lanesThatJustErrored,
+                  originallyAttemptedLanes,
                   errorRetryLanes
                 );
-                renderWasConcurrent = false; // Need to check the exit status again.
-
-                if (exitStatus !== RootErrored) {
-                  // The root did not error this time. Restart the exit algorithm
-                  // from the beginning.
-                  // TODO: Refactor the exit algorithm to be less confusing. Maybe
-                  // more branches + recursion instead of a loop. I think the only
-                  // thing that causes it to be a loop is the RootDidNotComplete
-                  // check. If that's true, then we don't need a loop/recursion
-                  // at all.
-                  continue;
-                }
+                renderWasConcurrent = false;
               }
             }
 
@@ -23368,7 +23555,7 @@ if (__DEV__) {
 
           if (
             executionContext === NoContext && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
-            !ReactSharedInternals.isBatchingLegacy
+            !ReactCurrentActQueue.isBatchingLegacy
           ) {
             resetRenderTimer();
             flushSyncWorkOnLegacyRootsOnly();
@@ -23381,7 +23568,7 @@ if (__DEV__) {
     // eslint-disable-next-line no-redeclare
     // eslint-disable-next-line no-redeclare
 
-    function flushSyncFromReconciler(fn) {
+    function flushSync(fn) {
       // In legacy mode, we flush pending passive effects at the beginning of the
       // next event, not at the end of the previous one.
       if (
@@ -23395,12 +23582,12 @@ if (__DEV__) {
 
       var prevExecutionContext = executionContext;
       executionContext |= BatchedContext;
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig.transition;
       var previousPriority = getCurrentUpdatePriority();
 
       try {
+        ReactCurrentBatchConfig.transition = null;
         setCurrentUpdatePriority(DiscreteEventPriority);
-        ReactSharedInternals.T = null;
 
         if (fn) {
           return fn();
@@ -23409,7 +23596,7 @@ if (__DEV__) {
         }
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
         executionContext = prevExecutionContext; // Flush the immediate callbacks that were scheduled during this batch.
         // Note that this will happen even if batchedUpdates is higher up
         // the stack.
@@ -23421,16 +23608,6 @@ if (__DEV__) {
           flushSyncWorkOnAllRoots();
         }
       }
-    } // If called outside of a render or commit will flush all sync work on all roots
-    // Returns whether the the call was during a render or not
-
-    function flushSyncWork() {
-      if ((executionContext & (RenderContext | CommitContext)) === NoContext) {
-        flushSyncWorkOnAllRoots();
-        return false;
-      }
-
-      return true;
     }
     // hidden subtree. The stack logic is managed there because that's the only
     // place that ever modifies it. Which module it lives in doesn't matter for
@@ -23544,10 +23721,7 @@ if (__DEV__) {
       // when React is executing user code.
       resetHooksAfterThrow();
       resetCurrentFiber();
-
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
 
       if (thrownValue === SuspenseException) {
         // This is a special type of exception used for Suspense. For historical
@@ -23671,8 +23845,8 @@ if (__DEV__) {
     }
 
     function pushDispatcher(container) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
       if (prevDispatcher === null) {
         // The React isomorphic package does not include a default dispatcher.
@@ -23685,20 +23859,20 @@ if (__DEV__) {
     }
 
     function popDispatcher(prevDispatcher) {
-      ReactSharedInternals.H = prevDispatcher;
+      ReactCurrentDispatcher.current = prevDispatcher;
     }
 
     function pushCacheDispatcher() {
       {
-        var prevCacheDispatcher = ReactSharedInternals.C;
-        ReactSharedInternals.C = DefaultCacheDispatcher;
+        var prevCacheDispatcher = ReactCurrentCache.current;
+        ReactCurrentCache.current = DefaultCacheDispatcher;
         return prevCacheDispatcher;
       }
     }
 
     function popCacheDispatcher(prevCacheDispatcher) {
       {
-        ReactSharedInternals.C = prevCacheDispatcher;
+        ReactCurrentCache.current = prevCacheDispatcher;
       }
     }
 
@@ -24063,7 +24237,7 @@ if (__DEV__) {
             }
           }
 
-          if (true && ReactSharedInternals.actQueue !== null) {
+          if (true && ReactCurrentActQueue.current !== null) {
             // `act` special case: If we're inside an `act` scope, don't consult
             // `shouldYield`. Always keep working until the render is complete.
             // This is not just an optimization: in a unit test environment, we
@@ -24132,9 +24306,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
     }
 
     function replaySuspendedUnitOfWork(unitOfWork) {
@@ -24260,9 +24432,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
     }
 
     function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
@@ -24472,12 +24642,12 @@ if (__DEV__) {
     ) {
       // TODO: This no longer makes any sense. We already wrap the mutation and
       // layout phases. Should be able to remove.
-      var prevTransition = ReactSharedInternals.T;
       var previousUpdateLanePriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
 
       try {
+        ReactCurrentBatchConfig.transition = null;
         setCurrentUpdatePriority(DiscreteEventPriority);
-        ReactSharedInternals.T = null;
         commitRootImpl(
           root,
           recoverableErrors,
@@ -24487,7 +24657,7 @@ if (__DEV__) {
           spawnedLane
         );
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
         setCurrentUpdatePriority(previousUpdateLanePriority);
       }
 
@@ -24609,16 +24779,14 @@ if (__DEV__) {
         NoFlags$1;
 
       if (subtreeHasEffects || rootHasEffect) {
-        var prevTransition = ReactSharedInternals.T;
-        ReactSharedInternals.T = null;
+        var prevTransition = ReactCurrentBatchConfig.transition;
+        ReactCurrentBatchConfig.transition = null;
         var previousPriority = getCurrentUpdatePriority();
         setCurrentUpdatePriority(DiscreteEventPriority);
         var prevExecutionContext = executionContext;
         executionContext |= CommitContext; // Reset this to null before calling lifecycles
 
-        {
-          ReactSharedInternals.owner = null;
-        } // The commit phase is broken into several sub-phases. We do a separate pass
+        ReactCurrentOwner.current = null; // The commit phase is broken into several sub-phases. We do a separate pass
         // of the effect list for each phase: all mutation effects come before all
         // layout effects, and so on.
         // The first phase a "before mutation" phase. We use this phase to read the
@@ -24647,7 +24815,7 @@ if (__DEV__) {
         executionContext = prevExecutionContext; // Reset the priority to the previous non-sync value.
 
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
       } else {
         // No effects.
         root.current = finishedWork; // Measure these anyway so the flamegraph explicitly shows that there were
@@ -24820,16 +24988,16 @@ if (__DEV__) {
         pendingPassiveEffectsRemainingLanes = NoLanes;
         var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
         var priority = lowerEventPriority(DefaultEventPriority, renderPriority);
-        var prevTransition = ReactSharedInternals.T;
+        var prevTransition = ReactCurrentBatchConfig.transition;
         var previousPriority = getCurrentUpdatePriority();
 
         try {
+          ReactCurrentBatchConfig.transition = null;
           setCurrentUpdatePriority(priority);
-          ReactSharedInternals.T = null;
           return flushPassiveEffectsImpl();
         } finally {
           setCurrentUpdatePriority(previousPriority);
-          ReactSharedInternals.T = prevTransition; // Once passive effects have run for the tree - giving components a
+          ReactCurrentBatchConfig.transition = prevTransition; // Once passive effects have run for the tree - giving components a
           // chance to retain cache instances they use - release the pooled
           // cache at the root (if there is one)
 
@@ -25399,7 +25567,7 @@ if (__DEV__) {
       {
         // If we're currently inside an `act` scope, bypass Scheduler and push to
         // the `act` queue instead.
-        var actQueue = ReactSharedInternals.actQueue;
+        var actQueue = ReactCurrentActQueue.current;
 
         if (actQueue !== null) {
           actQueue.push(callback);
@@ -25412,7 +25580,7 @@ if (__DEV__) {
 
     function shouldForceFlushFallbacksInDEV() {
       // Never force flush in production. This function should get stripped out.
-      return ReactSharedInternals.actQueue !== null;
+      return ReactCurrentActQueue.current !== null;
     }
 
     function warnIfUpdatesNotWrappedWithActDEV(fiber) {
@@ -25446,7 +25614,7 @@ if (__DEV__) {
           }
         }
 
-        if (ReactSharedInternals.actQueue === null) {
+        if (ReactCurrentActQueue.current === null) {
           var previousFiber = current;
 
           try {
@@ -25481,7 +25649,7 @@ if (__DEV__) {
         if (
           root.tag !== LegacyRoot &&
           isConcurrentActEnvironment() &&
-          ReactSharedInternals.actQueue === null
+          ReactCurrentActQueue.current === null
         ) {
           error(
             "A suspended resource finished loading inside a test, but the event " +
@@ -25690,12 +25858,13 @@ if (__DEV__) {
         var staleFamilies = update.staleFamilies,
           updatedFamilies = update.updatedFamilies;
         flushPassiveEffects();
-        scheduleFibersWithFamiliesRecursively(
-          root.current,
-          updatedFamilies,
-          staleFamilies
-        );
-        flushSyncWork();
+        flushSync(function () {
+          scheduleFibersWithFamiliesRecursively(
+            root.current,
+            updatedFamilies,
+            staleFamilies
+          );
+        });
       }
     };
     var scheduleRoot = function (root, element) {
@@ -25707,8 +25876,10 @@ if (__DEV__) {
           return;
         }
 
-        updateContainerSync(element, root, null, null);
-        flushSyncWork();
+        flushPassiveEffects();
+        flushSync(function () {
+          updateContainer(element, root, null, null);
+        });
       }
     };
 
@@ -26408,7 +26579,7 @@ if (__DEV__) {
                   "named imports.";
               }
 
-              var ownerName = owner ? getComponentNameFromOwner(owner) : null;
+              var ownerName = owner ? getComponentNameFromFiber(owner) : null;
 
               if (ownerName) {
                 info += "\n\nCheck the render method of `" + ownerName + "`.";
@@ -26687,82 +26858,7 @@ if (__DEV__) {
       return root;
     }
 
-    var ReactVersion = "19.0.0-www-classic-55753825";
-
-    /*
-     * 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 checkPropStringCoercion(value, propName) {
-      {
-        if (willCoercionThrow(value)) {
-          error(
-            "The provided `%s` prop is an unsupported type %s." +
-              " This value must be coerced to a string before using it here.",
-            propName,
-            typeName(value)
-          );
-
-          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
-        }
-      }
-    }
+    var ReactVersion = "19.0.0-www-classic-74b383db";
 
     // Might add PROFILE later.
 
@@ -26822,52 +26918,13 @@ if (__DEV__) {
       );
     }
     function updateContainer(element, container, parentComponent, callback) {
-      var current = container.current;
-      var lane = requestUpdateLane(current);
-      updateContainerImpl(
-        current,
-        lane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return lane;
-    }
-    function updateContainerSync(
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
-      if (container.tag === LegacyRoot) {
-        flushPassiveEffects();
-      }
-
-      var current = container.current;
-      updateContainerImpl(
-        current,
-        SyncLane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return SyncLane;
-    }
-
-    function updateContainerImpl(
-      rootFiber,
-      lane,
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
       {
         onScheduleRoot(container, element);
       }
 
+      var current$1 = container.current;
+      var lane = requestUpdateLane(current$1);
+
       var context = getContextForSubtree(parentComponent);
 
       if (container.context === null) {
@@ -26912,12 +26969,14 @@ if (__DEV__) {
         update.callback = callback;
       }
 
-      var root = enqueueUpdate(rootFiber, update, lane);
+      var root = enqueueUpdate(current$1, update, lane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, rootFiber, lane);
-        entangleTransitions(root, rootFiber, lane);
+        scheduleUpdateOnFiber(root, current$1, lane);
+        entangleTransitions(root, current$1, lane);
       }
+
+      return lane;
     }
     function getPublicRootInstance(container) {
       var containerFiber = container.current;
@@ -27207,6 +27266,7 @@ if (__DEV__) {
 
     function injectIntoDevTools(devToolsConfig) {
       var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+      var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
       return injectInternals({
         bundleType: devToolsConfig.bundleType,
         version: devToolsConfig.version,
@@ -27221,7 +27281,7 @@ if (__DEV__) {
         setErrorHandler: setErrorHandler,
         setSuspenseHandler: setSuspenseHandler,
         scheduleUpdate: scheduleUpdate,
-        currentDispatcherRef: ReactSharedInternals,
+        currentDispatcherRef: ReactCurrentDispatcher,
         findHostInstanceByFiber: findHostInstanceByFiber,
         findFiberByHostInstance:
           findFiberByHostInstance || emptyFindFiberByHostInstance,
@@ -27817,7 +27877,7 @@ if (__DEV__) {
 
           return getPublicRootInstance(root);
         },
-        unstable_flushSync: flushSyncFromReconciler
+        unstable_flushSync: flushSync
       };
       Object.defineProperty(entry, "root", {
         configurable: true,
diff --git a/compiled/facebook-www/ReactTestRenderer-dev.modern.js b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
index 2147b9cee6..197a64e17e 100644
--- a/compiled/facebook-www/ReactTestRenderer-dev.modern.js
+++ b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
@@ -62,10 +62,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -112,9 +114,6 @@ if (__DEV__) {
 
     var assign = Object.assign;
 
-    var LegacyRoot = 0;
-    var ConcurrentRoot = 1;
-
     /**
      * `ReactInstanceMap` maintains a mapping from a public facing stateful
      * instance (key) and the internal representation (value). This allows public
@@ -132,7 +131,7 @@ if (__DEV__) {
     }
 
     var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
     var debugRenderPhaseSideEffectsForStrictMode = false;
     var enableSchedulingProfiler = false;
@@ -347,17 +346,6 @@ if (__DEV__) {
       return type.displayName || "Context";
     }
 
-    function getComponentNameFromOwner(owner) {
-      if (typeof owner.tag === "number") {
-        return getComponentNameFromFiber(owner);
-      }
-
-      if (typeof owner.name === "string") {
-        return owner.name;
-      }
-
-      return null;
-    }
     function getComponentNameFromFiber(fiber) {
       var tag = fiber.tag,
         type = fiber.type;
@@ -512,7 +500,6 @@ if (__DEV__) {
     var ScheduleRetry = StoreConsistency;
     var ShouldSuspendCommit = Visibility;
     var DidDefer = ContentReset;
-    var FormReset = Snapshot;
     var LifecycleEffectMask =
       Passive$1 | Update | Callback | Ref | Snapshot | StoreConsistency; // Union of all commit flags (flags with the lifetime of a particular commit)
 
@@ -571,8 +558,7 @@ if (__DEV__) {
       ContentReset |
       Ref |
       Hydrating |
-      Visibility |
-      FormReset;
+      Visibility;
     var LayoutMask = Update | Callback | Ref | Visibility; // TODO: Split into PassiveMountMask and PassiveUnmountMask
 
     var PassiveMask = Passive$1 | Visibility | ChildDeletion; // Union of tags that don't get reset on clones.
@@ -582,6 +568,7 @@ if (__DEV__) {
     var StaticMask =
       LayoutStatic | PassiveStatic | RefStatic | MaySuspendCommit;
 
+    var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
     function getNearestMountedFiber(fiber) {
       var node = fiber;
       var nearestMounted = fiber;
@@ -623,7 +610,7 @@ if (__DEV__) {
     }
     function isMounted(component) {
       {
-        var owner = ReactSharedInternals.owner;
+        var owner = ReactCurrentOwner$2.current;
 
         if (owner !== null && owner.tag === ClassComponent) {
           var ownerFiber = owner;
@@ -1986,11 +1973,17 @@ if (__DEV__) {
       }
     }
 
-    var NoEventPriority = NoLane;
     var DiscreteEventPriority = SyncLane;
     var ContinuousEventPriority = InputContinuousLane;
     var DefaultEventPriority = DefaultLane;
     var IdleEventPriority = IdleLane;
+    var currentUpdatePriority = NoLane;
+    function getCurrentUpdatePriority() {
+      return currentUpdatePriority;
+    }
+    function setCurrentUpdatePriority(newPriority) {
+      currentUpdatePriority = newPriority;
+    }
     function higherEventPriority(a, b) {
       return a !== 0 && a < b ? a : b;
     }
@@ -2000,9 +1993,6 @@ if (__DEV__) {
     function isHigherEventPriority(a, b) {
       return a !== 0 && a < b;
     }
-    function eventPriorityToLane(updatePriority) {
-      return updatePriority;
-    }
     function lanesToEventPriority(lanes) {
       var lane = getHighestPriorityLane(lanes);
 
@@ -2160,18 +2150,7 @@ if (__DEV__) {
         tag: "TEXT"
       };
     }
-    var currentUpdatePriority = NoEventPriority;
-    function setCurrentUpdatePriority(newPriority) {
-      currentUpdatePriority = newPriority;
-    }
-    function getCurrentUpdatePriority() {
-      return currentUpdatePriority;
-    }
-    function resolveUpdatePriority() {
-      if (currentUpdatePriority !== NoEventPriority) {
-        return currentUpdatePriority;
-      }
-
+    function getCurrentEventPriority() {
       return DefaultEventPriority;
     }
     function shouldAttemptEagerTransition() {
@@ -2552,6 +2531,9 @@ if (__DEV__) {
       }
     }
 
+    var LegacyRoot = 0;
+    var ConcurrentRoot = 1;
+
     // We use the existence of the state object as an indicator that the component
     // is hidden.
     var OffscreenVisible =
@@ -2582,8 +2564,9 @@ if (__DEV__) {
 
     var objectIs = typeof Object.is === "function" ? Object.is : is; // $FlowFixMe[method-unbinding]
 
+    var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
     var prefix;
-    function describeBuiltInComponentFrame(name) {
+    function describeBuiltInComponentFrame(name, ownerFn) {
       {
         if (prefix === undefined) {
           // Extract the VM specific prefix used by each line.
@@ -2640,13 +2623,13 @@ if (__DEV__) {
       var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
       Error.prepareStackTrace = undefined;
-      var previousDispatcher = null;
+      var previousDispatcher;
 
       {
-        previousDispatcher = ReactSharedInternals.H; // Set the dispatcher in DEV because this might be call in the render function
+        previousDispatcher = ReactCurrentDispatcher$2.current; // Set the dispatcher in DEV because this might be call in the render function
         // for warnings.
 
-        ReactSharedInternals.H = null;
+        ReactCurrentDispatcher$2.current = null;
         disableLogs();
       }
       /**
@@ -2839,7 +2822,7 @@ if (__DEV__) {
         reentry = false;
 
         {
-          ReactSharedInternals.H = previousDispatcher;
+          ReactCurrentDispatcher$2.current = previousDispatcher;
           reenableLogs();
         }
 
@@ -2858,12 +2841,12 @@ if (__DEV__) {
       return syntheticFrame;
     }
 
-    function describeClassComponentFrame(ctor) {
+    function describeClassComponentFrame(ctor, ownerFn) {
       {
         return describeNativeComponentFrame(ctor, true);
       }
     }
-    function describeFunctionComponentFrame(fn) {
+    function describeFunctionComponentFrame(fn, ownerFn) {
       {
         return describeNativeComponentFrame(fn, false);
       }
@@ -4056,6 +4039,7 @@ if (__DEV__) {
       }
     }
 
+    var ReactCurrentActQueue$4 = 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.
 
@@ -4094,7 +4078,7 @@ if (__DEV__) {
       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 (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.current !== null) {
         // We're inside an `act` scope.
         if (!didScheduleMicrotask_act) {
           didScheduleMicrotask_act = true;
@@ -4107,9 +4091,9 @@ if (__DEV__) {
         }
       }
 
-      if (ReactSharedInternals.isBatchingLegacy && root.tag === LegacyRoot) {
+      if (ReactCurrentActQueue$4.isBatchingLegacy && root.tag === LegacyRoot) {
         // Special `act` case: Record whenever a legacy update is scheduled.
-        ReactSharedInternals.didScheduleLegacyUpdate = true;
+        ReactCurrentActQueue$4.didScheduleLegacyUpdate = true;
       }
     }
     function flushSyncWorkOnAllRoots() {
@@ -4300,7 +4284,7 @@ if (__DEV__) {
           // Scheduler task, rather than an `act` task, cancel it and re-schedule
           // on the `act` queue.
           !(
-            ReactSharedInternals.actQueue !== null &&
+            ReactCurrentActQueue$4.current !== null &&
             existingCallbackNode !== fakeActCallbackNode$1
           )
         ) {
@@ -4367,11 +4351,11 @@ if (__DEV__) {
     var fakeActCallbackNode$1 = {};
 
     function scheduleCallback$2(priorityLevel, callback) {
-      if (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.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.
-        ReactSharedInternals.actQueue.push(callback);
+        ReactCurrentActQueue$4.current.push(callback);
         return fakeActCallbackNode$1;
       } else {
         return scheduleCallback$3(priorityLevel, callback);
@@ -4386,13 +4370,13 @@ if (__DEV__) {
     }
 
     function scheduleImmediateTask(cb) {
-      if (ReactSharedInternals.actQueue !== null) {
+      if (ReactCurrentActQueue$4.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.
-        ReactSharedInternals.actQueue.push(function () {
+        ReactCurrentActQueue$4.current.push(function () {
           cb();
           return null;
         });
@@ -5164,6 +5148,7 @@ if (__DEV__) {
       return true;
     }
 
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
     var current = null;
     var isRendering = false;
     function getCurrentFiberOwnerNameInDevOrNull() {
@@ -5174,8 +5159,8 @@ if (__DEV__) {
 
         var owner = current._debugOwner;
 
-        if (owner != null) {
-          return getComponentNameFromOwner(owner);
+        if (owner !== null && typeof owner !== "undefined") {
+          return getComponentNameFromFiber(owner);
         }
       }
 
@@ -5195,14 +5180,14 @@ if (__DEV__) {
 
     function resetCurrentFiber() {
       {
-        ReactSharedInternals.getCurrentStack = null;
+        ReactDebugCurrentFrame.getCurrentStack = null;
         current = null;
         isRendering = false;
       }
     }
     function setCurrentFiber(fiber) {
       {
-        ReactSharedInternals.getCurrentStack =
+        ReactDebugCurrentFrame.getCurrentStack =
           fiber === null ? null : getCurrentFiberStackInDev;
         current = fiber;
         isRendering = false;
@@ -5577,6 +5562,83 @@ if (__DEV__) {
       };
     }
 
+    /*
+     * 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 checkPropStringCoercion(value, propName) {
+      {
+        if (willCoercionThrow(value)) {
+          error(
+            "The provided `%s` prop is an unsupported type %s." +
+              " This value must be coerced to a string before using it here.",
+            propName,
+            typeName(value)
+          );
+
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
+    }
+
+    var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue;
+
     function getThenablesFromState(state) {
       {
         var devState = state;
@@ -5630,8 +5692,8 @@ if (__DEV__) {
     function noop() {}
 
     function trackUsedThenable(thenableState, thenable, index) {
-      if (ReactSharedInternals.actQueue !== null) {
-        ReactSharedInternals.didUsePromise = true;
+      if (ReactCurrentActQueue$3.current !== null) {
+        ReactCurrentActQueue$3.didUsePromise = true;
       }
 
       var trackedThenables = getThenablesFromState(thenableState);
@@ -5854,6 +5916,7 @@ if (__DEV__) {
 
     var didWarnAboutMaps;
     var didWarnAboutGenerators;
+    var didWarnAboutStringRefs;
     var ownerHasKeyUseWarning;
     var ownerHasFunctionTypeWarning;
     var ownerHasSymbolTypeWarning;
@@ -5863,6 +5926,7 @@ if (__DEV__) {
     {
       didWarnAboutMaps = false;
       didWarnAboutGenerators = false;
+      didWarnAboutStringRefs = {};
       /**
        * 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
@@ -5907,6 +5971,10 @@ if (__DEV__) {
       };
     }
 
+    function isReactClass(type) {
+      return type.prototype && type.prototype.isReactComponent;
+    }
+
     function unwrapThenable(thenable) {
       var index = thenableIndexCounter$1;
       thenableIndexCounter$1 += 1;
@@ -5918,16 +5986,128 @@ if (__DEV__) {
       return trackUsedThenable(thenableState$1, thenable, index);
     }
 
+    function convertStringRefToCallbackRef(
+      returnFiber,
+      current,
+      element,
+      mixedRef
+    ) {
+      {
+        checkPropStringCoercion(mixedRef, "ref");
+      }
+
+      var stringRef = "" + mixedRef;
+      var owner = element._owner;
+
+      if (!owner) {
+        throw new Error(
+          "Element ref was specified as a string (" +
+            stringRef +
+            ") 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://react.dev/link/refs-must-have-owner for more information."
+        );
+      }
+
+      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://react.dev/link/strict-mode-string-ref"
+        );
+      }
+
+      {
+        if (
+          // Will already warn with "Function components cannot be given refs"
+          !(typeof element.type === "function" && !isReactClass(element.type))
+        ) {
+          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://react.dev/link/strict-mode-string-ref",
+              componentName,
+              stringRef
+            );
+
+            didWarnAboutStringRefs[componentName] = true;
+          }
+        }
+      }
+
+      var inst = owner.stateNode;
+
+      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
+
+      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
+
+      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 ref;
+      var mixedRef;
 
       {
         // Old behavior.
-        ref = element.ref;
+        mixedRef = element.ref;
+      }
+
+      var coercedRef;
+
+      if (
+        typeof mixedRef === "string" ||
+        typeof mixedRef === "number" ||
+        typeof mixedRef === "boolean"
+      ) {
+        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 = ref;
+      workInProgress.ref = coercedRef;
     }
 
     function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -7746,6 +7926,8 @@ if (__DEV__) {
       /*   */
       8;
 
+    var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
     var didWarnAboutMismatchedHooksForComponent;
     var didWarnUncachedGetSnapshot;
     var didWarnAboutUseWrappedInTryCatch;
@@ -7909,8 +8091,8 @@ if (__DEV__) {
           didWarnAboutUseFormState.add(componentName);
 
           error(
-            "ReactDOM.useFormState has been renamed to React.useActionState. " +
-              "Please update %s to use React.useActionState.",
+            "ReactDOM.useFormState has been deprecated and replaced by " +
+              "React.useActionState. Please update %s to use React.useActionState.",
             componentName
           );
         }
@@ -8046,16 +8228,17 @@ if (__DEV__) {
 
       {
         if (current !== null && current.memoizedState !== null) {
-          ReactSharedInternals.H = HooksDispatcherOnUpdateInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
         } else if (hookTypesDev !== null) {
           // This dispatcher handles an edge case where a component is updating,
           // but no stateful hooks have been used.
           // We want to match the production code behavior (which will use HooksDispatcherOnMount),
           // but with the extra DEV validation to ensure hooks ordering hasn't changed.
           // This dispatcher does that.
-          ReactSharedInternals.H = HooksDispatcherOnMountWithHookTypesInDEV;
+          ReactCurrentDispatcher$1.current =
+            HooksDispatcherOnMountWithHookTypesInDEV;
         } else {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       } // In Strict Mode, during development, user functions are double invoked to
       // help detect side effects. The logic for how this is implemented for in
@@ -8110,7 +8293,7 @@ if (__DEV__) {
       } // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
       // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
       var didRenderTooFewHooks =
@@ -8261,7 +8444,7 @@ if (__DEV__) {
           hookTypesUpdateIndexDev = -1;
         }
 
-        ReactSharedInternals.H = HooksDispatcherOnRerenderInDEV;
+        ReactCurrentDispatcher$1.current = HooksDispatcherOnRerenderInDEV;
         children = Component(props, secondArg);
       } while (didScheduleRenderPhaseUpdateDuringThisPass);
 
@@ -8283,34 +8466,18 @@ if (__DEV__) {
       );
     }
     function TransitionAwareHostComponent() {
-      var dispatcher = ReactSharedInternals.H;
+      var dispatcher = ReactCurrentDispatcher$1.current;
 
       var _dispatcher$useState = dispatcher.useState(),
         maybeThenable = _dispatcher$useState[0];
 
-      var nextState;
-
       if (typeof maybeThenable.then === "function") {
         var thenable = maybeThenable;
-        nextState = useThenable(thenable);
+        return useThenable(thenable);
       } else {
         var status = maybeThenable;
-        nextState = status;
-      } // The "reset state" is an object. If it changes, that means something
-      // requested that we reset the form.
-
-      var _dispatcher$useState2 = dispatcher.useState(),
-        nextResetState = _dispatcher$useState2[0];
-
-      var prevResetState =
-        currentHook !== null ? currentHook.memoizedState : null;
-
-      if (prevResetState !== nextResetState) {
-        // Schedule a form reset
-        currentlyRenderingFiber$1.flags |= FormReset;
+        return status;
       }
-
-      return nextState;
     }
     function bailoutHooks(current, workInProgress, lanes) {
       workInProgress.updateQueue = current.updateQueue; // TODO: Don't need to reset the flags here, because they're reset in the
@@ -8339,7 +8506,7 @@ if (__DEV__) {
       currentlyRenderingFiber$1 = null; // 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.
 
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
     }
     function resetHooksOnUnwind(workInProgress) {
       if (didScheduleRenderPhaseUpdate) {
@@ -8512,7 +8679,7 @@ if (__DEV__) {
         // time (perhaps because it threw). Subsequent Hook calls should use the
         // mount dispatcher.
         {
-          ReactSharedInternals.H = HooksDispatcherOnMountInDEV;
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       }
 
@@ -9321,14 +9488,14 @@ if (__DEV__) {
       var action = actionQueue.action;
       var prevState = actionQueue.state; // This is a fork of startTransition
 
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$2.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
-      ReactSharedInternals.T = currentTransition;
+      ReactCurrentBatchConfig$2.transition = currentTransition;
 
       {
-        ReactSharedInternals.T._updatedFibers = new Set();
+        ReactCurrentBatchConfig$2.transition._updatedFibers = new Set();
       } // Optimistically update the pending state, similar to useTransition.
       // This will be reverted automatically when all actions are finished.
 
@@ -9386,7 +9553,7 @@ if (__DEV__) {
         setState(rejectedThenable);
         finishRunningActionStateAction(actionQueue, setPendingState, setState);
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$2.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -9972,7 +10139,7 @@ if (__DEV__) {
       setCurrentUpdatePriority(
         higherEventPriority(previousPriority, ContinuousEventPriority)
       );
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig$2.transition;
       var currentTransition = {
         _callbacks: new Set()
       };
@@ -9984,12 +10151,12 @@ if (__DEV__) {
         // optimistic update anyway to make it less likely the behavior accidentally
         // diverges; for example, both an optimistic update and this one should
         // share the same lane.
-        ReactSharedInternals.T = currentTransition;
+        ReactCurrentBatchConfig$2.transition = currentTransition;
         dispatchOptimisticSetState(fiber, false, queue, pendingState);
       }
 
       {
-        currentTransition._updatedFibers = new Set();
+        ReactCurrentBatchConfig$2.transition._updatedFibers = new Set();
       }
 
       try {
@@ -10035,7 +10202,7 @@ if (__DEV__) {
         }
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig$2.transition = prevTransition;
 
         {
           if (prevTransition === null && currentTransition._updatedFibers) {
@@ -10255,11 +10422,11 @@ if (__DEV__) {
           var lastRenderedReducer = queue.lastRenderedReducer;
 
           if (lastRenderedReducer !== null) {
-            var prevDispatcher = null;
+            var prevDispatcher;
 
             {
-              prevDispatcher = ReactSharedInternals.H;
-              ReactSharedInternals.H =
+              prevDispatcher = ReactCurrentDispatcher$1.current;
+              ReactCurrentDispatcher$1.current =
                 InvalidNestedHooksDispatcherOnUpdateInDEV;
             }
 
@@ -10290,7 +10457,7 @@ if (__DEV__) {
               // Suppress the error. It will throw again in the render phase.
             } finally {
               {
-                ReactSharedInternals.H = prevDispatcher;
+                ReactCurrentDispatcher$1.current = prevDispatcher;
               }
             }
           }
@@ -10541,25 +10708,27 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           mountHookTypesDev();
           checkDepsAreArrayDev(deps);
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -10570,13 +10739,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -10697,25 +10867,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -10726,13 +10898,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -10846,25 +11019,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -10875,13 +11050,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -11003,25 +11179,27 @@ if (__DEV__) {
         useMemo: function (create, deps) {
           currentHookNameInDev = "useMemo";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11032,13 +11210,14 @@ if (__DEV__) {
         useState: function (initialState) {
           currentHookNameInDev = "useState";
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -11171,26 +11350,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11203,13 +11384,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           mountHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
           try {
             return mountState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -11346,26 +11528,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11378,13 +11562,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -11521,26 +11706,28 @@ if (__DEV__) {
           currentHookNameInDev = "useMemo";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return updateMemo(create, deps);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useReducer: function (reducer, initialArg, init) {
           currentHookNameInDev = "useReducer";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderReducer(reducer, initialArg, init);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useRef: function (initialValue) {
@@ -11553,13 +11740,14 @@ if (__DEV__) {
           currentHookNameInDev = "useState";
           warnInvalidHookAccess();
           updateHookTypesDev();
-          var prevDispatcher = ReactSharedInternals.H;
-          ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
           try {
             return rerenderState(initialState);
           } finally {
-            ReactSharedInternals.H = prevDispatcher;
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
         },
         useDebugValue: function (value, formatterFn) {
@@ -12937,7 +13125,7 @@ if (__DEV__) {
       // remove this extra check.
       alreadyResolvedDefaultProps
     ) {
-      var newProps = baseProps;
+      var newProps = baseProps; // Resolve default props. Taken from old JSX runtime, where this used to live.
 
       var defaultProps = Component.defaultProps;
 
@@ -12946,15 +13134,11 @@ if (__DEV__) {
         // default props here in the reconciler, rather than in the JSX runtime.
         !alreadyResolvedDefaultProps
       ) {
-        // We may have already copied the props object above to remove ref. If so,
-        // we can modify that. Otherwise, copy the props object with Object.assign.
-        if (newProps === baseProps) {
-          newProps = assign({}, newProps, baseProps);
-        } // Taken from old JSX runtime, where this used to live.
+        newProps = assign({}, newProps, baseProps);
 
-        for (var _propName in defaultProps) {
-          if (newProps[_propName] === undefined) {
-            newProps[_propName] = defaultProps[_propName];
+        for (var propName in defaultProps) {
+          if (newProps[propName] === undefined) {
+            newProps[propName] = defaultProps[propName];
           }
         }
       }
@@ -13019,6 +13203,8 @@ if (__DEV__) {
             console["error"](error);
           };
 
+    var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // Side-channel since I'm not sure we want to make this part of the public API
+
     var componentName = null;
     var errorBoundaryName = null;
     function defaultOnUncaughtError(error, errorInfo) {
@@ -13083,10 +13269,10 @@ if (__DEV__) {
 
         var error = errorInfo.value;
 
-        if (true && ReactSharedInternals.actQueue !== null) {
+        if (true && ReactCurrentActQueue$2.current !== null) {
           // For uncaught errors inside act, we track them on the act and then
           // rethrow them into the test.
-          ReactSharedInternals.thrownErrors.push(error);
+          ReactCurrentActQueue$2.thrownErrors.push(error);
           return;
         }
 
@@ -13621,6 +13807,7 @@ if (__DEV__) {
       return false;
     }
 
+    var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
     // into a dehydrated boundary.
 
     var SelectiveHydrationException = new Error(
@@ -13735,7 +13922,7 @@ if (__DEV__) {
       prepareToReadContext(workInProgress, renderLanes);
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -14321,7 +14508,7 @@ if (__DEV__) {
       prepareToReadContext(workInProgress, renderLanes);
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         nextChildren = renderWithHooks(
           current,
@@ -14532,10 +14719,7 @@ if (__DEV__) {
 
       var instance = workInProgress.stateNode; // Rerender
 
-      {
-        ReactSharedInternals.owner = workInProgress;
-      }
-
+      ReactCurrentOwner$1.current = workInProgress;
       var nextChildren;
 
       if (
@@ -16211,7 +16395,7 @@ if (__DEV__) {
       var newChildren;
 
       {
-        ReactSharedInternals.owner = workInProgress;
+        ReactCurrentOwner$1.current = workInProgress;
         setIsRendering(true);
         newChildren = render(newValue);
         setIsRendering(false);
@@ -17292,8 +17476,10 @@ if (__DEV__) {
       popProvider(CacheContext, workInProgress);
     }
 
+    var ReactCurrentBatchConfig$1 =
+      ReactSharedInternals.ReactCurrentBatchConfig;
     function requestCurrentTransition() {
-      var transition = ReactSharedInternals.T;
+      var transition = ReactCurrentBatchConfig$1.transition;
 
       if (transition !== null) {
         // Whenever a transition update is scheduled, register a callback on the
@@ -18919,7 +19105,7 @@ if (__DEV__) {
     // Allows us to avoid traversing the return path to find the nearest Offscreen ancestor.
 
     var offscreenSubtreeIsHidden = false;
-    var offscreenSubtreeWasHidden = false; // Used to track if a form needs to be reset at the end of the mutation phase.
+    var offscreenSubtreeWasHidden = false;
     var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
     var nextEffect = null; // Used for Profiling builds to track updaters.
 
@@ -20850,19 +21036,6 @@ if (__DEV__) {
                 }
               }
             }
-
-            if (flags & FormReset) {
-              {
-                if (finishedWork.type !== "form") {
-                  // Paranoid coding. In case we accidentally start using the
-                  // FormReset bit for something else.
-                  error(
-                    "Unexpected host component type. Expected a form. This is a " +
-                      "bug in React."
-                  );
-                }
-              }
-            }
           }
 
           return;
@@ -22483,6 +22656,7 @@ if (__DEV__) {
       symbolFor("selector.text");
     }
 
+    var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
     function isLegacyActEnvironment(fiber) {
       {
         // Legacy mode. We preserve the behavior of React 17's act. It assumes an
@@ -22507,7 +22681,7 @@ if (__DEV__) {
 
         if (
           !isReactActEnvironmentGlobal &&
-          ReactSharedInternals.actQueue !== null
+          ReactCurrentActQueue$1.current !== null
         ) {
           // TODO: Include link to relevant documentation page.
           error(
@@ -22521,6 +22695,11 @@ if (__DEV__) {
     }
 
     var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
+      ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+      ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+      ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue;
     var NoContext =
       /*             */
       0;
@@ -22667,11 +22846,13 @@ if (__DEV__) {
 
       if (transition !== null) {
         {
-          if (!transition._updatedFibers) {
-            transition._updatedFibers = new Set();
+          var batchConfigTransition = ReactCurrentBatchConfig.transition;
+
+          if (!batchConfigTransition._updatedFibers) {
+            batchConfigTransition._updatedFibers = new Set();
           }
 
-          transition._updatedFibers.add(fiber);
+          batchConfigTransition._updatedFibers.add(fiber);
         }
 
         var actionScopeLane = peekEntangledActionLane();
@@ -22680,9 +22861,26 @@ if (__DEV__) {
           : // is the first update in that scope. Either way, we need to get a
             // fresh transition lane.
             requestTransitionLane();
-      }
+      } // Updates originating inside certain React methods, like flushSync, have
+      // their priority set by tracking it with a context variable.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
 
-      return eventPriorityToLane(resolveUpdatePriority());
+      var updateLane = getCurrentUpdatePriority();
+
+      if (updateLane !== NoLane) {
+        return updateLane;
+      } // This update originated outside React. Ask the host environment for an
+      // appropriate priority, based on the type of event.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
+
+      var eventLane = getCurrentEventPriority();
+      return eventLane;
     }
 
     function requestRetryLane(fiber) {
@@ -22817,7 +23015,7 @@ if (__DEV__) {
           !disableLegacyMode &&
           (fiber.mode & ConcurrentMode) === NoMode
         ) {
-          if (ReactSharedInternals.isBatchingLegacy);
+          if (ReactCurrentActQueue.isBatchingLegacy);
           else {
             // Flush the synchronous work now, unless we're already working or inside
             // a batch. This is intentionally inside scheduleUpdateOnFiber instead of
@@ -22919,31 +23117,20 @@ if (__DEV__) {
             } // Check if something threw
 
             if (exitStatus === RootErrored) {
-              var lanesThatJustErrored = lanes;
+              var originallyAttemptedLanes = lanes;
               var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
                 root,
-                lanesThatJustErrored
+                originallyAttemptedLanes
               );
 
               if (errorRetryLanes !== NoLanes) {
                 lanes = errorRetryLanes;
                 exitStatus = recoverFromConcurrentError(
                   root,
-                  lanesThatJustErrored,
+                  originallyAttemptedLanes,
                   errorRetryLanes
                 );
-                renderWasConcurrent = false; // Need to check the exit status again.
-
-                if (exitStatus !== RootErrored) {
-                  // The root did not error this time. Restart the exit algorithm
-                  // from the beginning.
-                  // TODO: Refactor the exit algorithm to be less confusing. Maybe
-                  // more branches + recursion instead of a loop. I think the only
-                  // thing that causes it to be a loop is the RootDidNotComplete
-                  // check. If that's true, then we don't need a loop/recursion
-                  // at all.
-                  continue;
-                }
+                renderWasConcurrent = false;
               }
             }
 
@@ -23368,7 +23555,7 @@ if (__DEV__) {
 
           if (
             executionContext === NoContext && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
-            !ReactSharedInternals.isBatchingLegacy
+            !ReactCurrentActQueue.isBatchingLegacy
           ) {
             resetRenderTimer();
             flushSyncWorkOnLegacyRootsOnly();
@@ -23381,7 +23568,7 @@ if (__DEV__) {
     // eslint-disable-next-line no-redeclare
     // eslint-disable-next-line no-redeclare
 
-    function flushSyncFromReconciler(fn) {
+    function flushSync(fn) {
       // In legacy mode, we flush pending passive effects at the beginning of the
       // next event, not at the end of the previous one.
       if (
@@ -23395,12 +23582,12 @@ if (__DEV__) {
 
       var prevExecutionContext = executionContext;
       executionContext |= BatchedContext;
-      var prevTransition = ReactSharedInternals.T;
+      var prevTransition = ReactCurrentBatchConfig.transition;
       var previousPriority = getCurrentUpdatePriority();
 
       try {
+        ReactCurrentBatchConfig.transition = null;
         setCurrentUpdatePriority(DiscreteEventPriority);
-        ReactSharedInternals.T = null;
 
         if (fn) {
           return fn();
@@ -23409,7 +23596,7 @@ if (__DEV__) {
         }
       } finally {
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
         executionContext = prevExecutionContext; // Flush the immediate callbacks that were scheduled during this batch.
         // Note that this will happen even if batchedUpdates is higher up
         // the stack.
@@ -23421,16 +23608,6 @@ if (__DEV__) {
           flushSyncWorkOnAllRoots();
         }
       }
-    } // If called outside of a render or commit will flush all sync work on all roots
-    // Returns whether the the call was during a render or not
-
-    function flushSyncWork() {
-      if ((executionContext & (RenderContext | CommitContext)) === NoContext) {
-        flushSyncWorkOnAllRoots();
-        return false;
-      }
-
-      return true;
     }
     // hidden subtree. The stack logic is managed there because that's the only
     // place that ever modifies it. Which module it lives in doesn't matter for
@@ -23544,10 +23721,7 @@ if (__DEV__) {
       // when React is executing user code.
       resetHooksAfterThrow();
       resetCurrentFiber();
-
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
 
       if (thrownValue === SuspenseException) {
         // This is a special type of exception used for Suspense. For historical
@@ -23671,8 +23845,8 @@ if (__DEV__) {
     }
 
     function pushDispatcher(container) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = ContextOnlyDispatcher;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
       if (prevDispatcher === null) {
         // The React isomorphic package does not include a default dispatcher.
@@ -23685,20 +23859,20 @@ if (__DEV__) {
     }
 
     function popDispatcher(prevDispatcher) {
-      ReactSharedInternals.H = prevDispatcher;
+      ReactCurrentDispatcher.current = prevDispatcher;
     }
 
     function pushCacheDispatcher() {
       {
-        var prevCacheDispatcher = ReactSharedInternals.C;
-        ReactSharedInternals.C = DefaultCacheDispatcher;
+        var prevCacheDispatcher = ReactCurrentCache.current;
+        ReactCurrentCache.current = DefaultCacheDispatcher;
         return prevCacheDispatcher;
       }
     }
 
     function popCacheDispatcher(prevCacheDispatcher) {
       {
-        ReactSharedInternals.C = prevCacheDispatcher;
+        ReactCurrentCache.current = prevCacheDispatcher;
       }
     }
 
@@ -24063,7 +24237,7 @@ if (__DEV__) {
             }
           }
 
-          if (true && ReactSharedInternals.actQueue !== null) {
+          if (true && ReactCurrentActQueue.current !== null) {
             // `act` special case: If we're inside an `act` scope, don't consult
             // `shouldYield`. Always keep working until the render is complete.
             // This is not just an optimization: in a unit test environment, we
@@ -24132,9 +24306,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
     }
 
     function replaySuspendedUnitOfWork(unitOfWork) {
@@ -24260,9 +24432,7 @@ if (__DEV__) {
         workInProgress = next;
       }
 
-      {
-        ReactSharedInternals.owner = null;
-      }
+      ReactCurrentOwner.current = null;
     }
 
     function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
@@ -24472,12 +24642,12 @@ if (__DEV__) {
     ) {
       // TODO: This no longer makes any sense. We already wrap the mutation and
       // layout phases. Should be able to remove.
-      var prevTransition = ReactSharedInternals.T;
       var previousUpdateLanePriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
 
       try {
+        ReactCurrentBatchConfig.transition = null;
         setCurrentUpdatePriority(DiscreteEventPriority);
-        ReactSharedInternals.T = null;
         commitRootImpl(
           root,
           recoverableErrors,
@@ -24487,7 +24657,7 @@ if (__DEV__) {
           spawnedLane
         );
       } finally {
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
         setCurrentUpdatePriority(previousUpdateLanePriority);
       }
 
@@ -24609,16 +24779,14 @@ if (__DEV__) {
         NoFlags$1;
 
       if (subtreeHasEffects || rootHasEffect) {
-        var prevTransition = ReactSharedInternals.T;
-        ReactSharedInternals.T = null;
+        var prevTransition = ReactCurrentBatchConfig.transition;
+        ReactCurrentBatchConfig.transition = null;
         var previousPriority = getCurrentUpdatePriority();
         setCurrentUpdatePriority(DiscreteEventPriority);
         var prevExecutionContext = executionContext;
         executionContext |= CommitContext; // Reset this to null before calling lifecycles
 
-        {
-          ReactSharedInternals.owner = null;
-        } // The commit phase is broken into several sub-phases. We do a separate pass
+        ReactCurrentOwner.current = null; // The commit phase is broken into several sub-phases. We do a separate pass
         // of the effect list for each phase: all mutation effects come before all
         // layout effects, and so on.
         // The first phase a "before mutation" phase. We use this phase to read the
@@ -24647,7 +24815,7 @@ if (__DEV__) {
         executionContext = prevExecutionContext; // Reset the priority to the previous non-sync value.
 
         setCurrentUpdatePriority(previousPriority);
-        ReactSharedInternals.T = prevTransition;
+        ReactCurrentBatchConfig.transition = prevTransition;
       } else {
         // No effects.
         root.current = finishedWork; // Measure these anyway so the flamegraph explicitly shows that there were
@@ -24820,16 +24988,16 @@ if (__DEV__) {
         pendingPassiveEffectsRemainingLanes = NoLanes;
         var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
         var priority = lowerEventPriority(DefaultEventPriority, renderPriority);
-        var prevTransition = ReactSharedInternals.T;
+        var prevTransition = ReactCurrentBatchConfig.transition;
         var previousPriority = getCurrentUpdatePriority();
 
         try {
+          ReactCurrentBatchConfig.transition = null;
           setCurrentUpdatePriority(priority);
-          ReactSharedInternals.T = null;
           return flushPassiveEffectsImpl();
         } finally {
           setCurrentUpdatePriority(previousPriority);
-          ReactSharedInternals.T = prevTransition; // Once passive effects have run for the tree - giving components a
+          ReactCurrentBatchConfig.transition = prevTransition; // Once passive effects have run for the tree - giving components a
           // chance to retain cache instances they use - release the pooled
           // cache at the root (if there is one)
 
@@ -25399,7 +25567,7 @@ if (__DEV__) {
       {
         // If we're currently inside an `act` scope, bypass Scheduler and push to
         // the `act` queue instead.
-        var actQueue = ReactSharedInternals.actQueue;
+        var actQueue = ReactCurrentActQueue.current;
 
         if (actQueue !== null) {
           actQueue.push(callback);
@@ -25412,7 +25580,7 @@ if (__DEV__) {
 
     function shouldForceFlushFallbacksInDEV() {
       // Never force flush in production. This function should get stripped out.
-      return ReactSharedInternals.actQueue !== null;
+      return ReactCurrentActQueue.current !== null;
     }
 
     function warnIfUpdatesNotWrappedWithActDEV(fiber) {
@@ -25446,7 +25614,7 @@ if (__DEV__) {
           }
         }
 
-        if (ReactSharedInternals.actQueue === null) {
+        if (ReactCurrentActQueue.current === null) {
           var previousFiber = current;
 
           try {
@@ -25481,7 +25649,7 @@ if (__DEV__) {
         if (
           root.tag !== LegacyRoot &&
           isConcurrentActEnvironment() &&
-          ReactSharedInternals.actQueue === null
+          ReactCurrentActQueue.current === null
         ) {
           error(
             "A suspended resource finished loading inside a test, but the event " +
@@ -25690,12 +25858,13 @@ if (__DEV__) {
         var staleFamilies = update.staleFamilies,
           updatedFamilies = update.updatedFamilies;
         flushPassiveEffects();
-        scheduleFibersWithFamiliesRecursively(
-          root.current,
-          updatedFamilies,
-          staleFamilies
-        );
-        flushSyncWork();
+        flushSync(function () {
+          scheduleFibersWithFamiliesRecursively(
+            root.current,
+            updatedFamilies,
+            staleFamilies
+          );
+        });
       }
     };
     var scheduleRoot = function (root, element) {
@@ -25707,8 +25876,10 @@ if (__DEV__) {
           return;
         }
 
-        updateContainerSync(element, root, null, null);
-        flushSyncWork();
+        flushPassiveEffects();
+        flushSync(function () {
+          updateContainer(element, root, null, null);
+        });
       }
     };
 
@@ -26408,7 +26579,7 @@ if (__DEV__) {
                   "named imports.";
               }
 
-              var ownerName = owner ? getComponentNameFromOwner(owner) : null;
+              var ownerName = owner ? getComponentNameFromFiber(owner) : null;
 
               if (ownerName) {
                 info += "\n\nCheck the render method of `" + ownerName + "`.";
@@ -26687,82 +26858,7 @@ if (__DEV__) {
       return root;
     }
 
-    var ReactVersion = "19.0.0-www-modern-55753825";
-
-    /*
-     * 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 checkPropStringCoercion(value, propName) {
-      {
-        if (willCoercionThrow(value)) {
-          error(
-            "The provided `%s` prop is an unsupported type %s." +
-              " This value must be coerced to a string before using it here.",
-            propName,
-            typeName(value)
-          );
-
-          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
-        }
-      }
-    }
+    var ReactVersion = "19.0.0-www-modern-74b383db";
 
     // Might add PROFILE later.
 
@@ -26822,52 +26918,13 @@ if (__DEV__) {
       );
     }
     function updateContainer(element, container, parentComponent, callback) {
-      var current = container.current;
-      var lane = requestUpdateLane(current);
-      updateContainerImpl(
-        current,
-        lane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return lane;
-    }
-    function updateContainerSync(
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
-      if (container.tag === LegacyRoot) {
-        flushPassiveEffects();
-      }
-
-      var current = container.current;
-      updateContainerImpl(
-        current,
-        SyncLane,
-        element,
-        container,
-        parentComponent,
-        callback
-      );
-      return SyncLane;
-    }
-
-    function updateContainerImpl(
-      rootFiber,
-      lane,
-      element,
-      container,
-      parentComponent,
-      callback
-    ) {
       {
         onScheduleRoot(container, element);
       }
 
+      var current$1 = container.current;
+      var lane = requestUpdateLane(current$1);
+
       var context = getContextForSubtree(parentComponent);
 
       if (container.context === null) {
@@ -26912,12 +26969,14 @@ if (__DEV__) {
         update.callback = callback;
       }
 
-      var root = enqueueUpdate(rootFiber, update, lane);
+      var root = enqueueUpdate(current$1, update, lane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, rootFiber, lane);
-        entangleTransitions(root, rootFiber, lane);
+        scheduleUpdateOnFiber(root, current$1, lane);
+        entangleTransitions(root, current$1, lane);
       }
+
+      return lane;
     }
     function getPublicRootInstance(container) {
       var containerFiber = container.current;
@@ -27207,6 +27266,7 @@ if (__DEV__) {
 
     function injectIntoDevTools(devToolsConfig) {
       var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+      var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
       return injectInternals({
         bundleType: devToolsConfig.bundleType,
         version: devToolsConfig.version,
@@ -27221,7 +27281,7 @@ if (__DEV__) {
         setErrorHandler: setErrorHandler,
         setSuspenseHandler: setSuspenseHandler,
         scheduleUpdate: scheduleUpdate,
-        currentDispatcherRef: ReactSharedInternals,
+        currentDispatcherRef: ReactCurrentDispatcher,
         findHostInstanceByFiber: findHostInstanceByFiber,
         findFiberByHostInstance:
           findFiberByHostInstance || emptyFindFiberByHostInstance,
@@ -27817,7 +27877,7 @@ if (__DEV__) {
 
           return getPublicRootInstance(root);
         },
-        unstable_flushSync: flushSyncFromReconciler
+        unstable_flushSync: flushSync
       };
       Object.defineProperty(entry, "root", {
         configurable: true,
diff --git a/compiled/facebook-www/ReactTestUtils-dev.classic.js b/compiled/facebook-www/ReactTestUtils-dev.classic.js
index ecb5889637..5c58d54d96 100644
--- a/compiled/facebook-www/ReactTestUtils-dev.classic.js
+++ b/compiled/facebook-www/ReactTestUtils-dev.classic.js
@@ -61,10 +61,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -912,7 +914,7 @@ if (__DEV__) {
     }
 
     var SecretInternals =
-      ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     var EventInternals = SecretInternals.Events;
     var getInstanceFromNode = EventInternals[0];
     var getNodeFromInstance = EventInternals[1];
@@ -1674,9 +1676,6 @@ if (__DEV__) {
       "stalled",
       "suspend",
       "timeUpdate",
-      "transitionRun",
-      "transitionStart",
-      "transitionCancel",
       "transitionEnd",
       "waiting",
       "mouseEnter",
diff --git a/compiled/facebook-www/ReactTestUtils-dev.modern.js b/compiled/facebook-www/ReactTestUtils-dev.modern.js
index ecb5889637..5c58d54d96 100644
--- a/compiled/facebook-www/ReactTestUtils-dev.modern.js
+++ b/compiled/facebook-www/ReactTestUtils-dev.modern.js
@@ -61,10 +61,12 @@ if (__DEV__) {
         var React = require("react");
 
         var ReactSharedInternals =
-          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; // Defensive in case this is fired before React is initialized.
+          React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Defensive in case this is fired before React is initialized.
 
         if (ReactSharedInternals != null) {
-          var stack = ReactSharedInternals.getStackAddendum();
+          var ReactDebugCurrentFrame =
+            ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame.getStackAddendum();
 
           if (stack !== "") {
             format += "%s";
@@ -912,7 +914,7 @@ if (__DEV__) {
     }
 
     var SecretInternals =
-      ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     var EventInternals = SecretInternals.Events;
     var getInstanceFromNode = EventInternals[0];
     var getNodeFromInstance = EventInternals[1];
@@ -1674,9 +1676,6 @@ if (__DEV__) {
       "stalled",
       "suspend",
       "timeUpdate",
-      "transitionRun",
-      "transitionStart",
-      "transitionCancel",
       "transitionEnd",
       "waiting",
       "mouseEnter",
diff --git a/compiled/facebook-www/__test_utils__/ReactAllWarnings.js b/compiled/facebook-www/__test_utils__/ReactAllWarnings.js
index a06cfef7c1..2f37fd1ce2 100644
--- a/compiled/facebook-www/__test_utils__/ReactAllWarnings.js
+++ b/compiled/facebook-www/__test_utils__/ReactAllWarnings.js
@@ -247,7 +247,7 @@ export default [
   "ReactDOM.render was removed in React 19. Use createRoot instead.",
   "ReactDOM.unstable_renderSubtreeIntoContainer() has not been supported since React 18. Consider using a portal instead. Until you switch to the createRoot API, your app will behave as if it's running React 17. Learn more: https://react.dev/link/switch-to-createroot",
   "ReactDOM.unstable_renderSubtreeIntoContainer() was removed in React 19. Consider using a portal instead.",
-  "ReactDOM.useFormState has been renamed to React.useActionState. Please update %s to use React.useActionState.",
+  "ReactDOM.useFormState has been deprecated and replaced by React.useActionState. Please update %s to use React.useActionState.",
   "ReactTestUtils.mockComponent() is deprecated. Use shallow rendering or jest.mock() instead.\n\nSee https://react.dev/link/test-utils-mock-component for more information.",
   "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
   "Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s=\"%s\" or %s={value.toString()}.",
@@ -301,7 +301,6 @@ export default [
   "Touch with identifier %s does not exist. Cannot record touch end without a touch start.",
   "Touch with identifier %s does not exist. Cannot record touch move without a touch start.",
   "Unexpected Fiber popped.",
-  "Unexpected host component type. Expected a form. This is a bug in React.",
   "Unexpected pop.",
   "Unexpected ref object provided for %s. Use either a ref-setter function or React.createRef().",
   "Unexpected return value from a callback ref in %s. A callback ref should not return a function.",
@@ -346,7 +345,6 @@ export default [
   "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`.",
   "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.",
   "You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. ",
-  "Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html",
   "`%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.",
   "`Infinity` is an invalid value for the `%s` css style property.",
   "`NaN` is an invalid value for the `%s` css style property.",
@@ -385,7 +383,6 @@ export default [
   "precomputed chunks must be smaller than the view size configured for this host. This is a bug in React.",
   "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
   "react-test-renderer is deprecated. See https://react.dev/warnings/react-test-renderer",
-  "requestFormReset was called outside a transition or action. To fix, move to an action, or wrap with startTransition.",
   "root.finishedLanes should not be empty during a commit. This is a bug in React.",
   "sendAccessibilityEvent was called with a ref that isn't a native component. Use React.forwardRef to get access to the underlying native component",
   "unmountComponentAtNode was removed in React 19. Use root.unmount() instead.",
diff --git a/compiled/facebook-www/shims/ReactBrowserEventEmitter_DO_NOT_USE.js b/compiled/facebook-www/shims/ReactBrowserEventEmitter_DO_NOT_USE.js
index 38a1171bc2..f262007ff6 100644
--- a/compiled/facebook-www/shims/ReactBrowserEventEmitter_DO_NOT_USE.js
+++ b/compiled/facebook-www/shims/ReactBrowserEventEmitter_DO_NOT_USE.js
@@ -8,8 +8,8 @@
 'use strict';
 
 const {
-  __DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
 } = require('ReactDOM');
 
 module.exports =
-  __DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE.ReactBrowserEventEmitter;
+  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactBrowserEventEmitter;