diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION
index ed2edef52e..30e2f1820b 100644
--- a/compiled/facebook-www/REVISION
+++ b/compiled/facebook-www/REVISION
@@ -1 +1 @@
-ded4a785b875d384f78efa28279550d86d93f54f
+f87e97a0a67fa7cfd7e6f2ec985621c0e825cb23
diff --git a/compiled/facebook-www/React-dev.modern.js b/compiled/facebook-www/React-dev.modern.js
index 1a04d8df17..29c939942a 100644
--- a/compiled/facebook-www/React-dev.modern.js
+++ b/compiled/facebook-www/React-dev.modern.js
@@ -27,7 +27,7 @@ if (
 }
           "use strict";
 
-var ReactVersion = "18.3.0-www-modern-95e6ae95";
+var ReactVersion = "18.3.0-www-modern-bcc00dd5";
 
 // ATTENTION
 // When adding new symbols to this file,
diff --git a/compiled/facebook-www/ReactART-dev.classic.js b/compiled/facebook-www/ReactART-dev.classic.js
index da31ddca01..4998181069 100644
--- a/compiled/facebook-www/ReactART-dev.classic.js
+++ b/compiled/facebook-www/ReactART-dev.classic.js
@@ -69,7 +69,7 @@ function _assertThisInitialized(self) {
   return self;
 }
 
-var ReactVersion = "18.3.0-www-classic-daf8f3c7";
+var ReactVersion = "18.3.0-www-classic-0a3d97ff";
 
 var LegacyRoot = 0;
 var ConcurrentRoot = 1;
@@ -165,9 +165,7 @@ var ReactSharedInternals =
 // Re-export dynamic flags from the www version.
 var dynamicFeatureFlags = require("ReactFeatureFlags");
 
-var revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
-  replayFailedUnitOfWorkWithInvokeGuardedCallback =
+var replayFailedUnitOfWorkWithInvokeGuardedCallback =
     dynamicFeatureFlags.replayFailedUnitOfWorkWithInvokeGuardedCallback,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableUseRefAccessWarning = dynamicFeatureFlags.enableUseRefAccessWarning,
@@ -178,7 +176,9 @@ var revertRemovalOfSiblingPrerendering =
   enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
-  diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase; // On WWW, false is used for a new modern build.
+  diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries; // On WWW, false is used for a new modern build.
 var enableProfilerTimer = true;
 var enableProfilerCommitHooks = true;
 var enableProfilerNestedUpdatePhase = true;
@@ -1924,24 +1924,6 @@ function getNextLanes(root, wipLanes) {
 
   return nextLanes;
 }
-function getMostRecentEventTime(root, lanes) {
-  var eventTimes = root.eventTimes;
-  var mostRecentEventTime = NoTimestamp;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    var eventTime = eventTimes[index];
-
-    if (eventTime > mostRecentEventTime) {
-      mostRecentEventTime = eventTime;
-    }
-
-    lanes &= ~lane;
-  }
-
-  return mostRecentEventTime;
-}
 
 function computeExpirationTime(lane, currentTime) {
   switch (lane) {
@@ -2179,7 +2161,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -2197,12 +2179,6 @@ function markRootUpdated(root, updateLane, eventTime) {
     root.suspendedLanes = NoLanes;
     root.pingedLanes = NoLanes;
   }
-
-  var eventTimes = root.eventTimes;
-  var index = laneToIndex(updateLane); // We can always overwrite an existing timestamp because we prefer the most
-  // recent event, and we assume time is monotonically increasing.
-
-  eventTimes[index] = eventTime;
 }
 function markRootSuspended$1(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
@@ -2235,7 +2211,6 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   var entanglements = root.entanglements;
-  var eventTimes = root.eventTimes;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
 
@@ -2245,7 +2220,6 @@ function markRootFinished(root, remainingLanes) {
     var index = pickArbitraryLaneIndex(lanes);
     var lane = 1 << index;
     entanglements[index] = NoLanes;
-    eventTimes[index] = NoTimestamp;
     expirationTimes[index] = NoTimestamp;
     var hiddenUpdatesForLane = hiddenUpdates[index];
 
@@ -2864,6 +2838,9 @@ function shouldSetTextContent(type, props) {
 }
 function getCurrentEventPriority() {
   return DefaultEventPriority;
+}
+function shouldAttemptEagerTransition() {
+  return false;
 } // The ART renderer is secondary to the React DOM renderer.
 
 var warnsIfNotActing = false;
@@ -2935,7 +2912,7 @@ function preloadInstance(type, props) {
 }
 function waitForCommitToBeReady() {
   return null;
-} // eslint-disable-next-line no-undef
+}
 
 var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
 var prefix;
@@ -7333,6 +7310,497 @@ function warnAboutMultipleRenderersDEV(mutableSource) {
   }
 } // Eager reads the version of a mutable source and stores it on the root.
 
+var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
+
+var firstScheduledRoot = null;
+var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+
+var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
+// microtask, so we have to dedupe those separately. This wouldn't be an issue
+// if we required all `act` calls to be awaited, which we might in the future.
+
+var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
+
+var mightHavePendingSyncWork = false;
+var isFlushingWork = false;
+var currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null);
+  else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+    } else {
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
+    }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
+
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  if (ReactCurrentActQueue$2.current !== null) {
+    // We're inside an `act` scope.
+    if (!didScheduleMicrotask_act) {
+      didScheduleMicrotask_act = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  } else {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  }
+
+  if (!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());
+  }
+
+  if (ReactCurrentActQueue$2.isBatchingLegacy && root.tag === LegacyRoot) {
+    // Special `act` case: Record whenever a legacy update is scheduled.
+    ReactCurrentActQueue$2.didScheduleLegacyUpdate = true;
+  }
+}
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
+
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
+    return;
+  }
+
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  }
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
+
+  var didPerformSomeWork;
+  var errors = null;
+  isFlushingWork = true;
+
+  do {
+    didPerformSomeWork = false;
+    var root = firstScheduledRoot;
+
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot);
+      else {
+        var nextLanes = getNextLanes(
+          root,
+          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+        );
+
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            // TODO: Pass nextLanes as an argument instead of computing it again
+            // inside performSyncWorkOnRoot.
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
+
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
+
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
+
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === "function") {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
+      } else {
+        for (var i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
+
+        var firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      var error = errors[0];
+      throw error;
+    }
+  }
+}
+
+function throwError(error) {
+  throw error;
+}
+
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
+
+  {
+    didScheduleMicrotask_act = false;
+  } // We'll recompute this as we iterate through all the roots and schedule them.
+
+  mightHavePendingSyncWork = false;
+  var currentTime = now$1();
+  var prev = null;
+  var root = firstScheduledRoot;
+
+  while (root !== null) {
+    var next = root.next;
+
+    if (
+      currentEventTransitionLane !== NoLane &&
+      shouldAttemptEagerTransition()
+    ) {
+      markRootEntangled(root, mergeLanes(currentEventTransitionLane, SyncLane));
+    }
+
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
+
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
+      }
+
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
+      }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
+
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
+      }
+    }
+
+    root = next;
+  }
+
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
+}
+
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  var nextLanes = getNextLanes(
+    root,
+    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+  );
+  var existingCallbackNode = root.callbackNode;
+
+  if (
+    // Check if there's nothing to work on
+    nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+    // schedule a task to render it. We'll either wait for a ping, or wait to
+    // receive an update.
+    //
+    // Suspended render phase
+    (root === workInProgressRoot && isWorkLoopSuspendedOnData()) || // Suspended commit phase
+    root.cancelPendingCommit !== null
+  ) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
+
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    var existingCallbackPriority = root.callbackPriority;
+    var newCallbackPriority = getHighestPriorityLane(nextLanes);
+
+    if (
+      newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+      // Scheduler task, rather than an `act` task, cancel it and re-schedule
+      // on the `act` queue.
+      !(
+        ReactCurrentActQueue$2.current !== null &&
+        existingCallbackNode !== fakeActCallbackNode$1
+      )
+    ) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
+
+    var schedulerPriorityLevel;
+
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
+
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
+
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
+
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
+
+    var newCallbackNode = scheduleCallback$2(
+      schedulerPriorityLevel,
+      performConcurrentWorkOnRoot.bind(null, root)
+    );
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
+
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
+
+  return null;
+}
+var fakeActCallbackNode$1 = {};
+
+function scheduleCallback$2(priorityLevel, callback) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: We're inside an `act` scope (a testing utility).
+    // Instead of scheduling work in the host environment, add it to a
+    // fake internal queue that's managed by the `act` implementation.
+    ReactCurrentActQueue$2.current.push(callback);
+    return fakeActCallbackNode$1;
+  } else {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode === fakeActCallbackNode$1);
+  else if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
+
+function scheduleImmediateTask(cb) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
+    // callback queue. This is because we currently support calling `act`
+    // without awaiting the result. The plan is to deprecate that, and require
+    // that you always await the result so that the microtasks have a chance to
+    // run. But it hasn't happened yet.
+    ReactCurrentActQueue$2.current.push(function () {
+      cb();
+      return null;
+    });
+  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
+  // Alternatively, can we move this check to the host config?
+
+  {
+    // If microtasks are not supported, use Scheduler.
+    scheduleCallback$3(ImmediatePriority, cb);
+  }
+}
+
+function requestTransitionLane() {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
+
+  return currentEventTransitionLane;
+}
+
+var currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    actionReturnValue !== null &&
+    typeof actionReturnValue === "object" &&
+    typeof actionReturnValue.then === "function"
+  ) {
+    // This is an async action.
+    //
+    // Return a thenable that resolves once the action scope (i.e. the async
+    // function passed to startTransition) has finished running. The fulfilled
+    // value is `false` to represent that the action is not pending.
+    var thenable = actionReturnValue;
+
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope. Create a new one.
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: false,
+        reason: undefined,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(thenable, asyncAction);
+      currentAsyncAction = asyncAction;
+      return asyncAction;
+    } else {
+      // Inherit the outer scope.
+      var _asyncAction = currentAsyncAction;
+      attachPingListeners(thenable, _asyncAction);
+      return _asyncAction;
+    }
+  } else {
+    // This is not an async action, but it may be part of an outer async action.
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope.
+      return false;
+    } else {
+      // Inherit the outer scope.
+      return currentAsyncAction;
+    }
+  }
+}
+function peekAsyncActionContext() {
+  return currentAsyncAction;
+}
+
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      if (--asyncAction.count === 0) {
+        var fulfilledAsyncAction = asyncAction;
+        fulfilledAsyncAction.status = "fulfilled";
+        completeAsyncActionScope(asyncAction);
+      }
+    },
+    function (error) {
+      if (--asyncAction.count === 0) {
+        var rejectedAsyncAction = asyncAction;
+        rejectedAsyncAction.status = "rejected";
+        rejectedAsyncAction.reason = error;
+        completeAsyncActionScope(asyncAction);
+      }
+    }
+  );
+  return asyncAction;
+}
+
+function completeAsyncActionScope(action) {
+  if (currentAsyncAction === action) {
+    currentAsyncAction = null;
+  }
+
+  var listeners = action.listeners;
+  action.listeners = [];
+
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(false);
+  }
+}
+
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
@@ -8007,38 +8475,42 @@ var createFunctionComponentUpdateQueue;
   };
 }
 
+function useThenable(thenable) {
+  // Track the position of the thenable within this fiber.
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  var result = trackUsedThenable(thenableState, thenable, index);
+
+  if (
+    currentlyRenderingFiber$1.alternate === null &&
+    (workInProgressHook === null
+      ? currentlyRenderingFiber$1.memoizedState === null
+      : workInProgressHook.next === null)
+  ) {
+    // Initial render, and either this is the first time the component is
+    // called, or there were no Hooks called after this use() the previous
+    // time (perhaps because it threw). Subsequent Hook calls should use the
+    // mount dispatcher.
+    {
+      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+    }
+  }
+
+  return result;
+}
+
 function use(usable) {
   if (usable !== null && typeof usable === "object") {
     // $FlowFixMe[method-unbinding]
     if (typeof usable.then === "function") {
       // This is a thenable.
-      var thenable = usable; // Track the position of the thenable within this fiber.
-
-      var index = thenableIndexCounter;
-      thenableIndexCounter += 1;
-
-      if (thenableState === null) {
-        thenableState = createThenableState();
-      }
-
-      var result = trackUsedThenable(thenableState, thenable, index);
-
-      if (
-        currentlyRenderingFiber$1.alternate === null &&
-        (workInProgressHook === null
-          ? currentlyRenderingFiber$1.memoizedState === null
-          : workInProgressHook.next === null)
-      ) {
-        // Initial render, and either this is the first time the component is
-        // called, or there were no Hooks called after this use() the previous
-        // time (perhaps because it threw). Subsequent Hook calls should use the
-        // mount dispatcher.
-        {
-          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
-        }
-      }
-
-      return result;
+      var thenable = usable;
+      return useThenable(thenable);
     } else if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -8808,7 +9280,7 @@ function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
   if (root !== null) {
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -9345,8 +9817,35 @@ function startTransition(setPending, callback, options) {
   }
 
   try {
-    setPending(false);
-    callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(); // `isPending` is either `false` or a thenable that resolves to `false`,
+      // depending on whether the action scope is an async function. In the
+      // async case, the resulting render will suspend until the async action
+      // scope has finished.
+
+      var isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else {
+      // Async actions are not enabled.
+      setPending(false);
+      callback();
+    }
+  } catch (error) {
+    if (enableAsyncActions) {
+      // This is a trick to get the `useTransition` hook to rethrow the error.
+      // When it unwraps the thenable with the `use` algorithm, the error
+      // will be thrown.
+      var rejectedThenable = {
+        then: function () {},
+        status: "rejected",
+        reason: error
+      };
+      setPending(rejectedThenable);
+    } else {
+      // The error rethrowing behavior is only enabled when the async actions
+      // feature is on, even for sync actions.
+      throw error;
+    }
   } finally {
     setCurrentUpdatePriority(previousPriority);
     ReactCurrentBatchConfig$2.transition = prevTransition;
@@ -9371,30 +9870,37 @@ function startTransition(setPending, callback, options) {
 
 function mountTransition() {
   var _mountState = mountState(false),
-    isPending = _mountState[0],
     setPending = _mountState[1]; // The `start` method never changes.
 
   var start = startTransition.bind(null, setPending);
   var hook = mountWorkInProgressHook();
   hook.memoizedState = start;
-  return [isPending, start];
+  return [false, start];
 }
 
 function updateTransition() {
   var _updateState = updateState(),
-    isPending = _updateState[0];
+    booleanOrThenable = _updateState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
 function rerenderTransition() {
   var _rerenderState = rerenderState(),
-    isPending = _rerenderState[0];
+    booleanOrThenable = _rerenderState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
@@ -9455,8 +9961,7 @@ function refreshCache(fiber, seedKey, seedValue) {
         var root = enqueueUpdate(provider, refreshUpdate, lane);
 
         if (root !== null) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, provider, lane, eventTime);
+          scheduleUpdateOnFiber(root, provider, lane);
           entangleTransitions(root, provider, lane);
         } // TODO: If a refresh never commits, the new cache created here must be
         // released. A simple case is start refreshing a cache boundary, but then
@@ -9510,8 +10015,7 @@ function dispatchReducerAction(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -9594,8 +10098,7 @@ function dispatchSetState(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -9666,6 +10169,7 @@ function markUpdateInDevTools(fiber, lane, action) {
 
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -9688,10 +10192,6 @@ var ContextOnlyDispatcher = {
   ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
 }
 
-{
-  ContextOnlyDispatcher.use = throwInvalidHookError;
-}
-
 {
   ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 }
@@ -9731,6 +10231,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       mountHookTypesDev();
@@ -9851,10 +10352,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnMountInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnMountInDEV.useMemoCache = useMemoCache;
   }
@@ -9873,6 +10370,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -9988,10 +10486,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnMountWithHookTypesInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnMountWithHookTypesInDEV.useMemoCache = useMemoCache;
   }
@@ -10009,6 +10503,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -10123,10 +10618,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnUpdateInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnUpdateInDEV.useMemoCache = useMemoCache;
   }
@@ -10145,6 +10636,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -10260,10 +10752,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnRerenderInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnRerenderInDEV.useMemoCache = useMemoCache;
   }
@@ -10283,6 +10771,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -10414,13 +10906,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnMountInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnMountInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -10443,6 +10928,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -10574,13 +11063,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnUpdateInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnUpdateInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -10603,6 +11085,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -10734,13 +11220,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnRerenderInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnRerenderInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -11082,8 +11561,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -11118,8 +11596,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -11154,8 +11631,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -15099,16 +15575,9 @@ function updateDehydratedSuspenseComponent(
           // Intentionally mutating since this render will get interrupted. This
           // is one of the very rare times where we mutate the current tree
           // during the render phase.
-          suspenseState.retryLane = attemptHydrationAtLane; // TODO: Ideally this would inherit the event time of the current render
-
-          var eventTime = NoTimestamp;
+          suspenseState.retryLane = attemptHydrationAtLane;
           enqueueConcurrentRenderForLane(current, attemptHydrationAtLane);
-          scheduleUpdateOnFiber(
-            root,
-            current,
-            attemptHydrationAtLane,
-            eventTime
-          ); // Throw a special object that signals to the work loop that it should
+          scheduleUpdateOnFiber(root, current, attemptHydrationAtLane); // Throw a special object that signals to the work loop that it should
           // interrupt the current render.
           //
           // Because we're inside a React-only execution stack, we don't
@@ -17113,7 +17582,7 @@ var AbortControllerLocal =
       }; // Intentionally not named imports because Rollup would
 // use dynamic dispatch for CommonJS interop named imports.
 
-var scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+var scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority;
 var CacheContext = {
   $$typeof: REACT_CONTEXT_TYPE,
@@ -17169,7 +17638,7 @@ function releaseCache(cache) {
   }
 
   if (cache.refCount === 0) {
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
   }
@@ -20994,7 +21463,7 @@ function detachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility |= OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 function attachOffscreenInstance(instance) {
@@ -21015,7 +21484,7 @@ function attachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility &= ~OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -23085,7 +23554,7 @@ if (typeof Symbol === "function" && Symbol.for) {
   symbolFor("selector.text");
 }
 
-var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue;
+var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
 function isLegacyActEnvironment(fiber) {
   {
     // Legacy mode. We preserve the behavior of React 17's act. It assumes an
@@ -23108,7 +23577,7 @@ function isConcurrentActEnvironment() {
 
     if (
       !isReactActEnvironmentGlobal &&
-      ReactCurrentActQueue$2.current !== null
+      ReactCurrentActQueue$1.current !== null
     ) {
       // TODO: Include link to relevant documentation page.
       error(
@@ -23121,384 +23590,6 @@ function isConcurrentActEnvironment() {
   }
 }
 
-var ReactCurrentActQueue$1 = 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;
-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$1.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());
-  }
-
-  if (ReactCurrentActQueue$1.isBatchingLegacy && root.tag === LegacyRoot) {
-    // Special `act` case: Record whenever a legacy update is scheduled.
-    ReactCurrentActQueue$1.didScheduleLegacyUpdate = true;
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
-
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
-  }
-
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  }
-
-  var workInProgressRoot = getWorkInProgressRoot();
-  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
-
-  var didPerformSomeWork;
-  var errors = null;
-  isFlushingWork = true;
-
-  do {
-    didPerformSomeWork = false;
-    var root = firstScheduledRoot;
-
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot);
-      else {
-        var nextLanes = getNextLanes(
-          root,
-          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
-        );
-
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            // TODO: Pass nextLanes as an argument instead of computing it again
-            // inside performSyncWorkOnRoot.
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
-          }
-        }
-      }
-
-      root = root.next;
-    }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
-
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === "function") {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (var i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
-
-        var firstError = errors[0];
-        throw firstError;
-      }
-    } else {
-      var error = errors[0];
-      throw error;
-    }
-  }
-}
-
-function throwError(error) {
-  throw error;
-}
-
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
-
-  {
-    didScheduleMicrotask_act = false;
-  } // We'll recompute this as we iterate through all the roots and schedule them.
-
-  mightHavePendingSyncWork = false;
-  var currentTime = now$1();
-  var prev = null;
-  var root = firstScheduledRoot;
-
-  while (root !== null) {
-    var next = root.next;
-    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;
-  } // 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$1.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$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 (ReactCurrentActQueue$1.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$1.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$1.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$1.current.push(function () {
-      cb();
-      return null;
-    });
-  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
-  // Alternatively, can we move this check to the host config?
-
-  {
-    // If microtasks are not supported, use Scheduler.
-    scheduleCallback$3(ImmediatePriority, cb);
-  }
-}
-
-var ceil = Math.ceil;
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
@@ -23763,12 +23854,7 @@ var isFlushingPassiveEffects = false;
 var didScheduleUpdateDuringPassiveEffects = false;
 var NESTED_PASSIVE_UPDATE_LIMIT = 50;
 var nestedPassiveUpdateCount = 0;
-var rootWithPassiveNestedUpdates = null; // If two updates are scheduled within the same event, we should treat their
-// event times as simultaneous, even if the actual clock time has advanced
-// between the first and second call.
-
-var currentEventTime = NoTimestamp;
-var currentEventTransitionLane = NoLanes;
+var rootWithPassiveNestedUpdates = null;
 var isRunningInsertionEffect = false;
 function getWorkInProgressRoot() {
   return workInProgressRoot;
@@ -23779,20 +23865,6 @@ function getWorkInProgressRootRenderLanes() {
 function isWorkLoopSuspendedOnData() {
   return workInProgressSuspendedReason === SuspendedOnData;
 }
-function requestEventTime() {
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    // We're inside React, so it's fine to read the actual time.
-    return now$1();
-  } // We're not inside React, so we may be in the middle of a browser event.
-
-  if (currentEventTime !== NoTimestamp) {
-    // Use the same start time for all updates until we enter React again.
-    return currentEventTime;
-  } // This is the first update since React yielded. Compute a new start time.
-
-  currentEventTime = now$1();
-  return currentEventTime;
-}
 function requestUpdateLane(fiber) {
   // Special cases
   var mode = fiber.mode;
@@ -23826,20 +23898,14 @@ function requestUpdateLane(fiber) {
       }
 
       transition._updatedFibers.add(fiber);
-    } // 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;
+    var asyncAction = peekAsyncActionContext();
+    return asyncAction !== null // We're inside an async action scope. Reuse the same lane.
+      ? asyncAction.lane // We may or may not be inside an async action scope. If we are, this
+      : // 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.
   //
@@ -23876,7 +23942,7 @@ function requestRetryLane(fiber) {
   return claimNextRetryLane();
 }
 
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   {
     if (isRunningInsertionEffect) {
       error("useInsertionEffect must not schedule updates.");
@@ -23902,7 +23968,7 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
     markRootSuspended(root, workInProgressRootRenderLanes);
   } // Mark that the root has a pending update.
 
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
 
   if (
     (executionContext & RenderContext) !== NoLanes &&
@@ -24014,11 +24080,7 @@ function isUnsafeClassRenderPhaseUpdate(fiber) {
 function performConcurrentWorkOnRoot(root, didTimeout) {
   {
     resetNestedUpdateFlag();
-  } // Since we know we're in a React event, we can clear the current
-  // event time. The next update will compute a new event time.
-
-  currentEventTime = NoTimestamp;
-  currentEventTransitionLane = NoLanes;
+  }
 
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
     throw new Error("Should not already be working.");
@@ -24244,133 +24306,30 @@ function queueRecoverableErrors(errors) {
 }
 
 function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
+  // TODO: The fact that most of these branches are identical suggests that some
+  // of the exit statuses are not best modeled as exit statuses and should be
+  // tracked orthogonally.
   switch (exitStatus) {
     case RootInProgress:
     case RootFatalErrored: {
       throw new Error("Root did not complete. This is a bug in React.");
     }
 
-    case RootErrored: {
-      // We should have already attempted to retry this tree. If we reached
-      // this point, it errored again. Commit it.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
-    case RootSuspended: {
-      markRootSuspended(root, lanes); // We have an acceptable loading state. We need to figure out if we
-      // should immediately commit it or wait a bit.
-
-      if (
-        includesOnlyRetries(lanes) && // do not delay if we're inside an act() scope
-        !shouldForceFlushFallbacksInDEV()
-      ) {
-        // This render only included retries, no updates. Throttle committing
-        // retries so that we don't show too many loading states too quickly.
-        var msUntilTimeout =
-          globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
-
-        if (msUntilTimeout > 10) {
-          var nextLanes = getNextLanes(root, NoLanes);
-
-          if (nextLanes !== NoLanes) {
-            // There's additional work on this root.
-            break;
-          } // The render is suspended, it hasn't timed out, and there's no
-          // lower priority work to do. Instead of committing the fallback
-          // immediately, wait for more data to arrive.
-
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            msUntilTimeout
-          );
-          break;
-        }
-      } // The work expired. Commit immediately.
-
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
     case RootSuspendedWithDelay: {
-      markRootSuspended(root, lanes);
-
       if (includesOnlyTransitions(lanes)) {
         // This is a transition, so we should exit without committing a
         // placeholder and without scheduling a timeout. Delay indefinitely
         // until we receive more data.
-        break;
-      }
-
-      if (!shouldForceFlushFallbacksInDEV()) {
-        // This is not a transition, but we did trigger an avoided state.
-        // Schedule a placeholder to display after a short delay, using the Just
-        // Noticeable Difference.
-        // TODO: Is the JND optimization worth the added complexity? If this is
-        // the only reason we track the event time, then probably not.
-        // Consider removing.
-        var mostRecentEventTime = getMostRecentEventTime(root, lanes);
-        var eventTimeMs = mostRecentEventTime;
-        var timeElapsedMs = now$1() - eventTimeMs;
-
-        var _msUntilTimeout = jnd(timeElapsedMs) - timeElapsedMs; // Don't bother with a very short suspense time.
-
-        if (_msUntilTimeout > 10) {
-          // Instead of committing the fallback immediately, wait for more data
-          // to arrive.
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            _msUntilTimeout
-          );
-          break;
-        }
+        markRootSuspended(root, lanes);
+        return;
       } // Commit the placeholder.
 
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
+    case RootErrored:
+    case RootSuspended:
     case RootCompleted: {
-      // The work completed.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
@@ -24378,6 +24337,61 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
       throw new Error("Unknown root exit status.");
     }
   }
+
+  if (shouldForceFlushFallbacksInDEV()) {
+    // We're inside an `act` scope. Commit immediately.
+    commitRoot(
+      root,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions
+    );
+  } else {
+    if (
+      includesOnlyRetries(lanes) &&
+      (alwaysThrottleRetries || exitStatus === RootSuspended)
+    ) {
+      // This render only included retries, no updates. Throttle committing
+      // retries so that we don't show too many loading states too quickly.
+      var msUntilTimeout =
+        globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
+
+      if (msUntilTimeout > 10) {
+        markRootSuspended(root, lanes);
+        var nextLanes = getNextLanes(root, NoLanes);
+
+        if (nextLanes !== NoLanes) {
+          // There's additional work we can do on this root. We might as well
+          // attempt to work on that while we're suspended.
+          return;
+        } // The render is suspended, it hasn't timed out, and there's no
+        // lower priority work to do. Instead of committing the fallback
+        // immediately, wait for more data to arrive.
+        // TODO: Combine retry throttling with Suspensey commits. Right now they
+        // run one after the other.
+
+        root.timeoutHandle = scheduleTimeout(
+          commitRootWhenReady.bind(
+            null,
+            root,
+            finishedWork,
+            workInProgressRootRecoverableErrors,
+            workInProgressTransitions,
+            lanes
+          ),
+          msUntilTimeout
+        );
+        return;
+      }
+    }
+
+    commitRootWhenReady(
+      root,
+      finishedWork,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions,
+      lanes
+    );
+  }
 }
 
 function commitRootWhenReady(
@@ -24387,6 +24401,8 @@ function commitRootWhenReady(
   transitions,
   lanes
 ) {
+  // TODO: Combine retry throttling with Suspensey commits. Right now they run
+  // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
     // the suspensey resources. The renderer is responsible for accumulating
     // all the load events. This all happens in a single synchronous
@@ -24406,22 +24422,14 @@ function commitRootWhenReady(
       // us that it's ready. This will be canceled if we start work on the
       // root again.
       root.cancelPendingCommit = schedulePendingCommit(
-        commitRoot.bind(
-          null,
-          root,
-          workInProgressRootRecoverableErrors,
-          workInProgressTransitions
-        )
+        commitRoot.bind(null, root, recoverableErrors, transitions)
       );
+      markRootSuspended(root, lanes);
       return;
     }
   } // Otherwise, commit immediately.
 
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -25458,6 +25466,16 @@ function replaySuspendedUnitOfWork(unitOfWork) {
       break;
     }
 
+    case HostComponent: {
+      // Some host components are stateful (that's how we implement form
+      // actions) but we don't bother to reuse the memoized state because it's
+      // not worth the extra code. The main reason to reuse the previous hooks
+      // is to reuse uncached promises, but we happen to know that the only
+      // promises that a host component might suspend on are definitely cached
+      // because they are controlled by us. So don't bother.
+      resetHooksOnUnwind(); // Fallthrough to the next branch.
+    }
+
     default: {
       // Other types besides function components are reset completely before
       // being replayed. Currently this only happens when a Usable type is
@@ -25563,28 +25581,14 @@ function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
 
   do {
-    if (revertRemovalOfSiblingPrerendering) {
+    {
       if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-        // This fiber did not complete, because one of its children did not
-        // complete. Switch to unwinding the stack instead of completing it.
-        //
-        // The reason "unwind" and "complete" is interleaved is because when
-        // something suspends, we continue rendering the siblings even though
-        // they will be replaced by a fallback.
-        // TODO: Disable sibling prerendering, then remove this branch.
-        unwindUnitOfWork(completedWork);
-        return;
-      }
-    } else {
-      {
-        if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-          // NOTE: If we re-enable sibling prerendering in some cases, this branch
-          // is where we would switch to the unwinding path.
-          error(
-            "Internal React error: Expected this fiber to be complete, but " +
-              "it isn't. It should have been unwound. This is a bug in React."
-          );
-        }
+        // NOTE: If we re-enable sibling prerendering in some cases, this branch
+        // is where we would switch to the unwinding path.
+        error(
+          "Internal React error: Expected this fiber to be complete, but " +
+            "it isn't. It should have been unwound. This is a bug in React."
+        );
       }
     } // The current, flushed, state of this fiber is the alternate. Ideally
     // nothing should rely on this, but relying on it here means that we don't
@@ -25683,23 +25687,10 @@ function unwindUnitOfWork(unitOfWork) {
       returnFiber.flags |= Incomplete;
       returnFiber.subtreeFlags = NoFlags$1;
       returnFiber.deletions = null;
-    }
-
-    if (revertRemovalOfSiblingPrerendering) {
-      // If there are siblings, work on them now even though they're going to be
-      // replaced by a fallback. We're "prerendering" them. Historically our
-      // rationale for this behavior has been to initiate any lazy data requests
-      // in the siblings, and also to warm up the CPU cache.
-      // TODO: Don't prerender siblings. With `use`, we suspend the work loop
-      // until the data has resolved, anyway.
-      var siblingFiber = incompleteWork.sibling;
-
-      if (siblingFiber !== null) {
-        // This branch will return us to the normal work loop.
-        workInProgress = siblingFiber;
-        return;
-      }
-    } // Otherwise, return to the parent
+    } // NOTE: If we re-enable sibling prerendering in some cases, here we
+    // would switch to the normal completion path: check if a sibling
+    // exists, and if so, begin work on it.
+    // Otherwise, return to the parent
     // $FlowFixMe[incompatible-type] we bail out when we get a null
 
     incompleteWork = returnFiber; // Update the next thing we're working on in case something throws.
@@ -26296,10 +26287,9 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   var errorInfo = createCapturedValueAtFiber(error, sourceFiber);
   var update = createRootErrorUpdate(rootFiber, errorInfo, SyncLane);
   var root = enqueueUpdate(rootFiber, update, SyncLane);
-  var eventTime = requestEventTime();
 
   if (root !== null) {
-    markRootUpdated(root, SyncLane, eventTime);
+    markRootUpdated(root, SyncLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -26335,10 +26325,9 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) {
         var errorInfo = createCapturedValueAtFiber(error$1, sourceFiber);
         var update = createClassErrorUpdate(fiber, errorInfo, SyncLane);
         var root = enqueueUpdate(fiber, update, SyncLane);
-        var eventTime = requestEventTime();
 
         if (root !== null) {
-          markRootUpdated(root, SyncLane, eventTime);
+          markRootUpdated(root, SyncLane);
           ensureRootIsScheduled(root);
         }
 
@@ -26464,11 +26453,10 @@ function retryTimedOutBoundary(boundaryFiber, retryLane) {
     retryLane = requestRetryLane(boundaryFiber);
   } // TODO: Special case idle priority?
 
-  var eventTime = requestEventTime();
   var root = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
 
   if (root !== null) {
-    markRootUpdated(root, retryLane, eventTime);
+    markRootUpdated(root, retryLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -26523,32 +26511,7 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
   }
 
   retryTimedOutBoundary(boundaryFiber, retryLane);
-} // Computes the next Just Noticeable Difference (JND) boundary.
-// The theory is that a person can't tell the difference between small differences in time.
-// Therefore, if we wait a bit longer than necessary that won't translate to a noticeable
-// difference in the experience. However, waiting for longer might mean that we can avoid
-// showing an intermediate loading state. The longer we have already waited, the harder it
-// is to tell small differences in time. Therefore, the longer we've already waited,
-// the longer we can wait additionally. At some point we have to give up though.
-// We pick a train model where the next boundary commits at a consistent schedule.
-// These particular numbers are vague estimates. We expect to adjust them based on research.
-
-function jnd(timeElapsed) {
-  return timeElapsed < 120
-    ? 120
-    : timeElapsed < 480
-    ? 480
-    : timeElapsed < 1080
-    ? 1080
-    : timeElapsed < 1920
-    ? 1920
-    : timeElapsed < 3000
-    ? 3000
-    : timeElapsed < 4320
-    ? 4320
-    : ceil(timeElapsed / 1960) * 1960;
 }
-
 function throwIfInfiniteUpdateLoopDetected() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
@@ -27229,7 +27192,7 @@ function scheduleFibersWithFamiliesRecursively(
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
 
@@ -28123,7 +28086,6 @@ function FiberRootNode(
   this.next = null;
   this.callbackNode = null;
   this.callbackPriority = NoLane;
-  this.eventTimes = createLaneMap(NoLanes);
   this.expirationTimes = createLaneMap(NoTimestamp);
   this.pendingLanes = NoLanes;
   this.suspendedLanes = NoLanes;
@@ -28361,8 +28323,7 @@ function updateContainer(element, container, parentComponent, callback) {
   var root = enqueueUpdate(current$1, update, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, current$1, lane, eventTime);
+    scheduleUpdateOnFiber(root, current$1, lane);
     entangleTransitions(root, current$1, lane);
   }
 
@@ -28510,7 +28471,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -28531,7 +28492,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -28552,7 +28513,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
@@ -28567,7 +28528,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -28581,7 +28542,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -28595,7 +28556,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -28603,7 +28564,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
diff --git a/compiled/facebook-www/ReactART-dev.modern.js b/compiled/facebook-www/ReactART-dev.modern.js
index 5ebe69b840..117a93606c 100644
--- a/compiled/facebook-www/ReactART-dev.modern.js
+++ b/compiled/facebook-www/ReactART-dev.modern.js
@@ -69,7 +69,7 @@ function _assertThisInitialized(self) {
   return self;
 }
 
-var ReactVersion = "18.3.0-www-modern-ae1f3bca";
+var ReactVersion = "18.3.0-www-modern-85c16289";
 
 var LegacyRoot = 0;
 var ConcurrentRoot = 1;
@@ -165,9 +165,7 @@ var ReactSharedInternals =
 // Re-export dynamic flags from the www version.
 var dynamicFeatureFlags = require("ReactFeatureFlags");
 
-var revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
-  replayFailedUnitOfWorkWithInvokeGuardedCallback =
+var replayFailedUnitOfWorkWithInvokeGuardedCallback =
     dynamicFeatureFlags.replayFailedUnitOfWorkWithInvokeGuardedCallback,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableUseRefAccessWarning = dynamicFeatureFlags.enableUseRefAccessWarning,
@@ -178,7 +176,9 @@ var revertRemovalOfSiblingPrerendering =
   enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
-  diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase; // On WWW, true is used for a new modern build.
+  diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries; // On WWW, true is used for a new modern build.
 var enableProfilerTimer = true;
 var enableProfilerCommitHooks = true;
 var enableProfilerNestedUpdatePhase = true;
@@ -1921,24 +1921,6 @@ function getNextLanes(root, wipLanes) {
 
   return nextLanes;
 }
-function getMostRecentEventTime(root, lanes) {
-  var eventTimes = root.eventTimes;
-  var mostRecentEventTime = NoTimestamp;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    var eventTime = eventTimes[index];
-
-    if (eventTime > mostRecentEventTime) {
-      mostRecentEventTime = eventTime;
-    }
-
-    lanes &= ~lane;
-  }
-
-  return mostRecentEventTime;
-}
 
 function computeExpirationTime(lane, currentTime) {
   switch (lane) {
@@ -2176,7 +2158,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -2194,12 +2176,6 @@ function markRootUpdated(root, updateLane, eventTime) {
     root.suspendedLanes = NoLanes;
     root.pingedLanes = NoLanes;
   }
-
-  var eventTimes = root.eventTimes;
-  var index = laneToIndex(updateLane); // We can always overwrite an existing timestamp because we prefer the most
-  // recent event, and we assume time is monotonically increasing.
-
-  eventTimes[index] = eventTime;
 }
 function markRootSuspended$1(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
@@ -2232,7 +2208,6 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   var entanglements = root.entanglements;
-  var eventTimes = root.eventTimes;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
 
@@ -2242,7 +2217,6 @@ function markRootFinished(root, remainingLanes) {
     var index = pickArbitraryLaneIndex(lanes);
     var lane = 1 << index;
     entanglements[index] = NoLanes;
-    eventTimes[index] = NoTimestamp;
     expirationTimes[index] = NoTimestamp;
     var hiddenUpdatesForLane = hiddenUpdates[index];
 
@@ -2861,6 +2835,9 @@ function shouldSetTextContent(type, props) {
 }
 function getCurrentEventPriority() {
   return DefaultEventPriority;
+}
+function shouldAttemptEagerTransition() {
+  return false;
 } // The ART renderer is secondary to the React DOM renderer.
 
 var warnsIfNotActing = false;
@@ -2932,7 +2909,7 @@ function preloadInstance(type, props) {
 }
 function waitForCommitToBeReady() {
   return null;
-} // eslint-disable-next-line no-undef
+}
 
 var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
 var prefix;
@@ -7089,6 +7066,497 @@ function warnAboutMultipleRenderersDEV(mutableSource) {
   }
 } // Eager reads the version of a mutable source and stores it on the root.
 
+var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
+
+var firstScheduledRoot = null;
+var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+
+var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
+// microtask, so we have to dedupe those separately. This wouldn't be an issue
+// if we required all `act` calls to be awaited, which we might in the future.
+
+var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
+
+var mightHavePendingSyncWork = false;
+var isFlushingWork = false;
+var currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null);
+  else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+    } else {
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
+    }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
+
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  if (ReactCurrentActQueue$2.current !== null) {
+    // We're inside an `act` scope.
+    if (!didScheduleMicrotask_act) {
+      didScheduleMicrotask_act = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  } else {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  }
+
+  if (!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());
+  }
+
+  if (ReactCurrentActQueue$2.isBatchingLegacy && root.tag === LegacyRoot) {
+    // Special `act` case: Record whenever a legacy update is scheduled.
+    ReactCurrentActQueue$2.didScheduleLegacyUpdate = true;
+  }
+}
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
+
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
+    return;
+  }
+
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  }
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
+
+  var didPerformSomeWork;
+  var errors = null;
+  isFlushingWork = true;
+
+  do {
+    didPerformSomeWork = false;
+    var root = firstScheduledRoot;
+
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot);
+      else {
+        var nextLanes = getNextLanes(
+          root,
+          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+        );
+
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            // TODO: Pass nextLanes as an argument instead of computing it again
+            // inside performSyncWorkOnRoot.
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
+
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
+
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
+
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === "function") {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
+      } else {
+        for (var i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
+
+        var firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      var error = errors[0];
+      throw error;
+    }
+  }
+}
+
+function throwError(error) {
+  throw error;
+}
+
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
+
+  {
+    didScheduleMicrotask_act = false;
+  } // We'll recompute this as we iterate through all the roots and schedule them.
+
+  mightHavePendingSyncWork = false;
+  var currentTime = now$1();
+  var prev = null;
+  var root = firstScheduledRoot;
+
+  while (root !== null) {
+    var next = root.next;
+
+    if (
+      currentEventTransitionLane !== NoLane &&
+      shouldAttemptEagerTransition()
+    ) {
+      markRootEntangled(root, mergeLanes(currentEventTransitionLane, SyncLane));
+    }
+
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
+
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
+      }
+
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
+      }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
+
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
+      }
+    }
+
+    root = next;
+  }
+
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
+}
+
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  var nextLanes = getNextLanes(
+    root,
+    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+  );
+  var existingCallbackNode = root.callbackNode;
+
+  if (
+    // Check if there's nothing to work on
+    nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+    // schedule a task to render it. We'll either wait for a ping, or wait to
+    // receive an update.
+    //
+    // Suspended render phase
+    (root === workInProgressRoot && isWorkLoopSuspendedOnData()) || // Suspended commit phase
+    root.cancelPendingCommit !== null
+  ) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
+
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    var existingCallbackPriority = root.callbackPriority;
+    var newCallbackPriority = getHighestPriorityLane(nextLanes);
+
+    if (
+      newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+      // Scheduler task, rather than an `act` task, cancel it and re-schedule
+      // on the `act` queue.
+      !(
+        ReactCurrentActQueue$2.current !== null &&
+        existingCallbackNode !== fakeActCallbackNode$1
+      )
+    ) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
+
+    var schedulerPriorityLevel;
+
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
+
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
+
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
+
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
+
+    var newCallbackNode = scheduleCallback$2(
+      schedulerPriorityLevel,
+      performConcurrentWorkOnRoot.bind(null, root)
+    );
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
+
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
+
+  return null;
+}
+var fakeActCallbackNode$1 = {};
+
+function scheduleCallback$2(priorityLevel, callback) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: We're inside an `act` scope (a testing utility).
+    // Instead of scheduling work in the host environment, add it to a
+    // fake internal queue that's managed by the `act` implementation.
+    ReactCurrentActQueue$2.current.push(callback);
+    return fakeActCallbackNode$1;
+  } else {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode === fakeActCallbackNode$1);
+  else if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
+
+function scheduleImmediateTask(cb) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
+    // callback queue. This is because we currently support calling `act`
+    // without awaiting the result. The plan is to deprecate that, and require
+    // that you always await the result so that the microtasks have a chance to
+    // run. But it hasn't happened yet.
+    ReactCurrentActQueue$2.current.push(function () {
+      cb();
+      return null;
+    });
+  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
+  // Alternatively, can we move this check to the host config?
+
+  {
+    // If microtasks are not supported, use Scheduler.
+    scheduleCallback$3(ImmediatePriority, cb);
+  }
+}
+
+function requestTransitionLane() {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
+
+  return currentEventTransitionLane;
+}
+
+var currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    actionReturnValue !== null &&
+    typeof actionReturnValue === "object" &&
+    typeof actionReturnValue.then === "function"
+  ) {
+    // This is an async action.
+    //
+    // Return a thenable that resolves once the action scope (i.e. the async
+    // function passed to startTransition) has finished running. The fulfilled
+    // value is `false` to represent that the action is not pending.
+    var thenable = actionReturnValue;
+
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope. Create a new one.
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: false,
+        reason: undefined,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(thenable, asyncAction);
+      currentAsyncAction = asyncAction;
+      return asyncAction;
+    } else {
+      // Inherit the outer scope.
+      var _asyncAction = currentAsyncAction;
+      attachPingListeners(thenable, _asyncAction);
+      return _asyncAction;
+    }
+  } else {
+    // This is not an async action, but it may be part of an outer async action.
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope.
+      return false;
+    } else {
+      // Inherit the outer scope.
+      return currentAsyncAction;
+    }
+  }
+}
+function peekAsyncActionContext() {
+  return currentAsyncAction;
+}
+
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      if (--asyncAction.count === 0) {
+        var fulfilledAsyncAction = asyncAction;
+        fulfilledAsyncAction.status = "fulfilled";
+        completeAsyncActionScope(asyncAction);
+      }
+    },
+    function (error) {
+      if (--asyncAction.count === 0) {
+        var rejectedAsyncAction = asyncAction;
+        rejectedAsyncAction.status = "rejected";
+        rejectedAsyncAction.reason = error;
+        completeAsyncActionScope(asyncAction);
+      }
+    }
+  );
+  return asyncAction;
+}
+
+function completeAsyncActionScope(action) {
+  if (currentAsyncAction === action) {
+    currentAsyncAction = null;
+  }
+
+  var listeners = action.listeners;
+  action.listeners = [];
+
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(false);
+  }
+}
+
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
@@ -7763,38 +8231,42 @@ var createFunctionComponentUpdateQueue;
   };
 }
 
+function useThenable(thenable) {
+  // Track the position of the thenable within this fiber.
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  var result = trackUsedThenable(thenableState, thenable, index);
+
+  if (
+    currentlyRenderingFiber$1.alternate === null &&
+    (workInProgressHook === null
+      ? currentlyRenderingFiber$1.memoizedState === null
+      : workInProgressHook.next === null)
+  ) {
+    // Initial render, and either this is the first time the component is
+    // called, or there were no Hooks called after this use() the previous
+    // time (perhaps because it threw). Subsequent Hook calls should use the
+    // mount dispatcher.
+    {
+      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+    }
+  }
+
+  return result;
+}
+
 function use(usable) {
   if (usable !== null && typeof usable === "object") {
     // $FlowFixMe[method-unbinding]
     if (typeof usable.then === "function") {
       // This is a thenable.
-      var thenable = usable; // Track the position of the thenable within this fiber.
-
-      var index = thenableIndexCounter;
-      thenableIndexCounter += 1;
-
-      if (thenableState === null) {
-        thenableState = createThenableState();
-      }
-
-      var result = trackUsedThenable(thenableState, thenable, index);
-
-      if (
-        currentlyRenderingFiber$1.alternate === null &&
-        (workInProgressHook === null
-          ? currentlyRenderingFiber$1.memoizedState === null
-          : workInProgressHook.next === null)
-      ) {
-        // Initial render, and either this is the first time the component is
-        // called, or there were no Hooks called after this use() the previous
-        // time (perhaps because it threw). Subsequent Hook calls should use the
-        // mount dispatcher.
-        {
-          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
-        }
-      }
-
-      return result;
+      var thenable = usable;
+      return useThenable(thenable);
     } else if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -8564,7 +9036,7 @@ function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
   if (root !== null) {
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -9101,8 +9573,35 @@ function startTransition(setPending, callback, options) {
   }
 
   try {
-    setPending(false);
-    callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(); // `isPending` is either `false` or a thenable that resolves to `false`,
+      // depending on whether the action scope is an async function. In the
+      // async case, the resulting render will suspend until the async action
+      // scope has finished.
+
+      var isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else {
+      // Async actions are not enabled.
+      setPending(false);
+      callback();
+    }
+  } catch (error) {
+    if (enableAsyncActions) {
+      // This is a trick to get the `useTransition` hook to rethrow the error.
+      // When it unwraps the thenable with the `use` algorithm, the error
+      // will be thrown.
+      var rejectedThenable = {
+        then: function () {},
+        status: "rejected",
+        reason: error
+      };
+      setPending(rejectedThenable);
+    } else {
+      // The error rethrowing behavior is only enabled when the async actions
+      // feature is on, even for sync actions.
+      throw error;
+    }
   } finally {
     setCurrentUpdatePriority(previousPriority);
     ReactCurrentBatchConfig$2.transition = prevTransition;
@@ -9127,30 +9626,37 @@ function startTransition(setPending, callback, options) {
 
 function mountTransition() {
   var _mountState = mountState(false),
-    isPending = _mountState[0],
     setPending = _mountState[1]; // The `start` method never changes.
 
   var start = startTransition.bind(null, setPending);
   var hook = mountWorkInProgressHook();
   hook.memoizedState = start;
-  return [isPending, start];
+  return [false, start];
 }
 
 function updateTransition() {
   var _updateState = updateState(),
-    isPending = _updateState[0];
+    booleanOrThenable = _updateState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
 function rerenderTransition() {
   var _rerenderState = rerenderState(),
-    isPending = _rerenderState[0];
+    booleanOrThenable = _rerenderState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
@@ -9211,8 +9717,7 @@ function refreshCache(fiber, seedKey, seedValue) {
         var root = enqueueUpdate(provider, refreshUpdate, lane);
 
         if (root !== null) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, provider, lane, eventTime);
+          scheduleUpdateOnFiber(root, provider, lane);
           entangleTransitions(root, provider, lane);
         } // TODO: If a refresh never commits, the new cache created here must be
         // released. A simple case is start refreshing a cache boundary, but then
@@ -9266,8 +9771,7 @@ function dispatchReducerAction(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -9350,8 +9854,7 @@ function dispatchSetState(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -9422,6 +9925,7 @@ function markUpdateInDevTools(fiber, lane, action) {
 
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -9444,10 +9948,6 @@ var ContextOnlyDispatcher = {
   ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
 }
 
-{
-  ContextOnlyDispatcher.use = throwInvalidHookError;
-}
-
 {
   ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 }
@@ -9487,6 +9987,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       mountHookTypesDev();
@@ -9607,10 +10108,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnMountInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnMountInDEV.useMemoCache = useMemoCache;
   }
@@ -9629,6 +10126,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -9744,10 +10242,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnMountWithHookTypesInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnMountWithHookTypesInDEV.useMemoCache = useMemoCache;
   }
@@ -9765,6 +10259,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -9879,10 +10374,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnUpdateInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnUpdateInDEV.useMemoCache = useMemoCache;
   }
@@ -9901,6 +10392,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -10016,10 +10508,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnRerenderInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnRerenderInDEV.useMemoCache = useMemoCache;
   }
@@ -10039,6 +10527,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -10170,13 +10662,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnMountInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnMountInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -10199,6 +10684,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -10330,13 +10819,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnUpdateInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnUpdateInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -10359,6 +10841,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -10490,13 +10976,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnRerenderInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnRerenderInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -10836,8 +11315,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -10872,8 +11350,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -10908,8 +11385,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -14799,16 +15275,9 @@ function updateDehydratedSuspenseComponent(
           // Intentionally mutating since this render will get interrupted. This
           // is one of the very rare times where we mutate the current tree
           // during the render phase.
-          suspenseState.retryLane = attemptHydrationAtLane; // TODO: Ideally this would inherit the event time of the current render
-
-          var eventTime = NoTimestamp;
+          suspenseState.retryLane = attemptHydrationAtLane;
           enqueueConcurrentRenderForLane(current, attemptHydrationAtLane);
-          scheduleUpdateOnFiber(
-            root,
-            current,
-            attemptHydrationAtLane,
-            eventTime
-          ); // Throw a special object that signals to the work loop that it should
+          scheduleUpdateOnFiber(root, current, attemptHydrationAtLane); // Throw a special object that signals to the work loop that it should
           // interrupt the current render.
           //
           // Because we're inside a React-only execution stack, we don't
@@ -16807,7 +17276,7 @@ var AbortControllerLocal =
       }; // Intentionally not named imports because Rollup would
 // use dynamic dispatch for CommonJS interop named imports.
 
-var scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+var scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority;
 var CacheContext = {
   $$typeof: REACT_CONTEXT_TYPE,
@@ -16863,7 +17332,7 @@ function releaseCache(cache) {
   }
 
   if (cache.refCount === 0) {
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
   }
@@ -20659,7 +21128,7 @@ function detachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility |= OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 function attachOffscreenInstance(instance) {
@@ -20680,7 +21149,7 @@ function attachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility &= ~OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -22750,7 +23219,7 @@ if (typeof Symbol === "function" && Symbol.for) {
   symbolFor("selector.text");
 }
 
-var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue;
+var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
 function isLegacyActEnvironment(fiber) {
   {
     // Legacy mode. We preserve the behavior of React 17's act. It assumes an
@@ -22773,7 +23242,7 @@ function isConcurrentActEnvironment() {
 
     if (
       !isReactActEnvironmentGlobal &&
-      ReactCurrentActQueue$2.current !== null
+      ReactCurrentActQueue$1.current !== null
     ) {
       // TODO: Include link to relevant documentation page.
       error(
@@ -22786,384 +23255,6 @@ function isConcurrentActEnvironment() {
   }
 }
 
-var ReactCurrentActQueue$1 = 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;
-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$1.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());
-  }
-
-  if (ReactCurrentActQueue$1.isBatchingLegacy && root.tag === LegacyRoot) {
-    // Special `act` case: Record whenever a legacy update is scheduled.
-    ReactCurrentActQueue$1.didScheduleLegacyUpdate = true;
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
-
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
-  }
-
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  }
-
-  var workInProgressRoot = getWorkInProgressRoot();
-  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
-
-  var didPerformSomeWork;
-  var errors = null;
-  isFlushingWork = true;
-
-  do {
-    didPerformSomeWork = false;
-    var root = firstScheduledRoot;
-
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot);
-      else {
-        var nextLanes = getNextLanes(
-          root,
-          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
-        );
-
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            // TODO: Pass nextLanes as an argument instead of computing it again
-            // inside performSyncWorkOnRoot.
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
-          }
-        }
-      }
-
-      root = root.next;
-    }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
-
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === "function") {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (var i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
-
-        var firstError = errors[0];
-        throw firstError;
-      }
-    } else {
-      var error = errors[0];
-      throw error;
-    }
-  }
-}
-
-function throwError(error) {
-  throw error;
-}
-
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
-
-  {
-    didScheduleMicrotask_act = false;
-  } // We'll recompute this as we iterate through all the roots and schedule them.
-
-  mightHavePendingSyncWork = false;
-  var currentTime = now$1();
-  var prev = null;
-  var root = firstScheduledRoot;
-
-  while (root !== null) {
-    var next = root.next;
-    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;
-  } // 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$1.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$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 (ReactCurrentActQueue$1.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$1.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$1.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$1.current.push(function () {
-      cb();
-      return null;
-    });
-  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
-  // Alternatively, can we move this check to the host config?
-
-  {
-    // If microtasks are not supported, use Scheduler.
-    scheduleCallback$3(ImmediatePriority, cb);
-  }
-}
-
-var ceil = Math.ceil;
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
@@ -23428,12 +23519,7 @@ var isFlushingPassiveEffects = false;
 var didScheduleUpdateDuringPassiveEffects = false;
 var NESTED_PASSIVE_UPDATE_LIMIT = 50;
 var nestedPassiveUpdateCount = 0;
-var rootWithPassiveNestedUpdates = null; // If two updates are scheduled within the same event, we should treat their
-// event times as simultaneous, even if the actual clock time has advanced
-// between the first and second call.
-
-var currentEventTime = NoTimestamp;
-var currentEventTransitionLane = NoLanes;
+var rootWithPassiveNestedUpdates = null;
 var isRunningInsertionEffect = false;
 function getWorkInProgressRoot() {
   return workInProgressRoot;
@@ -23444,20 +23530,6 @@ function getWorkInProgressRootRenderLanes() {
 function isWorkLoopSuspendedOnData() {
   return workInProgressSuspendedReason === SuspendedOnData;
 }
-function requestEventTime() {
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    // We're inside React, so it's fine to read the actual time.
-    return now$1();
-  } // We're not inside React, so we may be in the middle of a browser event.
-
-  if (currentEventTime !== NoTimestamp) {
-    // Use the same start time for all updates until we enter React again.
-    return currentEventTime;
-  } // This is the first update since React yielded. Compute a new start time.
-
-  currentEventTime = now$1();
-  return currentEventTime;
-}
 function requestUpdateLane(fiber) {
   // Special cases
   var mode = fiber.mode;
@@ -23491,20 +23563,14 @@ function requestUpdateLane(fiber) {
       }
 
       transition._updatedFibers.add(fiber);
-    } // 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;
+    var asyncAction = peekAsyncActionContext();
+    return asyncAction !== null // We're inside an async action scope. Reuse the same lane.
+      ? asyncAction.lane // We may or may not be inside an async action scope. If we are, this
+      : // 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.
   //
@@ -23541,7 +23607,7 @@ function requestRetryLane(fiber) {
   return claimNextRetryLane();
 }
 
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   {
     if (isRunningInsertionEffect) {
       error("useInsertionEffect must not schedule updates.");
@@ -23567,7 +23633,7 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
     markRootSuspended(root, workInProgressRootRenderLanes);
   } // Mark that the root has a pending update.
 
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
 
   if (
     (executionContext & RenderContext) !== NoLanes &&
@@ -23679,11 +23745,7 @@ function isUnsafeClassRenderPhaseUpdate(fiber) {
 function performConcurrentWorkOnRoot(root, didTimeout) {
   {
     resetNestedUpdateFlag();
-  } // Since we know we're in a React event, we can clear the current
-  // event time. The next update will compute a new event time.
-
-  currentEventTime = NoTimestamp;
-  currentEventTransitionLane = NoLanes;
+  }
 
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
     throw new Error("Should not already be working.");
@@ -23909,133 +23971,30 @@ function queueRecoverableErrors(errors) {
 }
 
 function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
+  // TODO: The fact that most of these branches are identical suggests that some
+  // of the exit statuses are not best modeled as exit statuses and should be
+  // tracked orthogonally.
   switch (exitStatus) {
     case RootInProgress:
     case RootFatalErrored: {
       throw new Error("Root did not complete. This is a bug in React.");
     }
 
-    case RootErrored: {
-      // We should have already attempted to retry this tree. If we reached
-      // this point, it errored again. Commit it.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
-    case RootSuspended: {
-      markRootSuspended(root, lanes); // We have an acceptable loading state. We need to figure out if we
-      // should immediately commit it or wait a bit.
-
-      if (
-        includesOnlyRetries(lanes) && // do not delay if we're inside an act() scope
-        !shouldForceFlushFallbacksInDEV()
-      ) {
-        // This render only included retries, no updates. Throttle committing
-        // retries so that we don't show too many loading states too quickly.
-        var msUntilTimeout =
-          globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
-
-        if (msUntilTimeout > 10) {
-          var nextLanes = getNextLanes(root, NoLanes);
-
-          if (nextLanes !== NoLanes) {
-            // There's additional work on this root.
-            break;
-          } // The render is suspended, it hasn't timed out, and there's no
-          // lower priority work to do. Instead of committing the fallback
-          // immediately, wait for more data to arrive.
-
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            msUntilTimeout
-          );
-          break;
-        }
-      } // The work expired. Commit immediately.
-
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
     case RootSuspendedWithDelay: {
-      markRootSuspended(root, lanes);
-
       if (includesOnlyTransitions(lanes)) {
         // This is a transition, so we should exit without committing a
         // placeholder and without scheduling a timeout. Delay indefinitely
         // until we receive more data.
-        break;
-      }
-
-      if (!shouldForceFlushFallbacksInDEV()) {
-        // This is not a transition, but we did trigger an avoided state.
-        // Schedule a placeholder to display after a short delay, using the Just
-        // Noticeable Difference.
-        // TODO: Is the JND optimization worth the added complexity? If this is
-        // the only reason we track the event time, then probably not.
-        // Consider removing.
-        var mostRecentEventTime = getMostRecentEventTime(root, lanes);
-        var eventTimeMs = mostRecentEventTime;
-        var timeElapsedMs = now$1() - eventTimeMs;
-
-        var _msUntilTimeout = jnd(timeElapsedMs) - timeElapsedMs; // Don't bother with a very short suspense time.
-
-        if (_msUntilTimeout > 10) {
-          // Instead of committing the fallback immediately, wait for more data
-          // to arrive.
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            _msUntilTimeout
-          );
-          break;
-        }
+        markRootSuspended(root, lanes);
+        return;
       } // Commit the placeholder.
 
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
+    case RootErrored:
+    case RootSuspended:
     case RootCompleted: {
-      // The work completed.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
@@ -24043,6 +24002,61 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
       throw new Error("Unknown root exit status.");
     }
   }
+
+  if (shouldForceFlushFallbacksInDEV()) {
+    // We're inside an `act` scope. Commit immediately.
+    commitRoot(
+      root,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions
+    );
+  } else {
+    if (
+      includesOnlyRetries(lanes) &&
+      (alwaysThrottleRetries || exitStatus === RootSuspended)
+    ) {
+      // This render only included retries, no updates. Throttle committing
+      // retries so that we don't show too many loading states too quickly.
+      var msUntilTimeout =
+        globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
+
+      if (msUntilTimeout > 10) {
+        markRootSuspended(root, lanes);
+        var nextLanes = getNextLanes(root, NoLanes);
+
+        if (nextLanes !== NoLanes) {
+          // There's additional work we can do on this root. We might as well
+          // attempt to work on that while we're suspended.
+          return;
+        } // The render is suspended, it hasn't timed out, and there's no
+        // lower priority work to do. Instead of committing the fallback
+        // immediately, wait for more data to arrive.
+        // TODO: Combine retry throttling with Suspensey commits. Right now they
+        // run one after the other.
+
+        root.timeoutHandle = scheduleTimeout(
+          commitRootWhenReady.bind(
+            null,
+            root,
+            finishedWork,
+            workInProgressRootRecoverableErrors,
+            workInProgressTransitions,
+            lanes
+          ),
+          msUntilTimeout
+        );
+        return;
+      }
+    }
+
+    commitRootWhenReady(
+      root,
+      finishedWork,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions,
+      lanes
+    );
+  }
 }
 
 function commitRootWhenReady(
@@ -24052,6 +24066,8 @@ function commitRootWhenReady(
   transitions,
   lanes
 ) {
+  // TODO: Combine retry throttling with Suspensey commits. Right now they run
+  // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
     // the suspensey resources. The renderer is responsible for accumulating
     // all the load events. This all happens in a single synchronous
@@ -24071,22 +24087,14 @@ function commitRootWhenReady(
       // us that it's ready. This will be canceled if we start work on the
       // root again.
       root.cancelPendingCommit = schedulePendingCommit(
-        commitRoot.bind(
-          null,
-          root,
-          workInProgressRootRecoverableErrors,
-          workInProgressTransitions
-        )
+        commitRoot.bind(null, root, recoverableErrors, transitions)
       );
+      markRootSuspended(root, lanes);
       return;
     }
   } // Otherwise, commit immediately.
 
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -25118,6 +25126,16 @@ function replaySuspendedUnitOfWork(unitOfWork) {
       break;
     }
 
+    case HostComponent: {
+      // Some host components are stateful (that's how we implement form
+      // actions) but we don't bother to reuse the memoized state because it's
+      // not worth the extra code. The main reason to reuse the previous hooks
+      // is to reuse uncached promises, but we happen to know that the only
+      // promises that a host component might suspend on are definitely cached
+      // because they are controlled by us. So don't bother.
+      resetHooksOnUnwind(); // Fallthrough to the next branch.
+    }
+
     default: {
       // Other types besides function components are reset completely before
       // being replayed. Currently this only happens when a Usable type is
@@ -25223,28 +25241,14 @@ function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
 
   do {
-    if (revertRemovalOfSiblingPrerendering) {
+    {
       if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-        // This fiber did not complete, because one of its children did not
-        // complete. Switch to unwinding the stack instead of completing it.
-        //
-        // The reason "unwind" and "complete" is interleaved is because when
-        // something suspends, we continue rendering the siblings even though
-        // they will be replaced by a fallback.
-        // TODO: Disable sibling prerendering, then remove this branch.
-        unwindUnitOfWork(completedWork);
-        return;
-      }
-    } else {
-      {
-        if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-          // NOTE: If we re-enable sibling prerendering in some cases, this branch
-          // is where we would switch to the unwinding path.
-          error(
-            "Internal React error: Expected this fiber to be complete, but " +
-              "it isn't. It should have been unwound. This is a bug in React."
-          );
-        }
+        // NOTE: If we re-enable sibling prerendering in some cases, this branch
+        // is where we would switch to the unwinding path.
+        error(
+          "Internal React error: Expected this fiber to be complete, but " +
+            "it isn't. It should have been unwound. This is a bug in React."
+        );
       }
     } // The current, flushed, state of this fiber is the alternate. Ideally
     // nothing should rely on this, but relying on it here means that we don't
@@ -25343,23 +25347,10 @@ function unwindUnitOfWork(unitOfWork) {
       returnFiber.flags |= Incomplete;
       returnFiber.subtreeFlags = NoFlags$1;
       returnFiber.deletions = null;
-    }
-
-    if (revertRemovalOfSiblingPrerendering) {
-      // If there are siblings, work on them now even though they're going to be
-      // replaced by a fallback. We're "prerendering" them. Historically our
-      // rationale for this behavior has been to initiate any lazy data requests
-      // in the siblings, and also to warm up the CPU cache.
-      // TODO: Don't prerender siblings. With `use`, we suspend the work loop
-      // until the data has resolved, anyway.
-      var siblingFiber = incompleteWork.sibling;
-
-      if (siblingFiber !== null) {
-        // This branch will return us to the normal work loop.
-        workInProgress = siblingFiber;
-        return;
-      }
-    } // Otherwise, return to the parent
+    } // NOTE: If we re-enable sibling prerendering in some cases, here we
+    // would switch to the normal completion path: check if a sibling
+    // exists, and if so, begin work on it.
+    // Otherwise, return to the parent
     // $FlowFixMe[incompatible-type] we bail out when we get a null
 
     incompleteWork = returnFiber; // Update the next thing we're working on in case something throws.
@@ -25956,10 +25947,9 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   var errorInfo = createCapturedValueAtFiber(error, sourceFiber);
   var update = createRootErrorUpdate(rootFiber, errorInfo, SyncLane);
   var root = enqueueUpdate(rootFiber, update, SyncLane);
-  var eventTime = requestEventTime();
 
   if (root !== null) {
-    markRootUpdated(root, SyncLane, eventTime);
+    markRootUpdated(root, SyncLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -25995,10 +25985,9 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) {
         var errorInfo = createCapturedValueAtFiber(error$1, sourceFiber);
         var update = createClassErrorUpdate(fiber, errorInfo, SyncLane);
         var root = enqueueUpdate(fiber, update, SyncLane);
-        var eventTime = requestEventTime();
 
         if (root !== null) {
-          markRootUpdated(root, SyncLane, eventTime);
+          markRootUpdated(root, SyncLane);
           ensureRootIsScheduled(root);
         }
 
@@ -26124,11 +26113,10 @@ function retryTimedOutBoundary(boundaryFiber, retryLane) {
     retryLane = requestRetryLane(boundaryFiber);
   } // TODO: Special case idle priority?
 
-  var eventTime = requestEventTime();
   var root = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
 
   if (root !== null) {
-    markRootUpdated(root, retryLane, eventTime);
+    markRootUpdated(root, retryLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -26183,32 +26171,7 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
   }
 
   retryTimedOutBoundary(boundaryFiber, retryLane);
-} // Computes the next Just Noticeable Difference (JND) boundary.
-// The theory is that a person can't tell the difference between small differences in time.
-// Therefore, if we wait a bit longer than necessary that won't translate to a noticeable
-// difference in the experience. However, waiting for longer might mean that we can avoid
-// showing an intermediate loading state. The longer we have already waited, the harder it
-// is to tell small differences in time. Therefore, the longer we've already waited,
-// the longer we can wait additionally. At some point we have to give up though.
-// We pick a train model where the next boundary commits at a consistent schedule.
-// These particular numbers are vague estimates. We expect to adjust them based on research.
-
-function jnd(timeElapsed) {
-  return timeElapsed < 120
-    ? 120
-    : timeElapsed < 480
-    ? 480
-    : timeElapsed < 1080
-    ? 1080
-    : timeElapsed < 1920
-    ? 1920
-    : timeElapsed < 3000
-    ? 3000
-    : timeElapsed < 4320
-    ? 4320
-    : ceil(timeElapsed / 1960) * 1960;
 }
-
 function throwIfInfiniteUpdateLoopDetected() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
@@ -26889,7 +26852,7 @@ function scheduleFibersWithFamiliesRecursively(
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
 
@@ -27783,7 +27746,6 @@ function FiberRootNode(
   this.next = null;
   this.callbackNode = null;
   this.callbackPriority = NoLane;
-  this.eventTimes = createLaneMap(NoLanes);
   this.expirationTimes = createLaneMap(NoTimestamp);
   this.pendingLanes = NoLanes;
   this.suspendedLanes = NoLanes;
@@ -28021,8 +27983,7 @@ function updateContainer(element, container, parentComponent, callback) {
   var root = enqueueUpdate(current$1, update, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, current$1, lane, eventTime);
+    scheduleUpdateOnFiber(root, current$1, lane);
     entangleTransitions(root, current$1, lane);
   }
 
@@ -28170,7 +28131,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -28191,7 +28152,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -28212,7 +28173,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
@@ -28227,7 +28188,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -28241,7 +28202,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -28255,7 +28216,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -28263,7 +28224,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
diff --git a/compiled/facebook-www/ReactART-prod.classic.js b/compiled/facebook-www/ReactART-prod.classic.js
index f18111ccc9..173c933916 100644
--- a/compiled/facebook-www/ReactART-prod.classic.js
+++ b/compiled/facebook-www/ReactART-prod.classic.js
@@ -63,8 +63,6 @@ function formatProdErrorMessage(code) {
 var ReactSharedInternals =
     React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
-  revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableUseRefAccessWarning = dynamicFeatureFlags.enableUseRefAccessWarning,
   enableLazyContextPropagation =
@@ -74,6 +72,8 @@ var ReactSharedInternals =
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
   diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries,
   REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_PORTAL_TYPE = Symbol.for("react.portal"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -554,13 +554,10 @@ function createLaneMap(initial) {
   for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane;
   536870912 !== updateLane &&
     ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  root = root.eventTimes;
-  updateLane = 31 - clz32(updateLane);
-  root[updateLane] = eventTime;
 }
 function markRootFinished(root, remainingLanes) {
   var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
@@ -572,22 +569,20 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   remainingLanes = root.entanglements;
-  var eventTimes = root.eventTimes,
-    expirationTimes = root.expirationTimes;
+  var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$5 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$5;
-    remainingLanes[index$5] = 0;
-    eventTimes[index$5] = -1;
-    expirationTimes[index$5] = -1;
-    var hiddenUpdatesForLane = root[index$5];
+    var index$4 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$4;
+    remainingLanes[index$4] = 0;
+    expirationTimes[index$4] = -1;
+    var hiddenUpdatesForLane = root[index$4];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$5] = null, index$5 = 0;
-        index$5 < hiddenUpdatesForLane.length;
-        index$5++
+        root[index$4] = null, index$4 = 0;
+        index$4 < hiddenUpdatesForLane.length;
+        index$4++
       ) {
-        var update = hiddenUpdatesForLane[index$5];
+        var update = hiddenUpdatesForLane[index$4];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -596,21 +591,21 @@ function markRootFinished(root, remainingLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$6 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$6;
-    (lane & entangledLanes) | (root[index$6] & entangledLanes) &&
-      (root[index$6] |= entangledLanes);
+    var index$5 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$5;
+    (lane & entangledLanes) | (root[index$5] & entangledLanes) &&
+      (root[index$5] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$8 = 31 - clz32(lanes),
-      lane = 1 << index$8;
-    index$8 = root.transitionLanes[index$8];
-    null !== index$8 &&
-      index$8.forEach(function (transition) {
+    var index$7 = 31 - clz32(lanes),
+      lane = 1 << index$7;
+    index$7 = root.transitionLanes[index$7];
+    null !== index$7 &&
+      index$7.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -620,10 +615,10 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$9 = 31 - clz32(lanes),
-        lane = 1 << index$9;
-      null !== root.transitionLanes[index$9] &&
-        (root.transitionLanes[index$9] = null);
+      var index$8 = 31 - clz32(lanes),
+        lane = 1 << index$8;
+      null !== root.transitionLanes[index$8] &&
+        (root.transitionLanes[index$8] = null);
       lanes &= ~lane;
     }
 }
@@ -845,16 +840,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$10) {
-          control = x$10;
+        } catch (x$9) {
+          control = x$9;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$11) {
-        control = x$11;
+      } catch (x$10) {
+        control = x$10;
       }
       fn();
     }
@@ -2264,6 +2259,261 @@ function resetWorkInProgressVersions() {
     workInProgressSources[i]._workInProgressVersionSecondary = null;
   workInProgressSources.length = 0;
 }
+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),
+    scheduleCallback$3(ImmediatePriority, processRootScheduleInMicrotask));
+  enableDeferRootSchedulingToMicrotask ||
+    scheduleTaskForRootDuringMicrotask(root, now());
+}
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (!isFlushingWork && mightHavePendingSyncWork) {
+    var workInProgressRoot$jscomp$0 = workInProgressRoot,
+      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
+      errors = null;
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root = firstScheduledRoot; null !== root; ) {
+        if (
+          (!onlyLegacy || 0 === root.tag) &&
+          0 !==
+            (getNextLanes(
+              root,
+              root === workInProgressRoot$jscomp$0
+                ? workInProgressRootRenderLanes$jscomp$0
+                : 0
+            ) &
+              3)
+        )
+          try {
+            didPerformSomeWork = !0;
+            var root$jscomp$0 = root;
+            if (0 !== (executionContext & 6))
+              throw Error(formatProdErrorMessage(327));
+            flushPassiveEffects();
+            var lanes = getNextLanes(root$jscomp$0, 0);
+            if (0 !== (lanes & 3)) {
+              var exitStatus = renderRootSync(root$jscomp$0, lanes);
+              if (0 !== root$jscomp$0.tag && 2 === exitStatus) {
+                var originallyAttemptedLanes = lanes,
+                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                    root$jscomp$0,
+                    originallyAttemptedLanes
+                  );
+                0 !== errorRetryLanes &&
+                  ((lanes = errorRetryLanes),
+                  (exitStatus = recoverFromConcurrentError(
+                    root$jscomp$0,
+                    originallyAttemptedLanes,
+                    errorRetryLanes
+                  )));
+              }
+              if (1 === exitStatus)
+                throw (
+                  ((originallyAttemptedLanes = workInProgressRootFatalError),
+                  prepareFreshStack(root$jscomp$0, 0),
+                  markRootSuspended(root$jscomp$0, lanes),
+                  ensureRootIsScheduled(root$jscomp$0),
+                  originallyAttemptedLanes)
+                );
+              6 === exitStatus
+                ? markRootSuspended(root$jscomp$0, lanes)
+                : ((root$jscomp$0.finishedWork =
+                    root$jscomp$0.current.alternate),
+                  (root$jscomp$0.finishedLanes = lanes),
+                  commitRoot(
+                    root$jscomp$0,
+                    workInProgressRootRecoverableErrors,
+                    workInProgressTransitions
+                  ));
+            }
+            ensureRootIsScheduled(root$jscomp$0);
+          } catch (error) {
+            null === errors ? (errors = [error]) : errors.push(error);
+          }
+        root = root.next;
+      }
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+    if (null !== errors) {
+      if (1 < errors.length) {
+        if ("function" === typeof AggregateError)
+          throw new AggregateError(errors);
+        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
+          (workInProgressRoot$jscomp$0 = throwError.bind(
+            null,
+            errors[onlyLegacy]
+          )),
+            scheduleCallback$3(ImmediatePriority, workInProgressRoot$jscomp$0);
+      }
+      throw errors[0];
+    }
+  }
+}
+function throwError(error) {
+  throw error;
+}
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next,
+      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === nextLanes
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
+  }
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
+}
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  for (
+    var suspendedLanes = root.suspendedLanes,
+      pingedLanes = root.pingedLanes,
+      expirationTimes = root.expirationTimes,
+      lanes = root.pendingLanes & -125829121;
+    0 < lanes;
+
+  ) {
+    var index$2 = 31 - clz32(lanes),
+      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);
+    lanes &= ~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 536870912:
+      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 requestTransitionLane() {
+  0 === currentEventTransitionLane &&
+    (currentEventTransitionLane = claimNextTransitionLane());
+  return currentEventTransitionLane;
+}
+var currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    null !== actionReturnValue &&
+    "object" === typeof actionReturnValue &&
+    "function" === typeof actionReturnValue.then
+  ) {
+    if (null === currentAsyncAction) {
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: !1,
+        reason: void 0,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(actionReturnValue, asyncAction);
+      return (currentAsyncAction = asyncAction);
+    }
+    var asyncAction$28 = currentAsyncAction;
+    attachPingListeners(actionReturnValue, asyncAction$28);
+    return asyncAction$28;
+  }
+  return null === currentAsyncAction ? !1 : currentAsyncAction;
+}
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "fulfilled"),
+        completeAsyncActionScope(asyncAction));
+    },
+    function (error) {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "rejected"),
+        (asyncAction.reason = error),
+        completeAsyncActionScope(asyncAction));
+    }
+  );
+  return asyncAction;
+}
+function completeAsyncActionScope(action) {
+  currentAsyncAction === action && (currentAsyncAction = null);
+  var listeners = action.listeners;
+  action.listeners = [];
+  for (action = 0; action < listeners.length; action++)
+    (0, listeners[action])(!1);
+}
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
   renderLanes$1 = 0,
@@ -2418,20 +2668,21 @@ var createFunctionComponentUpdateQueue;
 createFunctionComponentUpdateQueue = function () {
   return { lastEffect: null, events: null, stores: null, memoCache: null };
 };
+function useThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+  null === thenableState && (thenableState = []);
+  thenable = trackUsedThenable(thenableState, thenable, index);
+  null === currentlyRenderingFiber$1.alternate &&
+    (null === workInProgressHook
+      ? null === currentlyRenderingFiber$1.memoizedState
+      : null === workInProgressHook.next) &&
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
+  return thenable;
+}
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
-    if ("function" === typeof usable.then) {
-      var index$28 = thenableIndexCounter;
-      thenableIndexCounter += 1;
-      null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$28);
-      null === currentlyRenderingFiber$1.alternate &&
-        (null === workInProgressHook
-          ? null === currentlyRenderingFiber$1.memoizedState
-          : null === workInProgressHook.next) &&
-        (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
-      return usable;
-    }
+    if ("function" === typeof usable.then) return useThenable(usable);
     if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -2728,7 +2979,7 @@ function checkIfSnapshotChanged(inst) {
 }
 function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, 2);
-  null !== root && scheduleUpdateOnFiber(root, fiber, 2, -1);
+  null !== root && scheduleUpdateOnFiber(root, fiber, 2);
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
@@ -2893,7 +3144,15 @@ function startTransition(setPending, callback, options) {
     ((ReactCurrentBatchConfig$2.transition.name = options.name),
     (ReactCurrentBatchConfig$2.transition.startTime = now()));
   try {
-    setPending(!1), callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(),
+        isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else setPending(!1), callback();
+  } catch (error) {
+    if (enableAsyncActions)
+      setPending({ then: function () {}, status: "rejected", reason: error });
+    else throw error;
   } finally {
     (currentUpdatePriority = previousPriority),
       (ReactCurrentBatchConfig$2.transition = prevTransition);
@@ -2913,11 +3172,9 @@ function refreshCache(fiber, seedKey, seedValue) {
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
         var root = enqueueUpdate(provider, fiber, lane);
-        if (null !== root) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, provider, lane, eventTime);
-          entangleTransitions(root, provider, lane);
-        }
+        null !== root &&
+          (scheduleUpdateOnFiber(root, provider, lane),
+          entangleTransitions(root, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
@@ -2938,16 +3195,13 @@ function dispatchReducerAction(fiber, queue, action) {
     eagerState: null,
     next: null
   };
-  if (isRenderPhaseUpdate(fiber)) enqueueRenderPhaseUpdate(queue, action);
-  else if (
-    (enqueueUpdate$1(fiber, queue, action, lane),
-    (action = getRootForUpdatedFiber(fiber)),
-    null !== action)
-  ) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(action, fiber, lane, eventTime);
-    entangleTransitionUpdate(action, queue, lane);
-  }
+  isRenderPhaseUpdate(fiber)
+    ? enqueueRenderPhaseUpdate(queue, action)
+    : (enqueueUpdate$1(fiber, queue, action, lane),
+      (action = getRootForUpdatedFiber(fiber)),
+      null !== action &&
+        (scheduleUpdateOnFiber(action, fiber, lane),
+        entangleTransitionUpdate(action, queue, lane)));
 }
 function dispatchSetState(fiber, queue, action) {
   var lane = requestUpdateLane(fiber),
@@ -2982,8 +3236,7 @@ function dispatchSetState(fiber, queue, action) {
     enqueueUpdate$1(fiber, queue, update, lane);
     action = getRootForUpdatedFiber(fiber);
     null !== action &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(action, fiber, lane, update),
+      (scheduleUpdateOnFiber(action, fiber, lane),
       entangleTransitionUpdate(action, queue, lane));
   }
 }
@@ -3014,6 +3267,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 }
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -3032,11 +3286,11 @@ var ContextOnlyDispatcher = {
   useId: throwInvalidHookError
 };
 ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
-ContextOnlyDispatcher.use = throwInvalidHookError;
 ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 ContextOnlyDispatcher.useEffectEvent = throwInvalidHookError;
 var HooksDispatcherOnMount = {
   readContext: readContext,
+  use: use,
   useCallback: function (callback, deps) {
     mountWorkInProgressHook().memoizedState = [
       callback,
@@ -3104,11 +3358,10 @@ var HooksDispatcherOnMount = {
     return (mountWorkInProgressHook().memoizedState = value);
   },
   useTransition: function () {
-    var _mountState = mountState(!1),
-      isPending = _mountState[0];
-    _mountState = startTransition.bind(null, _mountState[1]);
-    mountWorkInProgressHook().memoizedState = _mountState;
-    return [isPending, _mountState];
+    var setPending = mountState(!1)[1];
+    setPending = startTransition.bind(null, setPending);
+    mountWorkInProgressHook().memoizedState = setPending;
+    return [!1, setPending];
   },
   useMutableSource: function (source, getSnapshot, subscribe) {
     var hook = mountWorkInProgressHook();
@@ -3157,7 +3410,6 @@ var HooksDispatcherOnMount = {
     ));
   }
 };
-HooksDispatcherOnMount.use = use;
 HooksDispatcherOnMount.useMemoCache = useMemoCache;
 HooksDispatcherOnMount.useEffectEvent = function (callback) {
   var hook = mountWorkInProgressHook(),
@@ -3170,6 +3422,7 @@ HooksDispatcherOnMount.useEffectEvent = function (callback) {
 };
 var HooksDispatcherOnUpdate = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -3188,9 +3441,14 @@ var HooksDispatcherOnUpdate = {
     return updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = updateReducer(basicStateReducer)[0],
+    var booleanOrThenable = updateReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
@@ -3198,10 +3456,10 @@ var HooksDispatcherOnUpdate = {
 };
 HooksDispatcherOnUpdate.useCacheRefresh = updateRefresh;
 HooksDispatcherOnUpdate.useMemoCache = useMemoCache;
-HooksDispatcherOnUpdate.use = use;
 HooksDispatcherOnUpdate.useEffectEvent = updateEvent;
 var HooksDispatcherOnRerender = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -3222,16 +3480,20 @@ var HooksDispatcherOnRerender = {
       : updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = rerenderReducer(basicStateReducer)[0],
+    var booleanOrThenable = rerenderReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
   useId: updateId
 };
 HooksDispatcherOnRerender.useCacheRefresh = updateRefresh;
-HooksDispatcherOnRerender.use = use;
 HooksDispatcherOnRerender.useMemoCache = useMemoCache;
 HooksDispatcherOnRerender.useEffectEvent = updateEvent;
 function resolveDefaultProps(Component, baseProps) {
@@ -3275,8 +3537,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
   },
   enqueueReplaceState: function (inst, payload, callback) {
@@ -3288,8 +3549,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
   },
   enqueueForceUpdate: function (inst, callback) {
@@ -3300,8 +3560,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     callback = enqueueUpdate(inst, update, lane);
     null !== callback &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(callback, inst, lane, update),
+      (scheduleUpdateOnFiber(callback, inst, lane),
       entangleTransitions(callback, inst, lane));
   }
 };
@@ -4528,7 +4787,7 @@ function updateDehydratedSuspenseComponent(
         throw (
           ((suspenseState.retryLane = didSuspend),
           enqueueConcurrentRenderForLane(current, didSuspend),
-          scheduleUpdateOnFiber(nextProps, current, didSuspend, -1),
+          scheduleUpdateOnFiber(nextProps, current, didSuspend),
           SelectiveHydrationException)
         );
     }
@@ -5083,7 +5342,7 @@ var AbortControllerLocal =
             });
           };
         },
-  scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+  scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority,
   CacheContext = {
     $$typeof: REACT_CONTEXT_TYPE,
@@ -5105,7 +5364,7 @@ function createCache() {
 function releaseCache(cache) {
   cache.refCount--;
   0 === cache.refCount &&
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
 }
@@ -6554,7 +6813,7 @@ function detachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility |= 2),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachOffscreenInstance(instance) {
@@ -6564,7 +6823,7 @@ function attachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility &= -3),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachSuspenseRetryListeners(finishedWork, wakeables) {
@@ -7667,203 +7926,6 @@ var DefaultCacheDispatcher = {
       return cacheForType;
     }
   },
-  firstScheduledRoot = null,
-  lastScheduledRoot = null,
-  didScheduleMicrotask = !1,
-  mightHavePendingSyncWork = !1,
-  isFlushingWork = !1;
-function ensureRootIsScheduled(root) {
-  root !== lastScheduledRoot &&
-    null === root.next &&
-    (null === lastScheduledRoot
-      ? (firstScheduledRoot = lastScheduledRoot = root)
-      : (lastScheduledRoot = lastScheduledRoot.next = root));
-  mightHavePendingSyncWork = !0;
-  didScheduleMicrotask ||
-    ((didScheduleMicrotask = !0),
-    scheduleCallback$3(ImmediatePriority, processRootScheduleInMicrotask));
-  enableDeferRootSchedulingToMicrotask ||
-    scheduleTaskForRootDuringMicrotask(root, now());
-}
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (!isFlushingWork && mightHavePendingSyncWork) {
-    var workInProgressRoot$jscomp$0 = workInProgressRoot,
-      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
-      errors = null;
-    isFlushingWork = !0;
-    do {
-      var didPerformSomeWork = !1;
-      for (var root = firstScheduledRoot; null !== root; ) {
-        if (
-          (!onlyLegacy || 0 === root.tag) &&
-          0 !==
-            (getNextLanes(
-              root,
-              root === workInProgressRoot$jscomp$0
-                ? workInProgressRootRenderLanes$jscomp$0
-                : 0
-            ) &
-              3)
-        )
-          try {
-            didPerformSomeWork = !0;
-            var root$jscomp$0 = root;
-            if (0 !== (executionContext & 6))
-              throw Error(formatProdErrorMessage(327));
-            flushPassiveEffects();
-            var lanes = getNextLanes(root$jscomp$0, 0);
-            if (0 !== (lanes & 3)) {
-              var exitStatus = renderRootSync(root$jscomp$0, lanes);
-              if (0 !== root$jscomp$0.tag && 2 === exitStatus) {
-                var originallyAttemptedLanes = lanes,
-                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-                    root$jscomp$0,
-                    originallyAttemptedLanes
-                  );
-                0 !== errorRetryLanes &&
-                  ((lanes = errorRetryLanes),
-                  (exitStatus = recoverFromConcurrentError(
-                    root$jscomp$0,
-                    originallyAttemptedLanes,
-                    errorRetryLanes
-                  )));
-              }
-              if (1 === exitStatus)
-                throw (
-                  ((originallyAttemptedLanes = workInProgressRootFatalError),
-                  prepareFreshStack(root$jscomp$0, 0),
-                  markRootSuspended(root$jscomp$0, lanes),
-                  ensureRootIsScheduled(root$jscomp$0),
-                  originallyAttemptedLanes)
-                );
-              6 === exitStatus
-                ? markRootSuspended(root$jscomp$0, lanes)
-                : ((root$jscomp$0.finishedWork =
-                    root$jscomp$0.current.alternate),
-                  (root$jscomp$0.finishedLanes = lanes),
-                  commitRoot(
-                    root$jscomp$0,
-                    workInProgressRootRecoverableErrors,
-                    workInProgressTransitions
-                  ));
-            }
-            ensureRootIsScheduled(root$jscomp$0);
-          } catch (error) {
-            null === errors ? (errors = [error]) : errors.push(error);
-          }
-        root = root.next;
-      }
-    } while (didPerformSomeWork);
-    isFlushingWork = !1;
-    if (null !== errors) {
-      if (1 < errors.length) {
-        if ("function" === typeof AggregateError)
-          throw new AggregateError(errors);
-        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
-          (workInProgressRoot$jscomp$0 = throwError.bind(
-            null,
-            errors[onlyLegacy]
-          )),
-            scheduleCallback$3(ImmediatePriority, workInProgressRoot$jscomp$0);
-      }
-      throw errors[0];
-    }
-  }
-}
-function throwError(error) {
-  throw error;
-}
-function processRootScheduleInMicrotask() {
-  mightHavePendingSyncWork = didScheduleMicrotask = !1;
-  for (
-    var currentTime = now(), prev = null, root = firstScheduledRoot;
-    null !== root;
-
-  ) {
-    var next = root.next,
-      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
-    0 === nextLanes
-      ? ((root.next = null),
-        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
-        null === next && (lastScheduledRoot = prev))
-      : ((prev = root),
-        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
-    root = next;
-  }
-  flushSyncWorkAcrossRoots_impl(!1);
-}
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  for (
-    var suspendedLanes = root.suspendedLanes,
-      pingedLanes = root.pingedLanes,
-      expirationTimes = root.expirationTimes,
-      lanes = root.pendingLanes & -125829121;
-    0 < lanes;
-
-  ) {
-    var index$3 = 31 - clz32(lanes),
-      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);
-    lanes &= ~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 536870912:
-      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;
-}
-var ceil = Math.ceil,
   PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
   ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
@@ -7959,52 +8021,43 @@ var hasUncaughtError = !1,
   pendingPassiveEffectsRemainingLanes = 0,
   pendingPassiveTransitions = null,
   nestedUpdateCount = 0,
-  rootWithNestedUpdates = null,
-  currentEventTime = -1,
-  currentEventTransitionLane = 0;
-function requestEventTime() {
-  return 0 !== (executionContext & 6)
-    ? now()
-    : -1 !== currentEventTime
-    ? currentEventTime
-    : (currentEventTime = now());
-}
+  rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
   if (0 === (fiber.mode & 1)) return 2;
   if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
     return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
   if (null !== ReactCurrentBatchConfig$1.transition)
     return (
-      0 === currentEventTransitionLane &&
-        (currentEventTransitionLane = claimNextTransitionLane()),
-      currentEventTransitionLane
+      (fiber = currentAsyncAction),
+      null !== fiber ? fiber.lane : requestTransitionLane()
     );
   fiber = currentUpdatePriority;
   return 0 !== fiber ? fiber : 32;
 }
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   if (
     (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
     null !== root.cancelPendingCommit
   )
     prepareFreshStack(root, 0),
       markRootSuspended(root, workInProgressRootRenderLanes);
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot) {
-    if (
-      enableTransitionTracing &&
-      ((eventTime = ReactCurrentBatchConfig.transition),
-      null !== eventTime &&
-        null != eventTime.name &&
-        (-1 === eventTime.startTime && (eventTime.startTime = now()),
-        enableTransitionTracing))
-    ) {
-      var transitionLanesMap = root.transitionLanes,
-        index$7 = 31 - clz32(lane),
-        transitions = transitionLanesMap[index$7];
-      null === transitions && (transitions = new Set());
-      transitions.add(eventTime);
-      transitionLanesMap[index$7] = transitions;
+    if (enableTransitionTracing) {
+      var transition = ReactCurrentBatchConfig.transition;
+      if (
+        null !== transition &&
+        null != transition.name &&
+        (-1 === transition.startTime && (transition.startTime = now()),
+        enableTransitionTracing)
+      ) {
+        var transitionLanesMap = root.transitionLanes,
+          index$6 = 31 - clz32(lane),
+          transitions = transitionLanesMap[index$6];
+        null === transitions && (transitions = new Set());
+        transitions.add(transition);
+        transitionLanesMap[index$6] = transitions;
+      }
     }
     root === workInProgressRoot &&
       (0 === (executionContext & 2) &&
@@ -8020,8 +8073,6 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
   }
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
-  currentEventTime = -1;
-  currentEventTransitionLane = 0;
   if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
   var originalCallbackNode = root.callbackNode;
   if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
@@ -8071,16 +8122,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$129 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$128 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$129 &&
-            ((lanes = errorRetryLanes$129),
+          0 !== errorRetryLanes$128 &&
+            ((lanes = errorRetryLanes$128),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$129
+              errorRetryLanes$128
             )));
         }
         if (1 === exitStatus)
@@ -8094,109 +8145,52 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
       }
       root.finishedWork = didTimeout;
       root.finishedLanes = lanes;
-      switch (exitStatus) {
-        case 0:
-        case 1:
-          throw Error(formatProdErrorMessage(345));
-        case 2:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 3:
-          markRootSuspended(root, lanes);
-          if (
-            (lanes & 125829120) === lanes &&
-            ((exitStatus = globalMostRecentFallbackTime + 500 - now()),
-            10 < exitStatus)
-          ) {
-            if (0 !== getNextLanes(root, 0)) break;
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+      a: {
+        switch (exitStatus) {
+          case 0:
+          case 1:
+            throw Error(formatProdErrorMessage(345));
+          case 4:
+            if ((lanes & 8388480) === lanes) {
+              markRootSuspended(root, lanes);
+              break a;
+            }
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 4:
-          markRootSuspended(root, lanes);
-          if ((lanes & 8388480) === lanes) break;
-          exitStatus = lanes;
-          errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$129 = -1; 0 < exitStatus; ) {
-            var index$2 = 31 - clz32(exitStatus),
-              lane = 1 << index$2;
-            index$2 = errorRetryLanes[index$2];
-            index$2 > errorRetryLanes$129 && (errorRetryLanes$129 = index$2);
-            exitStatus &= ~lane;
-          }
-          exitStatus = errorRetryLanes$129;
-          exitStatus = now() - exitStatus;
-          exitStatus =
-            (120 > exitStatus
-              ? 120
-              : 480 > exitStatus
-              ? 480
-              : 1080 > exitStatus
-              ? 1080
-              : 1920 > exitStatus
-              ? 1920
-              : 3e3 > exitStatus
-              ? 3e3
-              : 4320 > exitStatus
-              ? 4320
-              : 1960 * ceil(exitStatus / 1960)) - exitStatus;
-          if (10 < exitStatus) {
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+          case 2:
+          case 3:
+          case 5:
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
+          default:
+            throw Error(formatProdErrorMessage(329));
+        }
+        if (
+          (lanes & 125829120) === lanes &&
+          (alwaysThrottleRetries || 3 === exitStatus) &&
+          ((exitStatus = globalMostRecentFallbackTime + 500 - now()),
+          10 < exitStatus)
+        ) {
+          markRootSuspended(root, lanes);
+          if (0 !== getNextLanes(root, 0)) break a;
+          root.timeoutHandle = scheduleTimeout(
+            commitRootWhenReady.bind(
+              null,
+              root,
+              didTimeout,
+              workInProgressRootRecoverableErrors,
+              workInProgressTransitions,
+              lanes
+            ),
+            exitStatus
           );
-          break;
-        case 5:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        default:
-          throw Error(formatProdErrorMessage(329));
+          break a;
+        }
+        commitRootWhenReady(
+          root,
+          didTimeout,
+          workInProgressRootRecoverableErrors,
+          workInProgressTransitions,
+          lanes
+        );
       }
     }
   }
@@ -8247,11 +8241,7 @@ function commitRootWhenReady(
   lanes
 ) {
   0 === (lanes & 42) && accumulateSuspenseyCommitOnFiber(finishedWork);
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 function isRenderConsistentWithExternalStores(finishedWork) {
   for (var node = finishedWork; ; ) {
@@ -8293,9 +8283,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$4 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$4;
-    root[index$4] = -1;
+    var index$3 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$3;
+    root[index$3] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -8423,8 +8413,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$132) {
-      handleThrow(root, thrownValue$132);
+    } catch (thrownValue$130) {
+      handleThrow(root, thrownValue$130);
     }
   while (1);
   resetContextDependencies();
@@ -8528,8 +8518,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$134) {
-      handleThrow(root, thrownValue$134);
+    } catch (thrownValue$132) {
+      handleThrow(root, thrownValue$132);
     }
   while (1);
   resetContextDependencies();
@@ -8594,6 +8584,8 @@ function replaySuspendedUnitOfWork(unitOfWork) {
         workInProgressRootRenderLanes
       );
       break;
+    case 5:
+      resetHooksOnUnwind();
     default:
       unwindInterruptedWork(current, unitOfWork),
         (unitOfWork = workInProgress =
@@ -8777,21 +8769,31 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
     } catch (error) {
       throw ((workInProgress = returnFiber), error);
     }
-    unitOfWork.flags & 32768
-      ? unwindUnitOfWork(unitOfWork)
-      : completeUnitOfWork(unitOfWork);
+    if (unitOfWork.flags & 32768)
+      a: {
+        do {
+          returnFiber = unwindWork(unitOfWork.alternate, unitOfWork);
+          if (null !== returnFiber) {
+            returnFiber.flags &= 32767;
+            workInProgress = returnFiber;
+            break a;
+          }
+          unitOfWork = unitOfWork.return;
+          null !== unitOfWork &&
+            ((unitOfWork.flags |= 32768),
+            (unitOfWork.subtreeFlags = 0),
+            (unitOfWork.deletions = null));
+          workInProgress = unitOfWork;
+        } while (null !== unitOfWork);
+        workInProgressRootExitStatus = 6;
+        workInProgress = null;
+      }
+    else completeUnitOfWork(unitOfWork);
   }
 }
 function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
   do {
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      0 !== (completedWork.flags & 32768)
-    ) {
-      unwindUnitOfWork(completedWork);
-      return;
-    }
     unitOfWork = completedWork.return;
     var next = completeWork(
       completedWork.alternate,
@@ -8811,29 +8813,6 @@ function completeUnitOfWork(unitOfWork) {
   } while (null !== completedWork);
   0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
 }
-function unwindUnitOfWork(unitOfWork) {
-  do {
-    var next = unwindWork(unitOfWork.alternate, unitOfWork);
-    if (null !== next) {
-      next.flags &= 32767;
-      workInProgress = next;
-      return;
-    }
-    next = unitOfWork.return;
-    null !== next &&
-      ((next.flags |= 32768), (next.subtreeFlags = 0), (next.deletions = null));
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      ((unitOfWork = unitOfWork.sibling), null !== unitOfWork)
-    ) {
-      workInProgress = unitOfWork;
-      return;
-    }
-    workInProgress = unitOfWork = next;
-  } while (null !== unitOfWork);
-  workInProgressRootExitStatus = 6;
-  workInProgress = null;
-}
 function commitRoot(root, recoverableErrors, transitions) {
   var previousUpdateLanePriority = currentUpdatePriority,
     prevTransition = ReactCurrentBatchConfig.transition;
@@ -9014,10 +8993,8 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
   sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 2);
   rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
-  sourceFiber = requestEventTime();
   null !== rootFiber &&
-    (markRootUpdated(rootFiber, 2, sourceFiber),
-    ensureRootIsScheduled(rootFiber));
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
 }
 function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
   if (3 === sourceFiber.tag)
@@ -9051,9 +9028,8 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
             sourceFiber,
             2
           );
-          sourceFiber = requestEventTime();
           null !== nearestMountedAncestor &&
-            (markRootUpdated(nearestMountedAncestor, 2, sourceFiber),
+            (markRootUpdated(nearestMountedAncestor, 2),
             ensureRootIsScheduled(nearestMountedAncestor));
           break;
         }
@@ -9095,10 +9071,9 @@ function pingSuspendedRoot(root, wakeable, pingedLanes) {
 function retryTimedOutBoundary(boundaryFiber, retryLane) {
   0 === retryLane &&
     (retryLane = 0 === (boundaryFiber.mode & 1) ? 2 : claimNextRetryLane());
-  var eventTime = requestEventTime();
   boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
   null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane, eventTime),
+    (markRootUpdated(boundaryFiber, retryLane),
     ensureRootIsScheduled(boundaryFiber));
 }
 function retryDehydratedSuspenseBoundary(boundaryFiber) {
@@ -9868,7 +9843,6 @@ function FiberRootNode(
     this.cancelPendingCommit =
       null;
   this.callbackPriority = 0;
-  this.eventTimes = createLaneMap(0);
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
     this.errorRecoveryDisabledLanes =
@@ -9949,8 +9923,7 @@ function updateContainer(element, container, parentComponent, callback) {
   null !== callback && (container.callback = callback);
   element = enqueueUpdate(current, container, lane);
   null !== element &&
-    ((callback = requestEventTime()),
-    scheduleUpdateOnFiber(element, current, lane, callback),
+    (scheduleUpdateOnFiber(element, current, lane),
     entangleTransitions(element, current, lane));
   return lane;
 }
@@ -10078,10 +10051,10 @@ var slice = Array.prototype.slice,
       return null;
     },
     bundleType: 0,
-    version: "18.3.0-www-classic-9e45a6d4",
+    version: "18.3.0-www-classic-f817b2e4",
     rendererPackageName: "react-art"
   };
-var internals$jscomp$inline_1344 = {
+var internals$jscomp$inline_1335 = {
   bundleType: devToolsConfig$jscomp$inline_1170.bundleType,
   version: devToolsConfig$jscomp$inline_1170.version,
   rendererPackageName: devToolsConfig$jscomp$inline_1170.rendererPackageName,
@@ -10109,19 +10082,19 @@ var internals$jscomp$inline_1344 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-9e45a6d4"
+  reconcilerVersion: "18.3.0-www-classic-f817b2e4"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1345 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1336 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1345.isDisabled &&
-    hook$jscomp$inline_1345.supportsFiber
+    !hook$jscomp$inline_1336.isDisabled &&
+    hook$jscomp$inline_1336.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1345.inject(
-        internals$jscomp$inline_1344
+      (rendererID = hook$jscomp$inline_1336.inject(
+        internals$jscomp$inline_1335
       )),
-        (injectedHook = hook$jscomp$inline_1345);
+        (injectedHook = hook$jscomp$inline_1336);
     } 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 0a1d8eb237..0d7b91bf24 100644
--- a/compiled/facebook-www/ReactART-prod.modern.js
+++ b/compiled/facebook-www/ReactART-prod.modern.js
@@ -63,8 +63,6 @@ function formatProdErrorMessage(code) {
 var ReactSharedInternals =
     React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
-  revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableUseRefAccessWarning = dynamicFeatureFlags.enableUseRefAccessWarning,
   enableLazyContextPropagation =
@@ -74,6 +72,8 @@ var ReactSharedInternals =
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
   diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries,
   REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_PORTAL_TYPE = Symbol.for("react.portal"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -438,13 +438,10 @@ function createLaneMap(initial) {
   for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane;
   536870912 !== updateLane &&
     ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  root = root.eventTimes;
-  updateLane = 31 - clz32(updateLane);
-  root[updateLane] = eventTime;
 }
 function markRootFinished(root, remainingLanes) {
   var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
@@ -456,22 +453,20 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   remainingLanes = root.entanglements;
-  var eventTimes = root.eventTimes,
-    expirationTimes = root.expirationTimes;
+  var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$5 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$5;
-    remainingLanes[index$5] = 0;
-    eventTimes[index$5] = -1;
-    expirationTimes[index$5] = -1;
-    var hiddenUpdatesForLane = root[index$5];
+    var index$4 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$4;
+    remainingLanes[index$4] = 0;
+    expirationTimes[index$4] = -1;
+    var hiddenUpdatesForLane = root[index$4];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$5] = null, index$5 = 0;
-        index$5 < hiddenUpdatesForLane.length;
-        index$5++
+        root[index$4] = null, index$4 = 0;
+        index$4 < hiddenUpdatesForLane.length;
+        index$4++
       ) {
-        var update = hiddenUpdatesForLane[index$5];
+        var update = hiddenUpdatesForLane[index$4];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -480,21 +475,21 @@ function markRootFinished(root, remainingLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$6 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$6;
-    (lane & entangledLanes) | (root[index$6] & entangledLanes) &&
-      (root[index$6] |= entangledLanes);
+    var index$5 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$5;
+    (lane & entangledLanes) | (root[index$5] & entangledLanes) &&
+      (root[index$5] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$8 = 31 - clz32(lanes),
-      lane = 1 << index$8;
-    index$8 = root.transitionLanes[index$8];
-    null !== index$8 &&
-      index$8.forEach(function (transition) {
+    var index$7 = 31 - clz32(lanes),
+      lane = 1 << index$7;
+    index$7 = root.transitionLanes[index$7];
+    null !== index$7 &&
+      index$7.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -504,10 +499,10 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$9 = 31 - clz32(lanes),
-        lane = 1 << index$9;
-      null !== root.transitionLanes[index$9] &&
-        (root.transitionLanes[index$9] = null);
+      var index$8 = 31 - clz32(lanes),
+        lane = 1 << index$8;
+      null !== root.transitionLanes[index$8] &&
+        (root.transitionLanes[index$8] = null);
       lanes &= ~lane;
     }
 }
@@ -729,16 +724,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$10) {
-          control = x$10;
+        } catch (x$9) {
+          control = x$9;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$11) {
-        control = x$11;
+      } catch (x$10) {
+        control = x$10;
       }
       fn();
     }
@@ -2070,6 +2065,261 @@ function resetWorkInProgressVersions() {
     workInProgressSources[i]._workInProgressVersionSecondary = null;
   workInProgressSources.length = 0;
 }
+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),
+    scheduleCallback$3(ImmediatePriority, processRootScheduleInMicrotask));
+  enableDeferRootSchedulingToMicrotask ||
+    scheduleTaskForRootDuringMicrotask(root, now());
+}
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (!isFlushingWork && mightHavePendingSyncWork) {
+    var workInProgressRoot$jscomp$0 = workInProgressRoot,
+      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
+      errors = null;
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root = firstScheduledRoot; null !== root; ) {
+        if (
+          (!onlyLegacy || 0 === root.tag) &&
+          0 !==
+            (getNextLanes(
+              root,
+              root === workInProgressRoot$jscomp$0
+                ? workInProgressRootRenderLanes$jscomp$0
+                : 0
+            ) &
+              3)
+        )
+          try {
+            didPerformSomeWork = !0;
+            var root$jscomp$0 = root;
+            if (0 !== (executionContext & 6))
+              throw Error(formatProdErrorMessage(327));
+            flushPassiveEffects();
+            var lanes = getNextLanes(root$jscomp$0, 0);
+            if (0 !== (lanes & 3)) {
+              var exitStatus = renderRootSync(root$jscomp$0, lanes);
+              if (0 !== root$jscomp$0.tag && 2 === exitStatus) {
+                var originallyAttemptedLanes = lanes,
+                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                    root$jscomp$0,
+                    originallyAttemptedLanes
+                  );
+                0 !== errorRetryLanes &&
+                  ((lanes = errorRetryLanes),
+                  (exitStatus = recoverFromConcurrentError(
+                    root$jscomp$0,
+                    originallyAttemptedLanes,
+                    errorRetryLanes
+                  )));
+              }
+              if (1 === exitStatus)
+                throw (
+                  ((originallyAttemptedLanes = workInProgressRootFatalError),
+                  prepareFreshStack(root$jscomp$0, 0),
+                  markRootSuspended(root$jscomp$0, lanes),
+                  ensureRootIsScheduled(root$jscomp$0),
+                  originallyAttemptedLanes)
+                );
+              6 === exitStatus
+                ? markRootSuspended(root$jscomp$0, lanes)
+                : ((root$jscomp$0.finishedWork =
+                    root$jscomp$0.current.alternate),
+                  (root$jscomp$0.finishedLanes = lanes),
+                  commitRoot(
+                    root$jscomp$0,
+                    workInProgressRootRecoverableErrors,
+                    workInProgressTransitions
+                  ));
+            }
+            ensureRootIsScheduled(root$jscomp$0);
+          } catch (error) {
+            null === errors ? (errors = [error]) : errors.push(error);
+          }
+        root = root.next;
+      }
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+    if (null !== errors) {
+      if (1 < errors.length) {
+        if ("function" === typeof AggregateError)
+          throw new AggregateError(errors);
+        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
+          (workInProgressRoot$jscomp$0 = throwError.bind(
+            null,
+            errors[onlyLegacy]
+          )),
+            scheduleCallback$3(ImmediatePriority, workInProgressRoot$jscomp$0);
+      }
+      throw errors[0];
+    }
+  }
+}
+function throwError(error) {
+  throw error;
+}
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next,
+      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === nextLanes
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
+  }
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
+}
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  for (
+    var suspendedLanes = root.suspendedLanes,
+      pingedLanes = root.pingedLanes,
+      expirationTimes = root.expirationTimes,
+      lanes = root.pendingLanes & -125829121;
+    0 < lanes;
+
+  ) {
+    var index$2 = 31 - clz32(lanes),
+      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);
+    lanes &= ~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 536870912:
+      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 requestTransitionLane() {
+  0 === currentEventTransitionLane &&
+    (currentEventTransitionLane = claimNextTransitionLane());
+  return currentEventTransitionLane;
+}
+var currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    null !== actionReturnValue &&
+    "object" === typeof actionReturnValue &&
+    "function" === typeof actionReturnValue.then
+  ) {
+    if (null === currentAsyncAction) {
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: !1,
+        reason: void 0,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(actionReturnValue, asyncAction);
+      return (currentAsyncAction = asyncAction);
+    }
+    var asyncAction$28 = currentAsyncAction;
+    attachPingListeners(actionReturnValue, asyncAction$28);
+    return asyncAction$28;
+  }
+  return null === currentAsyncAction ? !1 : currentAsyncAction;
+}
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "fulfilled"),
+        completeAsyncActionScope(asyncAction));
+    },
+    function (error) {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "rejected"),
+        (asyncAction.reason = error),
+        completeAsyncActionScope(asyncAction));
+    }
+  );
+  return asyncAction;
+}
+function completeAsyncActionScope(action) {
+  currentAsyncAction === action && (currentAsyncAction = null);
+  var listeners = action.listeners;
+  action.listeners = [];
+  for (action = 0; action < listeners.length; action++)
+    (0, listeners[action])(!1);
+}
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
   renderLanes$1 = 0,
@@ -2224,20 +2474,21 @@ var createFunctionComponentUpdateQueue;
 createFunctionComponentUpdateQueue = function () {
   return { lastEffect: null, events: null, stores: null, memoCache: null };
 };
+function useThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+  null === thenableState && (thenableState = []);
+  thenable = trackUsedThenable(thenableState, thenable, index);
+  null === currentlyRenderingFiber$1.alternate &&
+    (null === workInProgressHook
+      ? null === currentlyRenderingFiber$1.memoizedState
+      : null === workInProgressHook.next) &&
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
+  return thenable;
+}
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
-    if ("function" === typeof usable.then) {
-      var index$28 = thenableIndexCounter;
-      thenableIndexCounter += 1;
-      null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$28);
-      null === currentlyRenderingFiber$1.alternate &&
-        (null === workInProgressHook
-          ? null === currentlyRenderingFiber$1.memoizedState
-          : null === workInProgressHook.next) &&
-        (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
-      return usable;
-    }
+    if ("function" === typeof usable.then) return useThenable(usable);
     if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -2534,7 +2785,7 @@ function checkIfSnapshotChanged(inst) {
 }
 function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, 2);
-  null !== root && scheduleUpdateOnFiber(root, fiber, 2, -1);
+  null !== root && scheduleUpdateOnFiber(root, fiber, 2);
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
@@ -2699,7 +2950,15 @@ function startTransition(setPending, callback, options) {
     ((ReactCurrentBatchConfig$2.transition.name = options.name),
     (ReactCurrentBatchConfig$2.transition.startTime = now()));
   try {
-    setPending(!1), callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(),
+        isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else setPending(!1), callback();
+  } catch (error) {
+    if (enableAsyncActions)
+      setPending({ then: function () {}, status: "rejected", reason: error });
+    else throw error;
   } finally {
     (currentUpdatePriority = previousPriority),
       (ReactCurrentBatchConfig$2.transition = prevTransition);
@@ -2719,11 +2978,9 @@ function refreshCache(fiber, seedKey, seedValue) {
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
         var root = enqueueUpdate(provider, fiber, lane);
-        if (null !== root) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, provider, lane, eventTime);
-          entangleTransitions(root, provider, lane);
-        }
+        null !== root &&
+          (scheduleUpdateOnFiber(root, provider, lane),
+          entangleTransitions(root, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
@@ -2744,16 +3001,13 @@ function dispatchReducerAction(fiber, queue, action) {
     eagerState: null,
     next: null
   };
-  if (isRenderPhaseUpdate(fiber)) enqueueRenderPhaseUpdate(queue, action);
-  else if (
-    (enqueueUpdate$1(fiber, queue, action, lane),
-    (action = getRootForUpdatedFiber(fiber)),
-    null !== action)
-  ) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(action, fiber, lane, eventTime);
-    entangleTransitionUpdate(action, queue, lane);
-  }
+  isRenderPhaseUpdate(fiber)
+    ? enqueueRenderPhaseUpdate(queue, action)
+    : (enqueueUpdate$1(fiber, queue, action, lane),
+      (action = getRootForUpdatedFiber(fiber)),
+      null !== action &&
+        (scheduleUpdateOnFiber(action, fiber, lane),
+        entangleTransitionUpdate(action, queue, lane)));
 }
 function dispatchSetState(fiber, queue, action) {
   var lane = requestUpdateLane(fiber),
@@ -2788,8 +3042,7 @@ function dispatchSetState(fiber, queue, action) {
     enqueueUpdate$1(fiber, queue, update, lane);
     action = getRootForUpdatedFiber(fiber);
     null !== action &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(action, fiber, lane, update),
+      (scheduleUpdateOnFiber(action, fiber, lane),
       entangleTransitionUpdate(action, queue, lane));
   }
 }
@@ -2820,6 +3073,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 }
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -2838,11 +3092,11 @@ var ContextOnlyDispatcher = {
   useId: throwInvalidHookError
 };
 ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
-ContextOnlyDispatcher.use = throwInvalidHookError;
 ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 ContextOnlyDispatcher.useEffectEvent = throwInvalidHookError;
 var HooksDispatcherOnMount = {
   readContext: readContext,
+  use: use,
   useCallback: function (callback, deps) {
     mountWorkInProgressHook().memoizedState = [
       callback,
@@ -2910,11 +3164,10 @@ var HooksDispatcherOnMount = {
     return (mountWorkInProgressHook().memoizedState = value);
   },
   useTransition: function () {
-    var _mountState = mountState(!1),
-      isPending = _mountState[0];
-    _mountState = startTransition.bind(null, _mountState[1]);
-    mountWorkInProgressHook().memoizedState = _mountState;
-    return [isPending, _mountState];
+    var setPending = mountState(!1)[1];
+    setPending = startTransition.bind(null, setPending);
+    mountWorkInProgressHook().memoizedState = setPending;
+    return [!1, setPending];
   },
   useMutableSource: function (source, getSnapshot, subscribe) {
     var hook = mountWorkInProgressHook();
@@ -2963,7 +3216,6 @@ var HooksDispatcherOnMount = {
     ));
   }
 };
-HooksDispatcherOnMount.use = use;
 HooksDispatcherOnMount.useMemoCache = useMemoCache;
 HooksDispatcherOnMount.useEffectEvent = function (callback) {
   var hook = mountWorkInProgressHook(),
@@ -2976,6 +3228,7 @@ HooksDispatcherOnMount.useEffectEvent = function (callback) {
 };
 var HooksDispatcherOnUpdate = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -2994,9 +3247,14 @@ var HooksDispatcherOnUpdate = {
     return updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = updateReducer(basicStateReducer)[0],
+    var booleanOrThenable = updateReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
@@ -3004,10 +3262,10 @@ var HooksDispatcherOnUpdate = {
 };
 HooksDispatcherOnUpdate.useCacheRefresh = updateRefresh;
 HooksDispatcherOnUpdate.useMemoCache = useMemoCache;
-HooksDispatcherOnUpdate.use = use;
 HooksDispatcherOnUpdate.useEffectEvent = updateEvent;
 var HooksDispatcherOnRerender = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -3028,16 +3286,20 @@ var HooksDispatcherOnRerender = {
       : updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = rerenderReducer(basicStateReducer)[0],
+    var booleanOrThenable = rerenderReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
   useId: updateId
 };
 HooksDispatcherOnRerender.useCacheRefresh = updateRefresh;
-HooksDispatcherOnRerender.use = use;
 HooksDispatcherOnRerender.useMemoCache = useMemoCache;
 HooksDispatcherOnRerender.useEffectEvent = updateEvent;
 function resolveDefaultProps(Component, baseProps) {
@@ -3081,8 +3343,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
   },
   enqueueReplaceState: function (inst, payload, callback) {
@@ -3094,8 +3355,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
   },
   enqueueForceUpdate: function (inst, callback) {
@@ -3106,8 +3366,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     callback = enqueueUpdate(inst, update, lane);
     null !== callback &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(callback, inst, lane, update),
+      (scheduleUpdateOnFiber(callback, inst, lane),
       entangleTransitions(callback, inst, lane));
   }
 };
@@ -4287,7 +4546,7 @@ function updateDehydratedSuspenseComponent(
         throw (
           ((suspenseState.retryLane = didSuspend),
           enqueueConcurrentRenderForLane(current, didSuspend),
-          scheduleUpdateOnFiber(nextProps, current, didSuspend, -1),
+          scheduleUpdateOnFiber(nextProps, current, didSuspend),
           SelectiveHydrationException)
         );
     }
@@ -4838,7 +5097,7 @@ var AbortControllerLocal =
             });
           };
         },
-  scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+  scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority,
   CacheContext = {
     $$typeof: REACT_CONTEXT_TYPE,
@@ -4860,7 +5119,7 @@ function createCache() {
 function releaseCache(cache) {
   cache.refCount--;
   0 === cache.refCount &&
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
 }
@@ -6290,7 +6549,7 @@ function detachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility |= 2),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachOffscreenInstance(instance) {
@@ -6300,7 +6559,7 @@ function attachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility &= -3),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachSuspenseRetryListeners(finishedWork, wakeables) {
@@ -7403,203 +7662,6 @@ var DefaultCacheDispatcher = {
       return cacheForType;
     }
   },
-  firstScheduledRoot = null,
-  lastScheduledRoot = null,
-  didScheduleMicrotask = !1,
-  mightHavePendingSyncWork = !1,
-  isFlushingWork = !1;
-function ensureRootIsScheduled(root) {
-  root !== lastScheduledRoot &&
-    null === root.next &&
-    (null === lastScheduledRoot
-      ? (firstScheduledRoot = lastScheduledRoot = root)
-      : (lastScheduledRoot = lastScheduledRoot.next = root));
-  mightHavePendingSyncWork = !0;
-  didScheduleMicrotask ||
-    ((didScheduleMicrotask = !0),
-    scheduleCallback$3(ImmediatePriority, processRootScheduleInMicrotask));
-  enableDeferRootSchedulingToMicrotask ||
-    scheduleTaskForRootDuringMicrotask(root, now());
-}
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (!isFlushingWork && mightHavePendingSyncWork) {
-    var workInProgressRoot$jscomp$0 = workInProgressRoot,
-      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
-      errors = null;
-    isFlushingWork = !0;
-    do {
-      var didPerformSomeWork = !1;
-      for (var root = firstScheduledRoot; null !== root; ) {
-        if (
-          (!onlyLegacy || 0 === root.tag) &&
-          0 !==
-            (getNextLanes(
-              root,
-              root === workInProgressRoot$jscomp$0
-                ? workInProgressRootRenderLanes$jscomp$0
-                : 0
-            ) &
-              3)
-        )
-          try {
-            didPerformSomeWork = !0;
-            var root$jscomp$0 = root;
-            if (0 !== (executionContext & 6))
-              throw Error(formatProdErrorMessage(327));
-            flushPassiveEffects();
-            var lanes = getNextLanes(root$jscomp$0, 0);
-            if (0 !== (lanes & 3)) {
-              var exitStatus = renderRootSync(root$jscomp$0, lanes);
-              if (0 !== root$jscomp$0.tag && 2 === exitStatus) {
-                var originallyAttemptedLanes = lanes,
-                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-                    root$jscomp$0,
-                    originallyAttemptedLanes
-                  );
-                0 !== errorRetryLanes &&
-                  ((lanes = errorRetryLanes),
-                  (exitStatus = recoverFromConcurrentError(
-                    root$jscomp$0,
-                    originallyAttemptedLanes,
-                    errorRetryLanes
-                  )));
-              }
-              if (1 === exitStatus)
-                throw (
-                  ((originallyAttemptedLanes = workInProgressRootFatalError),
-                  prepareFreshStack(root$jscomp$0, 0),
-                  markRootSuspended(root$jscomp$0, lanes),
-                  ensureRootIsScheduled(root$jscomp$0),
-                  originallyAttemptedLanes)
-                );
-              6 === exitStatus
-                ? markRootSuspended(root$jscomp$0, lanes)
-                : ((root$jscomp$0.finishedWork =
-                    root$jscomp$0.current.alternate),
-                  (root$jscomp$0.finishedLanes = lanes),
-                  commitRoot(
-                    root$jscomp$0,
-                    workInProgressRootRecoverableErrors,
-                    workInProgressTransitions
-                  ));
-            }
-            ensureRootIsScheduled(root$jscomp$0);
-          } catch (error) {
-            null === errors ? (errors = [error]) : errors.push(error);
-          }
-        root = root.next;
-      }
-    } while (didPerformSomeWork);
-    isFlushingWork = !1;
-    if (null !== errors) {
-      if (1 < errors.length) {
-        if ("function" === typeof AggregateError)
-          throw new AggregateError(errors);
-        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
-          (workInProgressRoot$jscomp$0 = throwError.bind(
-            null,
-            errors[onlyLegacy]
-          )),
-            scheduleCallback$3(ImmediatePriority, workInProgressRoot$jscomp$0);
-      }
-      throw errors[0];
-    }
-  }
-}
-function throwError(error) {
-  throw error;
-}
-function processRootScheduleInMicrotask() {
-  mightHavePendingSyncWork = didScheduleMicrotask = !1;
-  for (
-    var currentTime = now(), prev = null, root = firstScheduledRoot;
-    null !== root;
-
-  ) {
-    var next = root.next,
-      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
-    0 === nextLanes
-      ? ((root.next = null),
-        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
-        null === next && (lastScheduledRoot = prev))
-      : ((prev = root),
-        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
-    root = next;
-  }
-  flushSyncWorkAcrossRoots_impl(!1);
-}
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  for (
-    var suspendedLanes = root.suspendedLanes,
-      pingedLanes = root.pingedLanes,
-      expirationTimes = root.expirationTimes,
-      lanes = root.pendingLanes & -125829121;
-    0 < lanes;
-
-  ) {
-    var index$3 = 31 - clz32(lanes),
-      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);
-    lanes &= ~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 536870912:
-      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;
-}
-var ceil = Math.ceil,
   PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
   ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
@@ -7695,52 +7757,43 @@ var hasUncaughtError = !1,
   pendingPassiveEffectsRemainingLanes = 0,
   pendingPassiveTransitions = null,
   nestedUpdateCount = 0,
-  rootWithNestedUpdates = null,
-  currentEventTime = -1,
-  currentEventTransitionLane = 0;
-function requestEventTime() {
-  return 0 !== (executionContext & 6)
-    ? now()
-    : -1 !== currentEventTime
-    ? currentEventTime
-    : (currentEventTime = now());
-}
+  rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
   if (0 === (fiber.mode & 1)) return 2;
   if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
     return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
   if (null !== ReactCurrentBatchConfig$1.transition)
     return (
-      0 === currentEventTransitionLane &&
-        (currentEventTransitionLane = claimNextTransitionLane()),
-      currentEventTransitionLane
+      (fiber = currentAsyncAction),
+      null !== fiber ? fiber.lane : requestTransitionLane()
     );
   fiber = currentUpdatePriority;
   return 0 !== fiber ? fiber : 32;
 }
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   if (
     (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
     null !== root.cancelPendingCommit
   )
     prepareFreshStack(root, 0),
       markRootSuspended(root, workInProgressRootRenderLanes);
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot) {
-    if (
-      enableTransitionTracing &&
-      ((eventTime = ReactCurrentBatchConfig.transition),
-      null !== eventTime &&
-        null != eventTime.name &&
-        (-1 === eventTime.startTime && (eventTime.startTime = now()),
-        enableTransitionTracing))
-    ) {
-      var transitionLanesMap = root.transitionLanes,
-        index$7 = 31 - clz32(lane),
-        transitions = transitionLanesMap[index$7];
-      null === transitions && (transitions = new Set());
-      transitions.add(eventTime);
-      transitionLanesMap[index$7] = transitions;
+    if (enableTransitionTracing) {
+      var transition = ReactCurrentBatchConfig.transition;
+      if (
+        null !== transition &&
+        null != transition.name &&
+        (-1 === transition.startTime && (transition.startTime = now()),
+        enableTransitionTracing)
+      ) {
+        var transitionLanesMap = root.transitionLanes,
+          index$6 = 31 - clz32(lane),
+          transitions = transitionLanesMap[index$6];
+        null === transitions && (transitions = new Set());
+        transitions.add(transition);
+        transitionLanesMap[index$6] = transitions;
+      }
     }
     root === workInProgressRoot &&
       (0 === (executionContext & 2) &&
@@ -7756,8 +7809,6 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
   }
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
-  currentEventTime = -1;
-  currentEventTransitionLane = 0;
   if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
   var originalCallbackNode = root.callbackNode;
   if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
@@ -7807,16 +7858,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$128 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$127 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$128 &&
-            ((lanes = errorRetryLanes$128),
+          0 !== errorRetryLanes$127 &&
+            ((lanes = errorRetryLanes$127),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$128
+              errorRetryLanes$127
             )));
         }
         if (1 === exitStatus)
@@ -7830,109 +7881,52 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
       }
       root.finishedWork = didTimeout;
       root.finishedLanes = lanes;
-      switch (exitStatus) {
-        case 0:
-        case 1:
-          throw Error(formatProdErrorMessage(345));
-        case 2:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 3:
-          markRootSuspended(root, lanes);
-          if (
-            (lanes & 125829120) === lanes &&
-            ((exitStatus = globalMostRecentFallbackTime + 500 - now()),
-            10 < exitStatus)
-          ) {
-            if (0 !== getNextLanes(root, 0)) break;
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+      a: {
+        switch (exitStatus) {
+          case 0:
+          case 1:
+            throw Error(formatProdErrorMessage(345));
+          case 4:
+            if ((lanes & 8388480) === lanes) {
+              markRootSuspended(root, lanes);
+              break a;
+            }
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 4:
-          markRootSuspended(root, lanes);
-          if ((lanes & 8388480) === lanes) break;
-          exitStatus = lanes;
-          errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$128 = -1; 0 < exitStatus; ) {
-            var index$2 = 31 - clz32(exitStatus),
-              lane = 1 << index$2;
-            index$2 = errorRetryLanes[index$2];
-            index$2 > errorRetryLanes$128 && (errorRetryLanes$128 = index$2);
-            exitStatus &= ~lane;
-          }
-          exitStatus = errorRetryLanes$128;
-          exitStatus = now() - exitStatus;
-          exitStatus =
-            (120 > exitStatus
-              ? 120
-              : 480 > exitStatus
-              ? 480
-              : 1080 > exitStatus
-              ? 1080
-              : 1920 > exitStatus
-              ? 1920
-              : 3e3 > exitStatus
-              ? 3e3
-              : 4320 > exitStatus
-              ? 4320
-              : 1960 * ceil(exitStatus / 1960)) - exitStatus;
-          if (10 < exitStatus) {
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+          case 2:
+          case 3:
+          case 5:
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
+          default:
+            throw Error(formatProdErrorMessage(329));
+        }
+        if (
+          (lanes & 125829120) === lanes &&
+          (alwaysThrottleRetries || 3 === exitStatus) &&
+          ((exitStatus = globalMostRecentFallbackTime + 500 - now()),
+          10 < exitStatus)
+        ) {
+          markRootSuspended(root, lanes);
+          if (0 !== getNextLanes(root, 0)) break a;
+          root.timeoutHandle = scheduleTimeout(
+            commitRootWhenReady.bind(
+              null,
+              root,
+              didTimeout,
+              workInProgressRootRecoverableErrors,
+              workInProgressTransitions,
+              lanes
+            ),
+            exitStatus
           );
-          break;
-        case 5:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        default:
-          throw Error(formatProdErrorMessage(329));
+          break a;
+        }
+        commitRootWhenReady(
+          root,
+          didTimeout,
+          workInProgressRootRecoverableErrors,
+          workInProgressTransitions,
+          lanes
+        );
       }
     }
   }
@@ -7983,11 +7977,7 @@ function commitRootWhenReady(
   lanes
 ) {
   0 === (lanes & 42) && accumulateSuspenseyCommitOnFiber(finishedWork);
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 function isRenderConsistentWithExternalStores(finishedWork) {
   for (var node = finishedWork; ; ) {
@@ -8029,9 +8019,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$4 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$4;
-    root[index$4] = -1;
+    var index$3 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$3;
+    root[index$3] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -8159,8 +8149,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$131) {
-      handleThrow(root, thrownValue$131);
+    } catch (thrownValue$129) {
+      handleThrow(root, thrownValue$129);
     }
   while (1);
   resetContextDependencies();
@@ -8264,8 +8254,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$133) {
-      handleThrow(root, thrownValue$133);
+    } catch (thrownValue$131) {
+      handleThrow(root, thrownValue$131);
     }
   while (1);
   resetContextDependencies();
@@ -8326,6 +8316,8 @@ function replaySuspendedUnitOfWork(unitOfWork) {
         workInProgressRootRenderLanes
       );
       break;
+    case 5:
+      resetHooksOnUnwind();
     default:
       unwindInterruptedWork(current, unitOfWork),
         (unitOfWork = workInProgress =
@@ -8509,21 +8501,31 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
     } catch (error) {
       throw ((workInProgress = returnFiber), error);
     }
-    unitOfWork.flags & 32768
-      ? unwindUnitOfWork(unitOfWork)
-      : completeUnitOfWork(unitOfWork);
+    if (unitOfWork.flags & 32768)
+      a: {
+        do {
+          returnFiber = unwindWork(unitOfWork.alternate, unitOfWork);
+          if (null !== returnFiber) {
+            returnFiber.flags &= 32767;
+            workInProgress = returnFiber;
+            break a;
+          }
+          unitOfWork = unitOfWork.return;
+          null !== unitOfWork &&
+            ((unitOfWork.flags |= 32768),
+            (unitOfWork.subtreeFlags = 0),
+            (unitOfWork.deletions = null));
+          workInProgress = unitOfWork;
+        } while (null !== unitOfWork);
+        workInProgressRootExitStatus = 6;
+        workInProgress = null;
+      }
+    else completeUnitOfWork(unitOfWork);
   }
 }
 function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
   do {
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      0 !== (completedWork.flags & 32768)
-    ) {
-      unwindUnitOfWork(completedWork);
-      return;
-    }
     unitOfWork = completedWork.return;
     var next = completeWork(
       completedWork.alternate,
@@ -8543,29 +8545,6 @@ function completeUnitOfWork(unitOfWork) {
   } while (null !== completedWork);
   0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
 }
-function unwindUnitOfWork(unitOfWork) {
-  do {
-    var next = unwindWork(unitOfWork.alternate, unitOfWork);
-    if (null !== next) {
-      next.flags &= 32767;
-      workInProgress = next;
-      return;
-    }
-    next = unitOfWork.return;
-    null !== next &&
-      ((next.flags |= 32768), (next.subtreeFlags = 0), (next.deletions = null));
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      ((unitOfWork = unitOfWork.sibling), null !== unitOfWork)
-    ) {
-      workInProgress = unitOfWork;
-      return;
-    }
-    workInProgress = unitOfWork = next;
-  } while (null !== unitOfWork);
-  workInProgressRootExitStatus = 6;
-  workInProgress = null;
-}
 function commitRoot(root, recoverableErrors, transitions) {
   var previousUpdateLanePriority = currentUpdatePriority,
     prevTransition = ReactCurrentBatchConfig.transition;
@@ -8746,10 +8725,8 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
   sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 2);
   rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
-  sourceFiber = requestEventTime();
   null !== rootFiber &&
-    (markRootUpdated(rootFiber, 2, sourceFiber),
-    ensureRootIsScheduled(rootFiber));
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
 }
 function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
   if (3 === sourceFiber.tag)
@@ -8783,9 +8760,8 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
             sourceFiber,
             2
           );
-          sourceFiber = requestEventTime();
           null !== nearestMountedAncestor &&
-            (markRootUpdated(nearestMountedAncestor, 2, sourceFiber),
+            (markRootUpdated(nearestMountedAncestor, 2),
             ensureRootIsScheduled(nearestMountedAncestor));
           break;
         }
@@ -8827,10 +8803,9 @@ function pingSuspendedRoot(root, wakeable, pingedLanes) {
 function retryTimedOutBoundary(boundaryFiber, retryLane) {
   0 === retryLane &&
     (retryLane = 0 === (boundaryFiber.mode & 1) ? 2 : claimNextRetryLane());
-  var eventTime = requestEventTime();
   boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
   null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane, eventTime),
+    (markRootUpdated(boundaryFiber, retryLane),
     ensureRootIsScheduled(boundaryFiber));
 }
 function retryDehydratedSuspenseBoundary(boundaryFiber) {
@@ -9573,7 +9548,6 @@ function FiberRootNode(
     this.cancelPendingCommit =
       null;
   this.callbackPriority = 0;
-  this.eventTimes = createLaneMap(0);
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
     this.errorRecoveryDisabledLanes =
@@ -9614,8 +9588,7 @@ function updateContainer(element, container, parentComponent, callback) {
   null !== callback && (container.callback = callback);
   element = enqueueUpdate(parentComponent, container, lane);
   null !== element &&
-    ((callback = requestEventTime()),
-    scheduleUpdateOnFiber(element, parentComponent, lane, callback),
+    (scheduleUpdateOnFiber(element, parentComponent, lane),
     entangleTransitions(element, parentComponent, lane));
   return lane;
 }
@@ -9743,10 +9716,10 @@ var slice = Array.prototype.slice,
       return null;
     },
     bundleType: 0,
-    version: "18.3.0-www-modern-52157a92",
+    version: "18.3.0-www-modern-cbca888b",
     rendererPackageName: "react-art"
   };
-var internals$jscomp$inline_1324 = {
+var internals$jscomp$inline_1315 = {
   bundleType: devToolsConfig$jscomp$inline_1150.bundleType,
   version: devToolsConfig$jscomp$inline_1150.version,
   rendererPackageName: devToolsConfig$jscomp$inline_1150.rendererPackageName,
@@ -9774,19 +9747,19 @@ var internals$jscomp$inline_1324 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-52157a92"
+  reconcilerVersion: "18.3.0-www-modern-cbca888b"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1325 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1316 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1325.isDisabled &&
-    hook$jscomp$inline_1325.supportsFiber
+    !hook$jscomp$inline_1316.isDisabled &&
+    hook$jscomp$inline_1316.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1325.inject(
-        internals$jscomp$inline_1324
+      (rendererID = hook$jscomp$inline_1316.inject(
+        internals$jscomp$inline_1315
       )),
-        (injectedHook = hook$jscomp$inline_1325);
+        (injectedHook = hook$jscomp$inline_1316);
     } 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 819277ee33..1f8785def5 100644
--- a/compiled/facebook-www/ReactDOM-dev.classic.js
+++ b/compiled/facebook-www/ReactDOM-dev.classic.js
@@ -129,8 +129,6 @@ var disableInputAttributeSyncing =
   disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
-  revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
   replayFailedUnitOfWorkWithInvokeGuardedCallback =
     dynamicFeatureFlags.replayFailedUnitOfWorkWithInvokeGuardedCallback,
   enableLegacyFBSupport = dynamicFeatureFlags.enableLegacyFBSupport,
@@ -145,7 +143,9 @@ var disableInputAttributeSyncing =
     dynamicFeatureFlags.enableCustomElementPropertySupport,
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
-  diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase; // On WWW, false is used for a new modern build.
+  diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries; // On WWW, false is used for a new modern build.
 var enableProfilerTimer = true;
 var enableProfilerCommitHooks = true;
 var enableProfilerNestedUpdatePhase = true;
@@ -2084,24 +2084,6 @@ function getNextLanes(root, wipLanes) {
 
   return nextLanes;
 }
-function getMostRecentEventTime(root, lanes) {
-  var eventTimes = root.eventTimes;
-  var mostRecentEventTime = NoTimestamp;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    var eventTime = eventTimes[index];
-
-    if (eventTime > mostRecentEventTime) {
-      mostRecentEventTime = eventTime;
-    }
-
-    lanes &= ~lane;
-  }
-
-  return mostRecentEventTime;
-}
 
 function computeExpirationTime(lane, currentTime) {
   switch (lane) {
@@ -2348,7 +2330,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -2366,12 +2348,6 @@ function markRootUpdated(root, updateLane, eventTime) {
     root.suspendedLanes = NoLanes;
     root.pingedLanes = NoLanes;
   }
-
-  var eventTimes = root.eventTimes;
-  var index = laneToIndex(updateLane); // We can always overwrite an existing timestamp because we prefer the most
-  // recent event, and we assume time is monotonically increasing.
-
-  eventTimes[index] = eventTime;
 }
 function markRootSuspended$1(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
@@ -2404,7 +2380,6 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   var entanglements = root.entanglements;
-  var eventTimes = root.eventTimes;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
 
@@ -2414,7 +2389,6 @@ function markRootFinished(root, remainingLanes) {
     var index = pickArbitraryLaneIndex(lanes);
     var lane = 1 << index;
     entanglements[index] = NoLanes;
-    eventTimes[index] = NoTimestamp;
     expirationTimes[index] = NoTimestamp;
     var hiddenUpdatesForLane = hiddenUpdates[index];
 
@@ -2840,14 +2814,6 @@ function checkFormFieldValueStringCoercion(value) {
   }
 }
 
-var Internals = {
-  usingClientEntryPoint: false,
-  Events: null,
-  Dispatcher: {
-    current: null
-  }
-};
-
 var allNativeEvents = new Set();
 
 {
@@ -3170,7 +3136,7 @@ function setValueForNamespacedAttribute(node, namespace, name, value) {
 function setValueForPropertyOnCustomComponent(node, name, value) {
   if (name[0] === "o" && name[1] === "n") {
     var useCapture = name.endsWith("Capture");
-    var eventName = name.substr(2, useCapture ? name.length - 9 : undefined);
+    var eventName = name.slice(2, useCapture ? name.length - 7 : undefined);
     var prevProps = getFiberCurrentPropsFromNode(node);
     var prevValue = prevProps != null ? prevProps[name] : null;
 
@@ -3740,6 +3706,21 @@ function getActiveElement(doc) {
   }
 }
 
+// When passing user input into querySelector(All) the embedded string must not alter
+// the semantics of the query. This escape function is safe to use when we know the
+// provided value is going to be wrapped in double quotes as part of an attribute selector
+// Do not use it anywhere else
+// we escape double quotes and backslashes
+var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n\"\\]/g;
+function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
+  return value.replace(
+    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
+    function (ch) {
+      return "\\" + ch.charCodeAt(0).toString(16) + " ";
+    }
+  );
+}
+
 var didWarnValueDefaultValue$1 = false;
 var didWarnCheckedDefaultChecked = false;
 /**
@@ -3810,9 +3791,30 @@ function updateInput(
   lastDefaultValue,
   checked,
   defaultChecked,
-  type
+  type,
+  name
 ) {
-  var node = element;
+  var node = element; // Temporarily disconnect the input from any radio buttons.
+  // Changing the type or name as the same time as changing the checked value
+  // needs to be atomically applied. We can only ensure that by disconnecting
+  // the name while do the mutations and then reapply the name after that's done.
+
+  node.name = "";
+
+  if (
+    type != null &&
+    typeof type !== "function" &&
+    typeof type !== "symbol" &&
+    typeof type !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(type, "type");
+    }
+
+    node.type = type;
+  } else {
+    node.removeAttribute("type");
+  }
 
   if (value != null) {
     if (type === "number") {
@@ -3831,7 +3833,6 @@ function updateInput(
     // Submit/reset inputs need the attribute removed completely to avoid
     // blank-text buttons.
     node.removeAttribute("value");
-    return;
   }
 
   if (disableInputAttributeSyncing) {
@@ -3878,6 +3879,21 @@ function updateInput(
   if (checked != null && node.checked !== !!checked) {
     node.checked = checked;
   }
+
+  if (
+    name != null &&
+    typeof name !== "function" &&
+    typeof name !== "symbol" &&
+    typeof name !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(name, "name");
+    }
+
+    node.name = toString(getToStringValue(name));
+  } else {
+    node.removeAttribute("name");
+  }
 }
 function initInput(
   element,
@@ -3886,10 +3902,24 @@ function initInput(
   checked,
   defaultChecked,
   type,
+  name,
   isHydrating
 ) {
   var node = element;
 
+  if (
+    type != null &&
+    typeof type !== "function" &&
+    typeof type !== "symbol" &&
+    typeof type !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(type, "type");
+    }
+
+    node.type = type;
+  }
+
   if (value != null || defaultValue != null) {
     var isButton = type === "submit" || type === "reset"; // Avoid setting value attribute on submit/reset inputs as it overrides the
     // default value provided by the browser. See: #12872
@@ -3952,12 +3982,6 @@ function initInput(
   // Reference: https://bugs.chromium.org/p/chromium/issues/detail?id=608416
   // We need to temporarily unset name to avoid disrupting radio button groups.
 
-  var name = node.name;
-
-  if (name !== "") {
-    node.name = "";
-  }
-
   var checkedOrDefault = checked != null ? checked : defaultChecked; // TODO: This 'function' or 'symbol' check isn't replicated in other places
   // so this semantic is inconsistent.
 
@@ -3991,9 +4015,18 @@ function initInput(
     //   3. Otherwise, false
     node.defaultChecked = !node.defaultChecked;
     node.defaultChecked = !!initialChecked;
-  }
+  } // Name needs to be set at the end so that it applies atomically to connected radio buttons.
+
+  if (
+    name != null &&
+    typeof name !== "function" &&
+    typeof name !== "symbol" &&
+    typeof name !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(name, "name");
+    }
 
-  if (name !== "") {
     node.name = name;
   }
 }
@@ -4006,7 +4039,8 @@ function restoreControlledInputState(element, props) {
     props.defaultValue,
     props.checked,
     props.defaultChecked,
-    props.type
+    props.type,
+    props.name
   );
   var name = props.name;
 
@@ -4028,7 +4062,9 @@ function restoreControlledInputState(element, props) {
     }
 
     var group = queryRoot.querySelectorAll(
-      "input[name=" + JSON.stringify("" + name) + '][type="radio"]'
+      'input[name="' +
+        escapeSelectorAttributeValueInsideDoubleQuotes("" + name) +
+        '"][type="radio"]'
     );
 
     for (var i = 0; i < group.length; i++) {
@@ -4062,7 +4098,8 @@ function restoreControlledInputState(element, props) {
         otherProps.defaultValue,
         otherProps.checked,
         otherProps.defaultChecked,
-        otherProps.type
+        otherProps.type,
+        otherProps.name
       );
     }
   }
@@ -4927,35 +4964,8 @@ function validateTextNesting(childText, parentTag) {
   }
 }
 
-var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
 var MATH_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
-var SVG_NAMESPACE = "http://www.w3.org/2000/svg"; // Assumes there is no parent namespace.
-
-function getIntrinsicNamespace(type) {
-  switch (type) {
-    case "svg":
-      return SVG_NAMESPACE;
-
-    case "math":
-      return MATH_NAMESPACE;
-
-    default:
-      return HTML_NAMESPACE;
-  }
-}
-function getChildNamespace(parentNamespace, type) {
-  if (parentNamespace == null || parentNamespace === HTML_NAMESPACE) {
-    // No (or default) parent namespace: potential entry point.
-    return getIntrinsicNamespace(type);
-  }
-
-  if (parentNamespace === SVG_NAMESPACE && type === "foreignObject") {
-    // We're leaving SVG.
-    return HTML_NAMESPACE;
-  } // By default, pass namespace below.
-
-  return parentNamespace;
-}
+var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 
 var reusableSVGContainer;
 
@@ -6557,7 +6567,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
-    } // We can't rely on the event system being injected on the server.
+    }
 
     if (eventRegistry != null) {
       var registrationNameDependencies =
@@ -11852,6 +11862,515 @@ function registerMutableSourceForHydration(root, mutableSource) {
   }
 }
 
+var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
+
+var firstScheduledRoot = null;
+var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+
+var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
+// microtask, so we have to dedupe those separately. This wouldn't be an issue
+// if we required all `act` calls to be awaited, which we might in the future.
+
+var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
+
+var mightHavePendingSyncWork = false;
+var isFlushingWork = false;
+var currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null);
+  else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+    } else {
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
+    }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
+
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  if (ReactCurrentActQueue$2.current !== null) {
+    // We're inside an `act` scope.
+    if (!didScheduleMicrotask_act) {
+      didScheduleMicrotask_act = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  } else {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  }
+
+  if (!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());
+  }
+
+  if (ReactCurrentActQueue$2.isBatchingLegacy && root.tag === LegacyRoot) {
+    // Special `act` case: Record whenever a legacy update is scheduled.
+    ReactCurrentActQueue$2.didScheduleLegacyUpdate = true;
+  }
+}
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
+
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
+    return;
+  }
+
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  }
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
+
+  var didPerformSomeWork;
+  var errors = null;
+  isFlushingWork = true;
+
+  do {
+    didPerformSomeWork = false;
+    var root = firstScheduledRoot;
+
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot);
+      else {
+        var nextLanes = getNextLanes(
+          root,
+          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+        );
+
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            // TODO: Pass nextLanes as an argument instead of computing it again
+            // inside performSyncWorkOnRoot.
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
+
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
+
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
+
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === "function") {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
+      } else {
+        for (var i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
+
+        var firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      var error = errors[0];
+      throw error;
+    }
+  }
+}
+
+function throwError(error) {
+  throw error;
+}
+
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
+
+  {
+    didScheduleMicrotask_act = false;
+  } // We'll recompute this as we iterate through all the roots and schedule them.
+
+  mightHavePendingSyncWork = false;
+  var currentTime = now$1();
+  var prev = null;
+  var root = firstScheduledRoot;
+
+  while (root !== null) {
+    var next = root.next;
+
+    if (
+      currentEventTransitionLane !== NoLane &&
+      shouldAttemptEagerTransition()
+    ) {
+      markRootEntangled(root, mergeLanes(currentEventTransitionLane, SyncLane));
+    }
+
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
+
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
+      }
+
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
+      }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
+
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
+      }
+    }
+
+    root = next;
+  }
+
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
+}
+
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  var nextLanes = getNextLanes(
+    root,
+    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+  );
+  var existingCallbackNode = root.callbackNode;
+
+  if (
+    // Check if there's nothing to work on
+    nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+    // schedule a task to render it. We'll either wait for a ping, or wait to
+    // receive an update.
+    //
+    // Suspended render phase
+    (root === workInProgressRoot && isWorkLoopSuspendedOnData()) || // Suspended commit phase
+    root.cancelPendingCommit !== null
+  ) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
+
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    var existingCallbackPriority = root.callbackPriority;
+    var newCallbackPriority = getHighestPriorityLane(nextLanes);
+
+    if (
+      newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+      // Scheduler task, rather than an `act` task, cancel it and re-schedule
+      // on the `act` queue.
+      !(
+        ReactCurrentActQueue$2.current !== null &&
+        existingCallbackNode !== fakeActCallbackNode$1
+      )
+    ) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
+
+    var schedulerPriorityLevel;
+
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
+
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
+
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
+
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
+
+    var newCallbackNode = scheduleCallback$2(
+      schedulerPriorityLevel,
+      performConcurrentWorkOnRoot.bind(null, root)
+    );
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
+
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
+
+  return null;
+}
+var fakeActCallbackNode$1 = {};
+
+function scheduleCallback$2(priorityLevel, callback) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: We're inside an `act` scope (a testing utility).
+    // Instead of scheduling work in the host environment, add it to a
+    // fake internal queue that's managed by the `act` implementation.
+    ReactCurrentActQueue$2.current.push(callback);
+    return fakeActCallbackNode$1;
+  } else {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode === fakeActCallbackNode$1);
+  else if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
+
+function scheduleImmediateTask(cb) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
+    // callback queue. This is because we currently support calling `act`
+    // without awaiting the result. The plan is to deprecate that, and require
+    // that you always await the result so that the microtasks have a chance to
+    // run. But it hasn't happened yet.
+    ReactCurrentActQueue$2.current.push(function () {
+      cb();
+      return null;
+    });
+  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
+  // Alternatively, can we move this check to the host config?
+
+  {
+    scheduleMicrotask(function () {
+      // In Safari, appending an iframe forces microtasks to run.
+      // https://github.com/facebook/react/issues/22459
+      // We don't support running callbacks in the middle of render
+      // or commit so we need to check against that.
+      var executionContext = getExecutionContext();
+
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        // Note that this would still prematurely flush the callbacks
+        // if this happens outside render or commit phase (e.g. in an event).
+        // Intentionally using a macrotask instead of a microtask here. This is
+        // wrong semantically but it prevents an infinite loop. The bug is
+        // Safari's, not ours, so we just do our best to not crash even though
+        // the behavior isn't completely correct.
+        scheduleCallback$3(ImmediatePriority, cb);
+        return;
+      }
+
+      cb();
+    });
+  }
+}
+
+function requestTransitionLane() {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
+
+  return currentEventTransitionLane;
+}
+
+var currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    actionReturnValue !== null &&
+    typeof actionReturnValue === "object" &&
+    typeof actionReturnValue.then === "function"
+  ) {
+    // This is an async action.
+    //
+    // Return a thenable that resolves once the action scope (i.e. the async
+    // function passed to startTransition) has finished running. The fulfilled
+    // value is `false` to represent that the action is not pending.
+    var thenable = actionReturnValue;
+
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope. Create a new one.
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: false,
+        reason: undefined,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(thenable, asyncAction);
+      currentAsyncAction = asyncAction;
+      return asyncAction;
+    } else {
+      // Inherit the outer scope.
+      var _asyncAction = currentAsyncAction;
+      attachPingListeners(thenable, _asyncAction);
+      return _asyncAction;
+    }
+  } else {
+    // This is not an async action, but it may be part of an outer async action.
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope.
+      return false;
+    } else {
+      // Inherit the outer scope.
+      return currentAsyncAction;
+    }
+  }
+}
+function peekAsyncActionContext() {
+  return currentAsyncAction;
+}
+
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      if (--asyncAction.count === 0) {
+        var fulfilledAsyncAction = asyncAction;
+        fulfilledAsyncAction.status = "fulfilled";
+        completeAsyncActionScope(asyncAction);
+      }
+    },
+    function (error) {
+      if (--asyncAction.count === 0) {
+        var rejectedAsyncAction = asyncAction;
+        rejectedAsyncAction.status = "rejected";
+        rejectedAsyncAction.reason = error;
+        completeAsyncActionScope(asyncAction);
+      }
+    }
+  );
+  return asyncAction;
+}
+
+function completeAsyncActionScope(action) {
+  if (currentAsyncAction === action) {
+    currentAsyncAction = null;
+  }
+
+  var listeners = action.listeners;
+  action.listeners = [];
+
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(false);
+  }
+}
+
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
@@ -12354,7 +12873,6 @@ function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
 
   return children;
 }
-
 function checkDidRenderIdHook() {
   // This should be called immediately after every renderWithHooks call.
   // Conceptually, it's part of the return value of renderWithHooks; it's only a
@@ -12538,38 +13056,42 @@ var createFunctionComponentUpdateQueue;
   };
 }
 
+function useThenable(thenable) {
+  // Track the position of the thenable within this fiber.
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  var result = trackUsedThenable(thenableState, thenable, index);
+
+  if (
+    currentlyRenderingFiber$1.alternate === null &&
+    (workInProgressHook === null
+      ? currentlyRenderingFiber$1.memoizedState === null
+      : workInProgressHook.next === null)
+  ) {
+    // Initial render, and either this is the first time the component is
+    // called, or there were no Hooks called after this use() the previous
+    // time (perhaps because it threw). Subsequent Hook calls should use the
+    // mount dispatcher.
+    {
+      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+    }
+  }
+
+  return result;
+}
+
 function use(usable) {
   if (usable !== null && typeof usable === "object") {
     // $FlowFixMe[method-unbinding]
     if (typeof usable.then === "function") {
       // This is a thenable.
-      var thenable = usable; // Track the position of the thenable within this fiber.
-
-      var index = thenableIndexCounter;
-      thenableIndexCounter += 1;
-
-      if (thenableState === null) {
-        thenableState = createThenableState();
-      }
-
-      var result = trackUsedThenable(thenableState, thenable, index);
-
-      if (
-        currentlyRenderingFiber$1.alternate === null &&
-        (workInProgressHook === null
-          ? currentlyRenderingFiber$1.memoizedState === null
-          : workInProgressHook.next === null)
-      ) {
-        // Initial render, and either this is the first time the component is
-        // called, or there were no Hooks called after this use() the previous
-        // time (perhaps because it threw). Subsequent Hook calls should use the
-        // mount dispatcher.
-        {
-          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
-        }
-      }
-
-      return result;
+      var thenable = usable;
+      return useThenable(thenable);
     } else if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -13361,7 +13883,7 @@ function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
   if (root !== null) {
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -13898,8 +14420,35 @@ function startTransition(setPending, callback, options) {
   }
 
   try {
-    setPending(false);
-    callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(); // `isPending` is either `false` or a thenable that resolves to `false`,
+      // depending on whether the action scope is an async function. In the
+      // async case, the resulting render will suspend until the async action
+      // scope has finished.
+
+      var isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else {
+      // Async actions are not enabled.
+      setPending(false);
+      callback();
+    }
+  } catch (error) {
+    if (enableAsyncActions) {
+      // This is a trick to get the `useTransition` hook to rethrow the error.
+      // When it unwraps the thenable with the `use` algorithm, the error
+      // will be thrown.
+      var rejectedThenable = {
+        then: function () {},
+        status: "rejected",
+        reason: error
+      };
+      setPending(rejectedThenable);
+    } else {
+      // The error rethrowing behavior is only enabled when the async actions
+      // feature is on, even for sync actions.
+      throw error;
+    }
   } finally {
     setCurrentUpdatePriority(previousPriority);
     ReactCurrentBatchConfig$3.transition = prevTransition;
@@ -13924,30 +14473,37 @@ function startTransition(setPending, callback, options) {
 
 function mountTransition() {
   var _mountState = mountState(false),
-    isPending = _mountState[0],
     setPending = _mountState[1]; // The `start` method never changes.
 
   var start = startTransition.bind(null, setPending);
   var hook = mountWorkInProgressHook();
   hook.memoizedState = start;
-  return [isPending, start];
+  return [false, start];
 }
 
 function updateTransition() {
   var _updateState = updateState(),
-    isPending = _updateState[0];
+    booleanOrThenable = _updateState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
 function rerenderTransition() {
   var _rerenderState = rerenderState(),
-    isPending = _rerenderState[0];
+    booleanOrThenable = _rerenderState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
@@ -14022,8 +14578,7 @@ function refreshCache(fiber, seedKey, seedValue) {
         var root = enqueueUpdate(provider, refreshUpdate, lane);
 
         if (root !== null) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, provider, lane, eventTime);
+          scheduleUpdateOnFiber(root, provider, lane);
           entangleTransitions(root, provider, lane);
         } // TODO: If a refresh never commits, the new cache created here must be
         // released. A simple case is start refreshing a cache boundary, but then
@@ -14077,8 +14632,7 @@ function dispatchReducerAction(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -14161,8 +14715,7 @@ function dispatchSetState(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -14233,6 +14786,7 @@ function markUpdateInDevTools(fiber, lane, action) {
 
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -14255,10 +14809,6 @@ var ContextOnlyDispatcher = {
   ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
 }
 
-{
-  ContextOnlyDispatcher.use = throwInvalidHookError;
-}
-
 {
   ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 }
@@ -14298,6 +14848,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       mountHookTypesDev();
@@ -14418,10 +14969,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnMountInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnMountInDEV.useMemoCache = useMemoCache;
   }
@@ -14440,6 +14987,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -14555,10 +15103,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnMountWithHookTypesInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnMountWithHookTypesInDEV.useMemoCache = useMemoCache;
   }
@@ -14576,6 +15120,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -14690,10 +15235,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnUpdateInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnUpdateInDEV.useMemoCache = useMemoCache;
   }
@@ -14712,6 +15253,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -14827,10 +15369,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnRerenderInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnRerenderInDEV.useMemoCache = useMemoCache;
   }
@@ -14850,6 +15388,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -14981,13 +15523,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnMountInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnMountInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -15010,6 +15545,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -15141,13 +15680,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnUpdateInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnUpdateInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -15170,6 +15702,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -15301,13 +15837,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnRerenderInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnRerenderInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -15649,8 +16178,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -15685,8 +16213,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -15721,8 +16248,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -19970,16 +20496,9 @@ function updateDehydratedSuspenseComponent(
           // Intentionally mutating since this render will get interrupted. This
           // is one of the very rare times where we mutate the current tree
           // during the render phase.
-          suspenseState.retryLane = attemptHydrationAtLane; // TODO: Ideally this would inherit the event time of the current render
-
-          var eventTime = NoTimestamp;
+          suspenseState.retryLane = attemptHydrationAtLane;
           enqueueConcurrentRenderForLane(current, attemptHydrationAtLane);
-          scheduleUpdateOnFiber(
-            root,
-            current,
-            attemptHydrationAtLane,
-            eventTime
-          ); // Throw a special object that signals to the work loop that it should
+          scheduleUpdateOnFiber(root, current, attemptHydrationAtLane); // Throw a special object that signals to the work loop that it should
           // interrupt the current render.
           //
           // Because we're inside a React-only execution stack, we don't
@@ -22010,7 +22529,7 @@ var AbortControllerLocal =
       }; // Intentionally not named imports because Rollup would
 // use dynamic dispatch for CommonJS interop named imports.
 
-var scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+var scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority;
 var CacheContext = {
   $$typeof: REACT_CONTEXT_TYPE,
@@ -22066,7 +22585,7 @@ function releaseCache(cache) {
   }
 
   if (cache.refCount === 0) {
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
   }
@@ -26309,7 +26828,7 @@ function detachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility |= OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 function attachOffscreenInstance(instance) {
@@ -26330,7 +26849,7 @@ function attachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility &= ~OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -28568,7 +29087,7 @@ function onCommitRoot() {
   }
 }
 
-var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue;
+var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
 function isLegacyActEnvironment(fiber) {
   {
     // Legacy mode. We preserve the behavior of React 17's act. It assumes an
@@ -28593,7 +29112,7 @@ function isConcurrentActEnvironment() {
 
     if (
       !isReactActEnvironmentGlobal &&
-      ReactCurrentActQueue$2.current !== null
+      ReactCurrentActQueue$1.current !== null
     ) {
       // TODO: Include link to relevant documentation page.
       error(
@@ -28624,402 +29143,6 @@ function schedulePostPaintCallback(callback) {
   }
 }
 
-var ReactCurrentActQueue$1 = 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;
-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$1.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());
-  }
-
-  if (ReactCurrentActQueue$1.isBatchingLegacy && root.tag === LegacyRoot) {
-    // Special `act` case: Record whenever a legacy update is scheduled.
-    ReactCurrentActQueue$1.didScheduleLegacyUpdate = true;
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
-
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
-  }
-
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  }
-
-  var workInProgressRoot = getWorkInProgressRoot();
-  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
-
-  var didPerformSomeWork;
-  var errors = null;
-  isFlushingWork = true;
-
-  do {
-    didPerformSomeWork = false;
-    var root = firstScheduledRoot;
-
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot);
-      else {
-        var nextLanes = getNextLanes(
-          root,
-          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
-        );
-
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            // TODO: Pass nextLanes as an argument instead of computing it again
-            // inside performSyncWorkOnRoot.
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
-          }
-        }
-      }
-
-      root = root.next;
-    }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
-
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === "function") {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (var i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
-
-        var firstError = errors[0];
-        throw firstError;
-      }
-    } else {
-      var error = errors[0];
-      throw error;
-    }
-  }
-}
-
-function throwError(error) {
-  throw error;
-}
-
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
-
-  {
-    didScheduleMicrotask_act = false;
-  } // We'll recompute this as we iterate through all the roots and schedule them.
-
-  mightHavePendingSyncWork = false;
-  var currentTime = now$1();
-  var prev = null;
-  var root = firstScheduledRoot;
-
-  while (root !== null) {
-    var next = root.next;
-    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;
-  } // 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$1.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$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 (ReactCurrentActQueue$1.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$1.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$1.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$1.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();
-    });
-  }
-}
-
-var ceil = Math.ceil;
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
@@ -29284,12 +29407,7 @@ var isFlushingPassiveEffects = false;
 var didScheduleUpdateDuringPassiveEffects = false;
 var NESTED_PASSIVE_UPDATE_LIMIT = 50;
 var nestedPassiveUpdateCount = 0;
-var rootWithPassiveNestedUpdates = null; // If two updates are scheduled within the same event, we should treat their
-// event times as simultaneous, even if the actual clock time has advanced
-// between the first and second call.
-
-var currentEventTime = NoTimestamp;
-var currentEventTransitionLane = NoLanes;
+var rootWithPassiveNestedUpdates = null;
 var isRunningInsertionEffect = false;
 function getWorkInProgressRoot() {
   return workInProgressRoot;
@@ -29300,20 +29418,6 @@ function getWorkInProgressRootRenderLanes() {
 function isWorkLoopSuspendedOnData() {
   return workInProgressSuspendedReason === SuspendedOnData;
 }
-function requestEventTime() {
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    // We're inside React, so it's fine to read the actual time.
-    return now$1();
-  } // We're not inside React, so we may be in the middle of a browser event.
-
-  if (currentEventTime !== NoTimestamp) {
-    // Use the same start time for all updates until we enter React again.
-    return currentEventTime;
-  } // This is the first update since React yielded. Compute a new start time.
-
-  currentEventTime = now$1();
-  return currentEventTime;
-}
 function requestUpdateLane(fiber) {
   // Special cases
   var mode = fiber.mode;
@@ -29347,20 +29451,14 @@ function requestUpdateLane(fiber) {
       }
 
       transition._updatedFibers.add(fiber);
-    } // 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;
+    var asyncAction = peekAsyncActionContext();
+    return asyncAction !== null // We're inside an async action scope. Reuse the same lane.
+      ? asyncAction.lane // We may or may not be inside an async action scope. If we are, this
+      : // 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.
   //
@@ -29397,7 +29495,7 @@ function requestRetryLane(fiber) {
   return claimNextRetryLane();
 }
 
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   {
     if (isRunningInsertionEffect) {
       error("useInsertionEffect must not schedule updates.");
@@ -29423,7 +29521,7 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
     markRootSuspended(root, workInProgressRootRenderLanes);
   } // Mark that the root has a pending update.
 
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
 
   if (
     (executionContext & RenderContext) !== NoLanes &&
@@ -29525,7 +29623,7 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
     }
   }
 }
-function scheduleInitialHydrationOnRoot(root, lane, eventTime) {
+function scheduleInitialHydrationOnRoot(root, lane) {
   // This is a special fork of scheduleUpdateOnFiber that is only used to
   // schedule the initial hydration of a root that has just been created. Most
   // of the stuff in scheduleUpdateOnFiber can be skipped.
@@ -29537,7 +29635,7 @@ function scheduleInitialHydrationOnRoot(root, lane, eventTime) {
   // match what was rendered on the server.
   var current = root.current;
   current.lanes = lane;
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
   ensureRootIsScheduled(root);
 }
 function isUnsafeClassRenderPhaseUpdate(fiber) {
@@ -29550,11 +29648,7 @@ function isUnsafeClassRenderPhaseUpdate(fiber) {
 function performConcurrentWorkOnRoot(root, didTimeout) {
   {
     resetNestedUpdateFlag();
-  } // Since we know we're in a React event, we can clear the current
-  // event time. The next update will compute a new event time.
-
-  currentEventTime = NoTimestamp;
-  currentEventTransitionLane = NoLanes;
+  }
 
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
     throw new Error("Should not already be working.");
@@ -29780,133 +29874,30 @@ function queueRecoverableErrors(errors) {
 }
 
 function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
+  // TODO: The fact that most of these branches are identical suggests that some
+  // of the exit statuses are not best modeled as exit statuses and should be
+  // tracked orthogonally.
   switch (exitStatus) {
     case RootInProgress:
     case RootFatalErrored: {
       throw new Error("Root did not complete. This is a bug in React.");
     }
 
-    case RootErrored: {
-      // We should have already attempted to retry this tree. If we reached
-      // this point, it errored again. Commit it.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
-    case RootSuspended: {
-      markRootSuspended(root, lanes); // We have an acceptable loading state. We need to figure out if we
-      // should immediately commit it or wait a bit.
-
-      if (
-        includesOnlyRetries(lanes) && // do not delay if we're inside an act() scope
-        !shouldForceFlushFallbacksInDEV()
-      ) {
-        // This render only included retries, no updates. Throttle committing
-        // retries so that we don't show too many loading states too quickly.
-        var msUntilTimeout =
-          globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
-
-        if (msUntilTimeout > 10) {
-          var nextLanes = getNextLanes(root, NoLanes);
-
-          if (nextLanes !== NoLanes) {
-            // There's additional work on this root.
-            break;
-          } // The render is suspended, it hasn't timed out, and there's no
-          // lower priority work to do. Instead of committing the fallback
-          // immediately, wait for more data to arrive.
-
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            msUntilTimeout
-          );
-          break;
-        }
-      } // The work expired. Commit immediately.
-
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
     case RootSuspendedWithDelay: {
-      markRootSuspended(root, lanes);
-
       if (includesOnlyTransitions(lanes)) {
         // This is a transition, so we should exit without committing a
         // placeholder and without scheduling a timeout. Delay indefinitely
         // until we receive more data.
-        break;
-      }
-
-      if (!shouldForceFlushFallbacksInDEV()) {
-        // This is not a transition, but we did trigger an avoided state.
-        // Schedule a placeholder to display after a short delay, using the Just
-        // Noticeable Difference.
-        // TODO: Is the JND optimization worth the added complexity? If this is
-        // the only reason we track the event time, then probably not.
-        // Consider removing.
-        var mostRecentEventTime = getMostRecentEventTime(root, lanes);
-        var eventTimeMs = mostRecentEventTime;
-        var timeElapsedMs = now$1() - eventTimeMs;
-
-        var _msUntilTimeout = jnd(timeElapsedMs) - timeElapsedMs; // Don't bother with a very short suspense time.
-
-        if (_msUntilTimeout > 10) {
-          // Instead of committing the fallback immediately, wait for more data
-          // to arrive.
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            _msUntilTimeout
-          );
-          break;
-        }
+        markRootSuspended(root, lanes);
+        return;
       } // Commit the placeholder.
 
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
+    case RootErrored:
+    case RootSuspended:
     case RootCompleted: {
-      // The work completed.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
@@ -29914,6 +29905,61 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
       throw new Error("Unknown root exit status.");
     }
   }
+
+  if (shouldForceFlushFallbacksInDEV()) {
+    // We're inside an `act` scope. Commit immediately.
+    commitRoot(
+      root,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions
+    );
+  } else {
+    if (
+      includesOnlyRetries(lanes) &&
+      (alwaysThrottleRetries || exitStatus === RootSuspended)
+    ) {
+      // This render only included retries, no updates. Throttle committing
+      // retries so that we don't show too many loading states too quickly.
+      var msUntilTimeout =
+        globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
+
+      if (msUntilTimeout > 10) {
+        markRootSuspended(root, lanes);
+        var nextLanes = getNextLanes(root, NoLanes);
+
+        if (nextLanes !== NoLanes) {
+          // There's additional work we can do on this root. We might as well
+          // attempt to work on that while we're suspended.
+          return;
+        } // The render is suspended, it hasn't timed out, and there's no
+        // lower priority work to do. Instead of committing the fallback
+        // immediately, wait for more data to arrive.
+        // TODO: Combine retry throttling with Suspensey commits. Right now they
+        // run one after the other.
+
+        root.timeoutHandle = scheduleTimeout(
+          commitRootWhenReady.bind(
+            null,
+            root,
+            finishedWork,
+            workInProgressRootRecoverableErrors,
+            workInProgressTransitions,
+            lanes
+          ),
+          msUntilTimeout
+        );
+        return;
+      }
+    }
+
+    commitRootWhenReady(
+      root,
+      finishedWork,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions,
+      lanes
+    );
+  }
 }
 
 function commitRootWhenReady(
@@ -29923,6 +29969,8 @@ function commitRootWhenReady(
   transitions,
   lanes
 ) {
+  // TODO: Combine retry throttling with Suspensey commits. Right now they run
+  // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
     // Before committing, ask the renderer whether the host tree is ready.
     // If it's not, we'll wait until it notifies us.
@@ -29945,22 +29993,14 @@ function commitRootWhenReady(
       // us that it's ready. This will be canceled if we start work on the
       // root again.
       root.cancelPendingCommit = schedulePendingCommit(
-        commitRoot.bind(
-          null,
-          root,
-          workInProgressRootRecoverableErrors,
-          workInProgressTransitions
-        )
+        commitRoot.bind(null, root, recoverableErrors, transitions)
       );
+      markRootSuspended(root, lanes);
       return;
     }
   } // Otherwise, commit immediately.
 
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -30446,7 +30486,6 @@ function shouldRemainOnPreviousScreen() {
 }
 
 function pushDispatcher(container) {
-  prepareRendererToRender(container);
   var prevDispatcher = ReactCurrentDispatcher.current;
   ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
@@ -30461,7 +30500,6 @@ function pushDispatcher(container) {
 }
 
 function popDispatcher(prevDispatcher) {
-  resetRendererAfterRender();
   ReactCurrentDispatcher.current = prevDispatcher;
 }
 
@@ -30539,7 +30577,7 @@ function renderHasNotSuspendedYet() {
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= RenderContext;
-  var prevDispatcher = pushDispatcher(root.containerInfo);
+  var prevDispatcher = pushDispatcher();
   var prevCacheDispatcher = pushCacheDispatcher(); // If the root or lanes have changed, throw out the existing stack
   // and prepare a fresh one. Otherwise we'll continue where we left off.
 
@@ -30660,7 +30698,7 @@ function workLoopSync() {
 function renderRootConcurrent(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= RenderContext;
-  var prevDispatcher = pushDispatcher(root.containerInfo);
+  var prevDispatcher = pushDispatcher();
   var prevCacheDispatcher = pushCacheDispatcher(); // If the root or lanes have changed, throw out the existing stack
   // and prepare a fresh one. Otherwise we'll continue where we left off.
 
@@ -31037,6 +31075,16 @@ function replaySuspendedUnitOfWork(unitOfWork) {
       break;
     }
 
+    case HostComponent: {
+      // Some host components are stateful (that's how we implement form
+      // actions) but we don't bother to reuse the memoized state because it's
+      // not worth the extra code. The main reason to reuse the previous hooks
+      // is to reuse uncached promises, but we happen to know that the only
+      // promises that a host component might suspend on are definitely cached
+      // because they are controlled by us. So don't bother.
+      resetHooksOnUnwind(); // Fallthrough to the next branch.
+    }
+
     default: {
       // Other types besides function components are reset completely before
       // being replayed. Currently this only happens when a Usable type is
@@ -31142,28 +31190,14 @@ function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
 
   do {
-    if (revertRemovalOfSiblingPrerendering) {
+    {
       if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-        // This fiber did not complete, because one of its children did not
-        // complete. Switch to unwinding the stack instead of completing it.
-        //
-        // The reason "unwind" and "complete" is interleaved is because when
-        // something suspends, we continue rendering the siblings even though
-        // they will be replaced by a fallback.
-        // TODO: Disable sibling prerendering, then remove this branch.
-        unwindUnitOfWork(completedWork);
-        return;
-      }
-    } else {
-      {
-        if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-          // NOTE: If we re-enable sibling prerendering in some cases, this branch
-          // is where we would switch to the unwinding path.
-          error(
-            "Internal React error: Expected this fiber to be complete, but " +
-              "it isn't. It should have been unwound. This is a bug in React."
-          );
-        }
+        // NOTE: If we re-enable sibling prerendering in some cases, this branch
+        // is where we would switch to the unwinding path.
+        error(
+          "Internal React error: Expected this fiber to be complete, but " +
+            "it isn't. It should have been unwound. This is a bug in React."
+        );
       }
     } // The current, flushed, state of this fiber is the alternate. Ideally
     // nothing should rely on this, but relying on it here means that we don't
@@ -31262,23 +31296,10 @@ function unwindUnitOfWork(unitOfWork) {
       returnFiber.flags |= Incomplete;
       returnFiber.subtreeFlags = NoFlags$1;
       returnFiber.deletions = null;
-    }
-
-    if (revertRemovalOfSiblingPrerendering) {
-      // If there are siblings, work on them now even though they're going to be
-      // replaced by a fallback. We're "prerendering" them. Historically our
-      // rationale for this behavior has been to initiate any lazy data requests
-      // in the siblings, and also to warm up the CPU cache.
-      // TODO: Don't prerender siblings. With `use`, we suspend the work loop
-      // until the data has resolved, anyway.
-      var siblingFiber = incompleteWork.sibling;
-
-      if (siblingFiber !== null) {
-        // This branch will return us to the normal work loop.
-        workInProgress = siblingFiber;
-        return;
-      }
-    } // Otherwise, return to the parent
+    } // NOTE: If we re-enable sibling prerendering in some cases, here we
+    // would switch to the normal completion path: check if a sibling
+    // exists, and if so, begin work on it.
+    // Otherwise, return to the parent
     // $FlowFixMe[incompatible-type] we bail out when we get a null
 
     incompleteWork = returnFiber; // Update the next thing we're working on in case something throws.
@@ -31922,10 +31943,9 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   var errorInfo = createCapturedValueAtFiber(error, sourceFiber);
   var update = createRootErrorUpdate(rootFiber, errorInfo, SyncLane);
   var root = enqueueUpdate(rootFiber, update, SyncLane);
-  var eventTime = requestEventTime();
 
   if (root !== null) {
-    markRootUpdated(root, SyncLane, eventTime);
+    markRootUpdated(root, SyncLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -31961,10 +31981,9 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) {
         var errorInfo = createCapturedValueAtFiber(error$1, sourceFiber);
         var update = createClassErrorUpdate(fiber, errorInfo, SyncLane);
         var root = enqueueUpdate(fiber, update, SyncLane);
-        var eventTime = requestEventTime();
 
         if (root !== null) {
-          markRootUpdated(root, SyncLane, eventTime);
+          markRootUpdated(root, SyncLane);
           ensureRootIsScheduled(root);
         }
 
@@ -32090,11 +32109,10 @@ function retryTimedOutBoundary(boundaryFiber, retryLane) {
     retryLane = requestRetryLane(boundaryFiber);
   } // TODO: Special case idle priority?
 
-  var eventTime = requestEventTime();
   var root = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
 
   if (root !== null) {
-    markRootUpdated(root, retryLane, eventTime);
+    markRootUpdated(root, retryLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -32149,32 +32167,7 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
   }
 
   retryTimedOutBoundary(boundaryFiber, retryLane);
-} // Computes the next Just Noticeable Difference (JND) boundary.
-// The theory is that a person can't tell the difference between small differences in time.
-// Therefore, if we wait a bit longer than necessary that won't translate to a noticeable
-// difference in the experience. However, waiting for longer might mean that we can avoid
-// showing an intermediate loading state. The longer we have already waited, the harder it
-// is to tell small differences in time. Therefore, the longer we've already waited,
-// the longer we can wait additionally. At some point we have to give up though.
-// We pick a train model where the next boundary commits at a consistent schedule.
-// These particular numbers are vague estimates. We expect to adjust them based on research.
-
-function jnd(timeElapsed) {
-  return timeElapsed < 120
-    ? 120
-    : timeElapsed < 480
-    ? 480
-    : timeElapsed < 1080
-    ? 1080
-    : timeElapsed < 1920
-    ? 1920
-    : timeElapsed < 3000
-    ? 3000
-    : timeElapsed < 4320
-    ? 4320
-    : ceil(timeElapsed / 1960) * 1960;
 }
-
 function throwIfInfiniteUpdateLoopDetected() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
@@ -32855,7 +32848,7 @@ function scheduleFibersWithFamiliesRecursively(
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
 
@@ -33768,7 +33761,6 @@ function FiberRootNode(
   this.next = null;
   this.callbackNode = null;
   this.callbackPriority = NoLane;
-  this.eventTimes = createLaneMap(NoLanes);
   this.expirationTimes = createLaneMap(NoTimestamp);
   this.pendingLanes = NoLanes;
   this.suspendedLanes = NoLanes;
@@ -33899,7 +33891,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-a8459f07";
+var ReactVersion = "18.3.0-www-classic-bb796e31";
 
 function createPortal$1(
   children,
@@ -34085,9 +34077,8 @@ function createHydrationContainer(
   var update = createUpdate(lane);
   update.callback =
     callback !== undefined && callback !== null ? callback : null;
-  var eventTime = requestEventTime();
   enqueueUpdate(current, update, lane);
-  scheduleInitialHydrationOnRoot(root, lane, eventTime);
+  scheduleInitialHydrationOnRoot(root, lane);
   return root;
 }
 function updateContainer(element, container, parentComponent, callback) {
@@ -34149,8 +34140,7 @@ function updateContainer(element, container, parentComponent, callback) {
   var root = enqueueUpdate(current$1, update, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, current$1, lane, eventTime);
+    scheduleUpdateOnFiber(root, current$1, lane);
     entangleTransitions(root, current$1, lane);
   }
 
@@ -34191,8 +34181,7 @@ function attemptSynchronousHydration(fiber) {
         var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
         if (root !== null) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, fiber, SyncLane, eventTime);
+          scheduleUpdateOnFiber(root, fiber, SyncLane);
         }
       }); // If we're still blocked after this, we need to increase
       // the priority of any promises resolving within this
@@ -34238,8 +34227,7 @@ function attemptContinuousHydration(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+    scheduleUpdateOnFiber(root, fiber, lane);
   }
 
   markRetryLaneIfNotHydrated(fiber, lane);
@@ -34255,8 +34243,7 @@ function attemptHydrationAtCurrentPriority(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+    scheduleUpdateOnFiber(root, fiber, lane);
   }
 
   markRetryLaneIfNotHydrated(fiber, lane);
@@ -34412,7 +34399,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -34433,7 +34420,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -34454,7 +34441,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
@@ -34469,7 +34456,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -34483,7 +34470,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -34497,7 +34484,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -34505,7 +34492,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -37108,6 +37095,8 @@ function extractEvents$1(
       // Firefox creates a keypress event for function keys too. This removes
       // the unwanted keypress events. Enter is however both printable and
       // non-printable. One would expect Tab to be as well (but it isn't).
+      // TODO: Fixed in https://bugzilla.mozilla.org/show_bug.cgi?id=968056. Can
+      // probably remove.
       if (getEventCharCode(nativeEvent) === 0) {
         return;
       }
@@ -37137,6 +37126,8 @@ function extractEvents$1(
     case "click":
       // Firefox creates a click event on right mouse clicks. This removes the
       // unwanted click events.
+      // TODO: Fixed in https://phabricator.services.mozilla.com/D26793. Can
+      // probably remove.
       if (nativeEvent.button === 2) {
         return;
       }
@@ -38182,6 +38173,10 @@ function getListenerSetKey(domEventName, capture) {
 var didWarnControlledToUncontrolled = false;
 var didWarnUncontrolledToControlled = false;
 var didWarnInvalidHydration = false;
+var didWarnFormActionType = false;
+var didWarnFormActionName = false;
+var didWarnFormActionTarget = false;
+var didWarnFormActionMethod = false;
 var canDiffStyleForHydrationWarning;
 
 {
@@ -38221,6 +38216,109 @@ function validatePropertiesInDevelopment(type, props) {
   }
 }
 
+function validateFormActionInDevelopment(tag, key, value, props) {
+  {
+    if (value == null) {
+      return;
+    }
+
+    if (tag === "form") {
+      if (key === "formAction") {
+        error(
+          "You can only pass the formAction prop to <input> or <button>. Use the action prop on <form>."
+        );
+      } else if (typeof value === "function") {
+        if (
+          (props.encType != null || props.method != null) &&
+          !didWarnFormActionMethod
+        ) {
+          didWarnFormActionMethod = true;
+
+          error(
+            "Cannot specify a encType or method for a form that specifies a " +
+              "function as the action. React provides those automatically. " +
+              "They will get overridden."
+          );
+        }
+
+        if (props.target != null && !didWarnFormActionTarget) {
+          didWarnFormActionTarget = true;
+
+          error(
+            "Cannot specify a target for a form that specifies a function as the action. " +
+              "The function will always be executed in the same window."
+          );
+        }
+      }
+    } else if (tag === "input" || tag === "button") {
+      if (key === "action") {
+        error(
+          "You can only pass the action prop to <form>. Use the formAction prop on <input> or <button>."
+        );
+      } else if (
+        tag === "input" &&
+        props.type !== "submit" &&
+        props.type !== "image" &&
+        !didWarnFormActionType
+      ) {
+        didWarnFormActionType = true;
+
+        error(
+          'An input can only specify a formAction along with type="submit" or type="image".'
+        );
+      } else if (
+        tag === "button" &&
+        props.type != null &&
+        props.type !== "submit" &&
+        !didWarnFormActionType
+      ) {
+        didWarnFormActionType = true;
+
+        error(
+          'A button can only specify a formAction along with type="submit" or no type.'
+        );
+      } else if (typeof value === "function") {
+        // Function form actions cannot control the form properties
+        if (props.name != null && !didWarnFormActionName) {
+          didWarnFormActionName = true;
+
+          error(
+            'Cannot specify a "name" prop for a button that specifies a function as a formAction. ' +
+              "React needs it to encode which action should be invoked. It will get overridden."
+          );
+        }
+
+        if (
+          (props.formEncType != null || props.formMethod != null) &&
+          !didWarnFormActionMethod
+        ) {
+          didWarnFormActionMethod = true;
+
+          error(
+            "Cannot specify a formEncType or formMethod for a button that specifies a " +
+              "function as a formAction. React provides those automatically. They will get overridden."
+          );
+        }
+
+        if (props.formTarget != null && !didWarnFormActionTarget) {
+          didWarnFormActionTarget = true;
+
+          error(
+            "Cannot specify a formTarget for a button that specifies a function as a formAction. " +
+              "The function will always be executed in the same window."
+          );
+        }
+      }
+    } else {
+      if (key === "action") {
+        error("You can only pass the action prop to <form>.");
+      } else {
+        error("You can only pass the formAction prop to <input> or <button>.");
+      }
+    }
+  }
+}
+
 function warnForPropDifference(propName, serverValue, clientValue) {
   {
     if (didWarnInvalidHydration) {
@@ -38294,12 +38392,13 @@ function normalizeHTML(parent, html) {
     // how <noscript> is being handled. So we use the same document.
     // See the discussion in https://github.com/facebook/react/pull/11157.
     var testElement =
-      parent.namespaceURI === HTML_NAMESPACE
-        ? parent.ownerDocument.createElement(parent.tagName)
-        : parent.ownerDocument.createElementNS(
+      parent.namespaceURI === MATH_NAMESPACE ||
+      parent.namespaceURI === SVG_NAMESPACE
+        ? parent.ownerDocument.createElementNS(
             parent.namespaceURI,
             parent.tagName
-          );
+          )
+        : parent.ownerDocument.createElement(parent.tagName);
     testElement.innerHTML = html;
     return testElement.innerHTML;
   }
@@ -38434,38 +38533,35 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     // These attributes accept URLs. These must not allow javascript: URLS.
 
     case "src":
-    case "href":
-    case "action": {
-      if (value === "") {
-        {
-          if (key === "src") {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "This may cause the browser to download the whole page again over the network. " +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              key,
-              key
-            );
-          } else {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              key,
-              key
-            );
+    case "href": {
+      {
+        if (value === "") {
+          {
+            if (key === "src") {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "This may cause the browser to download the whole page again over the network. " +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                key,
+                key
+              );
+            } else {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                key,
+                key
+              );
+            }
           }
+
+          domElement.removeAttribute(key);
+          break;
         }
-
-        domElement.removeAttribute(key);
-        break;
       }
-    }
 
-    // Fall through to the last case which shouldn't remove empty strings.
-
-    case "formAction": {
       if (
         value == null ||
         typeof value === "function" ||
@@ -38488,6 +38584,36 @@ function setProp(domElement, tag, key, value, props, prevValue) {
       break;
     }
 
+    case "action":
+    case "formAction": {
+      // TODO: Consider moving these special cases to the form, input and button tags.
+      {
+        validateFormActionInDevelopment(tag, key, value, props);
+      }
+
+      if (
+        value == null ||
+        typeof value === "function" ||
+        typeof value === "symbol" ||
+        typeof value === "boolean"
+      ) {
+        domElement.removeAttribute(key);
+        break;
+      } // `setAttribute` with objects becomes only `[object]` in IE8/9,
+      // ('' + value) makes it output the correct toString()-value.
+
+      {
+        checkAttributeStringCoercion(value, key);
+      }
+
+      var _sanitizedValue = sanitizeURL(
+        enableTrustedTypesIntegration ? value : "" + value
+      );
+
+      domElement.setAttribute(key, _sanitizedValue);
+      break;
+    }
+
     case "onClick": {
       // TODO: This cast may not be sound for SVG, MathML or custom elements.
       if (value != null) {
@@ -38591,11 +38717,11 @@ function setProp(domElement, tag, key, value, props, prevValue) {
         checkAttributeStringCoercion(value, key);
       }
 
-      var _sanitizedValue = sanitizeURL(
+      var _sanitizedValue2 = sanitizeURL(
         enableTrustedTypesIntegration ? value : "" + value
       );
 
-      domElement.setAttributeNS(xlinkNamespace, "xlink:href", _sanitizedValue);
+      domElement.setAttributeNS(xlinkNamespace, "xlink:href", _sanitizedValue2);
       break;
     }
 
@@ -38622,7 +38748,10 @@ function setProp(domElement, tag, key, value, props, prevValue) {
           checkAttributeStringCoercion(value, key);
         }
 
-        domElement.setAttribute(key, value);
+        domElement.setAttribute(
+          key,
+          enableTrustedTypesIntegration ? value : "" + value
+        );
       } else {
         domElement.removeAttribute(key);
       }
@@ -38993,6 +39122,7 @@ function setInitialProperties(domElement, tag, props) {
       // listeners still fire for the invalid event.
 
       listenToNonDelegatedEvent("invalid", domElement);
+      var name = null;
       var type = null;
       var value = null;
       var defaultValue = null;
@@ -39011,35 +39141,18 @@ function setInitialProperties(domElement, tag, props) {
         }
 
         switch (propKey) {
+          case "name": {
+            name = propValue;
+            break;
+          }
+
           case "type": {
-            // Fast path since 'type' is very common on inputs
-            if (
-              propValue != null &&
-              typeof propValue !== "function" &&
-              typeof propValue !== "symbol" &&
-              typeof propValue !== "boolean"
-            ) {
-              type = propValue;
-
-              {
-                checkAttributeStringCoercion(propValue, propKey);
-              }
-
-              domElement.setAttribute(propKey, propValue);
-            }
-
+            type = propValue;
             break;
           }
 
           case "checked": {
             checked = propValue;
-            var checkedValue =
-              propValue != null ? propValue : props.defaultChecked;
-            var inputElement = domElement;
-            inputElement.checked =
-              !!checkedValue &&
-              typeof checkedValue !== "function" &&
-              checkedValue !== "symbol";
             break;
           }
 
@@ -39078,7 +39191,6 @@ function setInitialProperties(domElement, tag, props) {
       } // TODO: Make sure we check if this is still unmounted or do any clean
       // up necessary since we never stop tracking anymore.
 
-      track(domElement);
       validateInputProps(domElement, props);
       initInput(
         domElement,
@@ -39087,8 +39199,10 @@ function setInitialProperties(domElement, tag, props) {
         checked,
         defaultChecked,
         type,
+        name,
         false
       );
+      track(domElement);
       return;
     }
 
@@ -39196,15 +39310,15 @@ function setInitialProperties(domElement, tag, props) {
           }
 
           default: {
-            setProp(domElement, tag, _propKey2, _propValue2, props);
+            setProp(domElement, tag, _propKey2, _propValue2, props, null);
           }
         }
       } // TODO: Make sure we check if this is still unmounted or do any clean
       // up necessary since we never stop tracking anymore.
 
-      track(domElement);
       validateTextareaProps(domElement, props);
       initTextarea(domElement, _value2, _defaultValue2, children);
+      track(domElement);
       return;
     }
 
@@ -39233,7 +39347,7 @@ function setInitialProperties(domElement, tag, props) {
           }
 
           default: {
-            setProp(domElement, tag, _propKey3, _propValue3, props);
+            setProp(domElement, tag, _propKey3, _propValue3, props, null);
           }
         }
       }
@@ -39531,15 +39645,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         if (lastProps.hasOwnProperty(propKey) && lastProp != null) {
           switch (propKey) {
             case "checked": {
-              if (!nextProps.hasOwnProperty(propKey)) {
-                var checkedValue = nextProps.defaultChecked;
-                var inputElement = domElement;
-                inputElement.checked =
-                  !!checkedValue &&
-                  typeof checkedValue !== "function" &&
-                  checkedValue !== "symbol";
-              }
-
               break;
             }
 
@@ -39572,25 +39677,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         ) {
           switch (_propKey7) {
             case "type": {
-              type = nextProp; // Fast path since 'type' is very common on inputs
-
-              if (nextProp !== _lastProp) {
-                if (
-                  nextProp != null &&
-                  typeof nextProp !== "function" &&
-                  typeof nextProp !== "symbol" &&
-                  typeof nextProp !== "boolean"
-                ) {
-                  {
-                    checkAttributeStringCoercion(nextProp, _propKey7);
-                  }
-
-                  domElement.setAttribute(_propKey7, nextProp);
-                } else {
-                  domElement.removeAttribute(_propKey7);
-                }
-              }
-
+              type = nextProp;
               break;
             }
 
@@ -39601,18 +39688,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
 
             case "checked": {
               checked = nextProp;
-
-              if (nextProp !== _lastProp) {
-                var _checkedValue =
-                  nextProp != null ? nextProp : nextProps.defaultChecked;
-
-                var _inputElement = domElement;
-                _inputElement.checked =
-                  !!_checkedValue &&
-                  typeof _checkedValue !== "function" &&
-                  _checkedValue !== "symbol";
-              }
-
               break;
             }
 
@@ -39700,23 +39775,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
 
           didWarnControlledToUncontrolled = true;
         }
-      } // Update checked *before* name.
-      // In the middle of an update, it is possible to have multiple checked.
-      // When a checked radio tries to change name, browser makes another radio's checked false.
-
-      if (
-        name != null &&
-        typeof name !== "function" &&
-        typeof name !== "symbol" &&
-        typeof name !== "boolean"
-      ) {
-        {
-          checkAttributeStringCoercion(name, "name");
-        }
-
-        domElement.setAttribute("name", name);
-      } else {
-        domElement.removeAttribute("name");
       } // Update the wrapper around inputs *after* updating props. This has to
       // happen after updating the rest of props. Otherwise HTML5 input validations
       // raise warnings and prevent the new value from being assigned.
@@ -39728,7 +39786,8 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     }
@@ -40137,22 +40196,6 @@ function updatePropertiesWithDiff(
 
         switch (propKey) {
           case "type": {
-            // Fast path since 'type' is very common on inputs
-            if (
-              propValue != null &&
-              typeof propValue !== "function" &&
-              typeof propValue !== "symbol" &&
-              typeof propValue !== "boolean"
-            ) {
-              {
-                checkAttributeStringCoercion(propValue, propKey);
-              }
-
-              domElement.setAttribute(propKey, propValue);
-            } else {
-              domElement.removeAttribute(propKey);
-            }
-
             break;
           }
 
@@ -40161,13 +40204,6 @@ function updatePropertiesWithDiff(
           }
 
           case "checked": {
-            var checkedValue =
-              propValue != null ? propValue : nextProps.defaultChecked;
-            var inputElement = domElement;
-            inputElement.checked =
-              !!checkedValue &&
-              typeof checkedValue !== "function" &&
-              checkedValue !== "symbol";
             break;
           }
 
@@ -40197,7 +40233,14 @@ function updatePropertiesWithDiff(
           }
 
           default: {
-            setProp(domElement, tag, propKey, propValue, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              propKey,
+              propValue,
+              nextProps,
+              lastProps[propKey]
+            );
           }
         }
       }
@@ -40243,23 +40286,6 @@ function updatePropertiesWithDiff(
 
           didWarnControlledToUncontrolled = true;
         }
-      } // Update checked *before* name.
-      // In the middle of an update, it is possible to have multiple checked.
-      // When a checked radio tries to change name, browser makes another radio's checked false.
-
-      if (
-        name != null &&
-        typeof name !== "function" &&
-        typeof name !== "symbol" &&
-        typeof name !== "boolean"
-      ) {
-        {
-          checkAttributeStringCoercion(name, "name");
-        }
-
-        domElement.setAttribute("name", name);
-      } else {
-        domElement.removeAttribute("name");
       } // Update the wrapper around inputs *after* updating props. This has to
       // happen after updating the rest of props. Otherwise HTML5 input validations
       // raise warnings and prevent the new value from being assigned.
@@ -40271,7 +40297,8 @@ function updatePropertiesWithDiff(
         lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     }
@@ -40294,7 +40321,14 @@ function updatePropertiesWithDiff(
           // defaultValue are ignored by setProp
 
           default: {
-            setProp(domElement, tag, _propKey20, _propValue7, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              _propKey20,
+              _propValue7,
+              nextProps,
+              lastProps[_propKey20]
+            );
           }
         }
       } // <select> value update needs to occur after <option> children
@@ -40336,7 +40370,14 @@ function updatePropertiesWithDiff(
           // defaultValue is ignored by setProp
 
           default: {
-            setProp(domElement, tag, _propKey21, _propValue8, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              _propKey21,
+              _propValue8,
+              nextProps,
+              lastProps[_propKey21]
+            );
           }
         }
       }
@@ -40361,7 +40402,14 @@ function updatePropertiesWithDiff(
           }
 
           default: {
-            setProp(domElement, tag, _propKey22, _propValue9, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              _propKey22,
+              _propValue9,
+              nextProps,
+              lastProps[_propKey22]
+            );
           }
         }
       }
@@ -40406,7 +40454,14 @@ function updatePropertiesWithDiff(
           // defaultChecked and defaultValue are ignored by setProp
 
           default: {
-            setProp(domElement, tag, _propKey23, _propValue10, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              _propKey23,
+              _propValue10,
+              nextProps,
+              lastProps[_propKey23]
+            );
           }
         }
       }
@@ -40425,7 +40480,7 @@ function updatePropertiesWithDiff(
             _propKey24,
             _propValue11,
             nextProps,
-            null
+            lastProps[_propKey24]
           );
         }
 
@@ -40437,7 +40492,14 @@ function updatePropertiesWithDiff(
   for (var _i6 = 0; _i6 < updatePayload.length; _i6 += 2) {
     var _propKey25 = updatePayload[_i6];
     var _propValue12 = updatePayload[_i6 + 1];
-    setProp(domElement, tag, _propKey25, _propValue12, nextProps, null);
+    setProp(
+      domElement,
+      tag,
+      _propKey25,
+      _propValue12,
+      nextProps,
+      lastProps[_propKey25]
+    );
   }
 }
 
@@ -40803,7 +40865,7 @@ function diffHydratedCustomComponent(
   domElement,
   tag,
   props,
-  parentNamespaceDev,
+  hostContext,
   extraAttributes
 ) {
   for (var propKey in props) {
@@ -40896,13 +40958,15 @@ function diffHydratedCustomComponent(
       // Fall through
 
       default: {
-        var ownNamespaceDev = parentNamespaceDev;
+        // This is a DEV-only path
+        var hostContextDev = hostContext;
+        var hostContextProd = hostContextDev.context;
 
-        if (ownNamespaceDev === HTML_NAMESPACE) {
-          ownNamespaceDev = getIntrinsicNamespace(tag);
-        }
-
-        if (ownNamespaceDev === HTML_NAMESPACE) {
+        if (
+          hostContextProd === HostContextNamespaceNone &&
+          tag !== "svg" &&
+          tag !== "math"
+        ) {
           extraAttributes.delete(propKey.toLowerCase());
         } else {
           extraAttributes.delete(propKey);
@@ -40918,13 +40982,13 @@ function diffHydratedCustomComponent(
       }
     }
   }
-}
+} // This is the exact URL string we expect that Fizz renders if we provide a function action.
 
 function diffHydratedGenericElement(
   domElement,
   tag,
   props,
-  parentNamespaceDev,
+  hostContext,
   extraAttributes
 ) {
   for (var propKey in props) {
@@ -41020,7 +41084,6 @@ function diffHydratedGenericElement(
 
       case "src":
       case "href":
-      case "action":
         {
           if (value === "") {
             {
@@ -41064,11 +41127,12 @@ function diffHydratedGenericElement(
         );
         continue;
 
+      case "action":
       case "formAction":
         hydrateSanitizedAttribute(
           domElement,
           propKey,
-          "formaction",
+          propKey.toLowerCase(),
           value,
           extraAttributes
         );
@@ -41317,14 +41381,16 @@ function diffHydratedGenericElement(
         }
 
         var attributeName = getAttributeAlias(propKey);
-        var isMismatchDueToBadCasing = false;
-        var ownNamespaceDev = parentNamespaceDev;
+        var isMismatchDueToBadCasing = false; // This is a DEV-only path
 
-        if (ownNamespaceDev === HTML_NAMESPACE) {
-          ownNamespaceDev = getIntrinsicNamespace(tag);
-        }
+        var hostContextDev = hostContext;
+        var hostContextProd = hostContextDev.context;
 
-        if (ownNamespaceDev === HTML_NAMESPACE) {
+        if (
+          hostContextProd === HostContextNamespaceNone &&
+          tag !== "svg" &&
+          tag !== "math"
+        ) {
           extraAttributes.delete(attributeName.toLowerCase());
         } else {
           var standardName = getPossibleStandardName(propKey);
@@ -41342,14 +41408,14 @@ function diffHydratedGenericElement(
           extraAttributes.delete(attributeName);
         }
 
-        var _serverValue4 = getValueForAttribute(
+        var _serverValue5 = getValueForAttribute(
           domElement,
           attributeName,
           value
         );
 
         if (!isMismatchDueToBadCasing) {
-          warnForPropDifference(propKey, _serverValue4, value);
+          warnForPropDifference(propKey, _serverValue5, value);
         }
       }
     }
@@ -41362,7 +41428,7 @@ function diffHydratedProperties(
   props,
   isConcurrentMode,
   shouldWarnDev,
-  parentNamespaceDev
+  hostContext
 ) {
   {
     validatePropertiesInDevelopment(tag, props);
@@ -41422,7 +41488,6 @@ function diffHydratedProperties(
       listenToNonDelegatedEvent("invalid", domElement); // TODO: Make sure we check if this is still unmounted or do any clean
       // up necessary since we never stop tracking anymore.
 
-      track(domElement);
       validateInputProps(domElement, props); // For input and textarea we current always set the value property at
       // post mount to force it to diverge from attributes. However, for
       // option and select we don't quite do the same thing and select
@@ -41436,8 +41501,10 @@ function diffHydratedProperties(
         props.checked,
         props.defaultChecked,
         props.type,
+        props.name,
         true
       );
+      track(domElement);
       break;
 
     case "option":
@@ -41463,9 +41530,9 @@ function diffHydratedProperties(
       listenToNonDelegatedEvent("invalid", domElement); // TODO: Make sure we check if this is still unmounted or do any clean
       // up necessary since we never stop tracking anymore.
 
-      track(domElement);
       validateTextareaProps(domElement, props);
       initTextarea(domElement, props.value, props.defaultValue, props.children);
+      track(domElement);
       break;
   }
 
@@ -41548,7 +41615,7 @@ function diffHydratedProperties(
         domElement,
         tag,
         props,
-        parentNamespaceDev,
+        hostContext,
         extraAttributes
       );
     } else {
@@ -41556,7 +41623,7 @@ function diffHydratedProperties(
         domElement,
         tag,
         props,
-        parentNamespaceDev,
+        hostContext,
         extraAttributes
       );
     }
@@ -41838,14 +41905,15 @@ function getValueDescriptorExpectingEnumForWarning(thing) {
     : 'something with type "' + typeof thing + '"';
 }
 
-var Dispatcher$1 = Internals.Dispatcher;
-
 var SUPPRESS_HYDRATION_WARNING = "suppressHydrationWarning";
 var SUSPENSE_START_DATA = "$";
 var SUSPENSE_END_DATA = "/$";
 var SUSPENSE_PENDING_START_DATA = "$?";
 var SUSPENSE_FALLBACK_START_DATA = "$!";
 var STYLE = "style";
+var HostContextNamespaceNone = 0;
+var HostContextNamespaceSvg = 1;
+var HostContextNamespaceMath = 2;
 var eventsEnabled = null;
 var selectionInformation = null;
 
@@ -41857,7 +41925,7 @@ function getOwnerDocumentFromRootContainer(rootContainerElement) {
 
 function getRootHostContext(rootContainerInstance) {
   var type;
-  var namespace;
+  var context;
   var nodeType = rootContainerInstance.nodeType;
 
   switch (nodeType) {
@@ -41865,7 +41933,16 @@ function getRootHostContext(rootContainerInstance) {
     case DOCUMENT_FRAGMENT_NODE: {
       type = nodeType === DOCUMENT_NODE ? "#document" : "#fragment";
       var root = rootContainerInstance.documentElement;
-      namespace = root ? root.namespaceURI : getChildNamespace(null, "");
+
+      if (root) {
+        var namespaceURI = root.namespaceURI;
+        context = namespaceURI
+          ? getOwnHostContext(namespaceURI)
+          : HostContextNamespaceNone;
+      } else {
+        context = HostContextNamespaceNone;
+      }
+
       break;
     }
 
@@ -41874,9 +41951,28 @@ function getRootHostContext(rootContainerInstance) {
         nodeType === COMMENT_NODE
           ? rootContainerInstance.parentNode
           : rootContainerInstance;
-      var ownNamespace = container.namespaceURI || null;
       type = container.tagName;
-      namespace = getChildNamespace(ownNamespace, type);
+      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;
     }
   }
@@ -41885,21 +41981,58 @@ function getRootHostContext(rootContainerInstance) {
     var validatedTag = type.toLowerCase();
     var ancestorInfo = updatedAncestorInfoDev(null, validatedTag);
     return {
-      namespace: namespace,
+      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 namespace = getChildNamespace(parentHostContextDev.namespace, type);
+    var context = getChildHostContextProd(parentHostContextDev.context, type);
     var ancestorInfo = updatedAncestorInfoDev(
       parentHostContextDev.ancestorInfo,
       type
     );
     return {
-      namespace: namespace,
+      context: context,
       ancestorInfo: ancestorInfo
     };
   }
@@ -41978,22 +42111,25 @@ function createInstance(
   hostContext,
   internalInstanceHandle
 ) {
-  var namespace;
+  var hostContextProd;
 
   {
     // TODO: take namespace into account when validating.
     var hostContextDev = hostContext;
     validateDOMNesting(type, hostContextDev.ancestorInfo);
-    namespace = hostContextDev.namespace;
+    hostContextProd = hostContextDev.context;
   }
 
   var ownerDocument = getOwnerDocumentFromRootContainer(rootContainerInstance);
   var domElement;
 
-  switch (namespace) {
-    case SVG_NAMESPACE:
-    case MATH_NAMESPACE:
-      domElement = ownerDocument.createElementNS(namespace, type);
+  switch (hostContextProd) {
+    case HostContextNamespaceSvg:
+      domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
+      break;
+
+    case HostContextNamespaceMath:
+      domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
       break;
 
     default:
@@ -42178,6 +42314,9 @@ function getCurrentEventPriority() {
 
   return getEventPriority(currentEvent.type);
 }
+function shouldAttemptEagerTransition() {
+  return window.event && window.event.type === "popstate";
+}
 // if a component just imports ReactDOM (e.g. for findDOMNode).
 // Some environments might not have setTimeout or clearTimeout.
 
@@ -42755,20 +42894,13 @@ function hydrateInstance(
 
   var isConcurrentMode =
     (internalInstanceHandle.mode & ConcurrentMode) !== NoMode;
-  var parentNamespace;
-
-  {
-    var hostContextDev = hostContext;
-    parentNamespace = hostContextDev.namespace;
-  }
-
   return diffHydratedProperties(
     instance,
     type,
     props,
     isConcurrentMode,
     shouldWarnDev,
-    parentNamespace
+    hostContext
   );
 }
 function hydrateTextInstance(
@@ -43164,8 +43296,6 @@ function clearSingleton(instance) {
 
   return;
 } // -------------------
-// In the future this may need to change, especially when modules / scripts are supported
-
 var NotLoaded =
   /*       */
   0;
@@ -43183,28 +43313,6 @@ var Inserted =
   4;
 function prepareToCommitHoistables() {
   tagCaches = null;
-} // It is valid to preload even when we aren't actively rendering. For cases where Float functions are
-// called when there is no rendering we track the last used document. It is not safe to insert
-// arbitrary resources into the lastCurrentDocument b/c it may not actually be the document
-// that the resource is meant to apply too (for example stylesheets or scripts). This is only
-// appropriate for resources that don't really have a strict tie to the document itself for example
-// preloads
-
-var lastCurrentDocument = null;
-var previousDispatcher = null;
-function prepareRendererToRender(rootContainer) {
-  {
-    var rootNode = getHoistableRoot(rootContainer);
-    lastCurrentDocument = getDocumentFromRoot(rootNode);
-    previousDispatcher = Dispatcher$1.current;
-    Dispatcher$1.current = ReactDOMClientDispatcher;
-  }
-}
-function resetRendererAfterRender() {
-  {
-    Dispatcher$1.current = previousDispatcher;
-    previousDispatcher = null;
-  }
 } // global collections of Resources
 
 var preloadPropsMap = new Map();
@@ -43222,25 +43330,6 @@ function getHoistableRoot(container) {
 function getCurrentResourceRoot() {
   var currentContainer = getCurrentRootHostContainer();
   return currentContainer ? getHoistableRoot(currentContainer) : null;
-} // Preloads are somewhat special. Even if we don't have the Document
-// used by the root that is rendering a component trying to insert a preload
-// we can still seed the file cache by doing the preload on any document we have
-// access to. We prefer the currentDocument if it exists, we also prefer the
-// lastCurrentDocument if that exists. As a fallback we will use the window.document
-// if available.
-
-function getDocumentForPreloads() {
-  var root = getCurrentResourceRoot();
-
-  if (root) {
-    return root.ownerDocument || root;
-  } else {
-    try {
-      return lastCurrentDocument || window.document;
-    } catch (error) {
-      return null;
-    }
-  }
 }
 
 function getDocumentFromRoot(root) {
@@ -43254,12 +43343,21 @@ var ReactDOMClientDispatcher = {
   preconnect: preconnect$1,
   preload: preload$1,
   preinit: preinit$1
-};
+}; // 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.
+
+function getDocumentForImperativeFloatMethods() {
+  return document;
+}
 
 function preconnectAs(rel, crossOrigin, href) {
-  var ownerDocument = getDocumentForPreloads();
+  var ownerDocument = getDocumentForImperativeFloatMethods();
 
-  if (typeof href === "string" && href && ownerDocument) {
+  if (typeof href === "string" && href) {
     var limitedEscapedHref =
       escapeSelectorAttributeValueInsideDoubleQuotes(href);
     var key = 'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
@@ -43348,7 +43446,7 @@ function preload$1(href, options) {
     validatePreloadArguments(href, options);
   }
 
-  var ownerDocument = getDocumentForPreloads();
+  var ownerDocument = getDocumentForImperativeFloatMethods();
 
   if (
     typeof href === "string" &&
@@ -43404,74 +43502,23 @@ function preinit$1(href, options) {
     validatePreinitArguments(href, options);
   }
 
+  var ownerDocument = getDocumentForImperativeFloatMethods();
+
   if (
     typeof href === "string" &&
     href &&
     typeof options === "object" &&
     options !== null
   ) {
-    var resourceRoot = getCurrentResourceRoot();
     var as = options.as;
 
-    if (!resourceRoot) {
-      if (as === "style" || as === "script") {
-        // We are going to emit a preload as a best effort fallback since this preinit
-        // was called outside of a render. Given the passive nature of this fallback
-        // we do not warn in dev when props disagree if there happens to already be a
-        // matching preload with this href
-        var preloadDocument = getDocumentForPreloads();
-
-        if (preloadDocument) {
-          var limitedEscapedHref =
-            escapeSelectorAttributeValueInsideDoubleQuotes(href);
-          var preloadKey =
-            'link[rel="preload"][as="' +
-            as +
-            '"][href="' +
-            limitedEscapedHref +
-            '"]';
-          var key = preloadKey;
-
-          switch (as) {
-            case "style":
-              key = getStyleKey(href);
-              break;
-
-            case "script":
-              key = getScriptKey(href);
-              break;
-          }
-
-          if (!preloadPropsMap.has(key)) {
-            var preloadProps = preloadPropsFromPreinitOptions(
-              href,
-              as,
-              options
-            );
-            preloadPropsMap.set(key, preloadProps);
-
-            if (null === preloadDocument.querySelector(preloadKey)) {
-              var instance = preloadDocument.createElement("link");
-              setInitialProperties(instance, "link", preloadProps);
-              markNodeAsHoistable(instance);
-              preloadDocument.head.appendChild(instance);
-            }
-          }
-        }
-      }
-
-      return;
-    }
-
     switch (as) {
       case "style": {
-        var styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
-
-        var _key = getStyleKey(href);
-
+        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles;
+        var key = getStyleKey(href);
         var precedence = options.precedence || "default"; // Check if this resource already exists
 
-        var resource = styles.get(_key);
+        var resource = styles.get(key);
 
         if (resource) {
           // We can early return. The resource exists and there is nothing
@@ -43484,11 +43531,11 @@ function preinit$1(href, options) {
           preload: null
         }; // Attempt to hydrate instance from DOM
 
-        var _instance = resourceRoot.querySelector(
-          getStylesheetSelectorFromKey(_key)
+        var instance = ownerDocument.querySelector(
+          getStylesheetSelectorFromKey(key)
         );
 
-        if (_instance) {
+        if (instance) {
           state.loading = Loaded;
         } else {
           // Construct a new instance and insert it
@@ -43497,17 +43544,13 @@ function preinit$1(href, options) {
             precedence,
             options
           );
+          var preloadProps = preloadPropsMap.get(key);
 
-          var _preloadProps = preloadPropsMap.get(_key);
-
-          if (_preloadProps) {
-            adoptPreloadPropsForStylesheet(stylesheetProps, _preloadProps);
+          if (preloadProps) {
+            adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
           }
 
-          var ownerDocument = getDocumentFromRoot(resourceRoot);
-
-          var link = (_instance = ownerDocument.createElement("link"));
-
+          var link = (instance = ownerDocument.createElement("link"));
           markNodeAsHoistable(link);
           setInitialProperties(link, "link", stylesheetProps);
           link._p = new Promise(function (resolve, reject) {
@@ -43521,26 +43564,26 @@ function preinit$1(href, options) {
             state.loading |= Errored;
           });
           state.loading |= Inserted;
-          insertStylesheet(_instance, precedence, resourceRoot);
+          insertStylesheet(instance, precedence, ownerDocument);
         } // Construct a Resource and cache it
 
         resource = {
           type: "stylesheet",
-          instance: _instance,
+          instance: instance,
           count: 1,
           state: state
         };
-        styles.set(_key, resource);
+        styles.set(key, resource);
         return;
       }
 
       case "script": {
         var src = href;
-        var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
+        var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts;
 
-        var _key2 = getScriptKey(src); // Check if this resource already exists
+        var _key = getScriptKey(src); // Check if this resource already exists
 
-        var _resource = scripts.get(_key2);
+        var _resource = scripts.get(_key);
 
         if (_resource) {
           // We can early return. The resource exists and there is nothing
@@ -43548,52 +43591,39 @@ function preinit$1(href, options) {
           return;
         } // Attempt to hydrate instance from DOM
 
-        var _instance2 = resourceRoot.querySelector(
-          getScriptSelectorFromKey(_key2)
+        var _instance = ownerDocument.querySelector(
+          getScriptSelectorFromKey(_key)
         );
 
-        if (!_instance2) {
+        if (!_instance) {
           // Construct a new instance and insert it
           var scriptProps = scriptPropsFromPreinitOptions(src, options); // Adopt certain preload props
 
-          var _preloadProps2 = preloadPropsMap.get(_key2);
+          var _preloadProps = preloadPropsMap.get(_key);
 
-          if (_preloadProps2) {
-            adoptPreloadPropsForScript(scriptProps, _preloadProps2);
+          if (_preloadProps) {
+            adoptPreloadPropsForScript(scriptProps, _preloadProps);
           }
 
-          var _ownerDocument = getDocumentFromRoot(resourceRoot);
-
-          _instance2 = _ownerDocument.createElement("script");
-          markNodeAsHoistable(_instance2);
-          setInitialProperties(_instance2, "link", scriptProps);
-
-          _ownerDocument.head.appendChild(_instance2);
+          _instance = ownerDocument.createElement("script");
+          markNodeAsHoistable(_instance);
+          setInitialProperties(_instance, "link", scriptProps);
+          ownerDocument.head.appendChild(_instance);
         } // Construct a Resource and cache it
 
         _resource = {
           type: "script",
-          instance: _instance2,
+          instance: _instance,
           count: 1,
           state: null
         };
-        scripts.set(_key2, _resource);
+        scripts.set(_key, _resource);
         return;
       }
     }
   }
 }
 
-function preloadPropsFromPreinitOptions(href, as, options) {
-  return {
-    href: href,
-    rel: "preload",
-    as: as,
-    crossOrigin: as === "font" ? "" : options.crossOrigin,
-    integrity: options.integrity
-  };
-}
-
 function stylesheetPropsFromPreinitOptions(href, precedence, options) {
   return {
     rel: "stylesheet",
@@ -43665,11 +43695,11 @@ function getResource(type, currentProps, pendingProps) {
       ) {
         var qualifiedProps = pendingProps;
 
-        var _key3 = getStyleKey(qualifiedProps.href);
+        var _key2 = getStyleKey(qualifiedProps.href);
 
         var _styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
 
-        var _resource2 = _styles.get(_key3);
+        var _resource2 = _styles.get(_key2);
 
         if (!_resource2) {
           // We asserted this above but Flow can't figure out that the type satisfies
@@ -43684,12 +43714,12 @@ function getResource(type, currentProps, pendingProps) {
             }
           };
 
-          _styles.set(_key3, _resource2);
+          _styles.set(_key2, _resource2);
 
-          if (!preloadPropsMap.has(_key3)) {
+          if (!preloadPropsMap.has(_key2)) {
             preloadStylesheet(
               ownerDocument,
-              _key3,
+              _key2,
               preloadPropsFromStylesheet(qualifiedProps),
               _resource2.state
             );
@@ -43706,11 +43736,11 @@ function getResource(type, currentProps, pendingProps) {
       if (typeof pendingProps.src === "string" && pendingProps.async === true) {
         var scriptProps = pendingProps;
 
-        var _key4 = getScriptKey(scriptProps.src);
+        var _key3 = getScriptKey(scriptProps.src);
 
         var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
 
-        var _resource3 = scripts.get(_key4);
+        var _resource3 = scripts.get(_key3);
 
         if (!_resource3) {
           _resource3 = {
@@ -43719,7 +43749,7 @@ function getResource(type, currentProps, pendingProps) {
             count: 0,
             state: null
           };
-          scripts.set(_key4, _resource3);
+          scripts.set(_key3, _resource3);
         }
 
         return _resource3;
@@ -43754,11 +43784,12 @@ function styleTagPropsFromRawProps(rawProps) {
 
 function getStyleKey(href) {
   var limitedEscapedHref = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-  return 'href~="' + limitedEscapedHref + '"';
+  return 'href="' + limitedEscapedHref + '"';
 }
 
-function getStyleTagSelectorFromKey(key) {
-  return "style[data-" + key + "]";
+function getStyleTagSelector(href) {
+  var limitedEscapedHref = escapeSelectorAttributeValueInsideDoubleQuotes(href);
+  return 'style[data-href~="' + limitedEscapedHref + '"]';
 }
 
 function getStylesheetSelectorFromKey(key) {
@@ -43835,11 +43866,10 @@ function acquireResource(hoistableRoot, resource, props) {
   if (resource.instance === null) {
     switch (resource.type) {
       case "style": {
-        var qualifiedProps = props;
-        var key = getStyleKey(qualifiedProps.href); // Attempt to hydrate instance from DOM
+        var qualifiedProps = props; // Attempt to hydrate instance from DOM
 
         var instance = hoistableRoot.querySelector(
-          getStyleTagSelectorFromKey(key)
+          getStyleTagSelector(qualifiedProps.href)
         );
 
         if (instance) {
@@ -43867,40 +43897,39 @@ function acquireResource(hoistableRoot, resource, props) {
         // 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 _key5 = getStyleKey(_qualifiedProps.href); // Attempt to hydrate instance from DOM
-
-        var _instance3 = hoistableRoot.querySelector(
-          getStylesheetSelectorFromKey(_key5)
+        var _instance2 = hoistableRoot.querySelector(
+          getStylesheetSelectorFromKey(key)
         );
 
-        if (_instance3) {
-          resource.instance = _instance3;
-          markNodeAsHoistable(_instance3);
-          return _instance3;
+        if (_instance2) {
+          resource.instance = _instance2;
+          markNodeAsHoistable(_instance2);
+          return _instance2;
         }
 
         var stylesheetProps = stylesheetPropsFromRawProps(props);
-        var preloadProps = preloadPropsMap.get(_key5);
+        var preloadProps = preloadPropsMap.get(key);
 
         if (preloadProps) {
           adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
         } // Construct and insert a new instance
 
-        var _ownerDocument2 = getDocumentFromRoot(hoistableRoot);
+        var _ownerDocument = getDocumentFromRoot(hoistableRoot);
 
-        _instance3 = _ownerDocument2.createElement("link");
-        markNodeAsHoistable(_instance3);
-        var linkInstance = _instance3;
+        _instance2 = _ownerDocument.createElement("link");
+        markNodeAsHoistable(_instance2);
+        var linkInstance = _instance2;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(_instance3, "link", stylesheetProps);
+        setInitialProperties(_instance2, "link", stylesheetProps);
         resource.state.loading |= Inserted;
-        insertStylesheet(_instance3, _qualifiedProps.precedence, hoistableRoot);
-        resource.instance = _instance3;
-        return _instance3;
+        insertStylesheet(_instance2, _qualifiedProps.precedence, hoistableRoot);
+        resource.instance = _instance2;
+        return _instance2;
       }
 
       case "script": {
@@ -43909,37 +43938,37 @@ function acquireResource(hoistableRoot, resource, props) {
         // this cast still makes sense;
         var borrowedScriptProps = props;
 
-        var _key6 = getScriptKey(borrowedScriptProps.src); // Attempt to hydrate instance from DOM
+        var _key4 = getScriptKey(borrowedScriptProps.src); // Attempt to hydrate instance from DOM
 
-        var _instance4 = hoistableRoot.querySelector(
-          getScriptSelectorFromKey(_key6)
+        var _instance3 = hoistableRoot.querySelector(
+          getScriptSelectorFromKey(_key4)
         );
 
-        if (_instance4) {
-          resource.instance = _instance4;
-          markNodeAsHoistable(_instance4);
-          return _instance4;
+        if (_instance3) {
+          resource.instance = _instance3;
+          markNodeAsHoistable(_instance3);
+          return _instance3;
         }
 
         var scriptProps = borrowedScriptProps;
 
-        var _preloadProps3 = preloadPropsMap.get(_key6);
+        var _preloadProps2 = preloadPropsMap.get(_key4);
 
-        if (_preloadProps3) {
+        if (_preloadProps2) {
           scriptProps = assign({}, borrowedScriptProps);
-          adoptPreloadPropsForScript(scriptProps, _preloadProps3);
+          adoptPreloadPropsForScript(scriptProps, _preloadProps2);
         } // Construct and insert a new instance
 
-        var _ownerDocument3 = getDocumentFromRoot(hoistableRoot);
+        var _ownerDocument2 = getDocumentFromRoot(hoistableRoot);
 
-        _instance4 = _ownerDocument3.createElement("script");
-        markNodeAsHoistable(_instance4);
-        setInitialProperties(_instance4, "link", scriptProps);
+        _instance3 = _ownerDocument2.createElement("script");
+        markNodeAsHoistable(_instance3);
+        setInitialProperties(_instance3, "link", scriptProps);
 
-        _ownerDocument3.head.appendChild(_instance4);
+        _ownerDocument2.head.appendChild(_instance3);
 
-        resource.instance = _instance4;
-        return _instance4;
+        resource.instance = _instance3;
+        return _instance3;
       }
 
       case "void": {
@@ -43972,9 +44001,9 @@ function acquireResource(hoistableRoot, resource, props) {
       (resource.state.loading & Inserted) === NotLoaded
     ) {
       var _qualifiedProps2 = props;
-      var _instance5 = resource.instance;
+      var _instance4 = resource.instance;
       resource.state.loading |= Inserted;
-      insertStylesheet(_instance5, _qualifiedProps2.precedence, hoistableRoot);
+      insertStylesheet(_instance4, _qualifiedProps2.precedence, hoistableRoot);
     }
   }
 
@@ -44102,9 +44131,9 @@ function hydrateHoistable(hoistableRoot, type, props, internalInstanceHandle) {
         ownerDocument
       );
 
-      var _key7 = type + (props.content || "");
+      var _key5 = type + (props.content || "");
 
-      var _maybeNodes = _cache.get(_key7);
+      var _maybeNodes = _cache.get(_key5);
 
       if (_maybeNodes) {
         var _nodes = _maybeNodes;
@@ -44221,36 +44250,20 @@ function mountHoistable(hoistableRoot, type, instance) {
 }
 function unmountHoistable(instance) {
   instance.parentNode.removeChild(instance);
-} // When passing user input into querySelector(All) the embedded string must not alter
-// the semantics of the query. This escape function is safe to use when we know the
-// provided value is going to be wrapped in double quotes as part of an attribute selector
-// Do not use it anywhere else
-// we escape double quotes and backslashes
-
-var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n\"\\]/g;
-
-function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
-  return value.replace(
-    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
-    function (ch) {
-      return "\\" + ch.charCodeAt(0).toString(16);
-    }
-  );
 }
-
 function isHostHoistableType(type, props, hostContext) {
   var outsideHostContainerContext;
-  var namespace;
+  var hostContextProd;
 
   {
     var hostContextDev = hostContext; // We can only render resources when we are not within the host container context
 
     outsideHostContainerContext =
       !hostContextDev.ancestorInfo.containerTagInScope;
-    namespace = hostContextDev.namespace;
+    hostContextProd = hostContextDev.context;
   } // Global opt out of hoisting for anything in SVG Namespace or anything with an itemProp inside an itemScope
 
-  if (namespace === SVG_NAMESPACE || props.itemProp != null) {
+  if (hostContextProd === HostContextNamespaceSvg || props.itemProp != null) {
     {
       if (
         outsideHostContainerContext &&
@@ -44976,8 +44989,7 @@ var discreteReplayableEvents = [
   "click",
   "change",
   "contextmenu",
-  "reset",
-  "submit"
+  "reset" // 'submit', // stopPropagation blocks the replay mechanism
 ];
 function isDiscreteEventThatRequiresHydration(eventType) {
   return discreteReplayableEvents.indexOf(eventType) > -1;
@@ -45316,7 +45328,7 @@ function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
       );
     }
   }
-}
+} // [form, submitter or action, formData...]
 
 function retryIfBlockedOn(unblocked) {
   if (queuedFocus !== null) {
@@ -45529,14 +45541,17 @@ function dispatchEvent(
     targetContainer
   );
 }
+function findInstanceBlockingEvent(nativeEvent) {
+  var nativeEventTarget = getEventTarget(nativeEvent);
+  return findInstanceBlockingTarget(nativeEventTarget);
+}
 var return_targetInst = null; // Returns a SuspenseInstance or Container if it's blocked.
 // The return_targetInst field above is conceptually part of the return value.
 
-function findInstanceBlockingEvent(nativeEvent) {
+function findInstanceBlockingTarget(targetNode) {
   // TODO: Warn if _enabled is false.
   return_targetInst = null;
-  var nativeEventTarget = getEventTarget(nativeEvent);
-  var targetInst = getClosestInstanceFromNode(nativeEventTarget);
+  var targetInst = getClosestInstanceFromNode(targetNode);
 
   if (targetInst !== null) {
     var nearestMounted = getNearestMountedFiber(targetInst);
@@ -45697,7 +45712,20 @@ function getEventPriority(domEventName) {
   }
 }
 
-var Dispatcher = Internals.Dispatcher;
+var Internals = {
+  usingClientEntryPoint: false,
+  Events: null,
+  Dispatcher: {
+    current: null
+  }
+};
+
+var Dispatcher$1 = Internals.Dispatcher;
+
+if (typeof document !== "undefined") {
+  // Set the default dispatcher to the client dispatcher
+  Dispatcher$1.current = ReactDOMClientDispatcher;
+}
 /* global reportError */
 
 var defaultOnRecoverableError =
@@ -45845,12 +45873,7 @@ function createRoot$1(container, options) {
     transitionCallbacks
   );
   markContainerAsRoot(root.current, container);
-
-  {
-    // Set the default dispatcher to the client dispatcher
-    Dispatcher.current = ReactDOMClientDispatcher;
-  }
-
+  Dispatcher$1.current = ReactDOMClientDispatcher;
   var rootContainerElement =
     container.nodeType === COMMENT_NODE ? container.parentNode : container;
   listenToAllSupportedEvents(rootContainerElement); // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
@@ -45930,11 +45953,7 @@ function hydrateRoot$1(container, initialChildren, options) {
     transitionCallbacks
   );
   markContainerAsRoot(root.current, container);
-
-  {
-    // Set the default dispatcher to the client dispatcher
-    Dispatcher.current = ReactDOMClientDispatcher;
-  } // This can't be a comment node since hydration doesn't work on comment nodes anyway.
+  Dispatcher$1.current = ReactDOMClientDispatcher; // This can't be a comment node since hydration doesn't work on comment nodes anyway.
 
   listenToAllSupportedEvents(container);
 
@@ -46491,43 +46510,68 @@ function createEventHandle(type, options) {
   }
 }
 
-function prefetchDNS() {
-  var dispatcher = Internals.Dispatcher.current;
+var Dispatcher = Internals.Dispatcher;
+function prefetchDNS(href) {
+  var passedOptionArg;
+
+  {
+    if (arguments[1] !== undefined) {
+      passedOptionArg = arguments[1];
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
 
   if (dispatcher) {
-    dispatcher.prefetchDNS.apply(this, arguments);
+    {
+      if (passedOptionArg !== undefined) {
+        // prefetchDNS will warn if you pass reserved options arg. We pass it along in Dev only to
+        // elicit the warning. In prod we do not forward since it is not a part of the interface.
+        // @TODO move all arg validation into this file. It needs to be universal anyway so may as well lock down the interace here and
+        // let the rest of the codebase trust the types
+        dispatcher.prefetchDNS(href, passedOptionArg);
+      } else {
+        dispatcher.prefetchDNS(href);
+      }
+    }
   } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
   // and the runtime may not be capable of responding. The function is optimistic and not critical
   // so we favor silent bailout over warning or erroring.
 }
-function preconnect() {
-  var dispatcher = Internals.Dispatcher.current;
+function preconnect(href, options) {
+  var dispatcher = Dispatcher.current;
 
   if (dispatcher) {
-    dispatcher.preconnect.apply(this, arguments);
+    dispatcher.preconnect(href, options);
   } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
   // and the runtime may not be capable of responding. The function is optimistic and not critical
   // so we favor silent bailout over warning or erroring.
 }
-function preload() {
-  var dispatcher = Internals.Dispatcher.current;
+function preload(href, options) {
+  var dispatcher = Dispatcher.current;
 
   if (dispatcher) {
-    dispatcher.preload.apply(this, arguments);
+    dispatcher.preload(href, options);
   } // We don't error because preload needs to be resilient to being called in a variety of scopes
   // and the runtime may not be capable of responding. The function is optimistic and not critical
   // so we favor silent bailout over warning or erroring.
 }
-function preinit() {
-  var dispatcher = Internals.Dispatcher.current;
+function preinit(href, options) {
+  var dispatcher = Dispatcher.current;
 
   if (dispatcher) {
-    dispatcher.preinit.apply(this, arguments);
+    dispatcher.preinit(href, options);
   } // We don't error because preinit needs to be resilient to being called in a variety of scopes
   // and the runtime may not be capable of responding. The function is optimistic and not critical
   // so we favor silent bailout over warning or erroring.
 }
 
+function useFormStatus() {
+  {
+    throw new Error("Not implemented.");
+  }
+}
+
 {
   if (
     typeof Map !== "function" || // $FlowFixMe[prop-missing] Flow incorrectly thinks Map has no prototype
@@ -46666,6 +46710,7 @@ assign(Internals, {
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createPortal = createPortal;
 exports.createRoot = createRoot;
+exports.experimental_useFormStatus = useFormStatus;
 exports.findDOMNode = findDOMNode;
 exports.flushSync = flushSync;
 exports.hydrate = hydrate;
diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js
index 3ea5801105..ee38db781e 100644
--- a/compiled/facebook-www/ReactDOM-dev.modern.js
+++ b/compiled/facebook-www/ReactDOM-dev.modern.js
@@ -246,8 +246,6 @@ var disableInputAttributeSyncing =
   disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
-  revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
   replayFailedUnitOfWorkWithInvokeGuardedCallback =
     dynamicFeatureFlags.replayFailedUnitOfWorkWithInvokeGuardedCallback,
   enableLegacyFBSupport = dynamicFeatureFlags.enableLegacyFBSupport,
@@ -262,7 +260,9 @@ var disableInputAttributeSyncing =
     dynamicFeatureFlags.enableCustomElementPropertySupport,
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
-  diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase; // On WWW, true is used for a new modern build.
+  diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries; // On WWW, true is used for a new modern build.
 var enableProfilerTimer = true;
 var enableProfilerCommitHooks = true;
 var enableProfilerNestedUpdatePhase = true;
@@ -1388,24 +1388,6 @@ function getNextLanes(root, wipLanes) {
 
   return nextLanes;
 }
-function getMostRecentEventTime(root, lanes) {
-  var eventTimes = root.eventTimes;
-  var mostRecentEventTime = NoTimestamp;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    var eventTime = eventTimes[index];
-
-    if (eventTime > mostRecentEventTime) {
-      mostRecentEventTime = eventTime;
-    }
-
-    lanes &= ~lane;
-  }
-
-  return mostRecentEventTime;
-}
 
 function computeExpirationTime(lane, currentTime) {
   switch (lane) {
@@ -1652,7 +1634,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -1670,12 +1652,6 @@ function markRootUpdated(root, updateLane, eventTime) {
     root.suspendedLanes = NoLanes;
     root.pingedLanes = NoLanes;
   }
-
-  var eventTimes = root.eventTimes;
-  var index = laneToIndex(updateLane); // We can always overwrite an existing timestamp because we prefer the most
-  // recent event, and we assume time is monotonically increasing.
-
-  eventTimes[index] = eventTime;
 }
 function markRootSuspended$1(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
@@ -1708,7 +1684,6 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   var entanglements = root.entanglements;
-  var eventTimes = root.eventTimes;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
 
@@ -1718,7 +1693,6 @@ function markRootFinished(root, remainingLanes) {
     var index = pickArbitraryLaneIndex(lanes);
     var lane = 1 << index;
     entanglements[index] = NoLanes;
-    eventTimes[index] = NoTimestamp;
     expirationTimes[index] = NoTimestamp;
     var hiddenUpdatesForLane = hiddenUpdates[index];
 
@@ -2734,7 +2708,7 @@ function setValueForNamespacedAttribute(node, namespace, name, value) {
 function setValueForPropertyOnCustomComponent(node, name, value) {
   if (name[0] === "o" && name[1] === "n") {
     var useCapture = name.endsWith("Capture");
-    var eventName = name.substr(2, useCapture ? name.length - 9 : undefined);
+    var eventName = name.slice(2, useCapture ? name.length - 7 : undefined);
     var prevProps = getFiberCurrentPropsFromNode(node);
     var prevValue = prevProps != null ? prevProps[name] : null;
 
@@ -3574,6 +3548,21 @@ function getActiveElement(doc) {
   }
 }
 
+// When passing user input into querySelector(All) the embedded string must not alter
+// the semantics of the query. This escape function is safe to use when we know the
+// provided value is going to be wrapped in double quotes as part of an attribute selector
+// Do not use it anywhere else
+// we escape double quotes and backslashes
+var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n\"\\]/g;
+function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
+  return value.replace(
+    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
+    function (ch) {
+      return "\\" + ch.charCodeAt(0).toString(16) + " ";
+    }
+  );
+}
+
 var didWarnValueDefaultValue$1 = false;
 var didWarnCheckedDefaultChecked = false;
 /**
@@ -3644,9 +3633,30 @@ function updateInput(
   lastDefaultValue,
   checked,
   defaultChecked,
-  type
+  type,
+  name
 ) {
-  var node = element;
+  var node = element; // Temporarily disconnect the input from any radio buttons.
+  // Changing the type or name as the same time as changing the checked value
+  // needs to be atomically applied. We can only ensure that by disconnecting
+  // the name while do the mutations and then reapply the name after that's done.
+
+  node.name = "";
+
+  if (
+    type != null &&
+    typeof type !== "function" &&
+    typeof type !== "symbol" &&
+    typeof type !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(type, "type");
+    }
+
+    node.type = type;
+  } else {
+    node.removeAttribute("type");
+  }
 
   if (value != null) {
     if (type === "number") {
@@ -3665,7 +3675,6 @@ function updateInput(
     // Submit/reset inputs need the attribute removed completely to avoid
     // blank-text buttons.
     node.removeAttribute("value");
-    return;
   }
 
   if (disableInputAttributeSyncing) {
@@ -3712,6 +3721,21 @@ function updateInput(
   if (checked != null && node.checked !== !!checked) {
     node.checked = checked;
   }
+
+  if (
+    name != null &&
+    typeof name !== "function" &&
+    typeof name !== "symbol" &&
+    typeof name !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(name, "name");
+    }
+
+    node.name = toString(getToStringValue(name));
+  } else {
+    node.removeAttribute("name");
+  }
 }
 function initInput(
   element,
@@ -3720,10 +3744,24 @@ function initInput(
   checked,
   defaultChecked,
   type,
+  name,
   isHydrating
 ) {
   var node = element;
 
+  if (
+    type != null &&
+    typeof type !== "function" &&
+    typeof type !== "symbol" &&
+    typeof type !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(type, "type");
+    }
+
+    node.type = type;
+  }
+
   if (value != null || defaultValue != null) {
     var isButton = type === "submit" || type === "reset"; // Avoid setting value attribute on submit/reset inputs as it overrides the
     // default value provided by the browser. See: #12872
@@ -3786,12 +3824,6 @@ function initInput(
   // Reference: https://bugs.chromium.org/p/chromium/issues/detail?id=608416
   // We need to temporarily unset name to avoid disrupting radio button groups.
 
-  var name = node.name;
-
-  if (name !== "") {
-    node.name = "";
-  }
-
   var checkedOrDefault = checked != null ? checked : defaultChecked; // TODO: This 'function' or 'symbol' check isn't replicated in other places
   // so this semantic is inconsistent.
 
@@ -3825,9 +3857,18 @@ function initInput(
     //   3. Otherwise, false
     node.defaultChecked = !node.defaultChecked;
     node.defaultChecked = !!initialChecked;
-  }
+  } // Name needs to be set at the end so that it applies atomically to connected radio buttons.
+
+  if (
+    name != null &&
+    typeof name !== "function" &&
+    typeof name !== "symbol" &&
+    typeof name !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(name, "name");
+    }
 
-  if (name !== "") {
     node.name = name;
   }
 }
@@ -3840,7 +3881,8 @@ function restoreControlledInputState(element, props) {
     props.defaultValue,
     props.checked,
     props.defaultChecked,
-    props.type
+    props.type,
+    props.name
   );
   var name = props.name;
 
@@ -3862,7 +3904,9 @@ function restoreControlledInputState(element, props) {
     }
 
     var group = queryRoot.querySelectorAll(
-      "input[name=" + JSON.stringify("" + name) + '][type="radio"]'
+      'input[name="' +
+        escapeSelectorAttributeValueInsideDoubleQuotes("" + name) +
+        '"][type="radio"]'
     );
 
     for (var i = 0; i < group.length; i++) {
@@ -3896,7 +3940,8 @@ function restoreControlledInputState(element, props) {
         otherProps.defaultValue,
         otherProps.checked,
         otherProps.defaultChecked,
-        otherProps.type
+        otherProps.type,
+        otherProps.name
       );
     }
   }
@@ -4741,35 +4786,8 @@ function validateTextNesting(childText, parentTag) {
   }
 }
 
-var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
 var MATH_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
-var SVG_NAMESPACE = "http://www.w3.org/2000/svg"; // Assumes there is no parent namespace.
-
-function getIntrinsicNamespace(type) {
-  switch (type) {
-    case "svg":
-      return SVG_NAMESPACE;
-
-    case "math":
-      return MATH_NAMESPACE;
-
-    default:
-      return HTML_NAMESPACE;
-  }
-}
-function getChildNamespace(parentNamespace, type) {
-  if (parentNamespace == null || parentNamespace === HTML_NAMESPACE) {
-    // No (or default) parent namespace: potential entry point.
-    return getIntrinsicNamespace(type);
-  }
-
-  if (parentNamespace === SVG_NAMESPACE && type === "foreignObject") {
-    // We're leaving SVG.
-    return HTML_NAMESPACE;
-  } // By default, pass namespace below.
-
-  return parentNamespace;
-}
+var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 
 var reusableSVGContainer;
 
@@ -6371,7 +6389,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
-    } // We can't rely on the event system being injected on the server.
+    }
 
     if (eventRegistry != null) {
       var registrationNameDependencies =
@@ -11785,6 +11803,515 @@ function registerMutableSourceForHydration(root, mutableSource) {
   }
 }
 
+var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
+
+var firstScheduledRoot = null;
+var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+
+var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
+// microtask, so we have to dedupe those separately. This wouldn't be an issue
+// if we required all `act` calls to be awaited, which we might in the future.
+
+var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
+
+var mightHavePendingSyncWork = false;
+var isFlushingWork = false;
+var currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null);
+  else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+    } else {
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
+    }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
+
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  if (ReactCurrentActQueue$2.current !== null) {
+    // We're inside an `act` scope.
+    if (!didScheduleMicrotask_act) {
+      didScheduleMicrotask_act = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  } else {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  }
+
+  if (!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());
+  }
+
+  if (ReactCurrentActQueue$2.isBatchingLegacy && root.tag === LegacyRoot) {
+    // Special `act` case: Record whenever a legacy update is scheduled.
+    ReactCurrentActQueue$2.didScheduleLegacyUpdate = true;
+  }
+}
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
+
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
+    return;
+  }
+
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  }
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
+
+  var didPerformSomeWork;
+  var errors = null;
+  isFlushingWork = true;
+
+  do {
+    didPerformSomeWork = false;
+    var root = firstScheduledRoot;
+
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot);
+      else {
+        var nextLanes = getNextLanes(
+          root,
+          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+        );
+
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            // TODO: Pass nextLanes as an argument instead of computing it again
+            // inside performSyncWorkOnRoot.
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
+
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
+
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
+
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === "function") {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
+      } else {
+        for (var i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
+
+        var firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      var error = errors[0];
+      throw error;
+    }
+  }
+}
+
+function throwError(error) {
+  throw error;
+}
+
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
+
+  {
+    didScheduleMicrotask_act = false;
+  } // We'll recompute this as we iterate through all the roots and schedule them.
+
+  mightHavePendingSyncWork = false;
+  var currentTime = now$1();
+  var prev = null;
+  var root = firstScheduledRoot;
+
+  while (root !== null) {
+    var next = root.next;
+
+    if (
+      currentEventTransitionLane !== NoLane &&
+      shouldAttemptEagerTransition()
+    ) {
+      markRootEntangled(root, mergeLanes(currentEventTransitionLane, SyncLane));
+    }
+
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
+
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
+      }
+
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
+      }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
+
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
+      }
+    }
+
+    root = next;
+  }
+
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
+}
+
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  var nextLanes = getNextLanes(
+    root,
+    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+  );
+  var existingCallbackNode = root.callbackNode;
+
+  if (
+    // Check if there's nothing to work on
+    nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+    // schedule a task to render it. We'll either wait for a ping, or wait to
+    // receive an update.
+    //
+    // Suspended render phase
+    (root === workInProgressRoot && isWorkLoopSuspendedOnData()) || // Suspended commit phase
+    root.cancelPendingCommit !== null
+  ) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
+
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    var existingCallbackPriority = root.callbackPriority;
+    var newCallbackPriority = getHighestPriorityLane(nextLanes);
+
+    if (
+      newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+      // Scheduler task, rather than an `act` task, cancel it and re-schedule
+      // on the `act` queue.
+      !(
+        ReactCurrentActQueue$2.current !== null &&
+        existingCallbackNode !== fakeActCallbackNode$1
+      )
+    ) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
+
+    var schedulerPriorityLevel;
+
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
+
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
+
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
+
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
+
+    var newCallbackNode = scheduleCallback$2(
+      schedulerPriorityLevel,
+      performConcurrentWorkOnRoot.bind(null, root)
+    );
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
+
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
+
+  return null;
+}
+var fakeActCallbackNode$1 = {};
+
+function scheduleCallback$2(priorityLevel, callback) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: We're inside an `act` scope (a testing utility).
+    // Instead of scheduling work in the host environment, add it to a
+    // fake internal queue that's managed by the `act` implementation.
+    ReactCurrentActQueue$2.current.push(callback);
+    return fakeActCallbackNode$1;
+  } else {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode === fakeActCallbackNode$1);
+  else if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
+
+function scheduleImmediateTask(cb) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
+    // callback queue. This is because we currently support calling `act`
+    // without awaiting the result. The plan is to deprecate that, and require
+    // that you always await the result so that the microtasks have a chance to
+    // run. But it hasn't happened yet.
+    ReactCurrentActQueue$2.current.push(function () {
+      cb();
+      return null;
+    });
+  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
+  // Alternatively, can we move this check to the host config?
+
+  {
+    scheduleMicrotask(function () {
+      // In Safari, appending an iframe forces microtasks to run.
+      // https://github.com/facebook/react/issues/22459
+      // We don't support running callbacks in the middle of render
+      // or commit so we need to check against that.
+      var executionContext = getExecutionContext();
+
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        // Note that this would still prematurely flush the callbacks
+        // if this happens outside render or commit phase (e.g. in an event).
+        // Intentionally using a macrotask instead of a microtask here. This is
+        // wrong semantically but it prevents an infinite loop. The bug is
+        // Safari's, not ours, so we just do our best to not crash even though
+        // the behavior isn't completely correct.
+        scheduleCallback$3(ImmediatePriority, cb);
+        return;
+      }
+
+      cb();
+    });
+  }
+}
+
+function requestTransitionLane() {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
+
+  return currentEventTransitionLane;
+}
+
+var currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    actionReturnValue !== null &&
+    typeof actionReturnValue === "object" &&
+    typeof actionReturnValue.then === "function"
+  ) {
+    // This is an async action.
+    //
+    // Return a thenable that resolves once the action scope (i.e. the async
+    // function passed to startTransition) has finished running. The fulfilled
+    // value is `false` to represent that the action is not pending.
+    var thenable = actionReturnValue;
+
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope. Create a new one.
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: false,
+        reason: undefined,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(thenable, asyncAction);
+      currentAsyncAction = asyncAction;
+      return asyncAction;
+    } else {
+      // Inherit the outer scope.
+      var _asyncAction = currentAsyncAction;
+      attachPingListeners(thenable, _asyncAction);
+      return _asyncAction;
+    }
+  } else {
+    // This is not an async action, but it may be part of an outer async action.
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope.
+      return false;
+    } else {
+      // Inherit the outer scope.
+      return currentAsyncAction;
+    }
+  }
+}
+function peekAsyncActionContext() {
+  return currentAsyncAction;
+}
+
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      if (--asyncAction.count === 0) {
+        var fulfilledAsyncAction = asyncAction;
+        fulfilledAsyncAction.status = "fulfilled";
+        completeAsyncActionScope(asyncAction);
+      }
+    },
+    function (error) {
+      if (--asyncAction.count === 0) {
+        var rejectedAsyncAction = asyncAction;
+        rejectedAsyncAction.status = "rejected";
+        rejectedAsyncAction.reason = error;
+        completeAsyncActionScope(asyncAction);
+      }
+    }
+  );
+  return asyncAction;
+}
+
+function completeAsyncActionScope(action) {
+  if (currentAsyncAction === action) {
+    currentAsyncAction = null;
+  }
+
+  var listeners = action.listeners;
+  action.listeners = [];
+
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(false);
+  }
+}
+
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
@@ -12287,7 +12814,6 @@ function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
 
   return children;
 }
-
 function checkDidRenderIdHook() {
   // This should be called immediately after every renderWithHooks call.
   // Conceptually, it's part of the return value of renderWithHooks; it's only a
@@ -12471,38 +12997,42 @@ var createFunctionComponentUpdateQueue;
   };
 }
 
+function useThenable(thenable) {
+  // Track the position of the thenable within this fiber.
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  var result = trackUsedThenable(thenableState, thenable, index);
+
+  if (
+    currentlyRenderingFiber$1.alternate === null &&
+    (workInProgressHook === null
+      ? currentlyRenderingFiber$1.memoizedState === null
+      : workInProgressHook.next === null)
+  ) {
+    // Initial render, and either this is the first time the component is
+    // called, or there were no Hooks called after this use() the previous
+    // time (perhaps because it threw). Subsequent Hook calls should use the
+    // mount dispatcher.
+    {
+      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+    }
+  }
+
+  return result;
+}
+
 function use(usable) {
   if (usable !== null && typeof usable === "object") {
     // $FlowFixMe[method-unbinding]
     if (typeof usable.then === "function") {
       // This is a thenable.
-      var thenable = usable; // Track the position of the thenable within this fiber.
-
-      var index = thenableIndexCounter;
-      thenableIndexCounter += 1;
-
-      if (thenableState === null) {
-        thenableState = createThenableState();
-      }
-
-      var result = trackUsedThenable(thenableState, thenable, index);
-
-      if (
-        currentlyRenderingFiber$1.alternate === null &&
-        (workInProgressHook === null
-          ? currentlyRenderingFiber$1.memoizedState === null
-          : workInProgressHook.next === null)
-      ) {
-        // Initial render, and either this is the first time the component is
-        // called, or there were no Hooks called after this use() the previous
-        // time (perhaps because it threw). Subsequent Hook calls should use the
-        // mount dispatcher.
-        {
-          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
-        }
-      }
-
-      return result;
+      var thenable = usable;
+      return useThenable(thenable);
     } else if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -13294,7 +13824,7 @@ function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
   if (root !== null) {
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -13831,8 +14361,35 @@ function startTransition(setPending, callback, options) {
   }
 
   try {
-    setPending(false);
-    callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(); // `isPending` is either `false` or a thenable that resolves to `false`,
+      // depending on whether the action scope is an async function. In the
+      // async case, the resulting render will suspend until the async action
+      // scope has finished.
+
+      var isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else {
+      // Async actions are not enabled.
+      setPending(false);
+      callback();
+    }
+  } catch (error) {
+    if (enableAsyncActions) {
+      // This is a trick to get the `useTransition` hook to rethrow the error.
+      // When it unwraps the thenable with the `use` algorithm, the error
+      // will be thrown.
+      var rejectedThenable = {
+        then: function () {},
+        status: "rejected",
+        reason: error
+      };
+      setPending(rejectedThenable);
+    } else {
+      // The error rethrowing behavior is only enabled when the async actions
+      // feature is on, even for sync actions.
+      throw error;
+    }
   } finally {
     setCurrentUpdatePriority(previousPriority);
     ReactCurrentBatchConfig$3.transition = prevTransition;
@@ -13857,30 +14414,37 @@ function startTransition(setPending, callback, options) {
 
 function mountTransition() {
   var _mountState = mountState(false),
-    isPending = _mountState[0],
     setPending = _mountState[1]; // The `start` method never changes.
 
   var start = startTransition.bind(null, setPending);
   var hook = mountWorkInProgressHook();
   hook.memoizedState = start;
-  return [isPending, start];
+  return [false, start];
 }
 
 function updateTransition() {
   var _updateState = updateState(),
-    isPending = _updateState[0];
+    booleanOrThenable = _updateState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
 function rerenderTransition() {
   var _rerenderState = rerenderState(),
-    isPending = _rerenderState[0];
+    booleanOrThenable = _rerenderState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
@@ -13955,8 +14519,7 @@ function refreshCache(fiber, seedKey, seedValue) {
         var root = enqueueUpdate(provider, refreshUpdate, lane);
 
         if (root !== null) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, provider, lane, eventTime);
+          scheduleUpdateOnFiber(root, provider, lane);
           entangleTransitions(root, provider, lane);
         } // TODO: If a refresh never commits, the new cache created here must be
         // released. A simple case is start refreshing a cache boundary, but then
@@ -14010,8 +14573,7 @@ function dispatchReducerAction(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -14094,8 +14656,7 @@ function dispatchSetState(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -14166,6 +14727,7 @@ function markUpdateInDevTools(fiber, lane, action) {
 
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -14188,10 +14750,6 @@ var ContextOnlyDispatcher = {
   ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
 }
 
-{
-  ContextOnlyDispatcher.use = throwInvalidHookError;
-}
-
 {
   ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 }
@@ -14231,6 +14789,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       mountHookTypesDev();
@@ -14351,10 +14910,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnMountInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnMountInDEV.useMemoCache = useMemoCache;
   }
@@ -14373,6 +14928,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -14488,10 +15044,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnMountWithHookTypesInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnMountWithHookTypesInDEV.useMemoCache = useMemoCache;
   }
@@ -14509,6 +15061,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -14623,10 +15176,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnUpdateInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnUpdateInDEV.useMemoCache = useMemoCache;
   }
@@ -14645,6 +15194,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -14760,10 +15310,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnRerenderInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnRerenderInDEV.useMemoCache = useMemoCache;
   }
@@ -14783,6 +15329,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -14914,13 +15464,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnMountInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnMountInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -14943,6 +15486,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -15074,13 +15621,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnUpdateInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnUpdateInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -15103,6 +15643,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -15234,13 +15778,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnRerenderInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnRerenderInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -15580,8 +16117,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -15616,8 +16152,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -15652,8 +16187,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -19847,16 +20381,9 @@ function updateDehydratedSuspenseComponent(
           // Intentionally mutating since this render will get interrupted. This
           // is one of the very rare times where we mutate the current tree
           // during the render phase.
-          suspenseState.retryLane = attemptHydrationAtLane; // TODO: Ideally this would inherit the event time of the current render
-
-          var eventTime = NoTimestamp;
+          suspenseState.retryLane = attemptHydrationAtLane;
           enqueueConcurrentRenderForLane(current, attemptHydrationAtLane);
-          scheduleUpdateOnFiber(
-            root,
-            current,
-            attemptHydrationAtLane,
-            eventTime
-          ); // Throw a special object that signals to the work loop that it should
+          scheduleUpdateOnFiber(root, current, attemptHydrationAtLane); // Throw a special object that signals to the work loop that it should
           // interrupt the current render.
           //
           // Because we're inside a React-only execution stack, we don't
@@ -21881,7 +22408,7 @@ var AbortControllerLocal =
       }; // Intentionally not named imports because Rollup would
 // use dynamic dispatch for CommonJS interop named imports.
 
-var scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+var scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority;
 var CacheContext = {
   $$typeof: REACT_CONTEXT_TYPE,
@@ -21937,7 +22464,7 @@ function releaseCache(cache) {
   }
 
   if (cache.refCount === 0) {
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
   }
@@ -26151,7 +26678,7 @@ function detachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility |= OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 function attachOffscreenInstance(instance) {
@@ -26172,7 +26699,7 @@ function attachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility &= ~OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -28410,7 +28937,7 @@ function onCommitRoot() {
   }
 }
 
-var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue;
+var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
 function isLegacyActEnvironment(fiber) {
   {
     // Legacy mode. We preserve the behavior of React 17's act. It assumes an
@@ -28435,7 +28962,7 @@ function isConcurrentActEnvironment() {
 
     if (
       !isReactActEnvironmentGlobal &&
-      ReactCurrentActQueue$2.current !== null
+      ReactCurrentActQueue$1.current !== null
     ) {
       // TODO: Include link to relevant documentation page.
       error(
@@ -28466,402 +28993,6 @@ function schedulePostPaintCallback(callback) {
   }
 }
 
-var ReactCurrentActQueue$1 = 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;
-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$1.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());
-  }
-
-  if (ReactCurrentActQueue$1.isBatchingLegacy && root.tag === LegacyRoot) {
-    // Special `act` case: Record whenever a legacy update is scheduled.
-    ReactCurrentActQueue$1.didScheduleLegacyUpdate = true;
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
-
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
-  }
-
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  }
-
-  var workInProgressRoot = getWorkInProgressRoot();
-  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
-
-  var didPerformSomeWork;
-  var errors = null;
-  isFlushingWork = true;
-
-  do {
-    didPerformSomeWork = false;
-    var root = firstScheduledRoot;
-
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot);
-      else {
-        var nextLanes = getNextLanes(
-          root,
-          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
-        );
-
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            // TODO: Pass nextLanes as an argument instead of computing it again
-            // inside performSyncWorkOnRoot.
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
-          }
-        }
-      }
-
-      root = root.next;
-    }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
-
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === "function") {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (var i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
-
-        var firstError = errors[0];
-        throw firstError;
-      }
-    } else {
-      var error = errors[0];
-      throw error;
-    }
-  }
-}
-
-function throwError(error) {
-  throw error;
-}
-
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
-
-  {
-    didScheduleMicrotask_act = false;
-  } // We'll recompute this as we iterate through all the roots and schedule them.
-
-  mightHavePendingSyncWork = false;
-  var currentTime = now$1();
-  var prev = null;
-  var root = firstScheduledRoot;
-
-  while (root !== null) {
-    var next = root.next;
-    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;
-  } // 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$1.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$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 (ReactCurrentActQueue$1.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$1.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$1.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$1.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();
-    });
-  }
-}
-
-var ceil = Math.ceil;
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
@@ -29126,12 +29257,7 @@ var isFlushingPassiveEffects = false;
 var didScheduleUpdateDuringPassiveEffects = false;
 var NESTED_PASSIVE_UPDATE_LIMIT = 50;
 var nestedPassiveUpdateCount = 0;
-var rootWithPassiveNestedUpdates = null; // If two updates are scheduled within the same event, we should treat their
-// event times as simultaneous, even if the actual clock time has advanced
-// between the first and second call.
-
-var currentEventTime = NoTimestamp;
-var currentEventTransitionLane = NoLanes;
+var rootWithPassiveNestedUpdates = null;
 var isRunningInsertionEffect = false;
 function getWorkInProgressRoot() {
   return workInProgressRoot;
@@ -29142,20 +29268,6 @@ function getWorkInProgressRootRenderLanes() {
 function isWorkLoopSuspendedOnData() {
   return workInProgressSuspendedReason === SuspendedOnData;
 }
-function requestEventTime() {
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    // We're inside React, so it's fine to read the actual time.
-    return now$1();
-  } // We're not inside React, so we may be in the middle of a browser event.
-
-  if (currentEventTime !== NoTimestamp) {
-    // Use the same start time for all updates until we enter React again.
-    return currentEventTime;
-  } // This is the first update since React yielded. Compute a new start time.
-
-  currentEventTime = now$1();
-  return currentEventTime;
-}
 function requestUpdateLane(fiber) {
   // Special cases
   var mode = fiber.mode;
@@ -29189,20 +29301,14 @@ function requestUpdateLane(fiber) {
       }
 
       transition._updatedFibers.add(fiber);
-    } // 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;
+    var asyncAction = peekAsyncActionContext();
+    return asyncAction !== null // We're inside an async action scope. Reuse the same lane.
+      ? asyncAction.lane // We may or may not be inside an async action scope. If we are, this
+      : // 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.
   //
@@ -29239,7 +29345,7 @@ function requestRetryLane(fiber) {
   return claimNextRetryLane();
 }
 
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   {
     if (isRunningInsertionEffect) {
       error("useInsertionEffect must not schedule updates.");
@@ -29265,7 +29371,7 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
     markRootSuspended(root, workInProgressRootRenderLanes);
   } // Mark that the root has a pending update.
 
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
 
   if (
     (executionContext & RenderContext) !== NoLanes &&
@@ -29367,7 +29473,7 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
     }
   }
 }
-function scheduleInitialHydrationOnRoot(root, lane, eventTime) {
+function scheduleInitialHydrationOnRoot(root, lane) {
   // This is a special fork of scheduleUpdateOnFiber that is only used to
   // schedule the initial hydration of a root that has just been created. Most
   // of the stuff in scheduleUpdateOnFiber can be skipped.
@@ -29379,7 +29485,7 @@ function scheduleInitialHydrationOnRoot(root, lane, eventTime) {
   // match what was rendered on the server.
   var current = root.current;
   current.lanes = lane;
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
   ensureRootIsScheduled(root);
 }
 function isUnsafeClassRenderPhaseUpdate(fiber) {
@@ -29392,11 +29498,7 @@ function isUnsafeClassRenderPhaseUpdate(fiber) {
 function performConcurrentWorkOnRoot(root, didTimeout) {
   {
     resetNestedUpdateFlag();
-  } // Since we know we're in a React event, we can clear the current
-  // event time. The next update will compute a new event time.
-
-  currentEventTime = NoTimestamp;
-  currentEventTransitionLane = NoLanes;
+  }
 
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
     throw new Error("Should not already be working.");
@@ -29622,133 +29724,30 @@ function queueRecoverableErrors(errors) {
 }
 
 function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
+  // TODO: The fact that most of these branches are identical suggests that some
+  // of the exit statuses are not best modeled as exit statuses and should be
+  // tracked orthogonally.
   switch (exitStatus) {
     case RootInProgress:
     case RootFatalErrored: {
       throw new Error("Root did not complete. This is a bug in React.");
     }
 
-    case RootErrored: {
-      // We should have already attempted to retry this tree. If we reached
-      // this point, it errored again. Commit it.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
-    case RootSuspended: {
-      markRootSuspended(root, lanes); // We have an acceptable loading state. We need to figure out if we
-      // should immediately commit it or wait a bit.
-
-      if (
-        includesOnlyRetries(lanes) && // do not delay if we're inside an act() scope
-        !shouldForceFlushFallbacksInDEV()
-      ) {
-        // This render only included retries, no updates. Throttle committing
-        // retries so that we don't show too many loading states too quickly.
-        var msUntilTimeout =
-          globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
-
-        if (msUntilTimeout > 10) {
-          var nextLanes = getNextLanes(root, NoLanes);
-
-          if (nextLanes !== NoLanes) {
-            // There's additional work on this root.
-            break;
-          } // The render is suspended, it hasn't timed out, and there's no
-          // lower priority work to do. Instead of committing the fallback
-          // immediately, wait for more data to arrive.
-
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            msUntilTimeout
-          );
-          break;
-        }
-      } // The work expired. Commit immediately.
-
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
     case RootSuspendedWithDelay: {
-      markRootSuspended(root, lanes);
-
       if (includesOnlyTransitions(lanes)) {
         // This is a transition, so we should exit without committing a
         // placeholder and without scheduling a timeout. Delay indefinitely
         // until we receive more data.
-        break;
-      }
-
-      if (!shouldForceFlushFallbacksInDEV()) {
-        // This is not a transition, but we did trigger an avoided state.
-        // Schedule a placeholder to display after a short delay, using the Just
-        // Noticeable Difference.
-        // TODO: Is the JND optimization worth the added complexity? If this is
-        // the only reason we track the event time, then probably not.
-        // Consider removing.
-        var mostRecentEventTime = getMostRecentEventTime(root, lanes);
-        var eventTimeMs = mostRecentEventTime;
-        var timeElapsedMs = now$1() - eventTimeMs;
-
-        var _msUntilTimeout = jnd(timeElapsedMs) - timeElapsedMs; // Don't bother with a very short suspense time.
-
-        if (_msUntilTimeout > 10) {
-          // Instead of committing the fallback immediately, wait for more data
-          // to arrive.
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            _msUntilTimeout
-          );
-          break;
-        }
+        markRootSuspended(root, lanes);
+        return;
       } // Commit the placeholder.
 
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
+    case RootErrored:
+    case RootSuspended:
     case RootCompleted: {
-      // The work completed.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
@@ -29756,6 +29755,61 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
       throw new Error("Unknown root exit status.");
     }
   }
+
+  if (shouldForceFlushFallbacksInDEV()) {
+    // We're inside an `act` scope. Commit immediately.
+    commitRoot(
+      root,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions
+    );
+  } else {
+    if (
+      includesOnlyRetries(lanes) &&
+      (alwaysThrottleRetries || exitStatus === RootSuspended)
+    ) {
+      // This render only included retries, no updates. Throttle committing
+      // retries so that we don't show too many loading states too quickly.
+      var msUntilTimeout =
+        globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
+
+      if (msUntilTimeout > 10) {
+        markRootSuspended(root, lanes);
+        var nextLanes = getNextLanes(root, NoLanes);
+
+        if (nextLanes !== NoLanes) {
+          // There's additional work we can do on this root. We might as well
+          // attempt to work on that while we're suspended.
+          return;
+        } // The render is suspended, it hasn't timed out, and there's no
+        // lower priority work to do. Instead of committing the fallback
+        // immediately, wait for more data to arrive.
+        // TODO: Combine retry throttling with Suspensey commits. Right now they
+        // run one after the other.
+
+        root.timeoutHandle = scheduleTimeout(
+          commitRootWhenReady.bind(
+            null,
+            root,
+            finishedWork,
+            workInProgressRootRecoverableErrors,
+            workInProgressTransitions,
+            lanes
+          ),
+          msUntilTimeout
+        );
+        return;
+      }
+    }
+
+    commitRootWhenReady(
+      root,
+      finishedWork,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions,
+      lanes
+    );
+  }
 }
 
 function commitRootWhenReady(
@@ -29765,6 +29819,8 @@ function commitRootWhenReady(
   transitions,
   lanes
 ) {
+  // TODO: Combine retry throttling with Suspensey commits. Right now they run
+  // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
     // Before committing, ask the renderer whether the host tree is ready.
     // If it's not, we'll wait until it notifies us.
@@ -29787,22 +29843,14 @@ function commitRootWhenReady(
       // us that it's ready. This will be canceled if we start work on the
       // root again.
       root.cancelPendingCommit = schedulePendingCommit(
-        commitRoot.bind(
-          null,
-          root,
-          workInProgressRootRecoverableErrors,
-          workInProgressTransitions
-        )
+        commitRoot.bind(null, root, recoverableErrors, transitions)
       );
+      markRootSuspended(root, lanes);
       return;
     }
   } // Otherwise, commit immediately.
 
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -30288,7 +30336,6 @@ function shouldRemainOnPreviousScreen() {
 }
 
 function pushDispatcher(container) {
-  prepareRendererToRender(container);
   var prevDispatcher = ReactCurrentDispatcher.current;
   ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
@@ -30303,7 +30350,6 @@ function pushDispatcher(container) {
 }
 
 function popDispatcher(prevDispatcher) {
-  resetRendererAfterRender();
   ReactCurrentDispatcher.current = prevDispatcher;
 }
 
@@ -30381,7 +30427,7 @@ function renderHasNotSuspendedYet() {
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= RenderContext;
-  var prevDispatcher = pushDispatcher(root.containerInfo);
+  var prevDispatcher = pushDispatcher();
   var prevCacheDispatcher = pushCacheDispatcher(); // If the root or lanes have changed, throw out the existing stack
   // and prepare a fresh one. Otherwise we'll continue where we left off.
 
@@ -30502,7 +30548,7 @@ function workLoopSync() {
 function renderRootConcurrent(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= RenderContext;
-  var prevDispatcher = pushDispatcher(root.containerInfo);
+  var prevDispatcher = pushDispatcher();
   var prevCacheDispatcher = pushCacheDispatcher(); // If the root or lanes have changed, throw out the existing stack
   // and prepare a fresh one. Otherwise we'll continue where we left off.
 
@@ -30874,6 +30920,16 @@ function replaySuspendedUnitOfWork(unitOfWork) {
       break;
     }
 
+    case HostComponent: {
+      // Some host components are stateful (that's how we implement form
+      // actions) but we don't bother to reuse the memoized state because it's
+      // not worth the extra code. The main reason to reuse the previous hooks
+      // is to reuse uncached promises, but we happen to know that the only
+      // promises that a host component might suspend on are definitely cached
+      // because they are controlled by us. So don't bother.
+      resetHooksOnUnwind(); // Fallthrough to the next branch.
+    }
+
     default: {
       // Other types besides function components are reset completely before
       // being replayed. Currently this only happens when a Usable type is
@@ -30979,28 +31035,14 @@ function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
 
   do {
-    if (revertRemovalOfSiblingPrerendering) {
+    {
       if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-        // This fiber did not complete, because one of its children did not
-        // complete. Switch to unwinding the stack instead of completing it.
-        //
-        // The reason "unwind" and "complete" is interleaved is because when
-        // something suspends, we continue rendering the siblings even though
-        // they will be replaced by a fallback.
-        // TODO: Disable sibling prerendering, then remove this branch.
-        unwindUnitOfWork(completedWork);
-        return;
-      }
-    } else {
-      {
-        if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-          // NOTE: If we re-enable sibling prerendering in some cases, this branch
-          // is where we would switch to the unwinding path.
-          error(
-            "Internal React error: Expected this fiber to be complete, but " +
-              "it isn't. It should have been unwound. This is a bug in React."
-          );
-        }
+        // NOTE: If we re-enable sibling prerendering in some cases, this branch
+        // is where we would switch to the unwinding path.
+        error(
+          "Internal React error: Expected this fiber to be complete, but " +
+            "it isn't. It should have been unwound. This is a bug in React."
+        );
       }
     } // The current, flushed, state of this fiber is the alternate. Ideally
     // nothing should rely on this, but relying on it here means that we don't
@@ -31099,23 +31141,10 @@ function unwindUnitOfWork(unitOfWork) {
       returnFiber.flags |= Incomplete;
       returnFiber.subtreeFlags = NoFlags$1;
       returnFiber.deletions = null;
-    }
-
-    if (revertRemovalOfSiblingPrerendering) {
-      // If there are siblings, work on them now even though they're going to be
-      // replaced by a fallback. We're "prerendering" them. Historically our
-      // rationale for this behavior has been to initiate any lazy data requests
-      // in the siblings, and also to warm up the CPU cache.
-      // TODO: Don't prerender siblings. With `use`, we suspend the work loop
-      // until the data has resolved, anyway.
-      var siblingFiber = incompleteWork.sibling;
-
-      if (siblingFiber !== null) {
-        // This branch will return us to the normal work loop.
-        workInProgress = siblingFiber;
-        return;
-      }
-    } // Otherwise, return to the parent
+    } // NOTE: If we re-enable sibling prerendering in some cases, here we
+    // would switch to the normal completion path: check if a sibling
+    // exists, and if so, begin work on it.
+    // Otherwise, return to the parent
     // $FlowFixMe[incompatible-type] we bail out when we get a null
 
     incompleteWork = returnFiber; // Update the next thing we're working on in case something throws.
@@ -31759,10 +31788,9 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   var errorInfo = createCapturedValueAtFiber(error, sourceFiber);
   var update = createRootErrorUpdate(rootFiber, errorInfo, SyncLane);
   var root = enqueueUpdate(rootFiber, update, SyncLane);
-  var eventTime = requestEventTime();
 
   if (root !== null) {
-    markRootUpdated(root, SyncLane, eventTime);
+    markRootUpdated(root, SyncLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -31798,10 +31826,9 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) {
         var errorInfo = createCapturedValueAtFiber(error$1, sourceFiber);
         var update = createClassErrorUpdate(fiber, errorInfo, SyncLane);
         var root = enqueueUpdate(fiber, update, SyncLane);
-        var eventTime = requestEventTime();
 
         if (root !== null) {
-          markRootUpdated(root, SyncLane, eventTime);
+          markRootUpdated(root, SyncLane);
           ensureRootIsScheduled(root);
         }
 
@@ -31927,11 +31954,10 @@ function retryTimedOutBoundary(boundaryFiber, retryLane) {
     retryLane = requestRetryLane(boundaryFiber);
   } // TODO: Special case idle priority?
 
-  var eventTime = requestEventTime();
   var root = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
 
   if (root !== null) {
-    markRootUpdated(root, retryLane, eventTime);
+    markRootUpdated(root, retryLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -31986,32 +32012,7 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
   }
 
   retryTimedOutBoundary(boundaryFiber, retryLane);
-} // Computes the next Just Noticeable Difference (JND) boundary.
-// The theory is that a person can't tell the difference between small differences in time.
-// Therefore, if we wait a bit longer than necessary that won't translate to a noticeable
-// difference in the experience. However, waiting for longer might mean that we can avoid
-// showing an intermediate loading state. The longer we have already waited, the harder it
-// is to tell small differences in time. Therefore, the longer we've already waited,
-// the longer we can wait additionally. At some point we have to give up though.
-// We pick a train model where the next boundary commits at a consistent schedule.
-// These particular numbers are vague estimates. We expect to adjust them based on research.
-
-function jnd(timeElapsed) {
-  return timeElapsed < 120
-    ? 120
-    : timeElapsed < 480
-    ? 480
-    : timeElapsed < 1080
-    ? 1080
-    : timeElapsed < 1920
-    ? 1920
-    : timeElapsed < 3000
-    ? 3000
-    : timeElapsed < 4320
-    ? 4320
-    : ceil(timeElapsed / 1960) * 1960;
 }
-
 function throwIfInfiniteUpdateLoopDetected() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
@@ -32692,7 +32693,7 @@ function scheduleFibersWithFamiliesRecursively(
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
 
@@ -33605,7 +33606,6 @@ function FiberRootNode(
   this.next = null;
   this.callbackNode = null;
   this.callbackPriority = NoLane;
-  this.eventTimes = createLaneMap(NoLanes);
   this.expirationTimes = createLaneMap(NoTimestamp);
   this.pendingLanes = NoLanes;
   this.suspendedLanes = NoLanes;
@@ -33736,7 +33736,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-52157a92";
+var ReactVersion = "18.3.0-www-modern-cbca888b";
 
 function createPortal$1(
   children,
@@ -33850,9 +33850,8 @@ function createHydrationContainer(
   var update = createUpdate(lane);
   update.callback =
     callback !== undefined && callback !== null ? callback : null;
-  var eventTime = requestEventTime();
   enqueueUpdate(current, update, lane);
-  scheduleInitialHydrationOnRoot(root, lane, eventTime);
+  scheduleInitialHydrationOnRoot(root, lane);
   return root;
 }
 function updateContainer(element, container, parentComponent, callback) {
@@ -33914,8 +33913,7 @@ function updateContainer(element, container, parentComponent, callback) {
   var root = enqueueUpdate(current$1, update, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, current$1, lane, eventTime);
+    scheduleUpdateOnFiber(root, current$1, lane);
     entangleTransitions(root, current$1, lane);
   }
 
@@ -33940,8 +33938,7 @@ function attemptSynchronousHydration(fiber) {
         var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
         if (root !== null) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, fiber, SyncLane, eventTime);
+          scheduleUpdateOnFiber(root, fiber, SyncLane);
         }
       }); // If we're still blocked after this, we need to increase
       // the priority of any promises resolving within this
@@ -33987,8 +33984,7 @@ function attemptContinuousHydration(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+    scheduleUpdateOnFiber(root, fiber, lane);
   }
 
   markRetryLaneIfNotHydrated(fiber, lane);
@@ -34004,8 +34000,7 @@ function attemptHydrationAtCurrentPriority(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+    scheduleUpdateOnFiber(root, fiber, lane);
   }
 
   markRetryLaneIfNotHydrated(fiber, lane);
@@ -34152,7 +34147,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -34173,7 +34168,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -34194,7 +34189,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
@@ -34209,7 +34204,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -34223,7 +34218,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -34237,7 +34232,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -34245,7 +34240,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -34438,864 +34433,6 @@ if (canUseDOM) {
   }
 }
 
-// has this definition built-in.
-
-var hasScheduledReplayAttempt = false; // The last of each continuous event type. We only need to replay the last one
-// if the last target was dehydrated.
-
-var queuedFocus = null;
-var queuedDrag = null;
-var queuedMouse = null; // For pointer events there can be one latest event per pointerId.
-
-var queuedPointers = new Map();
-var queuedPointerCaptures = new Map(); // We could consider replaying selectionchange and touchmoves too.
-
-var queuedExplicitHydrationTargets = [];
-var discreteReplayableEvents = [
-  "mousedown",
-  "mouseup",
-  "touchcancel",
-  "touchend",
-  "touchstart",
-  "auxclick",
-  "dblclick",
-  "pointercancel",
-  "pointerdown",
-  "pointerup",
-  "dragend",
-  "dragstart",
-  "drop",
-  "compositionend",
-  "compositionstart",
-  "keydown",
-  "keypress",
-  "keyup",
-  "input",
-  "textInput", // Intentionally camelCase
-  "copy",
-  "cut",
-  "paste",
-  "click",
-  "change",
-  "contextmenu",
-  "reset",
-  "submit"
-];
-function isDiscreteEventThatRequiresHydration(eventType) {
-  return discreteReplayableEvents.indexOf(eventType) > -1;
-}
-
-function createQueuedReplayableEvent(
-  blockedOn,
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  return {
-    blockedOn: blockedOn,
-    domEventName: domEventName,
-    eventSystemFlags: eventSystemFlags,
-    nativeEvent: nativeEvent,
-    targetContainers: [targetContainer]
-  };
-} // Resets the replaying for this type of continuous event to no event.
-
-function clearIfContinuousEvent(domEventName, nativeEvent) {
-  switch (domEventName) {
-    case "focusin":
-    case "focusout":
-      queuedFocus = null;
-      break;
-
-    case "dragenter":
-    case "dragleave":
-      queuedDrag = null;
-      break;
-
-    case "mouseover":
-    case "mouseout":
-      queuedMouse = null;
-      break;
-
-    case "pointerover":
-    case "pointerout": {
-      var pointerId = nativeEvent.pointerId;
-      queuedPointers.delete(pointerId);
-      break;
-    }
-
-    case "gotpointercapture":
-    case "lostpointercapture": {
-      var _pointerId = nativeEvent.pointerId;
-      queuedPointerCaptures.delete(_pointerId);
-      break;
-    }
-  }
-}
-
-function accumulateOrCreateContinuousQueuedReplayableEvent(
-  existingQueuedEvent,
-  blockedOn,
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  if (
-    existingQueuedEvent === null ||
-    existingQueuedEvent.nativeEvent !== nativeEvent
-  ) {
-    var queuedEvent = createQueuedReplayableEvent(
-      blockedOn,
-      domEventName,
-      eventSystemFlags,
-      targetContainer,
-      nativeEvent
-    );
-
-    if (blockedOn !== null) {
-      var fiber = getInstanceFromNode$1(blockedOn);
-
-      if (fiber !== null) {
-        // Attempt to increase the priority of this target.
-        attemptContinuousHydration(fiber);
-      }
-    }
-
-    return queuedEvent;
-  } // If we have already queued this exact event, then it's because
-  // the different event systems have different DOM event listeners.
-  // We can accumulate the flags, and the targetContainers, and
-  // store a single event to be replayed.
-
-  existingQueuedEvent.eventSystemFlags |= eventSystemFlags;
-  var targetContainers = existingQueuedEvent.targetContainers;
-
-  if (
-    targetContainer !== null &&
-    targetContainers.indexOf(targetContainer) === -1
-  ) {
-    targetContainers.push(targetContainer);
-  }
-
-  return existingQueuedEvent;
-}
-
-function queueIfContinuousEvent(
-  blockedOn,
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  // These set relatedTarget to null because the replayed event will be treated as if we
-  // moved from outside the window (no target) onto the target once it hydrates.
-  // Instead of mutating we could clone the event.
-  switch (domEventName) {
-    case "focusin": {
-      var focusEvent = nativeEvent;
-      queuedFocus = accumulateOrCreateContinuousQueuedReplayableEvent(
-        queuedFocus,
-        blockedOn,
-        domEventName,
-        eventSystemFlags,
-        targetContainer,
-        focusEvent
-      );
-      return true;
-    }
-
-    case "dragenter": {
-      var dragEvent = nativeEvent;
-      queuedDrag = accumulateOrCreateContinuousQueuedReplayableEvent(
-        queuedDrag,
-        blockedOn,
-        domEventName,
-        eventSystemFlags,
-        targetContainer,
-        dragEvent
-      );
-      return true;
-    }
-
-    case "mouseover": {
-      var mouseEvent = nativeEvent;
-      queuedMouse = accumulateOrCreateContinuousQueuedReplayableEvent(
-        queuedMouse,
-        blockedOn,
-        domEventName,
-        eventSystemFlags,
-        targetContainer,
-        mouseEvent
-      );
-      return true;
-    }
-
-    case "pointerover": {
-      var pointerEvent = nativeEvent;
-      var pointerId = pointerEvent.pointerId;
-      queuedPointers.set(
-        pointerId,
-        accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedPointers.get(pointerId) || null,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          pointerEvent
-        )
-      );
-      return true;
-    }
-
-    case "gotpointercapture": {
-      var _pointerEvent = nativeEvent;
-      var _pointerId2 = _pointerEvent.pointerId;
-      queuedPointerCaptures.set(
-        _pointerId2,
-        accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedPointerCaptures.get(_pointerId2) || null,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          _pointerEvent
-        )
-      );
-      return true;
-    }
-  }
-
-  return false;
-} // Check if this target is unblocked. Returns true if it's unblocked.
-
-function attemptExplicitHydrationTarget(queuedTarget) {
-  // TODO: This function shares a lot of logic with findInstanceBlockingEvent.
-  // Try to unify them. It's a bit tricky since it would require two return
-  // values.
-  var targetInst = getClosestInstanceFromNode(queuedTarget.target);
-
-  if (targetInst !== null) {
-    var nearestMounted = getNearestMountedFiber(targetInst);
-
-    if (nearestMounted !== null) {
-      var tag = nearestMounted.tag;
-
-      if (tag === SuspenseComponent) {
-        var instance = getSuspenseInstanceFromFiber(nearestMounted);
-
-        if (instance !== null) {
-          // We're blocked on hydrating this boundary.
-          // Increase its priority.
-          queuedTarget.blockedOn = instance;
-          runWithPriority(queuedTarget.priority, function () {
-            attemptHydrationAtCurrentPriority(nearestMounted);
-          });
-          return;
-        }
-      } else if (tag === HostRoot) {
-        var root = nearestMounted.stateNode;
-
-        if (isRootDehydrated(root)) {
-          queuedTarget.blockedOn = getContainerFromFiber(nearestMounted); // We don't currently have a way to increase the priority of
-          // a root other than sync.
-
-          return;
-        }
-      }
-    }
-  }
-
-  queuedTarget.blockedOn = null;
-}
-
-function queueExplicitHydrationTarget(target) {
-  // 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,
-    priority: updatePriority
-  };
-  var i = 0;
-
-  for (; i < queuedExplicitHydrationTargets.length; i++) {
-    // Stop once we hit the first target with lower priority than
-    if (
-      !isHigherEventPriority(
-        updatePriority,
-        queuedExplicitHydrationTargets[i].priority
-      )
-    ) {
-      break;
-    }
-  }
-
-  queuedExplicitHydrationTargets.splice(i, 0, queuedTarget);
-
-  if (i === 0) {
-    attemptExplicitHydrationTarget(queuedTarget);
-  }
-}
-
-function attemptReplayContinuousQueuedEvent(queuedEvent) {
-  if (queuedEvent.blockedOn !== null) {
-    return false;
-  }
-
-  var targetContainers = queuedEvent.targetContainers;
-
-  while (targetContainers.length > 0) {
-    var nextBlockedOn = findInstanceBlockingEvent(queuedEvent.nativeEvent);
-
-    if (nextBlockedOn === null) {
-      var nativeEvent = queuedEvent.nativeEvent;
-      var nativeEventClone = new nativeEvent.constructor(
-        nativeEvent.type,
-        nativeEvent
-      );
-      setReplayingEvent(nativeEventClone);
-      nativeEvent.target.dispatchEvent(nativeEventClone);
-      resetReplayingEvent();
-    } else {
-      // We're still blocked. Try again later.
-      var fiber = getInstanceFromNode$1(nextBlockedOn);
-
-      if (fiber !== null) {
-        attemptContinuousHydration(fiber);
-      }
-
-      queuedEvent.blockedOn = nextBlockedOn;
-      return false;
-    } // This target container was successfully dispatched. Try the next.
-
-    targetContainers.shift();
-  }
-
-  return true;
-}
-
-function attemptReplayContinuousQueuedEventInMap(queuedEvent, key, map) {
-  if (attemptReplayContinuousQueuedEvent(queuedEvent)) {
-    map.delete(key);
-  }
-}
-
-function replayUnblockedEvents() {
-  hasScheduledReplayAttempt = false; // Replay any continuous events.
-
-  if (queuedFocus !== null && attemptReplayContinuousQueuedEvent(queuedFocus)) {
-    queuedFocus = null;
-  }
-
-  if (queuedDrag !== null && attemptReplayContinuousQueuedEvent(queuedDrag)) {
-    queuedDrag = null;
-  }
-
-  if (queuedMouse !== null && attemptReplayContinuousQueuedEvent(queuedMouse)) {
-    queuedMouse = null;
-  }
-
-  queuedPointers.forEach(attemptReplayContinuousQueuedEventInMap);
-  queuedPointerCaptures.forEach(attemptReplayContinuousQueuedEventInMap);
-}
-
-function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
-  if (queuedEvent.blockedOn === unblocked) {
-    queuedEvent.blockedOn = null;
-
-    if (!hasScheduledReplayAttempt) {
-      hasScheduledReplayAttempt = true; // Schedule a callback to attempt replaying as many events as are
-      // now unblocked. This first might not actually be unblocked yet.
-      // We could check it early to avoid scheduling an unnecessary callback.
-
-      Scheduler.unstable_scheduleCallback(
-        Scheduler.unstable_NormalPriority,
-        replayUnblockedEvents
-      );
-    }
-  }
-}
-
-function retryIfBlockedOn(unblocked) {
-  if (queuedFocus !== null) {
-    scheduleCallbackIfUnblocked(queuedFocus, unblocked);
-  }
-
-  if (queuedDrag !== null) {
-    scheduleCallbackIfUnblocked(queuedDrag, unblocked);
-  }
-
-  if (queuedMouse !== null) {
-    scheduleCallbackIfUnblocked(queuedMouse, unblocked);
-  }
-
-  var unblock = function (queuedEvent) {
-    return scheduleCallbackIfUnblocked(queuedEvent, unblocked);
-  };
-
-  queuedPointers.forEach(unblock);
-  queuedPointerCaptures.forEach(unblock);
-
-  for (var i = 0; i < queuedExplicitHydrationTargets.length; i++) {
-    var queuedTarget = queuedExplicitHydrationTargets[i];
-
-    if (queuedTarget.blockedOn === unblocked) {
-      queuedTarget.blockedOn = null;
-    }
-  }
-
-  while (queuedExplicitHydrationTargets.length > 0) {
-    var nextExplicitTarget = queuedExplicitHydrationTargets[0];
-
-    if (nextExplicitTarget.blockedOn !== null) {
-      // We're still blocked.
-      break;
-    } else {
-      attemptExplicitHydrationTarget(nextExplicitTarget);
-
-      if (nextExplicitTarget.blockedOn === null) {
-        // We're unblocked.
-        queuedExplicitHydrationTargets.shift();
-      }
-    }
-  }
-}
-
-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.
-
-function setEnabled(enabled) {
-  _enabled = !!enabled;
-}
-function isEnabled() {
-  return _enabled;
-}
-function createEventListenerWrapperWithPriority(
-  targetContainer,
-  domEventName,
-  eventSystemFlags
-) {
-  var eventPriority = getEventPriority(domEventName);
-  var listenerWrapper;
-
-  switch (eventPriority) {
-    case DiscreteEventPriority:
-      listenerWrapper = dispatchDiscreteEvent;
-      break;
-
-    case ContinuousEventPriority:
-      listenerWrapper = dispatchContinuousEvent;
-      break;
-
-    case DefaultEventPriority:
-    default:
-      listenerWrapper = dispatchEvent;
-      break;
-  }
-
-  return listenerWrapper.bind(
-    null,
-    domEventName,
-    eventSystemFlags,
-    targetContainer
-  );
-}
-
-function dispatchDiscreteEvent(
-  domEventName,
-  eventSystemFlags,
-  container,
-  nativeEvent
-) {
-  var previousPriority = getCurrentUpdatePriority();
-  var prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = null;
-
-  try {
-    setCurrentUpdatePriority(DiscreteEventPriority);
-    dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
-  } finally {
-    setCurrentUpdatePriority(previousPriority);
-    ReactCurrentBatchConfig.transition = prevTransition;
-  }
-}
-
-function dispatchContinuousEvent(
-  domEventName,
-  eventSystemFlags,
-  container,
-  nativeEvent
-) {
-  var previousPriority = getCurrentUpdatePriority();
-  var prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = null;
-
-  try {
-    setCurrentUpdatePriority(ContinuousEventPriority);
-    dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
-  } finally {
-    setCurrentUpdatePriority(previousPriority);
-    ReactCurrentBatchConfig.transition = prevTransition;
-  }
-}
-
-function dispatchEvent(
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  if (!_enabled) {
-    return;
-  }
-
-  var blockedOn = findInstanceBlockingEvent(nativeEvent);
-
-  if (blockedOn === null) {
-    dispatchEventForPluginEventSystem(
-      domEventName,
-      eventSystemFlags,
-      nativeEvent,
-      return_targetInst,
-      targetContainer
-    );
-    clearIfContinuousEvent(domEventName, nativeEvent);
-    return;
-  }
-
-  if (
-    queueIfContinuousEvent(
-      blockedOn,
-      domEventName,
-      eventSystemFlags,
-      targetContainer,
-      nativeEvent
-    )
-  ) {
-    nativeEvent.stopPropagation();
-    return;
-  } // We need to clear only if we didn't queue because
-  // queueing is accumulative.
-
-  clearIfContinuousEvent(domEventName, nativeEvent);
-
-  if (
-    eventSystemFlags & IS_CAPTURE_PHASE &&
-    isDiscreteEventThatRequiresHydration(domEventName)
-  ) {
-    while (blockedOn !== null) {
-      var fiber = getInstanceFromNode$1(blockedOn);
-
-      if (fiber !== null) {
-        attemptSynchronousHydration(fiber);
-      }
-
-      var nextBlockedOn = findInstanceBlockingEvent(nativeEvent);
-
-      if (nextBlockedOn === null) {
-        dispatchEventForPluginEventSystem(
-          domEventName,
-          eventSystemFlags,
-          nativeEvent,
-          return_targetInst,
-          targetContainer
-        );
-      }
-
-      if (nextBlockedOn === blockedOn) {
-        break;
-      }
-
-      blockedOn = nextBlockedOn;
-    }
-
-    if (blockedOn !== null) {
-      nativeEvent.stopPropagation();
-    }
-
-    return;
-  } // This is not replayable so we'll invoke it but without a target,
-  // in case the event system needs to trace it.
-
-  dispatchEventForPluginEventSystem(
-    domEventName,
-    eventSystemFlags,
-    nativeEvent,
-    null,
-    targetContainer
-  );
-}
-var return_targetInst = null; // Returns a SuspenseInstance or Container if it's blocked.
-// The return_targetInst field above is conceptually part of the return value.
-
-function findInstanceBlockingEvent(nativeEvent) {
-  // TODO: Warn if _enabled is false.
-  return_targetInst = null;
-  var nativeEventTarget = getEventTarget(nativeEvent);
-  var targetInst = getClosestInstanceFromNode(nativeEventTarget);
-
-  if (targetInst !== null) {
-    var nearestMounted = getNearestMountedFiber(targetInst);
-
-    if (nearestMounted === null) {
-      // This tree has been unmounted already. Dispatch without a target.
-      targetInst = null;
-    } else {
-      var tag = nearestMounted.tag;
-
-      if (tag === SuspenseComponent) {
-        var instance = getSuspenseInstanceFromFiber(nearestMounted);
-
-        if (instance !== null) {
-          // Queue the event to be replayed later. Abort dispatching since we
-          // don't want this event dispatched twice through the event system.
-          // TODO: If this is the first discrete event in the queue. Schedule an increased
-          // priority for this boundary.
-          return instance;
-        } // This shouldn't happen, something went wrong but to avoid blocking
-        // the whole system, dispatch the event without a target.
-        // TODO: Warn.
-
-        targetInst = null;
-      } else if (tag === HostRoot) {
-        var root = nearestMounted.stateNode;
-
-        if (isRootDehydrated(root)) {
-          // If this happens during a replay something went wrong and it might block
-          // the whole system.
-          return getContainerFromFiber(nearestMounted);
-        }
-
-        targetInst = null;
-      } else if (nearestMounted !== targetInst) {
-        // If we get an event (ex: img onload) before committing that
-        // component's mount, ignore it for now (that is, treat it as if it was an
-        // event on a non-React tree). We might also consider queueing events and
-        // dispatching them after the mount.
-        targetInst = null;
-      }
-    }
-  }
-
-  return_targetInst = targetInst; // We're not blocked on anything.
-
-  return null;
-}
-function getEventPriority(domEventName) {
-  switch (domEventName) {
-    // Used by SimpleEventPlugin:
-    case "cancel":
-    case "click":
-    case "close":
-    case "contextmenu":
-    case "copy":
-    case "cut":
-    case "auxclick":
-    case "dblclick":
-    case "dragend":
-    case "dragstart":
-    case "drop":
-    case "focusin":
-    case "focusout":
-    case "input":
-    case "invalid":
-    case "keydown":
-    case "keypress":
-    case "keyup":
-    case "mousedown":
-    case "mouseup":
-    case "paste":
-    case "pause":
-    case "play":
-    case "pointercancel":
-    case "pointerdown":
-    case "pointerup":
-    case "ratechange":
-    case "reset":
-    case "resize":
-    case "seeked":
-    case "submit":
-    case "touchcancel":
-    case "touchend":
-    case "touchstart":
-    case "volumechange": // Used by polyfills: (fall through)
-
-    case "change":
-    case "selectionchange":
-    case "textInput":
-    case "compositionstart":
-    case "compositionend":
-    case "compositionupdate": // Only enableCreateEventHandleAPI: (fall through)
-
-    case "beforeblur":
-    case "afterblur": // Not used by React but could be by user code: (fall through)
-
-    case "beforeinput":
-    case "blur":
-    case "fullscreenchange":
-    case "focus":
-    case "hashchange":
-    case "popstate":
-    case "select":
-    case "selectstart":
-      return DiscreteEventPriority;
-
-    case "drag":
-    case "dragenter":
-    case "dragexit":
-    case "dragleave":
-    case "dragover":
-    case "mousemove":
-    case "mouseout":
-    case "mouseover":
-    case "pointermove":
-    case "pointerout":
-    case "pointerover":
-    case "scroll":
-    case "toggle":
-    case "touchmove":
-    case "wheel": // Not used by React but could be by user code: (fall through)
-
-    case "mouseenter":
-    case "mouseleave":
-    case "pointerenter":
-    case "pointerleave":
-      return ContinuousEventPriority;
-
-    case "message": {
-      // We might be in the Scheduler callback.
-      // Eventually this mechanism will be replaced by a check
-      // of the current priority on the native scheduler.
-      var schedulerPriority = getCurrentPriorityLevel();
-
-      switch (schedulerPriority) {
-        case ImmediatePriority:
-          return DiscreteEventPriority;
-
-        case UserBlockingPriority:
-          return ContinuousEventPriority;
-
-        case NormalPriority$1:
-        case LowPriority:
-          // TODO: Handle LowSchedulerPriority, somehow. Maybe the same lane as hydration.
-          return DefaultEventPriority;
-
-        case IdlePriority:
-          return IdleEventPriority;
-
-        default:
-          return DefaultEventPriority;
-      }
-    }
-
-    default:
-      return DefaultEventPriority;
-  }
-}
-
-function addEventBubbleListener(target, eventType, listener) {
-  target.addEventListener(eventType, listener, false);
-  return listener;
-}
-function addEventCaptureListener(target, eventType, listener) {
-  target.addEventListener(eventType, listener, true);
-  return listener;
-}
-function addEventCaptureListenerWithPassiveFlag(
-  target,
-  eventType,
-  listener,
-  passive
-) {
-  target.addEventListener(eventType, listener, {
-    capture: true,
-    passive: passive
-  });
-  return listener;
-}
-function addEventBubbleListenerWithPassiveFlag(
-  target,
-  eventType,
-  listener,
-  passive
-) {
-  target.addEventListener(eventType, listener, {
-    passive: passive
-  });
-  return listener;
-}
-function removeEventListener(target, eventType, listener, capture) {
-  target.removeEventListener(eventType, listener, capture);
-}
-
-/**
- * These variables store information about text content of a target node,
- * allowing comparison of content before and after a given event.
- *
- * Identify the node where selection currently begins, then observe
- * both its text content and its current position in the DOM. Since the
- * browser may natively replace the target node during composition, we can
- * use its position to find its replacement.
- *
- *
- */
-var root = null;
-var startText = null;
-var fallbackText = null;
-function initialize(nativeEventTarget) {
-  root = nativeEventTarget;
-  startText = getText();
-  return true;
-}
-function reset() {
-  root = null;
-  startText = null;
-  fallbackText = null;
-}
-function getData() {
-  if (fallbackText) {
-    return fallbackText;
-  }
-
-  var start;
-  var startValue = startText;
-  var startLength = startValue.length;
-  var end;
-  var endValue = getText();
-  var endLength = endValue.length;
-
-  for (start = 0; start < startLength; start++) {
-    if (startValue[start] !== endValue[start]) {
-      break;
-    }
-  }
-
-  var minEnd = startLength - start;
-
-  for (end = 1; end <= minEnd; end++) {
-    if (startValue[startLength - end] !== endValue[endLength - end]) {
-      break;
-    }
-  }
-
-  var sliceTail = end > 1 ? 1 - end : undefined;
-  fallbackText = endValue.slice(start, sliceTail);
-  return fallbackText;
-}
-function getText() {
-  if ("value" in root) {
-    return root.value;
-  }
-
-  return root.textContent;
-}
-
 /**
  * `charCode` represents the actual "character code" and is safe to use with
  * `String.fromCharCode`. As such, only keys that correspond to printable
@@ -35887,6 +35024,866 @@ var WheelEventInterface = assign({}, MouseEventInterface, {
 
 var SyntheticWheelEvent = createSyntheticEvent(WheelEventInterface);
 
+// has this definition built-in.
+
+var hasScheduledReplayAttempt = false; // The last of each continuous event type. We only need to replay the last one
+// if the last target was dehydrated.
+
+var queuedFocus = null;
+var queuedDrag = null;
+var queuedMouse = null; // For pointer events there can be one latest event per pointerId.
+
+var queuedPointers = new Map();
+var queuedPointerCaptures = new Map(); // We could consider replaying selectionchange and touchmoves too.
+
+var queuedExplicitHydrationTargets = [];
+var discreteReplayableEvents = [
+  "mousedown",
+  "mouseup",
+  "touchcancel",
+  "touchend",
+  "touchstart",
+  "auxclick",
+  "dblclick",
+  "pointercancel",
+  "pointerdown",
+  "pointerup",
+  "dragend",
+  "dragstart",
+  "drop",
+  "compositionend",
+  "compositionstart",
+  "keydown",
+  "keypress",
+  "keyup",
+  "input",
+  "textInput", // Intentionally camelCase
+  "copy",
+  "cut",
+  "paste",
+  "click",
+  "change",
+  "contextmenu",
+  "reset" // 'submit', // stopPropagation blocks the replay mechanism
+];
+function isDiscreteEventThatRequiresHydration(eventType) {
+  return discreteReplayableEvents.indexOf(eventType) > -1;
+}
+
+function createQueuedReplayableEvent(
+  blockedOn,
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  return {
+    blockedOn: blockedOn,
+    domEventName: domEventName,
+    eventSystemFlags: eventSystemFlags,
+    nativeEvent: nativeEvent,
+    targetContainers: [targetContainer]
+  };
+} // Resets the replaying for this type of continuous event to no event.
+
+function clearIfContinuousEvent(domEventName, nativeEvent) {
+  switch (domEventName) {
+    case "focusin":
+    case "focusout":
+      queuedFocus = null;
+      break;
+
+    case "dragenter":
+    case "dragleave":
+      queuedDrag = null;
+      break;
+
+    case "mouseover":
+    case "mouseout":
+      queuedMouse = null;
+      break;
+
+    case "pointerover":
+    case "pointerout": {
+      var pointerId = nativeEvent.pointerId;
+      queuedPointers.delete(pointerId);
+      break;
+    }
+
+    case "gotpointercapture":
+    case "lostpointercapture": {
+      var _pointerId = nativeEvent.pointerId;
+      queuedPointerCaptures.delete(_pointerId);
+      break;
+    }
+  }
+}
+
+function accumulateOrCreateContinuousQueuedReplayableEvent(
+  existingQueuedEvent,
+  blockedOn,
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  if (
+    existingQueuedEvent === null ||
+    existingQueuedEvent.nativeEvent !== nativeEvent
+  ) {
+    var queuedEvent = createQueuedReplayableEvent(
+      blockedOn,
+      domEventName,
+      eventSystemFlags,
+      targetContainer,
+      nativeEvent
+    );
+
+    if (blockedOn !== null) {
+      var fiber = getInstanceFromNode$1(blockedOn);
+
+      if (fiber !== null) {
+        // Attempt to increase the priority of this target.
+        attemptContinuousHydration(fiber);
+      }
+    }
+
+    return queuedEvent;
+  } // If we have already queued this exact event, then it's because
+  // the different event systems have different DOM event listeners.
+  // We can accumulate the flags, and the targetContainers, and
+  // store a single event to be replayed.
+
+  existingQueuedEvent.eventSystemFlags |= eventSystemFlags;
+  var targetContainers = existingQueuedEvent.targetContainers;
+
+  if (
+    targetContainer !== null &&
+    targetContainers.indexOf(targetContainer) === -1
+  ) {
+    targetContainers.push(targetContainer);
+  }
+
+  return existingQueuedEvent;
+}
+
+function queueIfContinuousEvent(
+  blockedOn,
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  // These set relatedTarget to null because the replayed event will be treated as if we
+  // moved from outside the window (no target) onto the target once it hydrates.
+  // Instead of mutating we could clone the event.
+  switch (domEventName) {
+    case "focusin": {
+      var focusEvent = nativeEvent;
+      queuedFocus = accumulateOrCreateContinuousQueuedReplayableEvent(
+        queuedFocus,
+        blockedOn,
+        domEventName,
+        eventSystemFlags,
+        targetContainer,
+        focusEvent
+      );
+      return true;
+    }
+
+    case "dragenter": {
+      var dragEvent = nativeEvent;
+      queuedDrag = accumulateOrCreateContinuousQueuedReplayableEvent(
+        queuedDrag,
+        blockedOn,
+        domEventName,
+        eventSystemFlags,
+        targetContainer,
+        dragEvent
+      );
+      return true;
+    }
+
+    case "mouseover": {
+      var mouseEvent = nativeEvent;
+      queuedMouse = accumulateOrCreateContinuousQueuedReplayableEvent(
+        queuedMouse,
+        blockedOn,
+        domEventName,
+        eventSystemFlags,
+        targetContainer,
+        mouseEvent
+      );
+      return true;
+    }
+
+    case "pointerover": {
+      var pointerEvent = nativeEvent;
+      var pointerId = pointerEvent.pointerId;
+      queuedPointers.set(
+        pointerId,
+        accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedPointers.get(pointerId) || null,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          pointerEvent
+        )
+      );
+      return true;
+    }
+
+    case "gotpointercapture": {
+      var _pointerEvent = nativeEvent;
+      var _pointerId2 = _pointerEvent.pointerId;
+      queuedPointerCaptures.set(
+        _pointerId2,
+        accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedPointerCaptures.get(_pointerId2) || null,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          _pointerEvent
+        )
+      );
+      return true;
+    }
+  }
+
+  return false;
+} // Check if this target is unblocked. Returns true if it's unblocked.
+
+function attemptExplicitHydrationTarget(queuedTarget) {
+  // TODO: This function shares a lot of logic with findInstanceBlockingEvent.
+  // Try to unify them. It's a bit tricky since it would require two return
+  // values.
+  var targetInst = getClosestInstanceFromNode(queuedTarget.target);
+
+  if (targetInst !== null) {
+    var nearestMounted = getNearestMountedFiber(targetInst);
+
+    if (nearestMounted !== null) {
+      var tag = nearestMounted.tag;
+
+      if (tag === SuspenseComponent) {
+        var instance = getSuspenseInstanceFromFiber(nearestMounted);
+
+        if (instance !== null) {
+          // We're blocked on hydrating this boundary.
+          // Increase its priority.
+          queuedTarget.blockedOn = instance;
+          runWithPriority(queuedTarget.priority, function () {
+            attemptHydrationAtCurrentPriority(nearestMounted);
+          });
+          return;
+        }
+      } else if (tag === HostRoot) {
+        var root = nearestMounted.stateNode;
+
+        if (isRootDehydrated(root)) {
+          queuedTarget.blockedOn = getContainerFromFiber(nearestMounted); // We don't currently have a way to increase the priority of
+          // a root other than sync.
+
+          return;
+        }
+      }
+    }
+  }
+
+  queuedTarget.blockedOn = null;
+}
+
+function queueExplicitHydrationTarget(target) {
+  // 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,
+    priority: updatePriority
+  };
+  var i = 0;
+
+  for (; i < queuedExplicitHydrationTargets.length; i++) {
+    // Stop once we hit the first target with lower priority than
+    if (
+      !isHigherEventPriority(
+        updatePriority,
+        queuedExplicitHydrationTargets[i].priority
+      )
+    ) {
+      break;
+    }
+  }
+
+  queuedExplicitHydrationTargets.splice(i, 0, queuedTarget);
+
+  if (i === 0) {
+    attemptExplicitHydrationTarget(queuedTarget);
+  }
+}
+
+function attemptReplayContinuousQueuedEvent(queuedEvent) {
+  if (queuedEvent.blockedOn !== null) {
+    return false;
+  }
+
+  var targetContainers = queuedEvent.targetContainers;
+
+  while (targetContainers.length > 0) {
+    var nextBlockedOn = findInstanceBlockingEvent(queuedEvent.nativeEvent);
+
+    if (nextBlockedOn === null) {
+      var nativeEvent = queuedEvent.nativeEvent;
+      var nativeEventClone = new nativeEvent.constructor(
+        nativeEvent.type,
+        nativeEvent
+      );
+      setReplayingEvent(nativeEventClone);
+      nativeEvent.target.dispatchEvent(nativeEventClone);
+      resetReplayingEvent();
+    } else {
+      // We're still blocked. Try again later.
+      var fiber = getInstanceFromNode$1(nextBlockedOn);
+
+      if (fiber !== null) {
+        attemptContinuousHydration(fiber);
+      }
+
+      queuedEvent.blockedOn = nextBlockedOn;
+      return false;
+    } // This target container was successfully dispatched. Try the next.
+
+    targetContainers.shift();
+  }
+
+  return true;
+}
+
+function attemptReplayContinuousQueuedEventInMap(queuedEvent, key, map) {
+  if (attemptReplayContinuousQueuedEvent(queuedEvent)) {
+    map.delete(key);
+  }
+}
+
+function replayUnblockedEvents() {
+  hasScheduledReplayAttempt = false; // Replay any continuous events.
+
+  if (queuedFocus !== null && attemptReplayContinuousQueuedEvent(queuedFocus)) {
+    queuedFocus = null;
+  }
+
+  if (queuedDrag !== null && attemptReplayContinuousQueuedEvent(queuedDrag)) {
+    queuedDrag = null;
+  }
+
+  if (queuedMouse !== null && attemptReplayContinuousQueuedEvent(queuedMouse)) {
+    queuedMouse = null;
+  }
+
+  queuedPointers.forEach(attemptReplayContinuousQueuedEventInMap);
+  queuedPointerCaptures.forEach(attemptReplayContinuousQueuedEventInMap);
+}
+
+function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
+  if (queuedEvent.blockedOn === unblocked) {
+    queuedEvent.blockedOn = null;
+
+    if (!hasScheduledReplayAttempt) {
+      hasScheduledReplayAttempt = true; // Schedule a callback to attempt replaying as many events as are
+      // now unblocked. This first might not actually be unblocked yet.
+      // We could check it early to avoid scheduling an unnecessary callback.
+
+      Scheduler.unstable_scheduleCallback(
+        Scheduler.unstable_NormalPriority,
+        replayUnblockedEvents
+      );
+    }
+  }
+} // [form, submitter or action, formData...]
+
+function retryIfBlockedOn(unblocked) {
+  if (queuedFocus !== null) {
+    scheduleCallbackIfUnblocked(queuedFocus, unblocked);
+  }
+
+  if (queuedDrag !== null) {
+    scheduleCallbackIfUnblocked(queuedDrag, unblocked);
+  }
+
+  if (queuedMouse !== null) {
+    scheduleCallbackIfUnblocked(queuedMouse, unblocked);
+  }
+
+  var unblock = function (queuedEvent) {
+    return scheduleCallbackIfUnblocked(queuedEvent, unblocked);
+  };
+
+  queuedPointers.forEach(unblock);
+  queuedPointerCaptures.forEach(unblock);
+
+  for (var i = 0; i < queuedExplicitHydrationTargets.length; i++) {
+    var queuedTarget = queuedExplicitHydrationTargets[i];
+
+    if (queuedTarget.blockedOn === unblocked) {
+      queuedTarget.blockedOn = null;
+    }
+  }
+
+  while (queuedExplicitHydrationTargets.length > 0) {
+    var nextExplicitTarget = queuedExplicitHydrationTargets[0];
+
+    if (nextExplicitTarget.blockedOn !== null) {
+      // We're still blocked.
+      break;
+    } else {
+      attemptExplicitHydrationTarget(nextExplicitTarget);
+
+      if (nextExplicitTarget.blockedOn === null) {
+        // We're unblocked.
+        queuedExplicitHydrationTargets.shift();
+      }
+    }
+  }
+}
+
+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.
+
+function setEnabled(enabled) {
+  _enabled = !!enabled;
+}
+function isEnabled() {
+  return _enabled;
+}
+function createEventListenerWrapperWithPriority(
+  targetContainer,
+  domEventName,
+  eventSystemFlags
+) {
+  var eventPriority = getEventPriority(domEventName);
+  var listenerWrapper;
+
+  switch (eventPriority) {
+    case DiscreteEventPriority:
+      listenerWrapper = dispatchDiscreteEvent;
+      break;
+
+    case ContinuousEventPriority:
+      listenerWrapper = dispatchContinuousEvent;
+      break;
+
+    case DefaultEventPriority:
+    default:
+      listenerWrapper = dispatchEvent;
+      break;
+  }
+
+  return listenerWrapper.bind(
+    null,
+    domEventName,
+    eventSystemFlags,
+    targetContainer
+  );
+}
+
+function dispatchDiscreteEvent(
+  domEventName,
+  eventSystemFlags,
+  container,
+  nativeEvent
+) {
+  var previousPriority = getCurrentUpdatePriority();
+  var prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
+
+  try {
+    setCurrentUpdatePriority(DiscreteEventPriority);
+    dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
+  } finally {
+    setCurrentUpdatePriority(previousPriority);
+    ReactCurrentBatchConfig.transition = prevTransition;
+  }
+}
+
+function dispatchContinuousEvent(
+  domEventName,
+  eventSystemFlags,
+  container,
+  nativeEvent
+) {
+  var previousPriority = getCurrentUpdatePriority();
+  var prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
+
+  try {
+    setCurrentUpdatePriority(ContinuousEventPriority);
+    dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
+  } finally {
+    setCurrentUpdatePriority(previousPriority);
+    ReactCurrentBatchConfig.transition = prevTransition;
+  }
+}
+
+function dispatchEvent(
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  if (!_enabled) {
+    return;
+  }
+
+  var blockedOn = findInstanceBlockingEvent(nativeEvent);
+
+  if (blockedOn === null) {
+    dispatchEventForPluginEventSystem(
+      domEventName,
+      eventSystemFlags,
+      nativeEvent,
+      return_targetInst,
+      targetContainer
+    );
+    clearIfContinuousEvent(domEventName, nativeEvent);
+    return;
+  }
+
+  if (
+    queueIfContinuousEvent(
+      blockedOn,
+      domEventName,
+      eventSystemFlags,
+      targetContainer,
+      nativeEvent
+    )
+  ) {
+    nativeEvent.stopPropagation();
+    return;
+  } // We need to clear only if we didn't queue because
+  // queueing is accumulative.
+
+  clearIfContinuousEvent(domEventName, nativeEvent);
+
+  if (
+    eventSystemFlags & IS_CAPTURE_PHASE &&
+    isDiscreteEventThatRequiresHydration(domEventName)
+  ) {
+    while (blockedOn !== null) {
+      var fiber = getInstanceFromNode$1(blockedOn);
+
+      if (fiber !== null) {
+        attemptSynchronousHydration(fiber);
+      }
+
+      var nextBlockedOn = findInstanceBlockingEvent(nativeEvent);
+
+      if (nextBlockedOn === null) {
+        dispatchEventForPluginEventSystem(
+          domEventName,
+          eventSystemFlags,
+          nativeEvent,
+          return_targetInst,
+          targetContainer
+        );
+      }
+
+      if (nextBlockedOn === blockedOn) {
+        break;
+      }
+
+      blockedOn = nextBlockedOn;
+    }
+
+    if (blockedOn !== null) {
+      nativeEvent.stopPropagation();
+    }
+
+    return;
+  } // This is not replayable so we'll invoke it but without a target,
+  // in case the event system needs to trace it.
+
+  dispatchEventForPluginEventSystem(
+    domEventName,
+    eventSystemFlags,
+    nativeEvent,
+    null,
+    targetContainer
+  );
+}
+function findInstanceBlockingEvent(nativeEvent) {
+  var nativeEventTarget = getEventTarget(nativeEvent);
+  return findInstanceBlockingTarget(nativeEventTarget);
+}
+var return_targetInst = null; // Returns a SuspenseInstance or Container if it's blocked.
+// The return_targetInst field above is conceptually part of the return value.
+
+function findInstanceBlockingTarget(targetNode) {
+  // TODO: Warn if _enabled is false.
+  return_targetInst = null;
+  var targetInst = getClosestInstanceFromNode(targetNode);
+
+  if (targetInst !== null) {
+    var nearestMounted = getNearestMountedFiber(targetInst);
+
+    if (nearestMounted === null) {
+      // This tree has been unmounted already. Dispatch without a target.
+      targetInst = null;
+    } else {
+      var tag = nearestMounted.tag;
+
+      if (tag === SuspenseComponent) {
+        var instance = getSuspenseInstanceFromFiber(nearestMounted);
+
+        if (instance !== null) {
+          // Queue the event to be replayed later. Abort dispatching since we
+          // don't want this event dispatched twice through the event system.
+          // TODO: If this is the first discrete event in the queue. Schedule an increased
+          // priority for this boundary.
+          return instance;
+        } // This shouldn't happen, something went wrong but to avoid blocking
+        // the whole system, dispatch the event without a target.
+        // TODO: Warn.
+
+        targetInst = null;
+      } else if (tag === HostRoot) {
+        var root = nearestMounted.stateNode;
+
+        if (isRootDehydrated(root)) {
+          // If this happens during a replay something went wrong and it might block
+          // the whole system.
+          return getContainerFromFiber(nearestMounted);
+        }
+
+        targetInst = null;
+      } else if (nearestMounted !== targetInst) {
+        // If we get an event (ex: img onload) before committing that
+        // component's mount, ignore it for now (that is, treat it as if it was an
+        // event on a non-React tree). We might also consider queueing events and
+        // dispatching them after the mount.
+        targetInst = null;
+      }
+    }
+  }
+
+  return_targetInst = targetInst; // We're not blocked on anything.
+
+  return null;
+}
+function getEventPriority(domEventName) {
+  switch (domEventName) {
+    // Used by SimpleEventPlugin:
+    case "cancel":
+    case "click":
+    case "close":
+    case "contextmenu":
+    case "copy":
+    case "cut":
+    case "auxclick":
+    case "dblclick":
+    case "dragend":
+    case "dragstart":
+    case "drop":
+    case "focusin":
+    case "focusout":
+    case "input":
+    case "invalid":
+    case "keydown":
+    case "keypress":
+    case "keyup":
+    case "mousedown":
+    case "mouseup":
+    case "paste":
+    case "pause":
+    case "play":
+    case "pointercancel":
+    case "pointerdown":
+    case "pointerup":
+    case "ratechange":
+    case "reset":
+    case "resize":
+    case "seeked":
+    case "submit":
+    case "touchcancel":
+    case "touchend":
+    case "touchstart":
+    case "volumechange": // Used by polyfills: (fall through)
+
+    case "change":
+    case "selectionchange":
+    case "textInput":
+    case "compositionstart":
+    case "compositionend":
+    case "compositionupdate": // Only enableCreateEventHandleAPI: (fall through)
+
+    case "beforeblur":
+    case "afterblur": // Not used by React but could be by user code: (fall through)
+
+    case "beforeinput":
+    case "blur":
+    case "fullscreenchange":
+    case "focus":
+    case "hashchange":
+    case "popstate":
+    case "select":
+    case "selectstart":
+      return DiscreteEventPriority;
+
+    case "drag":
+    case "dragenter":
+    case "dragexit":
+    case "dragleave":
+    case "dragover":
+    case "mousemove":
+    case "mouseout":
+    case "mouseover":
+    case "pointermove":
+    case "pointerout":
+    case "pointerover":
+    case "scroll":
+    case "toggle":
+    case "touchmove":
+    case "wheel": // Not used by React but could be by user code: (fall through)
+
+    case "mouseenter":
+    case "mouseleave":
+    case "pointerenter":
+    case "pointerleave":
+      return ContinuousEventPriority;
+
+    case "message": {
+      // We might be in the Scheduler callback.
+      // Eventually this mechanism will be replaced by a check
+      // of the current priority on the native scheduler.
+      var schedulerPriority = getCurrentPriorityLevel();
+
+      switch (schedulerPriority) {
+        case ImmediatePriority:
+          return DiscreteEventPriority;
+
+        case UserBlockingPriority:
+          return ContinuousEventPriority;
+
+        case NormalPriority$1:
+        case LowPriority:
+          // TODO: Handle LowSchedulerPriority, somehow. Maybe the same lane as hydration.
+          return DefaultEventPriority;
+
+        case IdlePriority:
+          return IdleEventPriority;
+
+        default:
+          return DefaultEventPriority;
+      }
+    }
+
+    default:
+      return DefaultEventPriority;
+  }
+}
+
+function addEventBubbleListener(target, eventType, listener) {
+  target.addEventListener(eventType, listener, false);
+  return listener;
+}
+function addEventCaptureListener(target, eventType, listener) {
+  target.addEventListener(eventType, listener, true);
+  return listener;
+}
+function addEventCaptureListenerWithPassiveFlag(
+  target,
+  eventType,
+  listener,
+  passive
+) {
+  target.addEventListener(eventType, listener, {
+    capture: true,
+    passive: passive
+  });
+  return listener;
+}
+function addEventBubbleListenerWithPassiveFlag(
+  target,
+  eventType,
+  listener,
+  passive
+) {
+  target.addEventListener(eventType, listener, {
+    passive: passive
+  });
+  return listener;
+}
+function removeEventListener(target, eventType, listener, capture) {
+  target.removeEventListener(eventType, listener, capture);
+}
+
+/**
+ * These variables store information about text content of a target node,
+ * allowing comparison of content before and after a given event.
+ *
+ * Identify the node where selection currently begins, then observe
+ * both its text content and its current position in the DOM. Since the
+ * browser may natively replace the target node during composition, we can
+ * use its position to find its replacement.
+ *
+ *
+ */
+var root = null;
+var startText = null;
+var fallbackText = null;
+function initialize(nativeEventTarget) {
+  root = nativeEventTarget;
+  startText = getText();
+  return true;
+}
+function reset() {
+  root = null;
+  startText = null;
+  fallbackText = null;
+}
+function getData() {
+  if (fallbackText) {
+    return fallbackText;
+  }
+
+  var start;
+  var startValue = startText;
+  var startLength = startValue.length;
+  var end;
+  var endValue = getText();
+  var endLength = endValue.length;
+
+  for (start = 0; start < startLength; start++) {
+    if (startValue[start] !== endValue[start]) {
+      break;
+    }
+  }
+
+  var minEnd = startLength - start;
+
+  for (end = 1; end <= minEnd; end++) {
+    if (startValue[startLength - end] !== endValue[endLength - end]) {
+      break;
+    }
+  }
+
+  var sliceTail = end > 1 ? 1 - end : undefined;
+  fallbackText = endValue.slice(start, sliceTail);
+  return fallbackText;
+}
+function getText() {
+  if ("value" in root) {
+    return root.value;
+  }
+
+  return root.textContent;
+}
+
 var END_KEYCODES = [9, 13, 27, 32]; // Tab, Return, Esc, Space
 
 var START_KEYCODE = 229;
@@ -37606,6 +37603,8 @@ function extractEvents$1(
       // Firefox creates a keypress event for function keys too. This removes
       // the unwanted keypress events. Enter is however both printable and
       // non-printable. One would expect Tab to be as well (but it isn't).
+      // TODO: Fixed in https://bugzilla.mozilla.org/show_bug.cgi?id=968056. Can
+      // probably remove.
       if (getEventCharCode(nativeEvent) === 0) {
         return;
       }
@@ -37635,6 +37634,8 @@ function extractEvents$1(
     case "click":
       // Firefox creates a click event on right mouse clicks. This removes the
       // unwanted click events.
+      // TODO: Fixed in https://phabricator.services.mozilla.com/D26793. Can
+      // probably remove.
       if (nativeEvent.button === 2) {
         return;
       }
@@ -38685,6 +38686,10 @@ function getListenerSetKey(domEventName, capture) {
 var didWarnControlledToUncontrolled = false;
 var didWarnUncontrolledToControlled = false;
 var didWarnInvalidHydration = false;
+var didWarnFormActionType = false;
+var didWarnFormActionName = false;
+var didWarnFormActionTarget = false;
+var didWarnFormActionMethod = false;
 var canDiffStyleForHydrationWarning;
 
 {
@@ -38724,6 +38729,109 @@ function validatePropertiesInDevelopment(type, props) {
   }
 }
 
+function validateFormActionInDevelopment(tag, key, value, props) {
+  {
+    if (value == null) {
+      return;
+    }
+
+    if (tag === "form") {
+      if (key === "formAction") {
+        error(
+          "You can only pass the formAction prop to <input> or <button>. Use the action prop on <form>."
+        );
+      } else if (typeof value === "function") {
+        if (
+          (props.encType != null || props.method != null) &&
+          !didWarnFormActionMethod
+        ) {
+          didWarnFormActionMethod = true;
+
+          error(
+            "Cannot specify a encType or method for a form that specifies a " +
+              "function as the action. React provides those automatically. " +
+              "They will get overridden."
+          );
+        }
+
+        if (props.target != null && !didWarnFormActionTarget) {
+          didWarnFormActionTarget = true;
+
+          error(
+            "Cannot specify a target for a form that specifies a function as the action. " +
+              "The function will always be executed in the same window."
+          );
+        }
+      }
+    } else if (tag === "input" || tag === "button") {
+      if (key === "action") {
+        error(
+          "You can only pass the action prop to <form>. Use the formAction prop on <input> or <button>."
+        );
+      } else if (
+        tag === "input" &&
+        props.type !== "submit" &&
+        props.type !== "image" &&
+        !didWarnFormActionType
+      ) {
+        didWarnFormActionType = true;
+
+        error(
+          'An input can only specify a formAction along with type="submit" or type="image".'
+        );
+      } else if (
+        tag === "button" &&
+        props.type != null &&
+        props.type !== "submit" &&
+        !didWarnFormActionType
+      ) {
+        didWarnFormActionType = true;
+
+        error(
+          'A button can only specify a formAction along with type="submit" or no type.'
+        );
+      } else if (typeof value === "function") {
+        // Function form actions cannot control the form properties
+        if (props.name != null && !didWarnFormActionName) {
+          didWarnFormActionName = true;
+
+          error(
+            'Cannot specify a "name" prop for a button that specifies a function as a formAction. ' +
+              "React needs it to encode which action should be invoked. It will get overridden."
+          );
+        }
+
+        if (
+          (props.formEncType != null || props.formMethod != null) &&
+          !didWarnFormActionMethod
+        ) {
+          didWarnFormActionMethod = true;
+
+          error(
+            "Cannot specify a formEncType or formMethod for a button that specifies a " +
+              "function as a formAction. React provides those automatically. They will get overridden."
+          );
+        }
+
+        if (props.formTarget != null && !didWarnFormActionTarget) {
+          didWarnFormActionTarget = true;
+
+          error(
+            "Cannot specify a formTarget for a button that specifies a function as a formAction. " +
+              "The function will always be executed in the same window."
+          );
+        }
+      }
+    } else {
+      if (key === "action") {
+        error("You can only pass the action prop to <form>.");
+      } else {
+        error("You can only pass the formAction prop to <input> or <button>.");
+      }
+    }
+  }
+}
+
 function warnForPropDifference(propName, serverValue, clientValue) {
   {
     if (didWarnInvalidHydration) {
@@ -38797,12 +38905,13 @@ function normalizeHTML(parent, html) {
     // how <noscript> is being handled. So we use the same document.
     // See the discussion in https://github.com/facebook/react/pull/11157.
     var testElement =
-      parent.namespaceURI === HTML_NAMESPACE
-        ? parent.ownerDocument.createElement(parent.tagName)
-        : parent.ownerDocument.createElementNS(
+      parent.namespaceURI === MATH_NAMESPACE ||
+      parent.namespaceURI === SVG_NAMESPACE
+        ? parent.ownerDocument.createElementNS(
             parent.namespaceURI,
             parent.tagName
-          );
+          )
+        : parent.ownerDocument.createElement(parent.tagName);
     testElement.innerHTML = html;
     return testElement.innerHTML;
   }
@@ -38937,38 +39046,35 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     // These attributes accept URLs. These must not allow javascript: URLS.
 
     case "src":
-    case "href":
-    case "action": {
-      if (value === "") {
-        {
-          if (key === "src") {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "This may cause the browser to download the whole page again over the network. " +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              key,
-              key
-            );
-          } else {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              key,
-              key
-            );
+    case "href": {
+      {
+        if (value === "") {
+          {
+            if (key === "src") {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "This may cause the browser to download the whole page again over the network. " +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                key,
+                key
+              );
+            } else {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                key,
+                key
+              );
+            }
           }
+
+          domElement.removeAttribute(key);
+          break;
         }
-
-        domElement.removeAttribute(key);
-        break;
       }
-    }
 
-    // Fall through to the last case which shouldn't remove empty strings.
-
-    case "formAction": {
       if (
         value == null ||
         typeof value === "function" ||
@@ -38991,6 +39097,36 @@ function setProp(domElement, tag, key, value, props, prevValue) {
       break;
     }
 
+    case "action":
+    case "formAction": {
+      // TODO: Consider moving these special cases to the form, input and button tags.
+      {
+        validateFormActionInDevelopment(tag, key, value, props);
+      }
+
+      if (
+        value == null ||
+        typeof value === "function" ||
+        typeof value === "symbol" ||
+        typeof value === "boolean"
+      ) {
+        domElement.removeAttribute(key);
+        break;
+      } // `setAttribute` with objects becomes only `[object]` in IE8/9,
+      // ('' + value) makes it output the correct toString()-value.
+
+      {
+        checkAttributeStringCoercion(value, key);
+      }
+
+      var _sanitizedValue = sanitizeURL(
+        enableTrustedTypesIntegration ? value : "" + value
+      );
+
+      domElement.setAttribute(key, _sanitizedValue);
+      break;
+    }
+
     case "onClick": {
       // TODO: This cast may not be sound for SVG, MathML or custom elements.
       if (value != null) {
@@ -39094,11 +39230,11 @@ function setProp(domElement, tag, key, value, props, prevValue) {
         checkAttributeStringCoercion(value, key);
       }
 
-      var _sanitizedValue = sanitizeURL(
+      var _sanitizedValue2 = sanitizeURL(
         enableTrustedTypesIntegration ? value : "" + value
       );
 
-      domElement.setAttributeNS(xlinkNamespace, "xlink:href", _sanitizedValue);
+      domElement.setAttributeNS(xlinkNamespace, "xlink:href", _sanitizedValue2);
       break;
     }
 
@@ -39125,7 +39261,10 @@ function setProp(domElement, tag, key, value, props, prevValue) {
           checkAttributeStringCoercion(value, key);
         }
 
-        domElement.setAttribute(key, value);
+        domElement.setAttribute(
+          key,
+          enableTrustedTypesIntegration ? value : "" + value
+        );
       } else {
         domElement.removeAttribute(key);
       }
@@ -39496,6 +39635,7 @@ function setInitialProperties(domElement, tag, props) {
       // listeners still fire for the invalid event.
 
       listenToNonDelegatedEvent("invalid", domElement);
+      var name = null;
       var type = null;
       var value = null;
       var defaultValue = null;
@@ -39514,35 +39654,18 @@ function setInitialProperties(domElement, tag, props) {
         }
 
         switch (propKey) {
+          case "name": {
+            name = propValue;
+            break;
+          }
+
           case "type": {
-            // Fast path since 'type' is very common on inputs
-            if (
-              propValue != null &&
-              typeof propValue !== "function" &&
-              typeof propValue !== "symbol" &&
-              typeof propValue !== "boolean"
-            ) {
-              type = propValue;
-
-              {
-                checkAttributeStringCoercion(propValue, propKey);
-              }
-
-              domElement.setAttribute(propKey, propValue);
-            }
-
+            type = propValue;
             break;
           }
 
           case "checked": {
             checked = propValue;
-            var checkedValue =
-              propValue != null ? propValue : props.defaultChecked;
-            var inputElement = domElement;
-            inputElement.checked =
-              !!checkedValue &&
-              typeof checkedValue !== "function" &&
-              checkedValue !== "symbol";
             break;
           }
 
@@ -39581,7 +39704,6 @@ function setInitialProperties(domElement, tag, props) {
       } // TODO: Make sure we check if this is still unmounted or do any clean
       // up necessary since we never stop tracking anymore.
 
-      track(domElement);
       validateInputProps(domElement, props);
       initInput(
         domElement,
@@ -39590,8 +39712,10 @@ function setInitialProperties(domElement, tag, props) {
         checked,
         defaultChecked,
         type,
+        name,
         false
       );
+      track(domElement);
       return;
     }
 
@@ -39696,15 +39820,15 @@ function setInitialProperties(domElement, tag, props) {
           }
 
           default: {
-            setProp(domElement, tag, _propKey2, _propValue2, props);
+            setProp(domElement, tag, _propKey2, _propValue2, props, null);
           }
         }
       } // TODO: Make sure we check if this is still unmounted or do any clean
       // up necessary since we never stop tracking anymore.
 
-      track(domElement);
       validateTextareaProps(domElement, props);
       initTextarea(domElement, _value2, _defaultValue2);
+      track(domElement);
       return;
     }
 
@@ -39733,7 +39857,7 @@ function setInitialProperties(domElement, tag, props) {
           }
 
           default: {
-            setProp(domElement, tag, _propKey3, _propValue3, props);
+            setProp(domElement, tag, _propKey3, _propValue3, props, null);
           }
         }
       }
@@ -40031,15 +40155,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         if (lastProps.hasOwnProperty(propKey) && lastProp != null) {
           switch (propKey) {
             case "checked": {
-              if (!nextProps.hasOwnProperty(propKey)) {
-                var checkedValue = nextProps.defaultChecked;
-                var inputElement = domElement;
-                inputElement.checked =
-                  !!checkedValue &&
-                  typeof checkedValue !== "function" &&
-                  checkedValue !== "symbol";
-              }
-
               break;
             }
 
@@ -40072,25 +40187,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         ) {
           switch (_propKey7) {
             case "type": {
-              type = nextProp; // Fast path since 'type' is very common on inputs
-
-              if (nextProp !== _lastProp) {
-                if (
-                  nextProp != null &&
-                  typeof nextProp !== "function" &&
-                  typeof nextProp !== "symbol" &&
-                  typeof nextProp !== "boolean"
-                ) {
-                  {
-                    checkAttributeStringCoercion(nextProp, _propKey7);
-                  }
-
-                  domElement.setAttribute(_propKey7, nextProp);
-                } else {
-                  domElement.removeAttribute(_propKey7);
-                }
-              }
-
+              type = nextProp;
               break;
             }
 
@@ -40101,18 +40198,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
 
             case "checked": {
               checked = nextProp;
-
-              if (nextProp !== _lastProp) {
-                var _checkedValue =
-                  nextProp != null ? nextProp : nextProps.defaultChecked;
-
-                var _inputElement = domElement;
-                _inputElement.checked =
-                  !!_checkedValue &&
-                  typeof _checkedValue !== "function" &&
-                  _checkedValue !== "symbol";
-              }
-
               break;
             }
 
@@ -40200,23 +40285,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
 
           didWarnControlledToUncontrolled = true;
         }
-      } // Update checked *before* name.
-      // In the middle of an update, it is possible to have multiple checked.
-      // When a checked radio tries to change name, browser makes another radio's checked false.
-
-      if (
-        name != null &&
-        typeof name !== "function" &&
-        typeof name !== "symbol" &&
-        typeof name !== "boolean"
-      ) {
-        {
-          checkAttributeStringCoercion(name, "name");
-        }
-
-        domElement.setAttribute("name", name);
-      } else {
-        domElement.removeAttribute("name");
       } // Update the wrapper around inputs *after* updating props. This has to
       // happen after updating the rest of props. Otherwise HTML5 input validations
       // raise warnings and prevent the new value from being assigned.
@@ -40228,7 +40296,8 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     }
@@ -40637,22 +40706,6 @@ function updatePropertiesWithDiff(
 
         switch (propKey) {
           case "type": {
-            // Fast path since 'type' is very common on inputs
-            if (
-              propValue != null &&
-              typeof propValue !== "function" &&
-              typeof propValue !== "symbol" &&
-              typeof propValue !== "boolean"
-            ) {
-              {
-                checkAttributeStringCoercion(propValue, propKey);
-              }
-
-              domElement.setAttribute(propKey, propValue);
-            } else {
-              domElement.removeAttribute(propKey);
-            }
-
             break;
           }
 
@@ -40661,13 +40714,6 @@ function updatePropertiesWithDiff(
           }
 
           case "checked": {
-            var checkedValue =
-              propValue != null ? propValue : nextProps.defaultChecked;
-            var inputElement = domElement;
-            inputElement.checked =
-              !!checkedValue &&
-              typeof checkedValue !== "function" &&
-              checkedValue !== "symbol";
             break;
           }
 
@@ -40697,7 +40743,14 @@ function updatePropertiesWithDiff(
           }
 
           default: {
-            setProp(domElement, tag, propKey, propValue, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              propKey,
+              propValue,
+              nextProps,
+              lastProps[propKey]
+            );
           }
         }
       }
@@ -40743,23 +40796,6 @@ function updatePropertiesWithDiff(
 
           didWarnControlledToUncontrolled = true;
         }
-      } // Update checked *before* name.
-      // In the middle of an update, it is possible to have multiple checked.
-      // When a checked radio tries to change name, browser makes another radio's checked false.
-
-      if (
-        name != null &&
-        typeof name !== "function" &&
-        typeof name !== "symbol" &&
-        typeof name !== "boolean"
-      ) {
-        {
-          checkAttributeStringCoercion(name, "name");
-        }
-
-        domElement.setAttribute("name", name);
-      } else {
-        domElement.removeAttribute("name");
       } // Update the wrapper around inputs *after* updating props. This has to
       // happen after updating the rest of props. Otherwise HTML5 input validations
       // raise warnings and prevent the new value from being assigned.
@@ -40771,7 +40807,8 @@ function updatePropertiesWithDiff(
         lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     }
@@ -40794,7 +40831,14 @@ function updatePropertiesWithDiff(
           // defaultValue are ignored by setProp
 
           default: {
-            setProp(domElement, tag, _propKey20, _propValue7, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              _propKey20,
+              _propValue7,
+              nextProps,
+              lastProps[_propKey20]
+            );
           }
         }
       } // <select> value update needs to occur after <option> children
@@ -40836,7 +40880,14 @@ function updatePropertiesWithDiff(
           // defaultValue is ignored by setProp
 
           default: {
-            setProp(domElement, tag, _propKey21, _propValue8, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              _propKey21,
+              _propValue8,
+              nextProps,
+              lastProps[_propKey21]
+            );
           }
         }
       }
@@ -40861,7 +40912,14 @@ function updatePropertiesWithDiff(
           }
 
           default: {
-            setProp(domElement, tag, _propKey22, _propValue9, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              _propKey22,
+              _propValue9,
+              nextProps,
+              lastProps[_propKey22]
+            );
           }
         }
       }
@@ -40906,7 +40964,14 @@ function updatePropertiesWithDiff(
           // defaultChecked and defaultValue are ignored by setProp
 
           default: {
-            setProp(domElement, tag, _propKey23, _propValue10, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              _propKey23,
+              _propValue10,
+              nextProps,
+              lastProps[_propKey23]
+            );
           }
         }
       }
@@ -40925,7 +40990,7 @@ function updatePropertiesWithDiff(
             _propKey24,
             _propValue11,
             nextProps,
-            null
+            lastProps[_propKey24]
           );
         }
 
@@ -40937,7 +41002,14 @@ function updatePropertiesWithDiff(
   for (var _i6 = 0; _i6 < updatePayload.length; _i6 += 2) {
     var _propKey25 = updatePayload[_i6];
     var _propValue12 = updatePayload[_i6 + 1];
-    setProp(domElement, tag, _propKey25, _propValue12, nextProps, null);
+    setProp(
+      domElement,
+      tag,
+      _propKey25,
+      _propValue12,
+      nextProps,
+      lastProps[_propKey25]
+    );
   }
 }
 
@@ -41303,7 +41375,7 @@ function diffHydratedCustomComponent(
   domElement,
   tag,
   props,
-  parentNamespaceDev,
+  hostContext,
   extraAttributes
 ) {
   for (var propKey in props) {
@@ -41396,13 +41468,15 @@ function diffHydratedCustomComponent(
       // Fall through
 
       default: {
-        var ownNamespaceDev = parentNamespaceDev;
+        // This is a DEV-only path
+        var hostContextDev = hostContext;
+        var hostContextProd = hostContextDev.context;
 
-        if (ownNamespaceDev === HTML_NAMESPACE) {
-          ownNamespaceDev = getIntrinsicNamespace(tag);
-        }
-
-        if (ownNamespaceDev === HTML_NAMESPACE) {
+        if (
+          hostContextProd === HostContextNamespaceNone &&
+          tag !== "svg" &&
+          tag !== "math"
+        ) {
           extraAttributes.delete(propKey.toLowerCase());
         } else {
           extraAttributes.delete(propKey);
@@ -41418,13 +41492,13 @@ function diffHydratedCustomComponent(
       }
     }
   }
-}
+} // This is the exact URL string we expect that Fizz renders if we provide a function action.
 
 function diffHydratedGenericElement(
   domElement,
   tag,
   props,
-  parentNamespaceDev,
+  hostContext,
   extraAttributes
 ) {
   for (var propKey in props) {
@@ -41520,7 +41594,6 @@ function diffHydratedGenericElement(
 
       case "src":
       case "href":
-      case "action":
         {
           if (value === "") {
             {
@@ -41564,11 +41637,12 @@ function diffHydratedGenericElement(
         );
         continue;
 
+      case "action":
       case "formAction":
         hydrateSanitizedAttribute(
           domElement,
           propKey,
-          "formaction",
+          propKey.toLowerCase(),
           value,
           extraAttributes
         );
@@ -41817,14 +41891,16 @@ function diffHydratedGenericElement(
         }
 
         var attributeName = getAttributeAlias(propKey);
-        var isMismatchDueToBadCasing = false;
-        var ownNamespaceDev = parentNamespaceDev;
+        var isMismatchDueToBadCasing = false; // This is a DEV-only path
 
-        if (ownNamespaceDev === HTML_NAMESPACE) {
-          ownNamespaceDev = getIntrinsicNamespace(tag);
-        }
+        var hostContextDev = hostContext;
+        var hostContextProd = hostContextDev.context;
 
-        if (ownNamespaceDev === HTML_NAMESPACE) {
+        if (
+          hostContextProd === HostContextNamespaceNone &&
+          tag !== "svg" &&
+          tag !== "math"
+        ) {
           extraAttributes.delete(attributeName.toLowerCase());
         } else {
           var standardName = getPossibleStandardName(propKey);
@@ -41842,14 +41918,14 @@ function diffHydratedGenericElement(
           extraAttributes.delete(attributeName);
         }
 
-        var _serverValue4 = getValueForAttribute(
+        var _serverValue5 = getValueForAttribute(
           domElement,
           attributeName,
           value
         );
 
         if (!isMismatchDueToBadCasing) {
-          warnForPropDifference(propKey, _serverValue4, value);
+          warnForPropDifference(propKey, _serverValue5, value);
         }
       }
     }
@@ -41862,7 +41938,7 @@ function diffHydratedProperties(
   props,
   isConcurrentMode,
   shouldWarnDev,
-  parentNamespaceDev
+  hostContext
 ) {
   {
     validatePropertiesInDevelopment(tag, props);
@@ -41922,7 +41998,6 @@ function diffHydratedProperties(
       listenToNonDelegatedEvent("invalid", domElement); // TODO: Make sure we check if this is still unmounted or do any clean
       // up necessary since we never stop tracking anymore.
 
-      track(domElement);
       validateInputProps(domElement, props); // For input and textarea we current always set the value property at
       // post mount to force it to diverge from attributes. However, for
       // option and select we don't quite do the same thing and select
@@ -41936,8 +42011,10 @@ function diffHydratedProperties(
         props.checked,
         props.defaultChecked,
         props.type,
+        props.name,
         true
       );
+      track(domElement);
       break;
 
     case "option":
@@ -41963,9 +42040,9 @@ function diffHydratedProperties(
       listenToNonDelegatedEvent("invalid", domElement); // TODO: Make sure we check if this is still unmounted or do any clean
       // up necessary since we never stop tracking anymore.
 
-      track(domElement);
       validateTextareaProps(domElement, props);
       initTextarea(domElement, props.value, props.defaultValue);
+      track(domElement);
       break;
   }
 
@@ -42048,7 +42125,7 @@ function diffHydratedProperties(
         domElement,
         tag,
         props,
-        parentNamespaceDev,
+        hostContext,
         extraAttributes
       );
     } else {
@@ -42056,7 +42133,7 @@ function diffHydratedProperties(
         domElement,
         tag,
         props,
-        parentNamespaceDev,
+        hostContext,
         extraAttributes
       );
     }
@@ -42338,14 +42415,15 @@ function getValueDescriptorExpectingEnumForWarning(thing) {
     : 'something with type "' + typeof thing + '"';
 }
 
-var Dispatcher$1 = Internals.Dispatcher;
-
 var SUPPRESS_HYDRATION_WARNING = "suppressHydrationWarning";
 var SUSPENSE_START_DATA = "$";
 var SUSPENSE_END_DATA = "/$";
 var SUSPENSE_PENDING_START_DATA = "$?";
 var SUSPENSE_FALLBACK_START_DATA = "$!";
 var STYLE = "style";
+var HostContextNamespaceNone = 0;
+var HostContextNamespaceSvg = 1;
+var HostContextNamespaceMath = 2;
 var eventsEnabled = null;
 var selectionInformation = null;
 
@@ -42357,7 +42435,7 @@ function getOwnerDocumentFromRootContainer(rootContainerElement) {
 
 function getRootHostContext(rootContainerInstance) {
   var type;
-  var namespace;
+  var context;
   var nodeType = rootContainerInstance.nodeType;
 
   switch (nodeType) {
@@ -42365,7 +42443,16 @@ function getRootHostContext(rootContainerInstance) {
     case DOCUMENT_FRAGMENT_NODE: {
       type = nodeType === DOCUMENT_NODE ? "#document" : "#fragment";
       var root = rootContainerInstance.documentElement;
-      namespace = root ? root.namespaceURI : getChildNamespace(null, "");
+
+      if (root) {
+        var namespaceURI = root.namespaceURI;
+        context = namespaceURI
+          ? getOwnHostContext(namespaceURI)
+          : HostContextNamespaceNone;
+      } else {
+        context = HostContextNamespaceNone;
+      }
+
       break;
     }
 
@@ -42374,9 +42461,28 @@ function getRootHostContext(rootContainerInstance) {
         nodeType === COMMENT_NODE
           ? rootContainerInstance.parentNode
           : rootContainerInstance;
-      var ownNamespace = container.namespaceURI || null;
       type = container.tagName;
-      namespace = getChildNamespace(ownNamespace, type);
+      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;
     }
   }
@@ -42385,21 +42491,58 @@ function getRootHostContext(rootContainerInstance) {
     var validatedTag = type.toLowerCase();
     var ancestorInfo = updatedAncestorInfoDev(null, validatedTag);
     return {
-      namespace: namespace,
+      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 namespace = getChildNamespace(parentHostContextDev.namespace, type);
+    var context = getChildHostContextProd(parentHostContextDev.context, type);
     var ancestorInfo = updatedAncestorInfoDev(
       parentHostContextDev.ancestorInfo,
       type
     );
     return {
-      namespace: namespace,
+      context: context,
       ancestorInfo: ancestorInfo
     };
   }
@@ -42478,22 +42621,25 @@ function createInstance(
   hostContext,
   internalInstanceHandle
 ) {
-  var namespace;
+  var hostContextProd;
 
   {
     // TODO: take namespace into account when validating.
     var hostContextDev = hostContext;
     validateDOMNesting(type, hostContextDev.ancestorInfo);
-    namespace = hostContextDev.namespace;
+    hostContextProd = hostContextDev.context;
   }
 
   var ownerDocument = getOwnerDocumentFromRootContainer(rootContainerInstance);
   var domElement;
 
-  switch (namespace) {
-    case SVG_NAMESPACE:
-    case MATH_NAMESPACE:
-      domElement = ownerDocument.createElementNS(namespace, type);
+  switch (hostContextProd) {
+    case HostContextNamespaceSvg:
+      domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
+      break;
+
+    case HostContextNamespaceMath:
+      domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
       break;
 
     default:
@@ -42678,6 +42824,9 @@ function getCurrentEventPriority() {
 
   return getEventPriority(currentEvent.type);
 }
+function shouldAttemptEagerTransition() {
+  return window.event && window.event.type === "popstate";
+}
 // if a component just imports ReactDOM (e.g. for findDOMNode).
 // Some environments might not have setTimeout or clearTimeout.
 
@@ -43255,20 +43404,13 @@ function hydrateInstance(
 
   var isConcurrentMode =
     (internalInstanceHandle.mode & ConcurrentMode) !== NoMode;
-  var parentNamespace;
-
-  {
-    var hostContextDev = hostContext;
-    parentNamespace = hostContextDev.namespace;
-  }
-
   return diffHydratedProperties(
     instance,
     type,
     props,
     isConcurrentMode,
     shouldWarnDev,
-    parentNamespace
+    hostContext
   );
 }
 function hydrateTextInstance(
@@ -43664,8 +43806,6 @@ function clearSingleton(instance) {
 
   return;
 } // -------------------
-// In the future this may need to change, especially when modules / scripts are supported
-
 var NotLoaded =
   /*       */
   0;
@@ -43683,28 +43823,6 @@ var Inserted =
   4;
 function prepareToCommitHoistables() {
   tagCaches = null;
-} // It is valid to preload even when we aren't actively rendering. For cases where Float functions are
-// called when there is no rendering we track the last used document. It is not safe to insert
-// arbitrary resources into the lastCurrentDocument b/c it may not actually be the document
-// that the resource is meant to apply too (for example stylesheets or scripts). This is only
-// appropriate for resources that don't really have a strict tie to the document itself for example
-// preloads
-
-var lastCurrentDocument = null;
-var previousDispatcher = null;
-function prepareRendererToRender(rootContainer) {
-  {
-    var rootNode = getHoistableRoot(rootContainer);
-    lastCurrentDocument = getDocumentFromRoot(rootNode);
-    previousDispatcher = Dispatcher$1.current;
-    Dispatcher$1.current = ReactDOMClientDispatcher;
-  }
-}
-function resetRendererAfterRender() {
-  {
-    Dispatcher$1.current = previousDispatcher;
-    previousDispatcher = null;
-  }
 } // global collections of Resources
 
 var preloadPropsMap = new Map();
@@ -43722,25 +43840,6 @@ function getHoistableRoot(container) {
 function getCurrentResourceRoot() {
   var currentContainer = getCurrentRootHostContainer();
   return currentContainer ? getHoistableRoot(currentContainer) : null;
-} // Preloads are somewhat special. Even if we don't have the Document
-// used by the root that is rendering a component trying to insert a preload
-// we can still seed the file cache by doing the preload on any document we have
-// access to. We prefer the currentDocument if it exists, we also prefer the
-// lastCurrentDocument if that exists. As a fallback we will use the window.document
-// if available.
-
-function getDocumentForPreloads() {
-  var root = getCurrentResourceRoot();
-
-  if (root) {
-    return root.ownerDocument || root;
-  } else {
-    try {
-      return lastCurrentDocument || window.document;
-    } catch (error) {
-      return null;
-    }
-  }
 }
 
 function getDocumentFromRoot(root) {
@@ -43754,12 +43853,21 @@ var ReactDOMClientDispatcher = {
   preconnect: preconnect$1,
   preload: preload$1,
   preinit: preinit$1
-};
+}; // 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.
+
+function getDocumentForImperativeFloatMethods() {
+  return document;
+}
 
 function preconnectAs(rel, crossOrigin, href) {
-  var ownerDocument = getDocumentForPreloads();
+  var ownerDocument = getDocumentForImperativeFloatMethods();
 
-  if (typeof href === "string" && href && ownerDocument) {
+  if (typeof href === "string" && href) {
     var limitedEscapedHref =
       escapeSelectorAttributeValueInsideDoubleQuotes(href);
     var key = 'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
@@ -43848,7 +43956,7 @@ function preload$1(href, options) {
     validatePreloadArguments(href, options);
   }
 
-  var ownerDocument = getDocumentForPreloads();
+  var ownerDocument = getDocumentForImperativeFloatMethods();
 
   if (
     typeof href === "string" &&
@@ -43904,74 +44012,23 @@ function preinit$1(href, options) {
     validatePreinitArguments(href, options);
   }
 
+  var ownerDocument = getDocumentForImperativeFloatMethods();
+
   if (
     typeof href === "string" &&
     href &&
     typeof options === "object" &&
     options !== null
   ) {
-    var resourceRoot = getCurrentResourceRoot();
     var as = options.as;
 
-    if (!resourceRoot) {
-      if (as === "style" || as === "script") {
-        // We are going to emit a preload as a best effort fallback since this preinit
-        // was called outside of a render. Given the passive nature of this fallback
-        // we do not warn in dev when props disagree if there happens to already be a
-        // matching preload with this href
-        var preloadDocument = getDocumentForPreloads();
-
-        if (preloadDocument) {
-          var limitedEscapedHref =
-            escapeSelectorAttributeValueInsideDoubleQuotes(href);
-          var preloadKey =
-            'link[rel="preload"][as="' +
-            as +
-            '"][href="' +
-            limitedEscapedHref +
-            '"]';
-          var key = preloadKey;
-
-          switch (as) {
-            case "style":
-              key = getStyleKey(href);
-              break;
-
-            case "script":
-              key = getScriptKey(href);
-              break;
-          }
-
-          if (!preloadPropsMap.has(key)) {
-            var preloadProps = preloadPropsFromPreinitOptions(
-              href,
-              as,
-              options
-            );
-            preloadPropsMap.set(key, preloadProps);
-
-            if (null === preloadDocument.querySelector(preloadKey)) {
-              var instance = preloadDocument.createElement("link");
-              setInitialProperties(instance, "link", preloadProps);
-              markNodeAsHoistable(instance);
-              preloadDocument.head.appendChild(instance);
-            }
-          }
-        }
-      }
-
-      return;
-    }
-
     switch (as) {
       case "style": {
-        var styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
-
-        var _key = getStyleKey(href);
-
+        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles;
+        var key = getStyleKey(href);
         var precedence = options.precedence || "default"; // Check if this resource already exists
 
-        var resource = styles.get(_key);
+        var resource = styles.get(key);
 
         if (resource) {
           // We can early return. The resource exists and there is nothing
@@ -43984,11 +44041,11 @@ function preinit$1(href, options) {
           preload: null
         }; // Attempt to hydrate instance from DOM
 
-        var _instance = resourceRoot.querySelector(
-          getStylesheetSelectorFromKey(_key)
+        var instance = ownerDocument.querySelector(
+          getStylesheetSelectorFromKey(key)
         );
 
-        if (_instance) {
+        if (instance) {
           state.loading = Loaded;
         } else {
           // Construct a new instance and insert it
@@ -43997,17 +44054,13 @@ function preinit$1(href, options) {
             precedence,
             options
           );
+          var preloadProps = preloadPropsMap.get(key);
 
-          var _preloadProps = preloadPropsMap.get(_key);
-
-          if (_preloadProps) {
-            adoptPreloadPropsForStylesheet(stylesheetProps, _preloadProps);
+          if (preloadProps) {
+            adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
           }
 
-          var ownerDocument = getDocumentFromRoot(resourceRoot);
-
-          var link = (_instance = ownerDocument.createElement("link"));
-
+          var link = (instance = ownerDocument.createElement("link"));
           markNodeAsHoistable(link);
           setInitialProperties(link, "link", stylesheetProps);
           link._p = new Promise(function (resolve, reject) {
@@ -44021,26 +44074,26 @@ function preinit$1(href, options) {
             state.loading |= Errored;
           });
           state.loading |= Inserted;
-          insertStylesheet(_instance, precedence, resourceRoot);
+          insertStylesheet(instance, precedence, ownerDocument);
         } // Construct a Resource and cache it
 
         resource = {
           type: "stylesheet",
-          instance: _instance,
+          instance: instance,
           count: 1,
           state: state
         };
-        styles.set(_key, resource);
+        styles.set(key, resource);
         return;
       }
 
       case "script": {
         var src = href;
-        var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
+        var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts;
 
-        var _key2 = getScriptKey(src); // Check if this resource already exists
+        var _key = getScriptKey(src); // Check if this resource already exists
 
-        var _resource = scripts.get(_key2);
+        var _resource = scripts.get(_key);
 
         if (_resource) {
           // We can early return. The resource exists and there is nothing
@@ -44048,52 +44101,39 @@ function preinit$1(href, options) {
           return;
         } // Attempt to hydrate instance from DOM
 
-        var _instance2 = resourceRoot.querySelector(
-          getScriptSelectorFromKey(_key2)
+        var _instance = ownerDocument.querySelector(
+          getScriptSelectorFromKey(_key)
         );
 
-        if (!_instance2) {
+        if (!_instance) {
           // Construct a new instance and insert it
           var scriptProps = scriptPropsFromPreinitOptions(src, options); // Adopt certain preload props
 
-          var _preloadProps2 = preloadPropsMap.get(_key2);
+          var _preloadProps = preloadPropsMap.get(_key);
 
-          if (_preloadProps2) {
-            adoptPreloadPropsForScript(scriptProps, _preloadProps2);
+          if (_preloadProps) {
+            adoptPreloadPropsForScript(scriptProps, _preloadProps);
           }
 
-          var _ownerDocument = getDocumentFromRoot(resourceRoot);
-
-          _instance2 = _ownerDocument.createElement("script");
-          markNodeAsHoistable(_instance2);
-          setInitialProperties(_instance2, "link", scriptProps);
-
-          _ownerDocument.head.appendChild(_instance2);
+          _instance = ownerDocument.createElement("script");
+          markNodeAsHoistable(_instance);
+          setInitialProperties(_instance, "link", scriptProps);
+          ownerDocument.head.appendChild(_instance);
         } // Construct a Resource and cache it
 
         _resource = {
           type: "script",
-          instance: _instance2,
+          instance: _instance,
           count: 1,
           state: null
         };
-        scripts.set(_key2, _resource);
+        scripts.set(_key, _resource);
         return;
       }
     }
   }
 }
 
-function preloadPropsFromPreinitOptions(href, as, options) {
-  return {
-    href: href,
-    rel: "preload",
-    as: as,
-    crossOrigin: as === "font" ? "" : options.crossOrigin,
-    integrity: options.integrity
-  };
-}
-
 function stylesheetPropsFromPreinitOptions(href, precedence, options) {
   return {
     rel: "stylesheet",
@@ -44165,11 +44205,11 @@ function getResource(type, currentProps, pendingProps) {
       ) {
         var qualifiedProps = pendingProps;
 
-        var _key3 = getStyleKey(qualifiedProps.href);
+        var _key2 = getStyleKey(qualifiedProps.href);
 
         var _styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
 
-        var _resource2 = _styles.get(_key3);
+        var _resource2 = _styles.get(_key2);
 
         if (!_resource2) {
           // We asserted this above but Flow can't figure out that the type satisfies
@@ -44184,12 +44224,12 @@ function getResource(type, currentProps, pendingProps) {
             }
           };
 
-          _styles.set(_key3, _resource2);
+          _styles.set(_key2, _resource2);
 
-          if (!preloadPropsMap.has(_key3)) {
+          if (!preloadPropsMap.has(_key2)) {
             preloadStylesheet(
               ownerDocument,
-              _key3,
+              _key2,
               preloadPropsFromStylesheet(qualifiedProps),
               _resource2.state
             );
@@ -44206,11 +44246,11 @@ function getResource(type, currentProps, pendingProps) {
       if (typeof pendingProps.src === "string" && pendingProps.async === true) {
         var scriptProps = pendingProps;
 
-        var _key4 = getScriptKey(scriptProps.src);
+        var _key3 = getScriptKey(scriptProps.src);
 
         var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
 
-        var _resource3 = scripts.get(_key4);
+        var _resource3 = scripts.get(_key3);
 
         if (!_resource3) {
           _resource3 = {
@@ -44219,7 +44259,7 @@ function getResource(type, currentProps, pendingProps) {
             count: 0,
             state: null
           };
-          scripts.set(_key4, _resource3);
+          scripts.set(_key3, _resource3);
         }
 
         return _resource3;
@@ -44254,11 +44294,12 @@ function styleTagPropsFromRawProps(rawProps) {
 
 function getStyleKey(href) {
   var limitedEscapedHref = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-  return 'href~="' + limitedEscapedHref + '"';
+  return 'href="' + limitedEscapedHref + '"';
 }
 
-function getStyleTagSelectorFromKey(key) {
-  return "style[data-" + key + "]";
+function getStyleTagSelector(href) {
+  var limitedEscapedHref = escapeSelectorAttributeValueInsideDoubleQuotes(href);
+  return 'style[data-href~="' + limitedEscapedHref + '"]';
 }
 
 function getStylesheetSelectorFromKey(key) {
@@ -44335,11 +44376,10 @@ function acquireResource(hoistableRoot, resource, props) {
   if (resource.instance === null) {
     switch (resource.type) {
       case "style": {
-        var qualifiedProps = props;
-        var key = getStyleKey(qualifiedProps.href); // Attempt to hydrate instance from DOM
+        var qualifiedProps = props; // Attempt to hydrate instance from DOM
 
         var instance = hoistableRoot.querySelector(
-          getStyleTagSelectorFromKey(key)
+          getStyleTagSelector(qualifiedProps.href)
         );
 
         if (instance) {
@@ -44367,40 +44407,39 @@ function acquireResource(hoistableRoot, resource, props) {
         // 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 _key5 = getStyleKey(_qualifiedProps.href); // Attempt to hydrate instance from DOM
-
-        var _instance3 = hoistableRoot.querySelector(
-          getStylesheetSelectorFromKey(_key5)
+        var _instance2 = hoistableRoot.querySelector(
+          getStylesheetSelectorFromKey(key)
         );
 
-        if (_instance3) {
-          resource.instance = _instance3;
-          markNodeAsHoistable(_instance3);
-          return _instance3;
+        if (_instance2) {
+          resource.instance = _instance2;
+          markNodeAsHoistable(_instance2);
+          return _instance2;
         }
 
         var stylesheetProps = stylesheetPropsFromRawProps(props);
-        var preloadProps = preloadPropsMap.get(_key5);
+        var preloadProps = preloadPropsMap.get(key);
 
         if (preloadProps) {
           adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
         } // Construct and insert a new instance
 
-        var _ownerDocument2 = getDocumentFromRoot(hoistableRoot);
+        var _ownerDocument = getDocumentFromRoot(hoistableRoot);
 
-        _instance3 = _ownerDocument2.createElement("link");
-        markNodeAsHoistable(_instance3);
-        var linkInstance = _instance3;
+        _instance2 = _ownerDocument.createElement("link");
+        markNodeAsHoistable(_instance2);
+        var linkInstance = _instance2;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(_instance3, "link", stylesheetProps);
+        setInitialProperties(_instance2, "link", stylesheetProps);
         resource.state.loading |= Inserted;
-        insertStylesheet(_instance3, _qualifiedProps.precedence, hoistableRoot);
-        resource.instance = _instance3;
-        return _instance3;
+        insertStylesheet(_instance2, _qualifiedProps.precedence, hoistableRoot);
+        resource.instance = _instance2;
+        return _instance2;
       }
 
       case "script": {
@@ -44409,37 +44448,37 @@ function acquireResource(hoistableRoot, resource, props) {
         // this cast still makes sense;
         var borrowedScriptProps = props;
 
-        var _key6 = getScriptKey(borrowedScriptProps.src); // Attempt to hydrate instance from DOM
+        var _key4 = getScriptKey(borrowedScriptProps.src); // Attempt to hydrate instance from DOM
 
-        var _instance4 = hoistableRoot.querySelector(
-          getScriptSelectorFromKey(_key6)
+        var _instance3 = hoistableRoot.querySelector(
+          getScriptSelectorFromKey(_key4)
         );
 
-        if (_instance4) {
-          resource.instance = _instance4;
-          markNodeAsHoistable(_instance4);
-          return _instance4;
+        if (_instance3) {
+          resource.instance = _instance3;
+          markNodeAsHoistable(_instance3);
+          return _instance3;
         }
 
         var scriptProps = borrowedScriptProps;
 
-        var _preloadProps3 = preloadPropsMap.get(_key6);
+        var _preloadProps2 = preloadPropsMap.get(_key4);
 
-        if (_preloadProps3) {
+        if (_preloadProps2) {
           scriptProps = assign({}, borrowedScriptProps);
-          adoptPreloadPropsForScript(scriptProps, _preloadProps3);
+          adoptPreloadPropsForScript(scriptProps, _preloadProps2);
         } // Construct and insert a new instance
 
-        var _ownerDocument3 = getDocumentFromRoot(hoistableRoot);
+        var _ownerDocument2 = getDocumentFromRoot(hoistableRoot);
 
-        _instance4 = _ownerDocument3.createElement("script");
-        markNodeAsHoistable(_instance4);
-        setInitialProperties(_instance4, "link", scriptProps);
+        _instance3 = _ownerDocument2.createElement("script");
+        markNodeAsHoistable(_instance3);
+        setInitialProperties(_instance3, "link", scriptProps);
 
-        _ownerDocument3.head.appendChild(_instance4);
+        _ownerDocument2.head.appendChild(_instance3);
 
-        resource.instance = _instance4;
-        return _instance4;
+        resource.instance = _instance3;
+        return _instance3;
       }
 
       case "void": {
@@ -44472,9 +44511,9 @@ function acquireResource(hoistableRoot, resource, props) {
       (resource.state.loading & Inserted) === NotLoaded
     ) {
       var _qualifiedProps2 = props;
-      var _instance5 = resource.instance;
+      var _instance4 = resource.instance;
       resource.state.loading |= Inserted;
-      insertStylesheet(_instance5, _qualifiedProps2.precedence, hoistableRoot);
+      insertStylesheet(_instance4, _qualifiedProps2.precedence, hoistableRoot);
     }
   }
 
@@ -44602,9 +44641,9 @@ function hydrateHoistable(hoistableRoot, type, props, internalInstanceHandle) {
         ownerDocument
       );
 
-      var _key7 = type + (props.content || "");
+      var _key5 = type + (props.content || "");
 
-      var _maybeNodes = _cache.get(_key7);
+      var _maybeNodes = _cache.get(_key5);
 
       if (_maybeNodes) {
         var _nodes = _maybeNodes;
@@ -44721,36 +44760,20 @@ function mountHoistable(hoistableRoot, type, instance) {
 }
 function unmountHoistable(instance) {
   instance.parentNode.removeChild(instance);
-} // When passing user input into querySelector(All) the embedded string must not alter
-// the semantics of the query. This escape function is safe to use when we know the
-// provided value is going to be wrapped in double quotes as part of an attribute selector
-// Do not use it anywhere else
-// we escape double quotes and backslashes
-
-var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n\"\\]/g;
-
-function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
-  return value.replace(
-    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
-    function (ch) {
-      return "\\" + ch.charCodeAt(0).toString(16);
-    }
-  );
 }
-
 function isHostHoistableType(type, props, hostContext) {
   var outsideHostContainerContext;
-  var namespace;
+  var hostContextProd;
 
   {
     var hostContextDev = hostContext; // We can only render resources when we are not within the host container context
 
     outsideHostContainerContext =
       !hostContextDev.ancestorInfo.containerTagInScope;
-    namespace = hostContextDev.namespace;
+    hostContextProd = hostContextDev.context;
   } // Global opt out of hoisting for anything in SVG Namespace or anything with an itemProp inside an itemScope
 
-  if (namespace === SVG_NAMESPACE || props.itemProp != null) {
+  if (hostContextProd === HostContextNamespaceSvg || props.itemProp != null) {
     {
       if (
         outsideHostContainerContext &&
@@ -45199,7 +45222,12 @@ function insertStylesheetIntoRoot(root, resource, map) {
   resource.state.loading |= Inserted;
 }
 
-var Dispatcher = Internals.Dispatcher;
+var Dispatcher$1 = Internals.Dispatcher;
+
+if (typeof document !== "undefined") {
+  // Set the default dispatcher to the client dispatcher
+  Dispatcher$1.current = ReactDOMClientDispatcher;
+}
 /* global reportError */
 
 var defaultOnRecoverableError =
@@ -45347,12 +45375,7 @@ function createRoot$1(container, options) {
     transitionCallbacks
   );
   markContainerAsRoot(root.current, container);
-
-  {
-    // Set the default dispatcher to the client dispatcher
-    Dispatcher.current = ReactDOMClientDispatcher;
-  }
-
+  Dispatcher$1.current = ReactDOMClientDispatcher;
   var rootContainerElement =
     container.nodeType === COMMENT_NODE ? container.parentNode : container;
   listenToAllSupportedEvents(rootContainerElement); // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
@@ -45432,11 +45455,7 @@ function hydrateRoot$1(container, initialChildren, options) {
     transitionCallbacks
   );
   markContainerAsRoot(root.current, container);
-
-  {
-    // Set the default dispatcher to the client dispatcher
-    Dispatcher.current = ReactDOMClientDispatcher;
-  } // This can't be a comment node since hydration doesn't work on comment nodes anyway.
+  Dispatcher$1.current = ReactDOMClientDispatcher; // This can't be a comment node since hydration doesn't work on comment nodes anyway.
 
   listenToAllSupportedEvents(container);
 
@@ -45580,43 +45599,68 @@ function createEventHandle(type, options) {
   }
 }
 
-function prefetchDNS() {
-  var dispatcher = Internals.Dispatcher.current;
+var Dispatcher = Internals.Dispatcher;
+function prefetchDNS(href) {
+  var passedOptionArg;
+
+  {
+    if (arguments[1] !== undefined) {
+      passedOptionArg = arguments[1];
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
 
   if (dispatcher) {
-    dispatcher.prefetchDNS.apply(this, arguments);
+    {
+      if (passedOptionArg !== undefined) {
+        // prefetchDNS will warn if you pass reserved options arg. We pass it along in Dev only to
+        // elicit the warning. In prod we do not forward since it is not a part of the interface.
+        // @TODO move all arg validation into this file. It needs to be universal anyway so may as well lock down the interace here and
+        // let the rest of the codebase trust the types
+        dispatcher.prefetchDNS(href, passedOptionArg);
+      } else {
+        dispatcher.prefetchDNS(href);
+      }
+    }
   } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
   // and the runtime may not be capable of responding. The function is optimistic and not critical
   // so we favor silent bailout over warning or erroring.
 }
-function preconnect() {
-  var dispatcher = Internals.Dispatcher.current;
+function preconnect(href, options) {
+  var dispatcher = Dispatcher.current;
 
   if (dispatcher) {
-    dispatcher.preconnect.apply(this, arguments);
+    dispatcher.preconnect(href, options);
   } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
   // and the runtime may not be capable of responding. The function is optimistic and not critical
   // so we favor silent bailout over warning or erroring.
 }
-function preload() {
-  var dispatcher = Internals.Dispatcher.current;
+function preload(href, options) {
+  var dispatcher = Dispatcher.current;
 
   if (dispatcher) {
-    dispatcher.preload.apply(this, arguments);
+    dispatcher.preload(href, options);
   } // We don't error because preload needs to be resilient to being called in a variety of scopes
   // and the runtime may not be capable of responding. The function is optimistic and not critical
   // so we favor silent bailout over warning or erroring.
 }
-function preinit() {
-  var dispatcher = Internals.Dispatcher.current;
+function preinit(href, options) {
+  var dispatcher = Dispatcher.current;
 
   if (dispatcher) {
-    dispatcher.preinit.apply(this, arguments);
+    dispatcher.preinit(href, options);
   } // We don't error because preinit needs to be resilient to being called in a variety of scopes
   // and the runtime may not be capable of responding. The function is optimistic and not critical
   // so we favor silent bailout over warning or erroring.
 }
 
+function useFormStatus() {
+  {
+    throw new Error("Not implemented.");
+  }
+}
+
 {
   if (
     typeof Map !== "function" || // $FlowFixMe[prop-missing] Flow incorrectly thinks Map has no prototype
@@ -45735,6 +45779,7 @@ var foundDevTools = injectIntoDevTools({
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createPortal = createPortal;
 exports.createRoot = createRoot;
+exports.experimental_useFormStatus = useFormStatus;
 exports.flushSync = flushSync;
 exports.hydrateRoot = hydrateRoot;
 exports.preconnect = preconnect;
diff --git a/compiled/facebook-www/ReactDOM-prod.classic.js b/compiled/facebook-www/ReactDOM-prod.classic.js
index 1dee9435b7..069fad840f 100644
--- a/compiled/facebook-www/ReactDOM-prod.classic.js
+++ b/compiled/facebook-www/ReactDOM-prod.classic.js
@@ -41,8 +41,6 @@ var ReactSharedInternals =
   disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
-  revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
   enableLegacyFBSupport = dynamicFeatureFlags.enableLegacyFBSupport,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableUseRefAccessWarning = dynamicFeatureFlags.enableUseRefAccessWarning,
@@ -56,6 +54,8 @@ var ReactSharedInternals =
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
   diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries,
   REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_PORTAL_TYPE = Symbol.for("react.portal"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -360,14 +360,30 @@ function pushHostContainer(fiber, nextRootInstance) {
     case 9:
     case 11:
       nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
-        ? nextRootInstance.namespaceURI
-        : getChildNamespace(null, "");
+        ? (nextRootInstance = nextRootInstance.namespaceURI)
+          ? getOwnHostContext(nextRootInstance)
+          : 0
+        : 0;
       break;
     default:
-      (fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
-        (nextRootInstance = fiber.namespaceURI || null),
-        (fiber = fiber.tagName),
-        (nextRootInstance = getChildNamespace(nextRootInstance, fiber));
+      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);
@@ -379,7 +395,7 @@ function popHostContainer() {
 }
 function pushHostContext(fiber) {
   var context = contextStackCursor$1.current;
-  var JSCompiler_inline_result = getChildNamespace(context, fiber.type);
+  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
   context !== JSCompiler_inline_result &&
     (push(contextFiberStackCursor, fiber),
     push(contextStackCursor$1, JSCompiler_inline_result));
@@ -583,13 +599,10 @@ function createLaneMap(initial) {
   for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane;
   536870912 !== updateLane &&
     ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  root = root.eventTimes;
-  updateLane = 31 - clz32(updateLane);
-  root[updateLane] = eventTime;
 }
 function markRootFinished(root, remainingLanes) {
   var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
@@ -601,22 +614,20 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   remainingLanes = root.entanglements;
-  var eventTimes = root.eventTimes,
-    expirationTimes = root.expirationTimes;
+  var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$5 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$5;
-    remainingLanes[index$5] = 0;
-    eventTimes[index$5] = -1;
-    expirationTimes[index$5] = -1;
-    var hiddenUpdatesForLane = root[index$5];
+    var index$4 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$4;
+    remainingLanes[index$4] = 0;
+    expirationTimes[index$4] = -1;
+    var hiddenUpdatesForLane = root[index$4];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$5] = null, index$5 = 0;
-        index$5 < hiddenUpdatesForLane.length;
-        index$5++
+        root[index$4] = null, index$4 = 0;
+        index$4 < hiddenUpdatesForLane.length;
+        index$4++
       ) {
-        var update = hiddenUpdatesForLane[index$5];
+        var update = hiddenUpdatesForLane[index$4];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -625,21 +636,21 @@ function markRootFinished(root, remainingLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$6 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$6;
-    (lane & entangledLanes) | (root[index$6] & entangledLanes) &&
-      (root[index$6] |= entangledLanes);
+    var index$5 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$5;
+    (lane & entangledLanes) | (root[index$5] & entangledLanes) &&
+      (root[index$5] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$8 = 31 - clz32(lanes),
-      lane = 1 << index$8;
-    index$8 = root.transitionLanes[index$8];
-    null !== index$8 &&
-      index$8.forEach(function (transition) {
+    var index$7 = 31 - clz32(lanes),
+      lane = 1 << index$7;
+    index$7 = root.transitionLanes[index$7];
+    null !== index$7 &&
+      index$7.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -649,10 +660,10 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$9 = 31 - clz32(lanes),
-        lane = 1 << index$9;
-      null !== root.transitionLanes[index$9] &&
-        (root.transitionLanes[index$9] = null);
+      var index$8 = 31 - clz32(lanes),
+        lane = 1 << index$8;
+      null !== root.transitionLanes[index$8] &&
+        (root.transitionLanes[index$8] = null);
       lanes &= ~lane;
     }
 }
@@ -676,11 +687,6 @@ function lanesToEventPriority(lanes) {
     : 2;
 }
 var hasOwnProperty = Object.prototype.hasOwnProperty,
-  Internals = {
-    usingClientEntryPoint: !1,
-    Events: null,
-    Dispatcher: { current: null }
-  },
   allNativeEvents = new Set();
 allNativeEvents.add("beforeblur");
 allNativeEvents.add("afterblur");
@@ -728,8 +734,8 @@ function setValueForAttribute(node, name, value) {
           node.removeAttribute(name);
           return;
         case "boolean":
-          var prefix$10 = name.toLowerCase().slice(0, 5);
-          if ("data-" !== prefix$10 && "aria-" !== prefix$10) {
+          var prefix$9 = name.toLowerCase().slice(0, 5);
+          if ("data-" !== prefix$9 && "aria-" !== prefix$9) {
             node.removeAttribute(name);
             return;
           }
@@ -811,16 +817,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$11) {
-          control = x$11;
+        } catch (x$10) {
+          control = x$10;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$12) {
-        control = x$12;
+      } catch (x$11) {
+        control = x$11;
       }
       fn();
     }
@@ -974,6 +980,15 @@ function getActiveElement(doc) {
     return doc.body;
   }
 }
+var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n"\\]/g;
+function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
+  return value.replace(
+    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
+    function (ch) {
+      return "\\" + ch.charCodeAt(0).toString(16) + " ";
+    }
+  );
+}
 function updateInput(
   element,
   value,
@@ -981,8 +996,16 @@ function updateInput(
   lastDefaultValue,
   checked,
   defaultChecked,
-  type
+  type,
+  name
 ) {
+  element.name = "";
+  null != type &&
+  "function" !== typeof type &&
+  "symbol" !== typeof type &&
+  "boolean" !== typeof type
+    ? (element.type = type)
+    : element.removeAttribute("type");
   if (null != value)
     if ("number" === type) {
       if ((0 === value && "" === element.value) || element.value != value)
@@ -990,10 +1013,8 @@ function updateInput(
     } else
       element.value !== "" + getToStringValue(value) &&
         (element.value = "" + getToStringValue(value));
-  else if ("submit" === type || "reset" === type) {
-    element.removeAttribute("value");
-    return;
-  }
+  else
+    ("submit" !== type && "reset" !== type) || element.removeAttribute("value");
   disableInputAttributeSyncing
     ? null != defaultValue
       ? setDefaultValue(element, type, getToStringValue(defaultValue))
@@ -1013,6 +1034,12 @@ function updateInput(
   null != checked &&
     element.checked !== !!checked &&
     (element.checked = checked);
+  null != name &&
+  "function" !== typeof name &&
+  "symbol" !== typeof name &&
+  "boolean" !== typeof name
+    ? (element.name = "" + getToStringValue(name))
+    : element.removeAttribute("name");
 }
 function initInput(
   element,
@@ -1021,8 +1048,14 @@ function initInput(
   checked,
   defaultChecked,
   type,
+  name,
   isHydrating
 ) {
+  null != type &&
+    "function" !== typeof type &&
+    "symbol" !== typeof type &&
+    "boolean" !== typeof type &&
+    (element.type = type);
   if (null != value || null != defaultValue) {
     if (
       (type = "submit" === type || "reset" === type) &&
@@ -1043,16 +1076,17 @@ function initInput(
       ? null != defaultValue && (element.defaultValue = defaultValueStr)
       : (element.defaultValue = initialValue);
   }
-  value = element.name;
-  "" !== value && (element.name = "");
-  checked = null != checked ? checked : defaultChecked;
-  checked =
-    "function" !== typeof checked && "symbol" !== typeof checked && !!checked;
-  isHydrating || (element.checked = !!checked);
+  value = null != checked ? checked : defaultChecked;
+  value = "function" !== typeof value && "symbol" !== typeof value && !!value;
+  isHydrating || (element.checked = !!value);
   disableInputAttributeSyncing
     ? null != defaultChecked && (element.defaultChecked = !!defaultChecked)
-    : (element.defaultChecked = !!checked);
-  "" !== value && (element.name = value);
+    : (element.defaultChecked = !!value);
+  null != name &&
+    "function" !== typeof name &&
+    "symbol" !== typeof name &&
+    "boolean" !== typeof name &&
+    (element.name = name);
 }
 function setDefaultValue(node, type, value) {
   ("number" === type && getActiveElement(node.ownerDocument) === node) ||
@@ -1126,28 +1160,6 @@ function initTextarea(element, value, defaultValue, children) {
     null !== children &&
     (element.value = children);
 }
-function getChildNamespace(parentNamespace, type) {
-  if (
-    null == parentNamespace ||
-    "http://www.w3.org/1999/xhtml" === parentNamespace
-  ) {
-    a: switch (type) {
-      case "svg":
-        parentNamespace = "http://www.w3.org/2000/svg";
-        break a;
-      case "math":
-        parentNamespace = "http://www.w3.org/1998/Math/MathML";
-        break a;
-      default:
-        parentNamespace = "http://www.w3.org/1999/xhtml";
-    }
-    return parentNamespace;
-  }
-  return "http://www.w3.org/2000/svg" === parentNamespace &&
-    "foreignObject" === type
-    ? "http://www.w3.org/1999/xhtml"
-    : parentNamespace;
-}
 var reusableSVGContainer;
 function setInnerHTMLImpl(node, html) {
   if ("http://www.w3.org/2000/svg" !== node.namespaceURI || "innerHTML" in node)
@@ -1219,15 +1231,15 @@ function setValueForStyles(node, styles, prevStyles) {
           : "float" === styleName
           ? (node.cssFloat = "")
           : (node[styleName] = ""));
-    for (var styleName$16 in styles)
-      (styleName = styles[styleName$16]),
-        styles.hasOwnProperty(styleName$16) &&
-          prevStyles[styleName$16] !== styleName &&
-          setValueForStyle(node, styleName$16, styleName);
+    for (var styleName$15 in styles)
+      (styleName = styles[styleName$15]),
+        styles.hasOwnProperty(styleName$15) &&
+          prevStyles[styleName$15] !== styleName &&
+          setValueForStyle(node, styleName$15, styleName);
   } else
-    for (var styleName$17 in styles)
-      styles.hasOwnProperty(styleName$17) &&
-        setValueForStyle(node, styleName$17, styles[styleName$17]);
+    for (var styleName$16 in styles)
+      styles.hasOwnProperty(styleName$16) &&
+        setValueForStyle(node, styleName$16, styles[styleName$16]);
 }
 function isCustomElement(tagName) {
   if (-1 === tagName.indexOf("-")) return !1;
@@ -1353,15 +1365,18 @@ function restoreStateOfTarget(target) {
           props.defaultValue,
           props.checked,
           props.defaultChecked,
-          props.type
+          props.type,
+          props.name
         );
         internalInstance = props.name;
         if ("radio" === props.type && null != internalInstance) {
           for (props = target; props.parentNode; ) props = props.parentNode;
           props = props.querySelectorAll(
-            "input[name=" +
-              JSON.stringify("" + internalInstance) +
-              '][type="radio"]'
+            'input[name="' +
+              escapeSelectorAttributeValueInsideDoubleQuotes(
+                "" + internalInstance
+              ) +
+              '"][type="radio"]'
           );
           for (
             internalInstance = 0;
@@ -1380,7 +1395,8 @@ function restoreStateOfTarget(target) {
                 otherProps.defaultValue,
                 otherProps.checked,
                 otherProps.defaultChecked,
-                otherProps.type
+                otherProps.type,
+                otherProps.name
               );
             }
           }
@@ -1696,7 +1712,6 @@ function prepareToHydrateHostInstance(fiber) {
       break;
     case "input":
       listenToNonDelegatedEvent("invalid", instance);
-      track(instance);
       initInput(
         instance,
         props.value,
@@ -1704,16 +1719,18 @@ function prepareToHydrateHostInstance(fiber) {
         props.checked,
         props.defaultChecked,
         props.type,
+        props.name,
         !0
       );
+      track(instance);
       break;
     case "select":
       listenToNonDelegatedEvent("invalid", instance);
       break;
     case "textarea":
       listenToNonDelegatedEvent("invalid", instance),
-        track(instance),
-        initTextarea(instance, props.value, props.defaultValue, props.children);
+        initTextarea(instance, props.value, props.defaultValue, props.children),
+        track(instance);
   }
   i = null;
   var children = props.children;
@@ -3048,6 +3065,267 @@ function resetWorkInProgressVersions() {
     workInProgressSources[i]._workInProgressVersionPrimary = null;
   workInProgressSources.length = 0;
 }
+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) {
+    var workInProgressRoot$jscomp$0 = workInProgressRoot,
+      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
+      errors = null;
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root$43 = firstScheduledRoot; null !== root$43; ) {
+        if (
+          (!onlyLegacy || 0 === root$43.tag) &&
+          0 !==
+            (getNextLanes(
+              root$43,
+              root$43 === workInProgressRoot$jscomp$0
+                ? workInProgressRootRenderLanes$jscomp$0
+                : 0
+            ) &
+              3)
+        )
+          try {
+            didPerformSomeWork = !0;
+            var root = root$43;
+            if (0 !== (executionContext & 6))
+              throw Error(formatProdErrorMessage(327));
+            flushPassiveEffects();
+            var lanes = getNextLanes(root, 0);
+            if (0 !== (lanes & 3)) {
+              var exitStatus = renderRootSync(root, lanes);
+              if (0 !== root.tag && 2 === exitStatus) {
+                var originallyAttemptedLanes = lanes,
+                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                    root,
+                    originallyAttemptedLanes
+                  );
+                0 !== errorRetryLanes &&
+                  ((lanes = errorRetryLanes),
+                  (exitStatus = recoverFromConcurrentError(
+                    root,
+                    originallyAttemptedLanes,
+                    errorRetryLanes
+                  )));
+              }
+              if (1 === exitStatus)
+                throw (
+                  ((originallyAttemptedLanes = workInProgressRootFatalError),
+                  prepareFreshStack(root, 0),
+                  markRootSuspended(root, lanes),
+                  ensureRootIsScheduled(root),
+                  originallyAttemptedLanes)
+                );
+              6 === exitStatus
+                ? markRootSuspended(root, lanes)
+                : ((root.finishedWork = root.current.alternate),
+                  (root.finishedLanes = lanes),
+                  commitRoot(
+                    root,
+                    workInProgressRootRecoverableErrors,
+                    workInProgressTransitions
+                  ));
+            }
+            ensureRootIsScheduled(root);
+          } catch (error) {
+            null === errors ? (errors = [error]) : errors.push(error);
+          }
+        root$43 = root$43.next;
+      }
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+    if (null !== errors) {
+      if (1 < errors.length) {
+        if ("function" === typeof AggregateError)
+          throw new AggregateError(errors);
+        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
+          scheduleImmediateTask(throwError.bind(null, errors[onlyLegacy]));
+      }
+      throw errors[0];
+    }
+  }
+}
+function throwError(error) {
+  throw error;
+}
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next;
+    0 !== currentEventTransitionLane &&
+      window.event &&
+      "popstate" === window.event.type &&
+      markRootEntangled(root, currentEventTransitionLane | 2);
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === nextLanes
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
+  }
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
+}
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  for (
+    var suspendedLanes = root.suspendedLanes,
+      pingedLanes = root.pingedLanes,
+      expirationTimes = root.expirationTimes,
+      lanes = root.pendingLanes & -125829121;
+    0 < lanes;
+
+  ) {
+    var index$2 = 31 - clz32(lanes),
+      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);
+    lanes &= ~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 536870912:
+      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 currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    null !== actionReturnValue &&
+    "object" === typeof actionReturnValue &&
+    "function" === typeof actionReturnValue.then
+  ) {
+    if (null === currentAsyncAction) {
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: !1,
+        reason: void 0,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(actionReturnValue, asyncAction);
+      return (currentAsyncAction = asyncAction);
+    }
+    var asyncAction$45 = currentAsyncAction;
+    attachPingListeners(actionReturnValue, asyncAction$45);
+    return asyncAction$45;
+  }
+  return null === currentAsyncAction ? !1 : currentAsyncAction;
+}
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "fulfilled"),
+        completeAsyncActionScope(asyncAction));
+    },
+    function (error) {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "rejected"),
+        (asyncAction.reason = error),
+        completeAsyncActionScope(asyncAction));
+    }
+  );
+  return asyncAction;
+}
+function completeAsyncActionScope(action) {
+  currentAsyncAction === action && (currentAsyncAction = null);
+  var listeners = action.listeners;
+  action.listeners = [];
+  for (action = 0; action < listeners.length; action++)
+    (0, listeners[action])(!1);
+}
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig,
   renderLanes$1 = 0,
@@ -3208,20 +3486,21 @@ var createFunctionComponentUpdateQueue;
 createFunctionComponentUpdateQueue = function () {
   return { lastEffect: null, events: null, stores: null, memoCache: null };
 };
+function useThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+  null === thenableState && (thenableState = []);
+  thenable = trackUsedThenable(thenableState, thenable, index);
+  null === currentlyRenderingFiber$1.alternate &&
+    (null === workInProgressHook
+      ? null === currentlyRenderingFiber$1.memoizedState
+      : null === workInProgressHook.next) &&
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
+  return thenable;
+}
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
-    if ("function" === typeof usable.then) {
-      var index$44 = thenableIndexCounter;
-      thenableIndexCounter += 1;
-      null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$44);
-      null === currentlyRenderingFiber$1.alternate &&
-        (null === workInProgressHook
-          ? null === currentlyRenderingFiber$1.memoizedState
-          : null === workInProgressHook.next) &&
-        (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
-      return usable;
-    }
+    if ("function" === typeof usable.then) return useThenable(usable);
     if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -3518,7 +3797,7 @@ function checkIfSnapshotChanged(inst) {
 }
 function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, 2);
-  null !== root && scheduleUpdateOnFiber(root, fiber, 2, -1);
+  null !== root && scheduleUpdateOnFiber(root, fiber, 2);
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
@@ -3683,7 +3962,15 @@ function startTransition(setPending, callback, options) {
     ((ReactCurrentBatchConfig$3.transition.name = options.name),
     (ReactCurrentBatchConfig$3.transition.startTime = now()));
   try {
-    setPending(!1), callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(),
+        isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else setPending(!1), callback();
+  } catch (error) {
+    if (enableAsyncActions)
+      setPending({ then: function () {}, status: "rejected", reason: error });
+    else throw error;
   } finally {
     (currentUpdatePriority = previousPriority),
       (ReactCurrentBatchConfig$3.transition = prevTransition);
@@ -3702,16 +3989,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$50 = enqueueUpdate(provider, fiber, lane);
-        if (null !== root$50) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root$50, provider, lane, eventTime);
-          entangleTransitions(root$50, provider, lane);
-        }
+        var root$51 = enqueueUpdate(provider, fiber, lane);
+        null !== root$51 &&
+          (scheduleUpdateOnFiber(root$51, provider, lane),
+          entangleTransitions(root$51, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$50 &&
+          null !== root$51 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -3728,16 +4013,13 @@ function dispatchReducerAction(fiber, queue, action) {
     eagerState: null,
     next: null
   };
-  if (isRenderPhaseUpdate(fiber)) enqueueRenderPhaseUpdate(queue, action);
-  else if (
-    (enqueueUpdate$1(fiber, queue, action, lane),
-    (action = getRootForUpdatedFiber(fiber)),
-    null !== action)
-  ) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(action, fiber, lane, eventTime);
-    entangleTransitionUpdate(action, queue, lane);
-  }
+  isRenderPhaseUpdate(fiber)
+    ? enqueueRenderPhaseUpdate(queue, action)
+    : (enqueueUpdate$1(fiber, queue, action, lane),
+      (action = getRootForUpdatedFiber(fiber)),
+      null !== action &&
+        (scheduleUpdateOnFiber(action, fiber, lane),
+        entangleTransitionUpdate(action, queue, lane)));
 }
 function dispatchSetState(fiber, queue, action) {
   var lane = requestUpdateLane(fiber),
@@ -3772,8 +4054,7 @@ function dispatchSetState(fiber, queue, action) {
     enqueueUpdate$1(fiber, queue, update, lane);
     action = getRootForUpdatedFiber(fiber);
     null !== action &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(action, fiber, lane, update),
+      (scheduleUpdateOnFiber(action, fiber, lane),
       entangleTransitionUpdate(action, queue, lane));
   }
 }
@@ -3804,6 +4085,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 }
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -3822,11 +4104,11 @@ var ContextOnlyDispatcher = {
   useId: throwInvalidHookError
 };
 ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
-ContextOnlyDispatcher.use = throwInvalidHookError;
 ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 ContextOnlyDispatcher.useEffectEvent = throwInvalidHookError;
 var HooksDispatcherOnMount = {
   readContext: readContext,
+  use: use,
   useCallback: function (callback, deps) {
     mountWorkInProgressHook().memoizedState = [
       callback,
@@ -3894,11 +4176,10 @@ var HooksDispatcherOnMount = {
     return (mountWorkInProgressHook().memoizedState = value);
   },
   useTransition: function () {
-    var _mountState = mountState(!1),
-      isPending = _mountState[0];
-    _mountState = startTransition.bind(null, _mountState[1]);
-    mountWorkInProgressHook().memoizedState = _mountState;
-    return [isPending, _mountState];
+    var setPending = mountState(!1)[1];
+    setPending = startTransition.bind(null, setPending);
+    mountWorkInProgressHook().memoizedState = setPending;
+    return [!1, setPending];
   },
   useMutableSource: function (source, getSnapshot, subscribe) {
     var hook = mountWorkInProgressHook();
@@ -3918,15 +4199,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$46 = workInProgressRoot;
-      if (null === root$46) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$46, renderLanes$1) ||
+      var root$47 = workInProgressRoot;
+      if (null === root$47) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$47, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$46 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$46;
-    mountEffect(subscribeToStore.bind(null, fiber, root$46, subscribe), [
+    root$47 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$47;
+    mountEffect(subscribeToStore.bind(null, fiber, root$47, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -3935,7 +4216,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$46,
+        root$47,
         getServerSnapshot,
         getSnapshot
       ),
@@ -3977,7 +4258,6 @@ var HooksDispatcherOnMount = {
     ));
   }
 };
-HooksDispatcherOnMount.use = use;
 HooksDispatcherOnMount.useMemoCache = useMemoCache;
 HooksDispatcherOnMount.useEffectEvent = function (callback) {
   var hook = mountWorkInProgressHook(),
@@ -3990,6 +4270,7 @@ HooksDispatcherOnMount.useEffectEvent = function (callback) {
 };
 var HooksDispatcherOnUpdate = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -4008,9 +4289,14 @@ var HooksDispatcherOnUpdate = {
     return updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = updateReducer(basicStateReducer)[0],
+    var booleanOrThenable = updateReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
@@ -4018,10 +4304,10 @@ var HooksDispatcherOnUpdate = {
 };
 HooksDispatcherOnUpdate.useCacheRefresh = updateRefresh;
 HooksDispatcherOnUpdate.useMemoCache = useMemoCache;
-HooksDispatcherOnUpdate.use = use;
 HooksDispatcherOnUpdate.useEffectEvent = updateEvent;
 var HooksDispatcherOnRerender = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -4042,16 +4328,20 @@ var HooksDispatcherOnRerender = {
       : updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = rerenderReducer(basicStateReducer)[0],
+    var booleanOrThenable = rerenderReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
   useId: updateId
 };
 HooksDispatcherOnRerender.useCacheRefresh = updateRefresh;
-HooksDispatcherOnRerender.use = use;
 HooksDispatcherOnRerender.useMemoCache = useMemoCache;
 HooksDispatcherOnRerender.useEffectEvent = updateEvent;
 function resolveDefaultProps(Component, baseProps) {
@@ -4095,8 +4385,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
   },
   enqueueReplaceState: function (inst, payload, callback) {
@@ -4108,8 +4397,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
   },
   enqueueForceUpdate: function (inst, callback) {
@@ -4120,8 +4408,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     callback = enqueueUpdate(inst, update, lane);
     null !== callback &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(callback, inst, lane, update),
+      (scheduleUpdateOnFiber(callback, inst, lane),
       entangleTransitions(callback, inst, lane));
   }
 };
@@ -4434,10 +4721,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$61 = workInProgress.stateNode;
+      root$62 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$61.incompleteTransitions.has(transition)) {
+        if (!root$62.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4445,11 +4732,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$61.incompleteTransitions.set(transition, markerInstance);
+          root$62.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$61.incompleteTransitions.forEach(function (markerInstance) {
+    root$62.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5146,14 +5433,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$68 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$68)
+    var dehydrated$69 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$69)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$68,
+        dehydrated$69,
         JSCompiler_temp,
         renderLanes
       );
@@ -5163,7 +5450,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$68 = JSCompiler_temp.sibling;
+    dehydrated$69 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5172,8 +5459,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$68
-      ? (showFallback = createWorkInProgress(dehydrated$68, showFallback))
+    null !== dehydrated$69
+      ? (showFallback = createWorkInProgress(dehydrated$69, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5192,10 +5479,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$68 = CacheContext._currentValue),
+          ? ((dehydrated$69 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$68
-                ? { parent: dehydrated$68, pool: dehydrated$68 }
+              JSCompiler_temp.parent !== dehydrated$69
+                ? { parent: dehydrated$69, pool: dehydrated$69 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5209,23 +5496,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$68 = showFallback.updateQueue),
+        (dehydrated$69 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$68
+        null === dehydrated$69
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$68 === primaryChildProps
+          : dehydrated$69 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$68.transitions = didSuspend),
-            (dehydrated$68.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$69.transitions = didSuspend),
+            (dehydrated$69.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -5446,7 +5733,7 @@ function updateDehydratedSuspenseComponent(
         throw (
           ((suspenseState.retryLane = suspenseInstance),
           enqueueConcurrentRenderForLane(current, suspenseInstance),
-          scheduleUpdateOnFiber(nextProps, current, suspenseInstance, -1),
+          scheduleUpdateOnFiber(nextProps, current, suspenseInstance),
           SelectiveHydrationException)
         );
     }
@@ -6018,7 +6305,7 @@ var AbortControllerLocal =
             });
           };
         },
-  scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+  scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority,
   CacheContext = {
     $$typeof: REACT_CONTEXT_TYPE,
@@ -6040,7 +6327,7 @@ function createCache() {
 function releaseCache(cache) {
   cache.refCount--;
   0 === cache.refCount &&
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
 }
@@ -6292,14 +6579,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$99 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$99 = lastTailNode),
+        for (var lastTailNode$100 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$100 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$99
+        null === lastTailNode$100
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$99.sibling = null);
+          : (lastTailNode$100.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6309,19 +6596,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$100 = completedWork.child; null !== child$100; )
-      (newChildLanes |= child$100.lanes | child$100.childLanes),
-        (subtreeFlags |= child$100.subtreeFlags & 31457280),
-        (subtreeFlags |= child$100.flags & 31457280),
-        (child$100.return = completedWork),
-        (child$100 = child$100.sibling);
+    for (var child$101 = completedWork.child; null !== child$101; )
+      (newChildLanes |= child$101.lanes | child$101.childLanes),
+        (subtreeFlags |= child$101.subtreeFlags & 31457280),
+        (subtreeFlags |= child$101.flags & 31457280),
+        (child$101.return = completedWork),
+        (child$101 = child$101.sibling);
   else
-    for (child$100 = completedWork.child; null !== child$100; )
-      (newChildLanes |= child$100.lanes | child$100.childLanes),
-        (subtreeFlags |= child$100.subtreeFlags),
-        (subtreeFlags |= child$100.flags),
-        (child$100.return = completedWork),
-        (child$100 = child$100.sibling);
+    for (child$101 = completedWork.child; null !== child$101; )
+      (newChildLanes |= child$101.lanes | child$101.childLanes),
+        (subtreeFlags |= child$101.subtreeFlags),
+        (subtreeFlags |= child$101.flags),
+        (child$101.return = completedWork),
+        (child$101 = child$101.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -6463,9 +6750,17 @@ function completeWork(current, workInProgress, renderLanes) {
             rootInstanceStackCursor.current
           );
           switch (current) {
-            case "http://www.w3.org/2000/svg":
-            case "http://www.w3.org/1998/Math/MathML":
-              current = nextResource.createElementNS(current, renderLanes);
+            case 1:
+              current = nextResource.createElementNS(
+                "http://www.w3.org/2000/svg",
+                renderLanes
+              );
+              break;
+            case 2:
+              current = nextResource.createElementNS(
+                "http://www.w3.org/1998/Math/MathML",
+                renderLanes
+              );
               break;
             default:
               switch (renderLanes) {
@@ -7059,8 +7354,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$130) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$130);
+      } catch (error$131) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$131);
       }
     else ref.current = null;
 }
@@ -7097,7 +7392,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$189) {
+          } catch (e$187) {
             JSCompiler_temp = null;
             break a;
           }
@@ -7363,11 +7658,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$132) {
+          } catch (error$133) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$132
+              error$133
             );
           }
         }
@@ -7963,7 +8258,7 @@ function detachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility |= 2),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachOffscreenInstance(instance) {
@@ -7973,7 +8268,7 @@ function attachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility &= -3),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachSuspenseRetryListeners(finishedWork, wakeables) {
@@ -8047,8 +8342,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$145) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$145);
+        } catch (error$146) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$146);
         }
       }
       break;
@@ -8230,11 +8525,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                   newProps
                 );
             domElement[internalPropsKey] = newProps;
-          } catch (error$146) {
+          } catch (error$147) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$146
+              error$147
             );
           }
       break;
@@ -8270,8 +8565,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$147) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$147);
+        } catch (error$148) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$148);
         }
       }
       if (
@@ -8296,8 +8591,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 root
               ),
             (flags[internalPropsKey] = root);
-        } catch (error$150) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$150);
+        } catch (error$151) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
         }
       break;
     case 6:
@@ -8310,8 +8605,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$151) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
+        } catch (error$152) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$152);
         }
       }
       break;
@@ -8325,8 +8620,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$152) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$152);
+        } catch (error$153) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
         }
       break;
     case 4:
@@ -8356,8 +8651,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$154) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$154);
+        } catch (error$155) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$155);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -8435,11 +8730,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$135) {
+              } catch (error$136) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$135
+                  error$136
                 );
               }
           } else if (
@@ -8514,21 +8809,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$136 = JSCompiler_inline_result.stateNode;
+            var parent$137 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$136, ""),
+              (setTextContent(parent$137, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$137 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$137, parent$136);
+            var before$138 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$138, parent$137);
             break;
           case 3:
           case 4:
-            var parent$138 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$139 = getHostSibling(finishedWork);
+            var parent$139 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$140 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$139,
-              parent$138
+              before$140,
+              parent$139
             );
             break;
           default:
@@ -8998,9 +9293,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$164 = finishedWork.stateNode;
+        var instance$165 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$164._visibility & 4
+          ? instance$165._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9013,7 +9308,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$164._visibility |= 4),
+            : ((instance$165._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9021,7 +9316,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$164._visibility |= 4),
+          : ((instance$165._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9034,7 +9329,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$164
+            instance$165
           );
         break;
       case 24:
@@ -9363,206 +9658,7 @@ function schedulePostPaintCallback(callback) {
       callbacks = [];
     }));
 }
-var firstScheduledRoot = null,
-  lastScheduledRoot = null,
-  didScheduleMicrotask = !1,
-  mightHavePendingSyncWork = !1,
-  isFlushingWork = !1;
-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) {
-    var workInProgressRoot$jscomp$0 = workInProgressRoot,
-      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
-      errors = null;
-    isFlushingWork = !0;
-    do {
-      var didPerformSomeWork = !1;
-      for (var root$172 = firstScheduledRoot; null !== root$172; ) {
-        if (
-          (!onlyLegacy || 0 === root$172.tag) &&
-          0 !==
-            (getNextLanes(
-              root$172,
-              root$172 === workInProgressRoot$jscomp$0
-                ? workInProgressRootRenderLanes$jscomp$0
-                : 0
-            ) &
-              3)
-        )
-          try {
-            didPerformSomeWork = !0;
-            var root = root$172;
-            if (0 !== (executionContext & 6))
-              throw Error(formatProdErrorMessage(327));
-            flushPassiveEffects();
-            var lanes = getNextLanes(root, 0);
-            if (0 !== (lanes & 3)) {
-              var exitStatus = renderRootSync(root, lanes);
-              if (0 !== root.tag && 2 === exitStatus) {
-                var originallyAttemptedLanes = lanes,
-                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-                    root,
-                    originallyAttemptedLanes
-                  );
-                0 !== errorRetryLanes &&
-                  ((lanes = errorRetryLanes),
-                  (exitStatus = recoverFromConcurrentError(
-                    root,
-                    originallyAttemptedLanes,
-                    errorRetryLanes
-                  )));
-              }
-              if (1 === exitStatus)
-                throw (
-                  ((originallyAttemptedLanes = workInProgressRootFatalError),
-                  prepareFreshStack(root, 0),
-                  markRootSuspended(root, lanes),
-                  ensureRootIsScheduled(root),
-                  originallyAttemptedLanes)
-                );
-              6 === exitStatus
-                ? markRootSuspended(root, lanes)
-                : ((root.finishedWork = root.current.alternate),
-                  (root.finishedLanes = lanes),
-                  commitRoot(
-                    root,
-                    workInProgressRootRecoverableErrors,
-                    workInProgressTransitions
-                  ));
-            }
-            ensureRootIsScheduled(root);
-          } catch (error) {
-            null === errors ? (errors = [error]) : errors.push(error);
-          }
-        root$172 = root$172.next;
-      }
-    } while (didPerformSomeWork);
-    isFlushingWork = !1;
-    if (null !== errors) {
-      if (1 < errors.length) {
-        if ("function" === typeof AggregateError)
-          throw new AggregateError(errors);
-        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
-          scheduleImmediateTask(throwError.bind(null, errors[onlyLegacy]));
-      }
-      throw errors[0];
-    }
-  }
-}
-function throwError(error) {
-  throw error;
-}
-function processRootScheduleInMicrotask() {
-  mightHavePendingSyncWork = didScheduleMicrotask = !1;
-  for (
-    var currentTime = now(), prev = null, root = firstScheduledRoot;
-    null !== root;
-
-  ) {
-    var next = root.next,
-      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
-    0 === nextLanes
-      ? ((root.next = null),
-        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
-        null === next && (lastScheduledRoot = prev))
-      : ((prev = root),
-        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
-    root = next;
-  }
-  flushSyncWorkAcrossRoots_impl(!1);
-}
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  for (
-    var suspendedLanes = root.suspendedLanes,
-      pingedLanes = root.pingedLanes,
-      expirationTimes = root.expirationTimes,
-      lanes = root.pendingLanes & -125829121;
-    0 < lanes;
-
-  ) {
-    var index$3 = 31 - clz32(lanes),
-      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);
-    lanes &= ~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 536870912:
-      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();
-  });
-}
-var ceil = Math.ceil,
-  PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
   ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
   ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
@@ -9657,25 +9753,15 @@ var hasUncaughtError = !1,
   pendingPassiveEffectsRemainingLanes = 0,
   pendingPassiveTransitions = null,
   nestedUpdateCount = 0,
-  rootWithNestedUpdates = null,
-  currentEventTime = -1,
-  currentEventTransitionLane = 0;
-function requestEventTime() {
-  return 0 !== (executionContext & 6)
-    ? now()
-    : -1 !== currentEventTime
-    ? currentEventTime
-    : (currentEventTime = now());
-}
+  rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
   if (0 === (fiber.mode & 1)) return 2;
   if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
     return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
   if (null !== ReactCurrentBatchConfig$2.transition)
     return (
-      0 === currentEventTransitionLane &&
-        (currentEventTransitionLane = claimNextTransitionLane()),
-      currentEventTransitionLane
+      (fiber = currentAsyncAction),
+      null !== fiber ? fiber.lane : requestTransitionLane()
     );
   fiber = currentUpdatePriority;
   if (0 !== fiber) return fiber;
@@ -9683,29 +9769,30 @@ function requestUpdateLane(fiber) {
   fiber = void 0 === fiber ? 32 : getEventPriority(fiber.type);
   return fiber;
 }
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   if (
     (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
     null !== root.cancelPendingCommit
   )
     prepareFreshStack(root, 0),
       markRootSuspended(root, workInProgressRootRenderLanes);
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot) {
-    if (
-      enableTransitionTracing &&
-      ((eventTime = ReactCurrentBatchConfig$1.transition),
-      null !== eventTime &&
-        null != eventTime.name &&
-        (-1 === eventTime.startTime && (eventTime.startTime = now()),
-        enableTransitionTracing))
-    ) {
-      var transitionLanesMap = root.transitionLanes,
-        index$7 = 31 - clz32(lane),
-        transitions = transitionLanesMap[index$7];
-      null === transitions && (transitions = new Set());
-      transitions.add(eventTime);
-      transitionLanesMap[index$7] = transitions;
+    if (enableTransitionTracing) {
+      var transition = ReactCurrentBatchConfig$1.transition;
+      if (
+        null !== transition &&
+        null != transition.name &&
+        (-1 === transition.startTime && (transition.startTime = now()),
+        enableTransitionTracing)
+      ) {
+        var transitionLanesMap = root.transitionLanes,
+          index$6 = 31 - clz32(lane),
+          transitions = transitionLanesMap[index$6];
+        null === transitions && (transitions = new Set());
+        transitions.add(transition);
+        transitionLanesMap[index$6] = transitions;
+      }
     }
     root === workInProgressRoot &&
       (0 === (executionContext & 2) &&
@@ -9721,8 +9808,6 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
   }
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
-  currentEventTime = -1;
-  currentEventTransitionLane = 0;
   if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
   var originalCallbackNode = root.callbackNode;
   if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
@@ -9772,16 +9857,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$175 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$174 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$175 &&
-            ((lanes = errorRetryLanes$175),
+          0 !== errorRetryLanes$174 &&
+            ((lanes = errorRetryLanes$174),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$175
+              errorRetryLanes$174
             )));
         }
         if (1 === exitStatus)
@@ -9795,109 +9880,52 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
       }
       root.finishedWork = didTimeout;
       root.finishedLanes = lanes;
-      switch (exitStatus) {
-        case 0:
-        case 1:
-          throw Error(formatProdErrorMessage(345));
-        case 2:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 3:
-          markRootSuspended(root, lanes);
-          if (
-            (lanes & 125829120) === lanes &&
-            ((exitStatus = globalMostRecentFallbackTime + 500 - now()),
-            10 < exitStatus)
-          ) {
-            if (0 !== getNextLanes(root, 0)) break;
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+      a: {
+        switch (exitStatus) {
+          case 0:
+          case 1:
+            throw Error(formatProdErrorMessage(345));
+          case 4:
+            if ((lanes & 8388480) === lanes) {
+              markRootSuspended(root, lanes);
+              break a;
+            }
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 4:
-          markRootSuspended(root, lanes);
-          if ((lanes & 8388480) === lanes) break;
-          exitStatus = lanes;
-          errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$175 = -1; 0 < exitStatus; ) {
-            var index$2 = 31 - clz32(exitStatus),
-              lane = 1 << index$2;
-            index$2 = errorRetryLanes[index$2];
-            index$2 > errorRetryLanes$175 && (errorRetryLanes$175 = index$2);
-            exitStatus &= ~lane;
-          }
-          exitStatus = errorRetryLanes$175;
-          exitStatus = now() - exitStatus;
-          exitStatus =
-            (120 > exitStatus
-              ? 120
-              : 480 > exitStatus
-              ? 480
-              : 1080 > exitStatus
-              ? 1080
-              : 1920 > exitStatus
-              ? 1920
-              : 3e3 > exitStatus
-              ? 3e3
-              : 4320 > exitStatus
-              ? 4320
-              : 1960 * ceil(exitStatus / 1960)) - exitStatus;
-          if (10 < exitStatus) {
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+          case 2:
+          case 3:
+          case 5:
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
+          default:
+            throw Error(formatProdErrorMessage(329));
+        }
+        if (
+          (lanes & 125829120) === lanes &&
+          (alwaysThrottleRetries || 3 === exitStatus) &&
+          ((exitStatus = globalMostRecentFallbackTime + 500 - now()),
+          10 < exitStatus)
+        ) {
+          markRootSuspended(root, lanes);
+          if (0 !== getNextLanes(root, 0)) break a;
+          root.timeoutHandle = scheduleTimeout(
+            commitRootWhenReady.bind(
+              null,
+              root,
+              didTimeout,
+              workInProgressRootRecoverableErrors,
+              workInProgressTransitions,
+              lanes
+            ),
+            exitStatus
           );
-          break;
-        case 5:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        default:
-          throw Error(formatProdErrorMessage(329));
+          break a;
+        }
+        commitRootWhenReady(
+          root,
+          didTimeout,
+          workInProgressRootRecoverableErrors,
+          workInProgressTransitions,
+          lanes
+        );
       }
     }
   }
@@ -9954,20 +9982,12 @@ function commitRootWhenReady(
     null !== finishedWork)
   ) {
     root.cancelPendingCommit = finishedWork(
-      commitRoot.bind(
-        null,
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      )
+      commitRoot.bind(null, root, recoverableErrors, transitions)
     );
+    markRootSuspended(root, lanes);
     return;
   }
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 function isRenderConsistentWithExternalStores(finishedWork) {
   for (var node = finishedWork; ; ) {
@@ -10009,9 +10029,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$4 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$4;
-    root[index$4] = -1;
+    var index$3 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$3;
+    root[index$3] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -10134,14 +10154,10 @@ function shouldRemainOnPreviousScreen() {
     ? !1
     : handler === shellBoundary;
 }
-function pushDispatcher(container) {
-  container = getHoistableRoot(container);
-  lastCurrentDocument = container.ownerDocument || container;
-  previousDispatcher = Dispatcher$1.current;
-  Dispatcher$1.current = ReactDOMClientDispatcher;
-  container = ReactCurrentDispatcher.current;
+function pushDispatcher() {
+  var prevDispatcher = ReactCurrentDispatcher.current;
   ReactCurrentDispatcher.current = ContextOnlyDispatcher;
-  return null === container ? ContextOnlyDispatcher : container;
+  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushCacheDispatcher() {
   var prevCacheDispatcher = ReactCurrentCache.current;
@@ -10158,7 +10174,7 @@ function renderDidSuspendDelayIfPossible() {
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= 2;
-  var prevDispatcher = pushDispatcher(root.containerInfo),
+  var prevDispatcher = pushDispatcher(),
     prevCacheDispatcher = pushCacheDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
@@ -10181,14 +10197,12 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$178) {
-      handleThrow(root, thrownValue$178);
+    } catch (thrownValue$176) {
+      handleThrow(root, thrownValue$176);
     }
   while (1);
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  Dispatcher$1.current = previousDispatcher;
-  previousDispatcher = null;
   ReactCurrentDispatcher.current = prevDispatcher;
   ReactCurrentCache.current = prevCacheDispatcher;
   if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
@@ -10203,7 +10217,7 @@ function workLoopSync() {
 function renderRootConcurrent(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= 2;
-  var prevDispatcher = pushDispatcher(root.containerInfo),
+  var prevDispatcher = pushDispatcher(),
     prevCacheDispatcher = pushCacheDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
@@ -10288,13 +10302,11 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$180) {
-      handleThrow(root, thrownValue$180);
+    } catch (thrownValue$178) {
+      handleThrow(root, thrownValue$178);
     }
   while (1);
   resetContextDependencies();
-  Dispatcher$1.current = previousDispatcher;
-  previousDispatcher = null;
   ReactCurrentDispatcher.current = prevDispatcher;
   ReactCurrentCache.current = prevCacheDispatcher;
   executionContext = prevExecutionContext;
@@ -10356,6 +10368,8 @@ function replaySuspendedUnitOfWork(unitOfWork) {
         workInProgressRootRenderLanes
       );
       break;
+    case 5:
+      resetHooksOnUnwind();
     default:
       unwindInterruptedWork(current, unitOfWork),
         (unitOfWork = workInProgress =
@@ -10456,10 +10470,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$56 = offscreenQueue.retryQueue;
-                      null === retryQueue$56
+                      var retryQueue$57 = offscreenQueue.retryQueue;
+                      null === retryQueue$57
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$56.add(wakeable);
+                        : retryQueue$57.add(wakeable);
                     }
                   }
                   break;
@@ -10538,21 +10552,31 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
     } catch (error) {
       throw ((workInProgress = returnFiber), error);
     }
-    unitOfWork.flags & 32768
-      ? unwindUnitOfWork(unitOfWork)
-      : completeUnitOfWork(unitOfWork);
+    if (unitOfWork.flags & 32768)
+      a: {
+        do {
+          returnFiber = unwindWork(unitOfWork.alternate, unitOfWork);
+          if (null !== returnFiber) {
+            returnFiber.flags &= 32767;
+            workInProgress = returnFiber;
+            break a;
+          }
+          unitOfWork = unitOfWork.return;
+          null !== unitOfWork &&
+            ((unitOfWork.flags |= 32768),
+            (unitOfWork.subtreeFlags = 0),
+            (unitOfWork.deletions = null));
+          workInProgress = unitOfWork;
+        } while (null !== unitOfWork);
+        workInProgressRootExitStatus = 6;
+        workInProgress = null;
+      }
+    else completeUnitOfWork(unitOfWork);
   }
 }
 function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
   do {
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      0 !== (completedWork.flags & 32768)
-    ) {
-      unwindUnitOfWork(completedWork);
-      return;
-    }
     unitOfWork = completedWork.return;
     var next = completeWork(
       completedWork.alternate,
@@ -10572,29 +10596,6 @@ function completeUnitOfWork(unitOfWork) {
   } while (null !== completedWork);
   0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
 }
-function unwindUnitOfWork(unitOfWork) {
-  do {
-    var next = unwindWork(unitOfWork.alternate, unitOfWork);
-    if (null !== next) {
-      next.flags &= 32767;
-      workInProgress = next;
-      return;
-    }
-    next = unitOfWork.return;
-    null !== next &&
-      ((next.flags |= 32768), (next.subtreeFlags = 0), (next.deletions = null));
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      ((unitOfWork = unitOfWork.sibling), null !== unitOfWork)
-    ) {
-      workInProgress = unitOfWork;
-      return;
-    }
-    workInProgress = unitOfWork = next;
-  } while (null !== unitOfWork);
-  workInProgressRootExitStatus = 6;
-  workInProgress = null;
-}
 function commitRoot(root, recoverableErrors, transitions) {
   var previousUpdateLanePriority = currentUpdatePriority,
     prevTransition = ReactCurrentBatchConfig$1.transition;
@@ -10656,12 +10657,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$184 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$182 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$184 &&
+    shouldFireAfterActiveInstanceBlur$182 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -10740,7 +10741,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$185 = rootWithPendingPassiveEffects,
+    var root$183 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -10756,7 +10757,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$185, remainingLanes);
+        releaseRootPooledCache(root$183, remainingLanes);
     }
   }
   return !1;
@@ -10802,10 +10803,8 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
   sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 2);
   rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
-  sourceFiber = requestEventTime();
   null !== rootFiber &&
-    (markRootUpdated(rootFiber, 2, sourceFiber),
-    ensureRootIsScheduled(rootFiber));
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
 }
 function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
   if (3 === sourceFiber.tag)
@@ -10839,9 +10838,8 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
             sourceFiber,
             2
           );
-          sourceFiber = requestEventTime();
           null !== nearestMountedAncestor &&
-            (markRootUpdated(nearestMountedAncestor, 2, sourceFiber),
+            (markRootUpdated(nearestMountedAncestor, 2),
             ensureRootIsScheduled(nearestMountedAncestor));
           break;
         }
@@ -10883,10 +10881,9 @@ function pingSuspendedRoot(root, wakeable, pingedLanes) {
 function retryTimedOutBoundary(boundaryFiber, retryLane) {
   0 === retryLane &&
     (retryLane = 0 === (boundaryFiber.mode & 1) ? 2 : claimNextRetryLane());
-  var eventTime = requestEventTime();
   boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
   null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane, eventTime),
+    (markRootUpdated(boundaryFiber, retryLane),
     ensureRootIsScheduled(boundaryFiber));
 }
 function retryDehydratedSuspenseBoundary(boundaryFiber) {
@@ -11867,7 +11864,6 @@ function FiberRootNode(
     this.cancelPendingCommit =
       null;
   this.callbackPriority = 0;
-  this.eventTimes = createLaneMap(0);
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
     this.errorRecoveryDisabledLanes =
@@ -12020,10 +12016,9 @@ function createHydrationContainer(
   hydrationCallbacks = createUpdate(tag);
   hydrationCallbacks.callback =
     void 0 !== callback && null !== callback ? callback : null;
-  callback = requestEventTime();
   enqueueUpdate(containerInfo, hydrationCallbacks, tag);
   initialChildren.current.lanes = tag;
-  markRootUpdated(initialChildren, tag, callback);
+  markRootUpdated(initialChildren, tag);
   ensureRootIsScheduled(initialChildren);
   return initialChildren;
 }
@@ -12040,8 +12035,7 @@ function updateContainer(element, container, parentComponent, callback) {
   null !== callback && (container.callback = callback);
   element = enqueueUpdate(current, container, lane);
   null !== element &&
-    ((callback = requestEventTime()),
-    scheduleUpdateOnFiber(element, current, lane, callback),
+    (scheduleUpdateOnFiber(element, current, lane),
     entangleTransitions(element, current, lane));
   return lane;
 }
@@ -12059,12 +12053,12 @@ function getPublicRootInstance(container) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$187 = fiber.stateNode;
-      if (root$187.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$187.pendingLanes);
+      var root$185 = fiber.stateNode;
+      if (root$185.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$185.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$187, lanes | 2),
-          ensureRootIsScheduled(root$187),
+          (markRootEntangled(root$185, lanes | 2),
+          ensureRootIsScheduled(root$185),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now() + 500),
             flushSyncWorkAcrossRoots_impl(!1)));
@@ -12073,10 +12067,7 @@ function attemptSynchronousHydration(fiber) {
     case 13:
       flushSync$1(function () {
         var root = enqueueConcurrentRenderForLane(fiber, 2);
-        if (null !== root) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, fiber, 2, eventTime);
-        }
+        null !== root && scheduleUpdateOnFiber(root, fiber, 2);
       }),
         markRetryLaneIfNotHydrated(fiber, 2);
   }
@@ -12095,10 +12086,7 @@ function markRetryLaneIfNotHydrated(fiber, retryLane) {
 function attemptContinuousHydration(fiber) {
   if (13 === fiber.tag) {
     var root = enqueueConcurrentRenderForLane(fiber, 134217728);
-    if (null !== root) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, 134217728, eventTime);
-    }
+    null !== root && scheduleUpdateOnFiber(root, fiber, 134217728);
     markRetryLaneIfNotHydrated(fiber, 134217728);
   }
 }
@@ -12636,19 +12624,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$381;
+  var JSCompiler_inline_result$jscomp$373;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1613 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1613) {
-      var element$jscomp$inline_1614 = document.createElement("div");
-      element$jscomp$inline_1614.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1613 =
-        "function" === typeof element$jscomp$inline_1614.oninput;
+    var isSupported$jscomp$inline_1604 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1604) {
+      var element$jscomp$inline_1605 = document.createElement("div");
+      element$jscomp$inline_1605.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1604 =
+        "function" === typeof element$jscomp$inline_1605.oninput;
     }
-    JSCompiler_inline_result$jscomp$381 = isSupported$jscomp$inline_1613;
-  } else JSCompiler_inline_result$jscomp$381 = !1;
+    JSCompiler_inline_result$jscomp$373 = isSupported$jscomp$inline_1604;
+  } else JSCompiler_inline_result$jscomp$373 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$381 &&
+    JSCompiler_inline_result$jscomp$373 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -12957,20 +12945,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1654 = 0;
-  i$jscomp$inline_1654 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1654++
+  var i$jscomp$inline_1645 = 0;
+  i$jscomp$inline_1645 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1645++
 ) {
-  var eventName$jscomp$inline_1655 =
-      simpleEventPluginEvents[i$jscomp$inline_1654],
-    domEventName$jscomp$inline_1656 =
-      eventName$jscomp$inline_1655.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1657 =
-      eventName$jscomp$inline_1655[0].toUpperCase() +
-      eventName$jscomp$inline_1655.slice(1);
+  var eventName$jscomp$inline_1646 =
+      simpleEventPluginEvents[i$jscomp$inline_1645],
+    domEventName$jscomp$inline_1647 =
+      eventName$jscomp$inline_1646.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1648 =
+      eventName$jscomp$inline_1646[0].toUpperCase() +
+      eventName$jscomp$inline_1646.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1656,
-    "on" + capitalizedEvent$jscomp$inline_1657
+    domEventName$jscomp$inline_1647,
+    "on" + capitalizedEvent$jscomp$inline_1648
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -13831,11 +13819,23 @@ function setProp(domElement, tag, key, value, props, prevValue) {
       break;
     case "src":
     case "href":
-    case "action":
       if ("" === value) {
         domElement.removeAttribute(key);
         break;
       }
+      if (
+        null == value ||
+        "function" === typeof value ||
+        "symbol" === typeof value ||
+        "boolean" === typeof value
+      ) {
+        domElement.removeAttribute(key);
+        break;
+      }
+      value = sanitizeURL(enableTrustedTypesIntegration ? value : "" + value);
+      domElement.setAttribute(key, value);
+      break;
+    case "action":
     case "formAction":
       if (
         null == value ||
@@ -13910,7 +13910,10 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case "focusable":
     case "preserveAlpha":
       null != value && "function" !== typeof value && "symbol" !== typeof value
-        ? domElement.setAttribute(key, value)
+        ? domElement.setAttribute(
+            key,
+            enableTrustedTypesIntegration ? value : "" + value
+          )
         : domElement.removeAttribute(key);
       break;
     case "allowFullScreen":
@@ -14104,7 +14107,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
               "o" === key[0] &&
               "n" === key[1] &&
               ((tag = key.endsWith("Capture")),
-              (value = key.substr(2, tag ? key.length - 9 : void 0)),
+              (value = key.slice(2, tag ? key.length - 7 : void 0)),
               (prevValue = getFiberCurrentPropsFromNode(domElement)),
               (prevValue = null != prevValue ? prevValue[key] : null),
               "function" === typeof prevValue &&
@@ -14144,7 +14147,8 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "input":
       listenToNonDelegatedEvent("invalid", domElement);
-      var type = null,
+      var name = null,
+        type = null,
         value = null,
         defaultValue = null,
         checked = null,
@@ -14154,22 +14158,14 @@ function setInitialProperties(domElement, tag, props) {
           var propValue = props[propKey];
           if (null != propValue)
             switch (propKey) {
+              case "name":
+                name = propValue;
+                break;
               case "type":
-                null != propValue &&
-                  "function" !== typeof propValue &&
-                  "symbol" !== typeof propValue &&
-                  "boolean" !== typeof propValue &&
-                  ((type = propValue),
-                  domElement.setAttribute(propKey, propValue));
+                type = propValue;
                 break;
               case "checked":
                 checked = propValue;
-                propValue =
-                  null != propValue ? propValue : props.defaultChecked;
-                domElement.checked =
-                  !!propValue &&
-                  "function" !== typeof propValue &&
-                  "symbol" !== propValue;
                 break;
               case "defaultChecked":
                 defaultChecked = propValue;
@@ -14189,7 +14185,6 @@ function setInitialProperties(domElement, tag, props) {
                 setProp(domElement, tag, propKey, propValue, props, null);
             }
         }
-      track(domElement);
       initInput(
         domElement,
         value,
@@ -14197,31 +14192,33 @@ function setInitialProperties(domElement, tag, props) {
         checked,
         defaultChecked,
         type,
+        name,
         !1
       );
+      track(domElement);
       return;
     case "select":
       listenToNonDelegatedEvent("invalid", domElement);
-      var propKey = (value = defaultValue = null);
-      for (type in props)
+      var propKey = (type = value = null);
+      for (name in props)
         if (
-          props.hasOwnProperty(type) &&
-          ((checked = props[type]), null != checked)
+          props.hasOwnProperty(name) &&
+          ((defaultValue = props[name]), null != defaultValue)
         )
-          switch (type) {
+          switch (name) {
             case "value":
-              defaultValue = checked;
+              value = defaultValue;
               break;
             case "defaultValue":
-              value = checked;
+              type = defaultValue;
               break;
             case "multiple":
-              propKey = checked;
+              propKey = defaultValue;
             default:
-              setProp(domElement, tag, type, checked, props, null);
+              setProp(domElement, tag, name, defaultValue, props, null);
           }
-      tag = defaultValue;
-      props = value;
+      tag = value;
+      props = type;
       domElement.multiple = !!propKey;
       null != tag
         ? updateOptions(domElement, !!propKey, tag, !1)
@@ -14229,38 +14226,38 @@ function setInitialProperties(domElement, tag, props) {
       return;
     case "textarea":
       listenToNonDelegatedEvent("invalid", domElement);
-      defaultValue = type = propKey = null;
-      for (value in props)
+      value = name = propKey = null;
+      for (type in props)
         if (
-          props.hasOwnProperty(value) &&
-          ((checked = props[value]), null != checked)
+          props.hasOwnProperty(type) &&
+          ((defaultValue = props[type]), null != defaultValue)
         )
-          switch (value) {
+          switch (type) {
             case "value":
-              propKey = checked;
+              propKey = defaultValue;
               break;
             case "defaultValue":
-              type = checked;
+              name = defaultValue;
               break;
             case "children":
-              defaultValue = checked;
+              value = defaultValue;
               break;
             case "dangerouslySetInnerHTML":
-              if (null != checked) throw Error(formatProdErrorMessage(91));
+              if (null != defaultValue) throw Error(formatProdErrorMessage(91));
               break;
             default:
-              setProp(domElement, tag, value, checked, props);
+              setProp(domElement, tag, type, defaultValue, props, null);
           }
+      initTextarea(domElement, propKey, name, value);
       track(domElement);
-      initTextarea(domElement, propKey, type, defaultValue);
       return;
     case "option":
-      for (checked in props)
+      for (defaultValue in props)
         if (
-          props.hasOwnProperty(checked) &&
-          ((propKey = props[checked]), null != propKey)
+          props.hasOwnProperty(defaultValue) &&
+          ((propKey = props[defaultValue]), null != propKey)
         )
-          switch (checked) {
+          switch (defaultValue) {
             case "selected":
               domElement.selected =
                 propKey &&
@@ -14268,7 +14265,7 @@ function setInitialProperties(domElement, tag, props) {
                 "symbol" !== typeof propKey;
               break;
             default:
-              setProp(domElement, tag, checked, propKey, props);
+              setProp(domElement, tag, defaultValue, propKey, props, null);
           }
       return;
     case "dialog":
@@ -14308,29 +14305,29 @@ function setInitialProperties(domElement, tag, props) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (defaultChecked in props)
+      for (checked in props)
         if (
-          props.hasOwnProperty(defaultChecked) &&
-          ((propKey = props[defaultChecked]), null != propKey)
+          props.hasOwnProperty(checked) &&
+          ((propKey = props[checked]), null != propKey)
         )
-          switch (defaultChecked) {
+          switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(137, tag));
             default:
-              setProp(domElement, tag, defaultChecked, propKey, props, null);
+              setProp(domElement, tag, checked, propKey, props, null);
           }
       return;
     default:
       if (isCustomElement(tag)) {
-        for (propValue in props)
-          props.hasOwnProperty(propValue) &&
-            ((propKey = props[propValue]),
+        for (defaultChecked in props)
+          props.hasOwnProperty(defaultChecked) &&
+            ((propKey = props[defaultChecked]),
             null != propKey &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propValue,
+                defaultChecked,
                 propKey,
                 props,
                 null
@@ -14338,11 +14335,10 @@ function setInitialProperties(domElement, tag, props) {
         return;
       }
   }
-  for (defaultValue in props)
-    props.hasOwnProperty(defaultValue) &&
-      ((propKey = props[defaultValue]),
-      null != propKey &&
-        setProp(domElement, tag, defaultValue, propKey, props, null));
+  for (value in props)
+    props.hasOwnProperty(value) &&
+      ((propKey = props[value]),
+      null != propKey && setProp(domElement, tag, value, propKey, props, null));
 }
 function updateProperties(domElement, tag, lastProps, nextProps) {
   switch (tag) {
@@ -14368,12 +14364,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         if (lastProps.hasOwnProperty(propKey) && null != lastProp)
           switch (propKey) {
             case "checked":
-              nextProps.hasOwnProperty(propKey) ||
-                ((lastProp = nextProps.defaultChecked),
-                (domElement.checked =
-                  !!lastProp &&
-                  "function" !== typeof lastProp &&
-                  "symbol" !== lastProp));
               break;
             case "value":
               break;
@@ -14384,36 +14374,22 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$215 in nextProps) {
-        var propKey = nextProps[propKey$215];
-        lastProp = lastProps[propKey$215];
+      for (var propKey$214 in nextProps) {
+        var propKey = nextProps[propKey$214];
+        lastProp = lastProps[propKey$214];
         if (
-          nextProps.hasOwnProperty(propKey$215) &&
+          nextProps.hasOwnProperty(propKey$214) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$215) {
+          switch (propKey$214) {
             case "type":
               type = propKey;
-              propKey !== lastProp &&
-                (null != propKey &&
-                "function" !== typeof propKey &&
-                "symbol" !== typeof propKey &&
-                "boolean" !== typeof propKey
-                  ? domElement.setAttribute(propKey$215, propKey)
-                  : domElement.removeAttribute(propKey$215));
               break;
             case "name":
               name = propKey;
               break;
             case "checked":
               checked = propKey;
-              propKey !== lastProp &&
-                ((propKey =
-                  null != propKey ? propKey : nextProps.defaultChecked),
-                (domElement.checked =
-                  !!propKey &&
-                  "function" !== typeof propKey &&
-                  "symbol" !== propKey));
               break;
             case "defaultChecked":
               defaultChecked = propKey;
@@ -14434,19 +14410,13 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$215,
+                  propKey$214,
                   propKey,
                   nextProps,
                   lastProp
                 );
           }
       }
-      null != name &&
-      "function" !== typeof name &&
-      "symbol" !== typeof name &&
-      "boolean" !== typeof name
-        ? domElement.setAttribute("name", name)
-        : domElement.removeAttribute("name");
       updateInput(
         domElement,
         value,
@@ -14454,11 +14424,12 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     case "select":
-      defaultValue = value = propKey = propKey$215 = null;
+      defaultValue = value = propKey = propKey$214 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -14489,7 +14460,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$215 = type;
+              propKey$214 = type;
               break;
             case "defaultValue":
               propKey = type;
@@ -14507,10 +14478,10 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                   lastDefaultValue
                 );
           }
-      updateSelect(domElement, propKey$215, propKey, value, defaultValue);
+      updateSelect(domElement, propKey$214, propKey, value, defaultValue);
       return;
     case "textarea":
-      propKey = propKey$215 = null;
+      propKey = propKey$214 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -14534,7 +14505,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$215 = name;
+              propKey$214 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -14548,17 +14519,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$215, propKey);
+      updateTextarea(domElement, propKey$214, propKey);
       return;
     case "option":
-      for (var propKey$233 in lastProps)
+      for (var propKey$230 in lastProps)
         if (
-          ((propKey$215 = lastProps[propKey$233]),
-          lastProps.hasOwnProperty(propKey$233) &&
-            null != propKey$215 &&
-            !nextProps.hasOwnProperty(propKey$233))
+          ((propKey$214 = lastProps[propKey$230]),
+          lastProps.hasOwnProperty(propKey$230) &&
+            null != propKey$214 &&
+            !nextProps.hasOwnProperty(propKey$230))
         )
-          switch (propKey$233) {
+          switch (propKey$230) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -14566,33 +14537,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$233,
+                propKey$230,
                 null,
                 nextProps,
-                propKey$215
+                propKey$214
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$215 = nextProps[lastDefaultValue]),
+          ((propKey$214 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$215 !== propKey &&
-            (null != propKey$215 || null != propKey))
+            propKey$214 !== propKey &&
+            (null != propKey$214 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$215 &&
-                "function" !== typeof propKey$215 &&
-                "symbol" !== typeof propKey$215;
+                propKey$214 &&
+                "function" !== typeof propKey$214 &&
+                "symbol" !== typeof propKey$214;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$215,
+                propKey$214,
                 nextProps,
                 propKey
               );
@@ -14613,24 +14584,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$238 in lastProps)
-        (propKey$215 = lastProps[propKey$238]),
-          lastProps.hasOwnProperty(propKey$238) &&
-            null != propKey$215 &&
-            !nextProps.hasOwnProperty(propKey$238) &&
-            setProp(domElement, tag, propKey$238, null, nextProps, propKey$215);
+      for (var propKey$235 in lastProps)
+        (propKey$214 = lastProps[propKey$235]),
+          lastProps.hasOwnProperty(propKey$235) &&
+            null != propKey$214 &&
+            !nextProps.hasOwnProperty(propKey$235) &&
+            setProp(domElement, tag, propKey$235, null, nextProps, propKey$214);
       for (checked in nextProps)
         if (
-          ((propKey$215 = nextProps[checked]),
+          ((propKey$214 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$215 !== propKey &&
-            (null != propKey$215 || null != propKey))
+            propKey$214 !== propKey &&
+            (null != propKey$214 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$215)
+              if (null != propKey$214)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -14638,7 +14609,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$215,
+                propKey$214,
                 nextProps,
                 propKey
               );
@@ -14646,49 +14617,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$243 in lastProps)
-          (propKey$215 = lastProps[propKey$243]),
-            lastProps.hasOwnProperty(propKey$243) &&
-              null != propKey$215 &&
-              !nextProps.hasOwnProperty(propKey$243) &&
+        for (var propKey$240 in lastProps)
+          (propKey$214 = lastProps[propKey$240]),
+            lastProps.hasOwnProperty(propKey$240) &&
+              null != propKey$214 &&
+              !nextProps.hasOwnProperty(propKey$240) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$243,
+                propKey$240,
                 null,
                 nextProps,
-                propKey$215
+                propKey$214
               );
         for (defaultChecked in nextProps)
-          (propKey$215 = nextProps[defaultChecked]),
+          (propKey$214 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$215 === propKey ||
-              (null == propKey$215 && null == propKey) ||
+              propKey$214 === propKey ||
+              (null == propKey$214 && null == propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$215,
+                propKey$214,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$248 in lastProps)
-    (propKey$215 = lastProps[propKey$248]),
-      lastProps.hasOwnProperty(propKey$248) &&
-        null != propKey$215 &&
-        !nextProps.hasOwnProperty(propKey$248) &&
-        setProp(domElement, tag, propKey$248, null, nextProps, propKey$215);
+  for (var propKey$245 in lastProps)
+    (propKey$214 = lastProps[propKey$245]),
+      lastProps.hasOwnProperty(propKey$245) &&
+        null != propKey$214 &&
+        !nextProps.hasOwnProperty(propKey$245) &&
+        setProp(domElement, tag, propKey$245, null, nextProps, propKey$214);
   for (lastProp in nextProps)
-    (propKey$215 = nextProps[lastProp]),
+    (propKey$214 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$215 === propKey ||
-        (null == propKey$215 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$215, nextProps, propKey);
+        propKey$214 === propKey ||
+        (null == propKey$214 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$214, nextProps, propKey);
 }
 function updatePropertiesWithDiff(
   domElement,
@@ -14708,13 +14679,13 @@ function updatePropertiesWithDiff(
     case "li":
       break;
     case "input":
-      var name = nextProps.name,
-        type = nextProps.type,
-        value = nextProps.value,
-        defaultValue = nextProps.defaultValue;
-      lastProps = lastProps.defaultValue;
       for (
-        var checked = nextProps.checked,
+        var name = nextProps.name,
+          type = nextProps.type,
+          value = nextProps.value,
+          defaultValue = nextProps.defaultValue,
+          lastDefaultValue = lastProps.defaultValue,
+          checked = nextProps.checked,
           defaultChecked = nextProps.defaultChecked,
           i = 0;
         i < updatePayload.length;
@@ -14724,21 +14695,10 @@ function updatePropertiesWithDiff(
           propValue = updatePayload[i + 1];
         switch (propKey) {
           case "type":
-            null != propValue &&
-            "function" !== typeof propValue &&
-            "symbol" !== typeof propValue &&
-            "boolean" !== typeof propValue
-              ? domElement.setAttribute(propKey, propValue)
-              : domElement.removeAttribute(propKey);
             break;
           case "name":
             break;
           case "checked":
-            propKey = null != propValue ? propValue : nextProps.defaultChecked;
-            domElement.checked =
-              !!propKey &&
-              "function" !== typeof propKey &&
-              "symbol" !== propKey;
             break;
           case "defaultChecked":
             break;
@@ -14752,23 +14712,25 @@ function updatePropertiesWithDiff(
               throw Error(formatProdErrorMessage(137, tag));
             break;
           default:
-            setProp(domElement, tag, propKey, propValue, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              propKey,
+              propValue,
+              nextProps,
+              lastProps[propKey]
+            );
         }
       }
-      null != name &&
-      "function" !== typeof name &&
-      "symbol" !== typeof name &&
-      "boolean" !== typeof name
-        ? domElement.setAttribute("name", name)
-        : domElement.removeAttribute("name");
       updateInput(
         domElement,
         value,
         defaultValue,
-        lastProps,
+        lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     case "select":
@@ -14776,16 +14738,27 @@ function updatePropertiesWithDiff(
       type = nextProps.defaultValue;
       value = nextProps.multiple;
       defaultValue = lastProps.multiple;
-      for (lastProps = 0; lastProps < updatePayload.length; lastProps += 2)
+      for (
+        lastDefaultValue = 0;
+        lastDefaultValue < updatePayload.length;
+        lastDefaultValue += 2
+      )
         switch (
-          ((checked = updatePayload[lastProps]),
-          (defaultChecked = updatePayload[lastProps + 1]),
+          ((checked = updatePayload[lastDefaultValue]),
+          (defaultChecked = updatePayload[lastDefaultValue + 1]),
           checked)
         ) {
           case "value":
             break;
           default:
-            setProp(domElement, tag, checked, defaultChecked, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              checked,
+              defaultChecked,
+              nextProps,
+              lastProps[checked]
+            );
         }
       updateSelect(domElement, name, type, value, defaultValue);
       return;
@@ -14795,7 +14768,7 @@ function updatePropertiesWithDiff(
       for (value = 0; value < updatePayload.length; value += 2)
         switch (
           ((defaultValue = updatePayload[value]),
-          (lastProps = updatePayload[value + 1]),
+          (lastDefaultValue = updatePayload[value + 1]),
           defaultValue)
         ) {
           case "value":
@@ -14803,10 +14776,18 @@ function updatePropertiesWithDiff(
           case "children":
             break;
           case "dangerouslySetInnerHTML":
-            if (null != lastProps) throw Error(formatProdErrorMessage(91));
+            if (null != lastDefaultValue)
+              throw Error(formatProdErrorMessage(91));
             break;
           default:
-            setProp(domElement, tag, defaultValue, lastProps, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              defaultValue,
+              lastDefaultValue,
+              nextProps,
+              lastProps[defaultValue]
+            );
         }
       updateTextarea(domElement, name, type);
       return;
@@ -14822,7 +14803,7 @@ function updatePropertiesWithDiff(
               value && "function" !== typeof value && "symbol" !== typeof value;
             break;
           default:
-            setProp(domElement, tag, type, value, nextProps, null);
+            setProp(domElement, tag, type, value, nextProps, lastProps[type]);
         }
       return;
     case "img":
@@ -14851,41 +14832,66 @@ function updatePropertiesWithDiff(
             if (null != value) throw Error(formatProdErrorMessage(137, tag));
             break;
           default:
-            setProp(domElement, tag, type, value, nextProps, null);
+            setProp(domElement, tag, type, value, nextProps, lastProps[type]);
         }
       return;
     default:
       if (isCustomElement(tag)) {
         for (name = 0; name < updatePayload.length; name += 2)
-          setPropOnCustomElement(
-            domElement,
-            tag,
-            updatePayload[name],
-            updatePayload[name + 1],
-            nextProps,
-            null
-          );
+          (type = updatePayload[name]),
+            setPropOnCustomElement(
+              domElement,
+              tag,
+              type,
+              updatePayload[name + 1],
+              nextProps,
+              lastProps[type]
+            );
         return;
       }
   }
   for (name = 0; name < updatePayload.length; name += 2)
-    setProp(
-      domElement,
-      tag,
-      updatePayload[name],
-      updatePayload[name + 1],
-      nextProps,
-      null
-    );
+    (type = updatePayload[name]),
+      setProp(
+        domElement,
+        tag,
+        type,
+        updatePayload[name + 1],
+        nextProps,
+        lastProps[type]
+      );
 }
-var Dispatcher$1 = Internals.Dispatcher,
-  eventsEnabled = null,
+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,
@@ -15091,28 +15097,13 @@ function resolveSingletonInstance(type, props, rootContainerInstance) {
       throw Error(formatProdErrorMessage(451));
   }
 }
-var lastCurrentDocument = null,
-  previousDispatcher = null,
-  preloadPropsMap = new Map(),
+var preloadPropsMap = new Map(),
   preconnectsSet = new Set();
 function getHoistableRoot(container) {
   return "function" === typeof container.getRootNode
     ? container.getRootNode()
     : container.ownerDocument;
 }
-function getCurrentResourceRoot() {
-  var currentContainer = rootInstanceStackCursor.current;
-  return currentContainer ? getHoistableRoot(currentContainer) : null;
-}
-function getDocumentForPreloads() {
-  var root = getCurrentResourceRoot();
-  if (root) return root.ownerDocument || root;
-  try {
-    return lastCurrentDocument || window.document;
-  } catch (error) {
-    return null;
-  }
-}
 var ReactDOMClientDispatcher = {
   prefetchDNS: prefetchDNS$1,
   preconnect: preconnect$1,
@@ -15120,8 +15111,8 @@ var ReactDOMClientDispatcher = {
   preinit: preinit$1
 };
 function preconnectAs(rel, crossOrigin, href) {
-  var ownerDocument = getDocumentForPreloads();
-  if ("string" === typeof href && href && ownerDocument) {
+  var ownerDocument = document;
+  if ("string" === typeof href && href) {
     var limitedEscapedHref =
       escapeSelectorAttributeValueInsideDoubleQuotes(href);
     limitedEscapedHref =
@@ -15153,7 +15144,7 @@ function preconnect$1(href, options) {
   );
 }
 function preload$1(href, options) {
-  var ownerDocument = getDocumentForPreloads();
+  var ownerDocument = document;
   if (
     "string" === typeof href &&
     href &&
@@ -15194,125 +15185,92 @@ function preload$1(href, options) {
   }
 }
 function preinit$1(href, options) {
+  var ownerDocument = document;
   if (
     "string" === typeof href &&
     href &&
     "object" === typeof options &&
     null !== options
-  ) {
-    var resourceRoot = getCurrentResourceRoot(),
-      as = options.as;
-    if (resourceRoot)
-      switch (as) {
-        case "style":
-          as = getResourcesFromRoot(resourceRoot).hoistableStyles;
-          var key$276 = getStyleKey(href),
-            precedence = options.precedence || "default",
-            resource = as.get(key$276);
-          if (resource) break;
-          var state = { loading: 0, preload: null };
-          if (
-            (resource = resourceRoot.querySelector(
-              getStylesheetSelectorFromKey(key$276)
-            ))
-          )
-            state.loading = 1;
-          else {
-            href = {
-              rel: "stylesheet",
-              href: href,
-              "data-precedence": precedence,
-              crossOrigin: options.crossOrigin
-            };
-            (options = preloadPropsMap.get(key$276)) &&
-              adoptPreloadPropsForStylesheet(href, options);
-            var link = (resource = (
-              resourceRoot.ownerDocument || resourceRoot
-            ).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, resourceRoot);
-          }
-          resource = {
-            type: "stylesheet",
-            instance: resource,
-            count: 1,
-            state: state
-          };
-          as.set(key$276, resource);
-          break;
-        case "script":
-          (as = getResourcesFromRoot(resourceRoot).hoistableScripts),
-            (key$276 = getScriptKey(href)),
-            (precedence = as.get(key$276)),
-            precedence ||
-              ((precedence = resourceRoot.querySelector(
-                "script[async]" + key$276
-              )),
-              precedence ||
-                ((href = {
-                  src: href,
-                  async: !0,
-                  crossOrigin: options.crossOrigin,
-                  integrity: options.integrity
-                }),
-                (options = preloadPropsMap.get(key$276)) &&
-                  adoptPreloadPropsForScript(href, options),
-                (options = resourceRoot.ownerDocument || resourceRoot),
-                (precedence = options.createElement("script")),
-                markNodeAsHoistable(precedence),
-                setInitialProperties(precedence, "link", href),
-                options.head.appendChild(precedence)),
-              (precedence = {
-                type: "script",
-                instance: precedence,
-                count: 1,
-                state: null
-              }),
-              as.set(key$276, precedence));
-      }
-    else if ("style" === as || "script" === as)
-      if ((resourceRoot = getDocumentForPreloads())) {
-        key$276 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        precedence = key$276 =
-          'link[rel="preload"][as="' + as + '"][href="' + key$276 + '"]';
-        switch (as) {
-          case "style":
-            precedence = getStyleKey(href);
-            break;
-          case "script":
-            precedence = getScriptKey(href);
-        }
-        preloadPropsMap.has(precedence) ||
-          ((href = {
+  )
+    switch (options.as) {
+      case "style":
+        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
+          key = getStyleKey(href),
+          precedence = options.precedence || "default",
+          resource = styles.get(key);
+        if (resource) break;
+        var state = { loading: 0, preload: null };
+        if (
+          (resource = ownerDocument.querySelector(
+            getStylesheetSelectorFromKey(key)
+          ))
+        )
+          state.loading = 1;
+        else {
+          href = {
+            rel: "stylesheet",
             href: href,
-            rel: "preload",
-            as: as,
-            crossOrigin: "font" === as ? "" : options.crossOrigin,
-            integrity: options.integrity
-          }),
-          preloadPropsMap.set(precedence, href),
-          null === resourceRoot.querySelector(key$276) &&
-            ((options = resourceRoot.createElement("link")),
-            setInitialProperties(options, "link", href),
-            markNodeAsHoistable(options),
-            resourceRoot.head.appendChild(options)));
-      }
-  }
+            "data-precedence": precedence,
+            crossOrigin: options.crossOrigin
+          };
+          (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);
+        break;
+      case "script":
+        (styles = getResourcesFromRoot(ownerDocument).hoistableScripts),
+          (key = getScriptKey(href)),
+          (precedence = styles.get(key)),
+          precedence ||
+            ((precedence = ownerDocument.querySelector("script[async]" + key)),
+            precedence ||
+              ((href = {
+                src: href,
+                async: !0,
+                crossOrigin: options.crossOrigin,
+                integrity: options.integrity
+              }),
+              (options = preloadPropsMap.get(key)) &&
+                adoptPreloadPropsForScript(href, options),
+              (precedence = ownerDocument.createElement("script")),
+              markNodeAsHoistable(precedence),
+              setInitialProperties(precedence, "link", href),
+              ownerDocument.head.appendChild(precedence)),
+            (precedence = {
+              type: "script",
+              instance: precedence,
+              count: 1,
+              state: null
+            }),
+            styles.set(key, precedence));
+    }
 }
 function getResource(type, currentProps, pendingProps) {
-  currentProps = getCurrentResourceRoot();
+  currentProps = (currentProps = rootInstanceStackCursor.current)
+    ? getHoistableRoot(currentProps)
+    : null;
   if (!currentProps) throw Error(formatProdErrorMessage(446));
   switch (type) {
     case "meta":
@@ -15336,17 +15294,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$285 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$286 = styles$285.get(type);
-        resource$286 ||
+        var styles$279 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$280 = styles$279.get(type);
+        resource$280 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$286 = {
+          (resource$280 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$285.set(type, resource$286),
+          styles$279.set(type, resource$280),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -15361,9 +15319,9 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$286.state
+              resource$280.state
             ));
-        return resource$286;
+        return resource$280;
       }
       return null;
     case "script":
@@ -15381,7 +15339,7 @@ function getResource(type, currentProps, pendingProps) {
   }
 }
 function getStyleKey(href) {
-  return 'href~="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
+  return 'href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
 }
 function getStylesheetSelectorFromKey(key) {
   return 'link[rel="stylesheet"][' + key + "]";
@@ -15417,54 +15375,62 @@ function acquireResource(hoistableRoot, resource, props) {
   if (null === resource.instance)
     switch (resource.type) {
       case "style":
-        var key = getStyleKey(props.href);
-        if ((key = hoistableRoot.querySelector("style[data-" + key + "]")))
-          return (resource.instance = key), markNodeAsHoistable(key), key;
+        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
         });
-        key = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
+        instance = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
           "style"
         );
-        markNodeAsHoistable(key);
-        setInitialProperties(key, "style", styleProps);
-        insertStylesheet(key, props.precedence, hoistableRoot);
-        return (resource.instance = key);
+        markNodeAsHoistable(instance);
+        setInitialProperties(instance, "style", styleProps);
+        insertStylesheet(instance, props.precedence, hoistableRoot);
+        return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$291 = hoistableRoot.querySelector(
+        var instance$284 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$291)
+        if (instance$284)
           return (
-            (resource.instance = instance$291),
-            markNodeAsHoistable(instance$291),
-            instance$291
+            (resource.instance = instance$284),
+            markNodeAsHoistable(instance$284),
+            instance$284
           );
-        key = stylesheetPropsFromRawProps(props);
+        instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
-          adoptPreloadPropsForStylesheet(key, styleProps);
-        instance$291 = (
+          adoptPreloadPropsForStylesheet(instance, styleProps);
+        instance$284 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$291);
-        var linkInstance = instance$291;
+        markNodeAsHoistable(instance$284);
+        var linkInstance = instance$284;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$291, "link", key);
+        setInitialProperties(instance$284, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$291, props.precedence, hoistableRoot);
-        return (resource.instance = instance$291);
+        insertStylesheet(instance$284, props.precedence, hoistableRoot);
+        return (resource.instance = instance$284);
       case "script":
-        instance$291 = getScriptKey(props.src);
+        instance$284 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$291
+            "script[async]" + instance$284
           ))
         )
           return (
@@ -15472,14 +15438,14 @@ function acquireResource(hoistableRoot, resource, props) {
             markNodeAsHoistable(styleProps),
             styleProps
           );
-        key = props;
-        if ((styleProps = preloadPropsMap.get(instance$291)))
-          (key = assign({}, props)),
-            adoptPreloadPropsForScript(key, styleProps);
+        instance = props;
+        if ((styleProps = preloadPropsMap.get(instance$284)))
+          (instance = assign({}, props)),
+            adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
         styleProps = hoistableRoot.createElement("script");
         markNodeAsHoistable(styleProps);
-        setInitialProperties(styleProps, "link", key);
+        setInitialProperties(styleProps, "link", instance);
         hoistableRoot.head.appendChild(styleProps);
         return (resource.instance = styleProps);
       case "void":
@@ -15490,9 +15456,9 @@ function acquireResource(hoistableRoot, resource, props) {
   else
     "stylesheet" === resource.type &&
       0 === (resource.state.loading & 4) &&
-      ((key = resource.instance),
+      ((instance = resource.instance),
       (resource.state.loading |= 4),
-      insertStylesheet(key, props.precedence, hoistableRoot));
+      insertStylesheet(instance, props.precedence, hoistableRoot));
   return resource.instance;
 }
 function insertStylesheet(instance, precedence, root) {
@@ -15568,18 +15534,8 @@ function mountHoistable(hoistableRoot, type, instance) {
     "title" === type ? hoistableRoot.querySelector("head > title") : null
   );
 }
-var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n"\\]/g;
-function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
-  return value.replace(
-    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
-    function (ch) {
-      return "\\" + ch.charCodeAt(0).toString(16);
-    }
-  );
-}
 function isHostHoistableType(type, props, hostContext) {
-  if ("http://www.w3.org/2000/svg" === hostContext || null != props.itemProp)
-    return !1;
+  if (1 === hostContext || null != props.itemProp) return !1;
   switch (type) {
     case "meta":
     case "title":
@@ -15862,7 +15818,7 @@ var hasScheduledReplayAttempt = !1,
   queuedPointerCaptures = new Map(),
   queuedExplicitHydrationTargets = [],
   discreteReplayableEvents =
-    "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(
+    "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(
       " "
     );
 function clearIfContinuousEvent(domEventName, nativeEvent) {
@@ -16012,10 +15968,8 @@ function attemptExplicitHydrationTarget(queuedTarget) {
             if (13 === nearestMounted.tag) {
               var lane = requestUpdateLane(nearestMounted),
                 root = enqueueConcurrentRenderForLane(nearestMounted, lane);
-              if (null !== root) {
-                var eventTime = requestEventTime();
-                scheduleUpdateOnFiber(root, nearestMounted, lane, eventTime);
-              }
+              null !== root &&
+                scheduleUpdateOnFiber(root, nearestMounted, lane);
               markRetryLaneIfNotHydrated(nearestMounted, lane);
             }
           });
@@ -16228,32 +16182,38 @@ function dispatchEvent(
       );
   }
 }
-var return_targetInst = null;
 function findInstanceBlockingEvent(nativeEvent) {
-  return_targetInst = null;
   nativeEvent = getEventTarget(nativeEvent);
-  nativeEvent = getClosestInstanceFromNode(nativeEvent);
-  if (null !== nativeEvent) {
-    var nearestMounted = getNearestMountedFiber(nativeEvent);
-    if (null === nearestMounted) nativeEvent = null;
-    else {
-      var tag = nearestMounted.tag;
-      if (13 === tag) {
-        nativeEvent = getSuspenseInstanceFromFiber(nearestMounted);
-        if (null !== nativeEvent) return nativeEvent;
-        nativeEvent = null;
-      } else if (3 === tag) {
-        if (nearestMounted.stateNode.current.memoizedState.isDehydrated)
-          return 3 === nearestMounted.tag
-            ? nearestMounted.stateNode.containerInfo
-            : null;
-        nativeEvent = null;
-      } else nearestMounted !== nativeEvent && (nativeEvent = null);
+  a: {
+    return_targetInst = null;
+    nativeEvent = getClosestInstanceFromNode(nativeEvent);
+    if (null !== nativeEvent) {
+      var nearestMounted = getNearestMountedFiber(nativeEvent);
+      if (null === nearestMounted) nativeEvent = null;
+      else {
+        var tag = nearestMounted.tag;
+        if (13 === tag) {
+          nativeEvent = getSuspenseInstanceFromFiber(nearestMounted);
+          if (null !== nativeEvent) break a;
+          nativeEvent = null;
+        } else if (3 === tag) {
+          if (nearestMounted.stateNode.current.memoizedState.isDehydrated) {
+            nativeEvent =
+              3 === nearestMounted.tag
+                ? nearestMounted.stateNode.containerInfo
+                : null;
+            break a;
+          }
+          nativeEvent = null;
+        } else nearestMounted !== nativeEvent && (nativeEvent = null);
+      }
     }
+    return_targetInst = nativeEvent;
+    nativeEvent = null;
   }
-  return_targetInst = nativeEvent;
-  return null;
+  return nativeEvent;
 }
+var return_targetInst = null;
 function getEventPriority(domEventName) {
   switch (domEventName) {
     case "cancel":
@@ -16346,13 +16306,20 @@ function getEventPriority(domEventName) {
       return 32;
   }
 }
-var Dispatcher = Internals.Dispatcher,
-  defaultOnRecoverableError =
-    "function" === typeof reportError
-      ? reportError
-      : function (error) {
-          console.error(error);
-        };
+var Internals = {
+    usingClientEntryPoint: !1,
+    Events: null,
+    Dispatcher: { current: null }
+  },
+  Dispatcher$1 = Internals.Dispatcher;
+"undefined" !== typeof document &&
+  (Dispatcher$1.current = ReactDOMClientDispatcher);
+var defaultOnRecoverableError =
+  "function" === typeof reportError
+    ? reportError
+    : function (error) {
+        console.error(error);
+      };
 function ReactDOMRoot(internalRoot) {
   this._internalRoot = internalRoot;
 }
@@ -16424,11 +16391,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function () {
-        var instance = getPublicRootInstance(root$311);
+        var instance = getPublicRootInstance(root$304);
         originalCallback.call(instance);
       };
     }
-    var root$311 = createHydrationContainer(
+    var root$304 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -16440,23 +16407,23 @@ function legacyCreateRootFromDOMContainer(
       noopOnRecoverableError,
       null
     );
-    container._reactRootContainer = root$311;
-    container[internalContainerInstanceKey] = root$311.current;
+    container._reactRootContainer = root$304;
+    container[internalContainerInstanceKey] = root$304.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
     flushSync$1();
-    return root$311;
+    return root$304;
   }
   clearContainer(container);
   if ("function" === typeof callback) {
-    var originalCallback$312 = callback;
+    var originalCallback$305 = callback;
     callback = function () {
-      var instance = getPublicRootInstance(root$313);
-      originalCallback$312.call(instance);
+      var instance = getPublicRootInstance(root$306);
+      originalCallback$305.call(instance);
     };
   }
-  var root$313 = createFiberRoot(
+  var root$306 = createFiberRoot(
     container,
     0,
     !1,
@@ -16468,15 +16435,15 @@ function legacyCreateRootFromDOMContainer(
     noopOnRecoverableError,
     null
   );
-  container._reactRootContainer = root$313;
-  container[internalContainerInstanceKey] = root$313.current;
+  container._reactRootContainer = root$306;
+  container[internalContainerInstanceKey] = root$306.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   flushSync$1(function () {
-    updateContainer(initialChildren, root$313, parentComponent, callback);
+    updateContainer(initialChildren, root$306, parentComponent, callback);
   });
-  return root$313;
+  return root$306;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -16527,6 +16494,7 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
         listenerSet.add(listenerSetKey));
     } else throw Error(formatProdErrorMessage(369));
 }
+var Dispatcher = Internals.Dispatcher;
 Internals.Events = [
   getInstanceFromNode,
   getNodeFromInstance,
@@ -16535,17 +16503,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1856 = {
+var devToolsConfig$jscomp$inline_1855 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-b6733565",
+  version: "18.3.0-www-classic-030d47ad",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2231 = {
-  bundleType: devToolsConfig$jscomp$inline_1856.bundleType,
-  version: devToolsConfig$jscomp$inline_1856.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1856.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1856.rendererConfig,
+var internals$jscomp$inline_2219 = {
+  bundleType: devToolsConfig$jscomp$inline_1855.bundleType,
+  version: devToolsConfig$jscomp$inline_1855.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1855.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1855.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16561,26 +16529,26 @@ var internals$jscomp$inline_2231 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1856.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1855.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-b6733565"
+  reconcilerVersion: "18.3.0-www-classic-030d47ad"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2232 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2220 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2232.isDisabled &&
-    hook$jscomp$inline_2232.supportsFiber
+    !hook$jscomp$inline_2220.isDisabled &&
+    hook$jscomp$inline_2220.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2232.inject(
-        internals$jscomp$inline_2231
+      (rendererID = hook$jscomp$inline_2220.inject(
+        internals$jscomp$inline_2219
       )),
-        (injectedHook = hook$jscomp$inline_2232);
+        (injectedHook = hook$jscomp$inline_2220);
     } catch (err) {}
 }
 assign(Internals, {
@@ -16628,12 +16596,15 @@ exports.createRoot = function (container, options) {
     transitionCallbacks
   );
   container[internalContainerInstanceKey] = options.current;
-  Dispatcher.current = ReactDOMClientDispatcher;
+  Dispatcher$1.current = ReactDOMClientDispatcher;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   return new ReactDOMRoot(options);
 };
+exports.experimental_useFormStatus = function () {
+  throw Error(formatProdErrorMessage(248));
+};
 exports.findDOMNode = function (componentOrElement) {
   if (null == componentOrElement) return null;
   if (1 === componentOrElement.nodeType) return componentOrElement;
@@ -16695,7 +16666,7 @@ exports.hydrateRoot = function (container, initialChildren, options) {
     transitionCallbacks
   );
   container[internalContainerInstanceKey] = initialChildren.current;
-  Dispatcher.current = ReactDOMClientDispatcher;
+  Dispatcher$1.current = ReactDOMClientDispatcher;
   listenToAllSupportedEvents(container);
   if (mutableSources)
     for (container = 0; container < mutableSources.length; container++)
@@ -16713,21 +16684,21 @@ exports.hydrateRoot = function (container, initialChildren, options) {
             );
   return new ReactDOMHydrationRoot(initialChildren);
 };
-exports.preconnect = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preconnect.apply(this, arguments);
+exports.preconnect = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preconnect(href, options);
 };
-exports.prefetchDNS = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.prefetchDNS.apply(this, arguments);
+exports.prefetchDNS = function (href) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.prefetchDNS(href);
 };
-exports.preinit = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preinit.apply(this, arguments);
+exports.preinit = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preinit(href, options);
 };
-exports.preload = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preload.apply(this, arguments);
+exports.preload = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preload(href, options);
 };
 exports.render = function (element, container, callback) {
   if (!isValidContainerLegacy(container))
@@ -16808,4 +16779,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-classic-b6733565";
+exports.version = "18.3.0-www-classic-030d47ad";
diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js
index 5c7e4230bd..8746a13c1d 100644
--- a/compiled/facebook-www/ReactDOM-prod.modern.js
+++ b/compiled/facebook-www/ReactDOM-prod.modern.js
@@ -64,14 +64,30 @@ function pushHostContainer(fiber, nextRootInstance) {
     case 9:
     case 11:
       nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
-        ? nextRootInstance.namespaceURI
-        : getChildNamespace(null, "");
+        ? (nextRootInstance = nextRootInstance.namespaceURI)
+          ? getOwnHostContext(nextRootInstance)
+          : 0
+        : 0;
       break;
     default:
-      (fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
-        (nextRootInstance = fiber.namespaceURI || null),
-        (fiber = fiber.tagName),
-        (nextRootInstance = getChildNamespace(nextRootInstance, fiber));
+      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);
@@ -83,7 +99,7 @@ function popHostContainer() {
 }
 function pushHostContext(fiber) {
   var context = contextStackCursor.current;
-  var JSCompiler_inline_result = getChildNamespace(context, fiber.type);
+  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
   context !== JSCompiler_inline_result &&
     (push(contextFiberStackCursor, fiber),
     push(contextStackCursor, JSCompiler_inline_result));
@@ -98,8 +114,6 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"),
   disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
-  revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
   enableLegacyFBSupport = dynamicFeatureFlags.enableLegacyFBSupport,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableUseRefAccessWarning = dynamicFeatureFlags.enableUseRefAccessWarning,
@@ -113,6 +127,8 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"),
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
   diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries,
   scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
   cancelCallback$1 = Scheduler.unstable_cancelCallback,
   shouldYield = Scheduler.unstable_shouldYield,
@@ -310,13 +326,10 @@ function createLaneMap(initial) {
   for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane;
   536870912 !== updateLane &&
     ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  root = root.eventTimes;
-  updateLane = 31 - clz32(updateLane);
-  root[updateLane] = eventTime;
 }
 function markRootFinished(root, remainingLanes) {
   var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
@@ -328,22 +341,20 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   remainingLanes = root.entanglements;
-  var eventTimes = root.eventTimes,
-    expirationTimes = root.expirationTimes;
+  var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$4 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$4;
-    remainingLanes[index$4] = 0;
-    eventTimes[index$4] = -1;
-    expirationTimes[index$4] = -1;
-    var hiddenUpdatesForLane = root[index$4];
+    var index$3 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$3;
+    remainingLanes[index$3] = 0;
+    expirationTimes[index$3] = -1;
+    var hiddenUpdatesForLane = root[index$3];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$4] = null, index$4 = 0;
-        index$4 < hiddenUpdatesForLane.length;
-        index$4++
+        root[index$3] = null, index$3 = 0;
+        index$3 < hiddenUpdatesForLane.length;
+        index$3++
       ) {
-        var update = hiddenUpdatesForLane[index$4];
+        var update = hiddenUpdatesForLane[index$3];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -352,21 +363,21 @@ function markRootFinished(root, remainingLanes) {
 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$4 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$4;
+    (lane & entangledLanes) | (root[index$4] & entangledLanes) &&
+      (root[index$4] |= entangledLanes);
     rootEntangledLanes &= ~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$6 = 31 - clz32(lanes),
+      lane = 1 << index$6;
+    index$6 = root.transitionLanes[index$6];
+    null !== index$6 &&
+      index$6.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -376,10 +387,10 @@ 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$7 = 31 - clz32(lanes),
+        lane = 1 << index$7;
+      null !== root.transitionLanes[index$7] &&
+        (root.transitionLanes[index$7] = null);
       lanes &= ~lane;
     }
 }
@@ -546,8 +557,8 @@ function setValueForAttribute(node, name, value) {
           node.removeAttribute(name);
           return;
         case "boolean":
-          var prefix$9 = name.toLowerCase().slice(0, 5);
-          if ("data-" !== prefix$9 && "aria-" !== prefix$9) {
+          var prefix$8 = name.toLowerCase().slice(0, 5);
+          if ("data-" !== prefix$8 && "aria-" !== prefix$8) {
             node.removeAttribute(name);
             return;
           }
@@ -660,16 +671,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$10) {
-          control = x$10;
+        } catch (x$9) {
+          control = x$9;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$11) {
-        control = x$11;
+      } catch (x$10) {
+        control = x$10;
       }
       fn();
     }
@@ -823,6 +834,15 @@ function getActiveElement(doc) {
     return doc.body;
   }
 }
+var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n"\\]/g;
+function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
+  return value.replace(
+    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
+    function (ch) {
+      return "\\" + ch.charCodeAt(0).toString(16) + " ";
+    }
+  );
+}
 function updateInput(
   element,
   value,
@@ -830,8 +850,16 @@ function updateInput(
   lastDefaultValue,
   checked,
   defaultChecked,
-  type
+  type,
+  name
 ) {
+  element.name = "";
+  null != type &&
+  "function" !== typeof type &&
+  "symbol" !== typeof type &&
+  "boolean" !== typeof type
+    ? (element.type = type)
+    : element.removeAttribute("type");
   if (null != value)
     if ("number" === type) {
       if ((0 === value && "" === element.value) || element.value != value)
@@ -839,10 +867,8 @@ function updateInput(
     } else
       element.value !== "" + getToStringValue(value) &&
         (element.value = "" + getToStringValue(value));
-  else if ("submit" === type || "reset" === type) {
-    element.removeAttribute("value");
-    return;
-  }
+  else
+    ("submit" !== type && "reset" !== type) || element.removeAttribute("value");
   disableInputAttributeSyncing
     ? null != defaultValue
       ? setDefaultValue(element, type, getToStringValue(defaultValue))
@@ -862,6 +888,12 @@ function updateInput(
   null != checked &&
     element.checked !== !!checked &&
     (element.checked = checked);
+  null != name &&
+  "function" !== typeof name &&
+  "symbol" !== typeof name &&
+  "boolean" !== typeof name
+    ? (element.name = "" + getToStringValue(name))
+    : element.removeAttribute("name");
 }
 function initInput(
   element,
@@ -870,8 +902,14 @@ function initInput(
   checked,
   defaultChecked,
   type,
+  name,
   isHydrating
 ) {
+  null != type &&
+    "function" !== typeof type &&
+    "symbol" !== typeof type &&
+    "boolean" !== typeof type &&
+    (element.type = type);
   if (null != value || null != defaultValue) {
     if (
       (type = "submit" === type || "reset" === type) &&
@@ -892,16 +930,17 @@ function initInput(
       ? null != defaultValue && (element.defaultValue = defaultValueStr)
       : (element.defaultValue = initialValue);
   }
-  value = element.name;
-  "" !== value && (element.name = "");
-  checked = null != checked ? checked : defaultChecked;
-  checked =
-    "function" !== typeof checked && "symbol" !== typeof checked && !!checked;
-  isHydrating || (element.checked = !!checked);
+  value = null != checked ? checked : defaultChecked;
+  value = "function" !== typeof value && "symbol" !== typeof value && !!value;
+  isHydrating || (element.checked = !!value);
   disableInputAttributeSyncing
     ? null != defaultChecked && (element.defaultChecked = !!defaultChecked)
-    : (element.defaultChecked = !!checked);
-  "" !== value && (element.name = value);
+    : (element.defaultChecked = !!value);
+  null != name &&
+    "function" !== typeof name &&
+    "symbol" !== typeof name &&
+    "boolean" !== typeof name &&
+    (element.name = name);
 }
 function setDefaultValue(node, type, value) {
   ("number" === type && getActiveElement(node.ownerDocument) === node) ||
@@ -965,28 +1004,6 @@ function initTextarea(element, value, defaultValue) {
     null !== value &&
     (element.value = value);
 }
-function getChildNamespace(parentNamespace, type) {
-  if (
-    null == parentNamespace ||
-    "http://www.w3.org/1999/xhtml" === parentNamespace
-  ) {
-    a: switch (type) {
-      case "svg":
-        parentNamespace = "http://www.w3.org/2000/svg";
-        break a;
-      case "math":
-        parentNamespace = "http://www.w3.org/1998/Math/MathML";
-        break a;
-      default:
-        parentNamespace = "http://www.w3.org/1999/xhtml";
-    }
-    return parentNamespace;
-  }
-  return "http://www.w3.org/2000/svg" === parentNamespace &&
-    "foreignObject" === type
-    ? "http://www.w3.org/1999/xhtml"
-    : parentNamespace;
-}
 var reusableSVGContainer;
 function setInnerHTMLImpl(node, html) {
   if ("http://www.w3.org/2000/svg" !== node.namespaceURI || "innerHTML" in node)
@@ -1058,15 +1075,15 @@ function setValueForStyles(node, styles, prevStyles) {
           : "float" === styleName
           ? (node.cssFloat = "")
           : (node[styleName] = ""));
-    for (var styleName$15 in styles)
-      (styleName = styles[styleName$15]),
-        styles.hasOwnProperty(styleName$15) &&
-          prevStyles[styleName$15] !== styleName &&
-          setValueForStyle(node, styleName$15, styleName);
+    for (var styleName$14 in styles)
+      (styleName = styles[styleName$14]),
+        styles.hasOwnProperty(styleName$14) &&
+          prevStyles[styleName$14] !== styleName &&
+          setValueForStyle(node, styleName$14, styleName);
   } else
-    for (var styleName$16 in styles)
-      styles.hasOwnProperty(styleName$16) &&
-        setValueForStyle(node, styleName$16, styles[styleName$16]);
+    for (var styleName$15 in styles)
+      styles.hasOwnProperty(styleName$15) &&
+        setValueForStyle(node, styleName$15, styles[styleName$15]);
 }
 function isCustomElement(tagName) {
   if (-1 === tagName.indexOf("-")) return !1;
@@ -1193,15 +1210,18 @@ function restoreStateOfTarget(target) {
           props.defaultValue,
           props.checked,
           props.defaultChecked,
-          props.type
+          props.type,
+          props.name
         );
         internalInstance = props.name;
         if ("radio" === props.type && null != internalInstance) {
           for (props = target; props.parentNode; ) props = props.parentNode;
           props = props.querySelectorAll(
-            "input[name=" +
-              JSON.stringify("" + internalInstance) +
-              '][type="radio"]'
+            'input[name="' +
+              escapeSelectorAttributeValueInsideDoubleQuotes(
+                "" + internalInstance
+              ) +
+              '"][type="radio"]'
           );
           for (
             internalInstance = 0;
@@ -1220,7 +1240,8 @@ function restoreStateOfTarget(target) {
                 otherProps.defaultValue,
                 otherProps.checked,
                 otherProps.defaultChecked,
-                otherProps.type
+                otherProps.type,
+                otherProps.name
               );
             }
           }
@@ -1311,36 +1332,36 @@ function findCurrentFiberUsingSlowPath(fiber) {
     }
     if (a.return !== b.return) (a = parentA), (b = parentB);
     else {
-      for (var didFindChild = !1, child$18 = parentA.child; child$18; ) {
-        if (child$18 === a) {
+      for (var didFindChild = !1, child$17 = parentA.child; child$17; ) {
+        if (child$17 === a) {
           didFindChild = !0;
           a = parentA;
           b = parentB;
           break;
         }
-        if (child$18 === b) {
+        if (child$17 === b) {
           didFindChild = !0;
           b = parentA;
           a = parentB;
           break;
         }
-        child$18 = child$18.sibling;
+        child$17 = child$17.sibling;
       }
       if (!didFindChild) {
-        for (child$18 = parentB.child; child$18; ) {
-          if (child$18 === a) {
+        for (child$17 = parentB.child; child$17; ) {
+          if (child$17 === a) {
             didFindChild = !0;
             a = parentB;
             b = parentA;
             break;
           }
-          if (child$18 === b) {
+          if (child$17 === b) {
             didFindChild = !0;
             b = parentB;
             a = parentA;
             break;
           }
-          child$18 = child$18.sibling;
+          child$17 = child$17.sibling;
         }
         if (!didFindChild) throw Error(formatProdErrorMessage(189));
       }
@@ -1584,7 +1605,6 @@ function prepareToHydrateHostInstance(fiber) {
       break;
     case "input":
       listenToNonDelegatedEvent("invalid", instance);
-      track(instance);
       initInput(
         instance,
         props.value,
@@ -1592,16 +1612,18 @@ function prepareToHydrateHostInstance(fiber) {
         props.checked,
         props.defaultChecked,
         props.type,
+        props.name,
         !0
       );
+      track(instance);
       break;
     case "select":
       listenToNonDelegatedEvent("invalid", instance);
       break;
     case "textarea":
       listenToNonDelegatedEvent("invalid", instance),
-        track(instance),
-        initTextarea(instance, props.value, props.defaultValue);
+        initTextarea(instance, props.value, props.defaultValue),
+        track(instance);
   }
   i = null;
   var children = props.children;
@@ -2936,6 +2958,267 @@ function resetWorkInProgressVersions() {
     workInProgressSources[i]._workInProgressVersionPrimary = null;
   workInProgressSources.length = 0;
 }
+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) {
+    var workInProgressRoot$jscomp$0 = workInProgressRoot,
+      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
+      errors = null;
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root$43 = firstScheduledRoot; null !== root$43; ) {
+        if (
+          (!onlyLegacy || 0 === root$43.tag) &&
+          0 !==
+            (getNextLanes(
+              root$43,
+              root$43 === workInProgressRoot$jscomp$0
+                ? workInProgressRootRenderLanes$jscomp$0
+                : 0
+            ) &
+              3)
+        )
+          try {
+            didPerformSomeWork = !0;
+            var root = root$43;
+            if (0 !== (executionContext & 6))
+              throw Error(formatProdErrorMessage(327));
+            flushPassiveEffects();
+            var lanes = getNextLanes(root, 0);
+            if (0 !== (lanes & 3)) {
+              var exitStatus = renderRootSync(root, lanes);
+              if (0 !== root.tag && 2 === exitStatus) {
+                var originallyAttemptedLanes = lanes,
+                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                    root,
+                    originallyAttemptedLanes
+                  );
+                0 !== errorRetryLanes &&
+                  ((lanes = errorRetryLanes),
+                  (exitStatus = recoverFromConcurrentError(
+                    root,
+                    originallyAttemptedLanes,
+                    errorRetryLanes
+                  )));
+              }
+              if (1 === exitStatus)
+                throw (
+                  ((originallyAttemptedLanes = workInProgressRootFatalError),
+                  prepareFreshStack(root, 0),
+                  markRootSuspended(root, lanes),
+                  ensureRootIsScheduled(root),
+                  originallyAttemptedLanes)
+                );
+              6 === exitStatus
+                ? markRootSuspended(root, lanes)
+                : ((root.finishedWork = root.current.alternate),
+                  (root.finishedLanes = lanes),
+                  commitRoot(
+                    root,
+                    workInProgressRootRecoverableErrors,
+                    workInProgressTransitions
+                  ));
+            }
+            ensureRootIsScheduled(root);
+          } catch (error) {
+            null === errors ? (errors = [error]) : errors.push(error);
+          }
+        root$43 = root$43.next;
+      }
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+    if (null !== errors) {
+      if (1 < errors.length) {
+        if ("function" === typeof AggregateError)
+          throw new AggregateError(errors);
+        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
+          scheduleImmediateTask(throwError.bind(null, errors[onlyLegacy]));
+      }
+      throw errors[0];
+    }
+  }
+}
+function throwError(error) {
+  throw error;
+}
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next;
+    0 !== currentEventTransitionLane &&
+      window.event &&
+      "popstate" === window.event.type &&
+      markRootEntangled(root, currentEventTransitionLane | 2);
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === nextLanes
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
+  }
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
+}
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  for (
+    var suspendedLanes = root.suspendedLanes,
+      pingedLanes = root.pingedLanes,
+      expirationTimes = root.expirationTimes,
+      lanes = root.pendingLanes & -125829121;
+    0 < lanes;
+
+  ) {
+    var index$1 = 31 - clz32(lanes),
+      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);
+    lanes &= ~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 536870912:
+      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 currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    null !== actionReturnValue &&
+    "object" === typeof actionReturnValue &&
+    "function" === typeof actionReturnValue.then
+  ) {
+    if (null === currentAsyncAction) {
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: !1,
+        reason: void 0,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(actionReturnValue, asyncAction);
+      return (currentAsyncAction = asyncAction);
+    }
+    var asyncAction$45 = currentAsyncAction;
+    attachPingListeners(actionReturnValue, asyncAction$45);
+    return asyncAction$45;
+  }
+  return null === currentAsyncAction ? !1 : currentAsyncAction;
+}
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "fulfilled"),
+        completeAsyncActionScope(asyncAction));
+    },
+    function (error) {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "rejected"),
+        (asyncAction.reason = error),
+        completeAsyncActionScope(asyncAction));
+    }
+  );
+  return asyncAction;
+}
+function completeAsyncActionScope(action) {
+  currentAsyncAction === action && (currentAsyncAction = null);
+  var listeners = action.listeners;
+  action.listeners = [];
+  for (action = 0; action < listeners.length; action++)
+    (0, listeners[action])(!1);
+}
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig,
   renderLanes$1 = 0,
@@ -3096,20 +3379,21 @@ var createFunctionComponentUpdateQueue;
 createFunctionComponentUpdateQueue = function () {
   return { lastEffect: null, events: null, stores: null, memoCache: null };
 };
+function useThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+  null === thenableState && (thenableState = []);
+  thenable = trackUsedThenable(thenableState, thenable, index);
+  null === currentlyRenderingFiber$1.alternate &&
+    (null === workInProgressHook
+      ? null === currentlyRenderingFiber$1.memoizedState
+      : null === workInProgressHook.next) &&
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
+  return thenable;
+}
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
-    if ("function" === typeof usable.then) {
-      var index$44 = thenableIndexCounter;
-      thenableIndexCounter += 1;
-      null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$44);
-      null === currentlyRenderingFiber$1.alternate &&
-        (null === workInProgressHook
-          ? null === currentlyRenderingFiber$1.memoizedState
-          : null === workInProgressHook.next) &&
-        (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
-      return usable;
-    }
+    if ("function" === typeof usable.then) return useThenable(usable);
     if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -3406,7 +3690,7 @@ function checkIfSnapshotChanged(inst) {
 }
 function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, 2);
-  null !== root && scheduleUpdateOnFiber(root, fiber, 2, -1);
+  null !== root && scheduleUpdateOnFiber(root, fiber, 2);
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
@@ -3571,7 +3855,15 @@ function startTransition(setPending, callback, options) {
     ((ReactCurrentBatchConfig$3.transition.name = options.name),
     (ReactCurrentBatchConfig$3.transition.startTime = now()));
   try {
-    setPending(!1), callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(),
+        isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else setPending(!1), callback();
+  } catch (error) {
+    if (enableAsyncActions)
+      setPending({ then: function () {}, status: "rejected", reason: error });
+    else throw error;
   } finally {
     (currentUpdatePriority = previousPriority),
       (ReactCurrentBatchConfig$3.transition = prevTransition);
@@ -3590,16 +3882,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$50 = enqueueUpdate(provider, fiber, lane);
-        if (null !== root$50) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root$50, provider, lane, eventTime);
-          entangleTransitions(root$50, provider, lane);
-        }
+        var root$51 = enqueueUpdate(provider, fiber, lane);
+        null !== root$51 &&
+          (scheduleUpdateOnFiber(root$51, provider, lane),
+          entangleTransitions(root$51, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$50 &&
+          null !== root$51 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -3616,16 +3906,13 @@ function dispatchReducerAction(fiber, queue, action) {
     eagerState: null,
     next: null
   };
-  if (isRenderPhaseUpdate(fiber)) enqueueRenderPhaseUpdate(queue, action);
-  else if (
-    (enqueueUpdate$1(fiber, queue, action, lane),
-    (action = getRootForUpdatedFiber(fiber)),
-    null !== action)
-  ) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(action, fiber, lane, eventTime);
-    entangleTransitionUpdate(action, queue, lane);
-  }
+  isRenderPhaseUpdate(fiber)
+    ? enqueueRenderPhaseUpdate(queue, action)
+    : (enqueueUpdate$1(fiber, queue, action, lane),
+      (action = getRootForUpdatedFiber(fiber)),
+      null !== action &&
+        (scheduleUpdateOnFiber(action, fiber, lane),
+        entangleTransitionUpdate(action, queue, lane)));
 }
 function dispatchSetState(fiber, queue, action) {
   var lane = requestUpdateLane(fiber),
@@ -3660,8 +3947,7 @@ function dispatchSetState(fiber, queue, action) {
     enqueueUpdate$1(fiber, queue, update, lane);
     action = getRootForUpdatedFiber(fiber);
     null !== action &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(action, fiber, lane, update),
+      (scheduleUpdateOnFiber(action, fiber, lane),
       entangleTransitionUpdate(action, queue, lane));
   }
 }
@@ -3692,6 +3978,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 }
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -3710,11 +3997,11 @@ var ContextOnlyDispatcher = {
   useId: throwInvalidHookError
 };
 ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
-ContextOnlyDispatcher.use = throwInvalidHookError;
 ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 ContextOnlyDispatcher.useEffectEvent = throwInvalidHookError;
 var HooksDispatcherOnMount = {
   readContext: readContext,
+  use: use,
   useCallback: function (callback, deps) {
     mountWorkInProgressHook().memoizedState = [
       callback,
@@ -3782,11 +4069,10 @@ var HooksDispatcherOnMount = {
     return (mountWorkInProgressHook().memoizedState = value);
   },
   useTransition: function () {
-    var _mountState = mountState(!1),
-      isPending = _mountState[0];
-    _mountState = startTransition.bind(null, _mountState[1]);
-    mountWorkInProgressHook().memoizedState = _mountState;
-    return [isPending, _mountState];
+    var setPending = mountState(!1)[1];
+    setPending = startTransition.bind(null, setPending);
+    mountWorkInProgressHook().memoizedState = setPending;
+    return [!1, setPending];
   },
   useMutableSource: function (source, getSnapshot, subscribe) {
     var hook = mountWorkInProgressHook();
@@ -3806,15 +4092,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$46 = workInProgressRoot;
-      if (null === root$46) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$46, renderLanes$1) ||
+      var root$47 = workInProgressRoot;
+      if (null === root$47) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$47, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$46 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$46;
-    mountEffect(subscribeToStore.bind(null, fiber, root$46, subscribe), [
+    root$47 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$47;
+    mountEffect(subscribeToStore.bind(null, fiber, root$47, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -3823,7 +4109,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$46,
+        root$47,
         getServerSnapshot,
         getSnapshot
       ),
@@ -3865,7 +4151,6 @@ var HooksDispatcherOnMount = {
     ));
   }
 };
-HooksDispatcherOnMount.use = use;
 HooksDispatcherOnMount.useMemoCache = useMemoCache;
 HooksDispatcherOnMount.useEffectEvent = function (callback) {
   var hook = mountWorkInProgressHook(),
@@ -3878,6 +4163,7 @@ HooksDispatcherOnMount.useEffectEvent = function (callback) {
 };
 var HooksDispatcherOnUpdate = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -3896,9 +4182,14 @@ var HooksDispatcherOnUpdate = {
     return updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = updateReducer(basicStateReducer)[0],
+    var booleanOrThenable = updateReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
@@ -3906,10 +4197,10 @@ var HooksDispatcherOnUpdate = {
 };
 HooksDispatcherOnUpdate.useCacheRefresh = updateRefresh;
 HooksDispatcherOnUpdate.useMemoCache = useMemoCache;
-HooksDispatcherOnUpdate.use = use;
 HooksDispatcherOnUpdate.useEffectEvent = updateEvent;
 var HooksDispatcherOnRerender = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -3930,16 +4221,20 @@ var HooksDispatcherOnRerender = {
       : updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = rerenderReducer(basicStateReducer)[0],
+    var booleanOrThenable = rerenderReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
   useId: updateId
 };
 HooksDispatcherOnRerender.useCacheRefresh = updateRefresh;
-HooksDispatcherOnRerender.use = use;
 HooksDispatcherOnRerender.useMemoCache = useMemoCache;
 HooksDispatcherOnRerender.useEffectEvent = updateEvent;
 function resolveDefaultProps(Component, baseProps) {
@@ -3983,8 +4278,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
   },
   enqueueReplaceState: function (inst, payload, callback) {
@@ -3996,8 +4290,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
   },
   enqueueForceUpdate: function (inst, callback) {
@@ -4008,8 +4301,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     callback = enqueueUpdate(inst, update, lane);
     null !== callback &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(callback, inst, lane, update),
+      (scheduleUpdateOnFiber(callback, inst, lane),
       entangleTransitions(callback, inst, lane));
   }
 };
@@ -4307,10 +4599,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$61 = workInProgress.stateNode;
+      root$62 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$61.incompleteTransitions.has(transition)) {
+        if (!root$62.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4318,11 +4610,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$61.incompleteTransitions.set(transition, markerInstance);
+          root$62.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$61.incompleteTransitions.forEach(function (markerInstance) {
+    root$62.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -4987,14 +5279,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$68 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$68)
+    var dehydrated$69 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$69)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$68,
+        dehydrated$69,
         JSCompiler_temp,
         renderLanes
       );
@@ -5004,7 +5296,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$68 = JSCompiler_temp.sibling;
+    dehydrated$69 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5013,8 +5305,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$68
-      ? (showFallback = createWorkInProgress(dehydrated$68, showFallback))
+    null !== dehydrated$69
+      ? (showFallback = createWorkInProgress(dehydrated$69, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5033,10 +5325,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$68 = CacheContext._currentValue),
+          ? ((dehydrated$69 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$68
-                ? { parent: dehydrated$68, pool: dehydrated$68 }
+              JSCompiler_temp.parent !== dehydrated$69
+                ? { parent: dehydrated$69, pool: dehydrated$69 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5050,23 +5342,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$68 = showFallback.updateQueue),
+        (dehydrated$69 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$68
+        null === dehydrated$69
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$68 === primaryChildProps
+          : dehydrated$69 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$68.transitions = didSuspend),
-            (dehydrated$68.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$69.transitions = didSuspend),
+            (dehydrated$69.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -5287,7 +5579,7 @@ function updateDehydratedSuspenseComponent(
         throw (
           ((suspenseState.retryLane = suspenseInstance),
           enqueueConcurrentRenderForLane(current, suspenseInstance),
-          scheduleUpdateOnFiber(nextProps, current, suspenseInstance, -1),
+          scheduleUpdateOnFiber(nextProps, current, suspenseInstance),
           SelectiveHydrationException)
         );
     }
@@ -5855,7 +6147,7 @@ var AbortControllerLocal =
             });
           };
         },
-  scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+  scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority,
   CacheContext = {
     $$typeof: REACT_CONTEXT_TYPE,
@@ -5877,7 +6169,7 @@ function createCache() {
 function releaseCache(cache) {
   cache.refCount--;
   0 === cache.refCount &&
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
 }
@@ -6129,14 +6421,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$99 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$99 = lastTailNode),
+        for (var lastTailNode$100 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$100 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$99
+        null === lastTailNode$100
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$99.sibling = null);
+          : (lastTailNode$100.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6146,19 +6438,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$100 = completedWork.child; null !== child$100; )
-      (newChildLanes |= child$100.lanes | child$100.childLanes),
-        (subtreeFlags |= child$100.subtreeFlags & 31457280),
-        (subtreeFlags |= child$100.flags & 31457280),
-        (child$100.return = completedWork),
-        (child$100 = child$100.sibling);
+    for (var child$101 = completedWork.child; null !== child$101; )
+      (newChildLanes |= child$101.lanes | child$101.childLanes),
+        (subtreeFlags |= child$101.subtreeFlags & 31457280),
+        (subtreeFlags |= child$101.flags & 31457280),
+        (child$101.return = completedWork),
+        (child$101 = child$101.sibling);
   else
-    for (child$100 = completedWork.child; null !== child$100; )
-      (newChildLanes |= child$100.lanes | child$100.childLanes),
-        (subtreeFlags |= child$100.subtreeFlags),
-        (subtreeFlags |= child$100.flags),
-        (child$100.return = completedWork),
-        (child$100 = child$100.sibling);
+    for (child$101 = completedWork.child; null !== child$101; )
+      (newChildLanes |= child$101.lanes | child$101.childLanes),
+        (subtreeFlags |= child$101.subtreeFlags),
+        (subtreeFlags |= child$101.flags),
+        (child$101.return = completedWork),
+        (child$101 = child$101.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -6294,9 +6586,17 @@ function completeWork(current, workInProgress, renderLanes) {
             rootInstanceStackCursor.current
           );
           switch (current) {
-            case "http://www.w3.org/2000/svg":
-            case "http://www.w3.org/1998/Math/MathML":
-              current = nextResource.createElementNS(current, renderLanes);
+            case 1:
+              current = nextResource.createElementNS(
+                "http://www.w3.org/2000/svg",
+                renderLanes
+              );
+              break;
+            case 2:
+              current = nextResource.createElementNS(
+                "http://www.w3.org/1998/Math/MathML",
+                renderLanes
+              );
               break;
             default:
               switch (renderLanes) {
@@ -6877,8 +7177,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$129) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$129);
+      } catch (error$130) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$130);
       }
     else ref.current = null;
 }
@@ -6915,7 +7215,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$193) {
+          } catch (e$191) {
             JSCompiler_temp = null;
             break a;
           }
@@ -7194,11 +7494,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$131) {
+          } catch (error$132) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$131
+              error$132
             );
           }
         }
@@ -7794,7 +8094,7 @@ function detachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility |= 2),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachOffscreenInstance(instance) {
@@ -7804,7 +8104,7 @@ function attachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility &= -3),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachSuspenseRetryListeners(finishedWork, wakeables) {
@@ -7878,8 +8178,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$144) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$144);
+        } catch (error$145) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$145);
         }
       }
       break;
@@ -8061,11 +8361,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                   newProps
                 );
             domElement[internalPropsKey] = newProps;
-          } catch (error$145) {
+          } catch (error$146) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$145
+              error$146
             );
           }
       break;
@@ -8101,8 +8401,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$146) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$146);
+        } catch (error$147) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$147);
         }
       }
       if (
@@ -8127,8 +8427,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 root
               ),
             (flags[internalPropsKey] = root);
-        } catch (error$149) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$149);
+        } catch (error$150) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$150);
         }
       break;
     case 6:
@@ -8141,8 +8441,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$150) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$150);
+        } catch (error$151) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
         }
       }
       break;
@@ -8156,8 +8456,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$151) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
+        } catch (error$152) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$152);
         }
       break;
     case 4:
@@ -8187,8 +8487,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$153) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
+        } catch (error$154) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$154);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -8266,11 +8566,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$134) {
+              } catch (error$135) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$134
+                  error$135
                 );
               }
           } else if (
@@ -8345,21 +8645,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$135 = JSCompiler_inline_result.stateNode;
+            var parent$136 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$135, ""),
+              (setTextContent(parent$136, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$136 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$136, parent$135);
+            var before$137 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$137, parent$136);
             break;
           case 3:
           case 4:
-            var parent$137 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$138 = getHostSibling(finishedWork);
+            var parent$138 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$139 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$138,
-              parent$137
+              before$139,
+              parent$138
             );
             break;
           default:
@@ -8829,9 +9129,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$163 = finishedWork.stateNode;
+        var instance$164 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$163._visibility & 4
+          ? instance$164._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -8844,7 +9144,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$163._visibility |= 4),
+            : ((instance$164._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -8852,7 +9152,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$163._visibility |= 4),
+          : ((instance$164._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -8865,7 +9165,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$163
+            instance$164
           );
         break;
       case 24:
@@ -9194,206 +9494,7 @@ function schedulePostPaintCallback(callback) {
       callbacks = [];
     }));
 }
-var firstScheduledRoot = null,
-  lastScheduledRoot = null,
-  didScheduleMicrotask = !1,
-  mightHavePendingSyncWork = !1,
-  isFlushingWork = !1;
-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) {
-    var workInProgressRoot$jscomp$0 = workInProgressRoot,
-      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
-      errors = null;
-    isFlushingWork = !0;
-    do {
-      var didPerformSomeWork = !1;
-      for (var root$171 = firstScheduledRoot; null !== root$171; ) {
-        if (
-          (!onlyLegacy || 0 === root$171.tag) &&
-          0 !==
-            (getNextLanes(
-              root$171,
-              root$171 === workInProgressRoot$jscomp$0
-                ? workInProgressRootRenderLanes$jscomp$0
-                : 0
-            ) &
-              3)
-        )
-          try {
-            didPerformSomeWork = !0;
-            var root = root$171;
-            if (0 !== (executionContext & 6))
-              throw Error(formatProdErrorMessage(327));
-            flushPassiveEffects();
-            var lanes = getNextLanes(root, 0);
-            if (0 !== (lanes & 3)) {
-              var exitStatus = renderRootSync(root, lanes);
-              if (0 !== root.tag && 2 === exitStatus) {
-                var originallyAttemptedLanes = lanes,
-                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-                    root,
-                    originallyAttemptedLanes
-                  );
-                0 !== errorRetryLanes &&
-                  ((lanes = errorRetryLanes),
-                  (exitStatus = recoverFromConcurrentError(
-                    root,
-                    originallyAttemptedLanes,
-                    errorRetryLanes
-                  )));
-              }
-              if (1 === exitStatus)
-                throw (
-                  ((originallyAttemptedLanes = workInProgressRootFatalError),
-                  prepareFreshStack(root, 0),
-                  markRootSuspended(root, lanes),
-                  ensureRootIsScheduled(root),
-                  originallyAttemptedLanes)
-                );
-              6 === exitStatus
-                ? markRootSuspended(root, lanes)
-                : ((root.finishedWork = root.current.alternate),
-                  (root.finishedLanes = lanes),
-                  commitRoot(
-                    root,
-                    workInProgressRootRecoverableErrors,
-                    workInProgressTransitions
-                  ));
-            }
-            ensureRootIsScheduled(root);
-          } catch (error) {
-            null === errors ? (errors = [error]) : errors.push(error);
-          }
-        root$171 = root$171.next;
-      }
-    } while (didPerformSomeWork);
-    isFlushingWork = !1;
-    if (null !== errors) {
-      if (1 < errors.length) {
-        if ("function" === typeof AggregateError)
-          throw new AggregateError(errors);
-        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
-          scheduleImmediateTask(throwError.bind(null, errors[onlyLegacy]));
-      }
-      throw errors[0];
-    }
-  }
-}
-function throwError(error) {
-  throw error;
-}
-function processRootScheduleInMicrotask() {
-  mightHavePendingSyncWork = didScheduleMicrotask = !1;
-  for (
-    var currentTime = now(), prev = null, root = firstScheduledRoot;
-    null !== root;
-
-  ) {
-    var next = root.next,
-      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
-    0 === nextLanes
-      ? ((root.next = null),
-        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
-        null === next && (lastScheduledRoot = prev))
-      : ((prev = root),
-        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
-    root = next;
-  }
-  flushSyncWorkAcrossRoots_impl(!1);
-}
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  for (
-    var suspendedLanes = root.suspendedLanes,
-      pingedLanes = root.pingedLanes,
-      expirationTimes = root.expirationTimes,
-      lanes = root.pendingLanes & -125829121;
-    0 < lanes;
-
-  ) {
-    var index$2 = 31 - clz32(lanes),
-      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);
-    lanes &= ~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 536870912:
-      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();
-  });
-}
-var ceil = Math.ceil,
-  PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
   ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
   ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
@@ -9488,25 +9589,15 @@ var hasUncaughtError = !1,
   pendingPassiveEffectsRemainingLanes = 0,
   pendingPassiveTransitions = null,
   nestedUpdateCount = 0,
-  rootWithNestedUpdates = null,
-  currentEventTime = -1,
-  currentEventTransitionLane = 0;
-function requestEventTime() {
-  return 0 !== (executionContext & 6)
-    ? now()
-    : -1 !== currentEventTime
-    ? currentEventTime
-    : (currentEventTime = now());
-}
+  rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
   if (0 === (fiber.mode & 1)) return 2;
   if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
     return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
   if (null !== ReactCurrentBatchConfig$2.transition)
     return (
-      0 === currentEventTransitionLane &&
-        (currentEventTransitionLane = claimNextTransitionLane()),
-      currentEventTransitionLane
+      (fiber = currentAsyncAction),
+      null !== fiber ? fiber.lane : requestTransitionLane()
     );
   fiber = currentUpdatePriority;
   if (0 !== fiber) return fiber;
@@ -9514,29 +9605,30 @@ function requestUpdateLane(fiber) {
   fiber = void 0 === fiber ? 32 : getEventPriority(fiber.type);
   return fiber;
 }
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   if (
     (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
     null !== root.cancelPendingCommit
   )
     prepareFreshStack(root, 0),
       markRootSuspended(root, workInProgressRootRenderLanes);
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot) {
-    if (
-      enableTransitionTracing &&
-      ((eventTime = ReactCurrentBatchConfig$1.transition),
-      null !== eventTime &&
-        null != eventTime.name &&
-        (-1 === eventTime.startTime && (eventTime.startTime = now()),
-        enableTransitionTracing))
-    ) {
-      var transitionLanesMap = root.transitionLanes,
-        index$6 = 31 - clz32(lane),
-        transitions = transitionLanesMap[index$6];
-      null === transitions && (transitions = new Set());
-      transitions.add(eventTime);
-      transitionLanesMap[index$6] = transitions;
+    if (enableTransitionTracing) {
+      var transition = ReactCurrentBatchConfig$1.transition;
+      if (
+        null !== transition &&
+        null != transition.name &&
+        (-1 === transition.startTime && (transition.startTime = now()),
+        enableTransitionTracing)
+      ) {
+        var transitionLanesMap = root.transitionLanes,
+          index$5 = 31 - clz32(lane),
+          transitions = transitionLanesMap[index$5];
+        null === transitions && (transitions = new Set());
+        transitions.add(transition);
+        transitionLanesMap[index$5] = transitions;
+      }
     }
     root === workInProgressRoot &&
       (0 === (executionContext & 2) &&
@@ -9552,8 +9644,6 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
   }
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
-  currentEventTime = -1;
-  currentEventTransitionLane = 0;
   if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
   var originalCallbackNode = root.callbackNode;
   if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
@@ -9603,16 +9693,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$174 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$173 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$174 &&
-            ((lanes = errorRetryLanes$174),
+          0 !== errorRetryLanes$173 &&
+            ((lanes = errorRetryLanes$173),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$174
+              errorRetryLanes$173
             )));
         }
         if (1 === exitStatus)
@@ -9626,109 +9716,52 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
       }
       root.finishedWork = didTimeout;
       root.finishedLanes = lanes;
-      switch (exitStatus) {
-        case 0:
-        case 1:
-          throw Error(formatProdErrorMessage(345));
-        case 2:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 3:
-          markRootSuspended(root, lanes);
-          if (
-            (lanes & 125829120) === lanes &&
-            ((exitStatus = globalMostRecentFallbackTime + 500 - now()),
-            10 < exitStatus)
-          ) {
-            if (0 !== getNextLanes(root, 0)) break;
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+      a: {
+        switch (exitStatus) {
+          case 0:
+          case 1:
+            throw Error(formatProdErrorMessage(345));
+          case 4:
+            if ((lanes & 8388480) === lanes) {
+              markRootSuspended(root, lanes);
+              break a;
+            }
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 4:
-          markRootSuspended(root, lanes);
-          if ((lanes & 8388480) === lanes) break;
-          exitStatus = lanes;
-          errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$174 = -1; 0 < exitStatus; ) {
-            var index$1 = 31 - clz32(exitStatus),
-              lane = 1 << index$1;
-            index$1 = errorRetryLanes[index$1];
-            index$1 > errorRetryLanes$174 && (errorRetryLanes$174 = index$1);
-            exitStatus &= ~lane;
-          }
-          exitStatus = errorRetryLanes$174;
-          exitStatus = now() - exitStatus;
-          exitStatus =
-            (120 > exitStatus
-              ? 120
-              : 480 > exitStatus
-              ? 480
-              : 1080 > exitStatus
-              ? 1080
-              : 1920 > exitStatus
-              ? 1920
-              : 3e3 > exitStatus
-              ? 3e3
-              : 4320 > exitStatus
-              ? 4320
-              : 1960 * ceil(exitStatus / 1960)) - exitStatus;
-          if (10 < exitStatus) {
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+          case 2:
+          case 3:
+          case 5:
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
+          default:
+            throw Error(formatProdErrorMessage(329));
+        }
+        if (
+          (lanes & 125829120) === lanes &&
+          (alwaysThrottleRetries || 3 === exitStatus) &&
+          ((exitStatus = globalMostRecentFallbackTime + 500 - now()),
+          10 < exitStatus)
+        ) {
+          markRootSuspended(root, lanes);
+          if (0 !== getNextLanes(root, 0)) break a;
+          root.timeoutHandle = scheduleTimeout(
+            commitRootWhenReady.bind(
+              null,
+              root,
+              didTimeout,
+              workInProgressRootRecoverableErrors,
+              workInProgressTransitions,
+              lanes
+            ),
+            exitStatus
           );
-          break;
-        case 5:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        default:
-          throw Error(formatProdErrorMessage(329));
+          break a;
+        }
+        commitRootWhenReady(
+          root,
+          didTimeout,
+          workInProgressRootRecoverableErrors,
+          workInProgressTransitions,
+          lanes
+        );
       }
     }
   }
@@ -9785,20 +9818,12 @@ function commitRootWhenReady(
     null !== finishedWork)
   ) {
     root.cancelPendingCommit = finishedWork(
-      commitRoot.bind(
-        null,
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      )
+      commitRoot.bind(null, root, recoverableErrors, transitions)
     );
+    markRootSuspended(root, lanes);
     return;
   }
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 function isRenderConsistentWithExternalStores(finishedWork) {
   for (var node = finishedWork; ; ) {
@@ -9840,9 +9865,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$3 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$3;
-    root[index$3] = -1;
+    var index$2 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$2;
+    root[index$2] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -9965,14 +9990,10 @@ function shouldRemainOnPreviousScreen() {
     ? !1
     : handler === shellBoundary;
 }
-function pushDispatcher(container) {
-  container = getHoistableRoot(container);
-  lastCurrentDocument = container.ownerDocument || container;
-  previousDispatcher = Dispatcher$1.current;
-  Dispatcher$1.current = ReactDOMClientDispatcher;
-  container = ReactCurrentDispatcher.current;
+function pushDispatcher() {
+  var prevDispatcher = ReactCurrentDispatcher.current;
   ReactCurrentDispatcher.current = ContextOnlyDispatcher;
-  return null === container ? ContextOnlyDispatcher : container;
+  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushCacheDispatcher() {
   var prevCacheDispatcher = ReactCurrentCache.current;
@@ -9989,7 +10010,7 @@ function renderDidSuspendDelayIfPossible() {
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= 2;
-  var prevDispatcher = pushDispatcher(root.containerInfo),
+  var prevDispatcher = pushDispatcher(),
     prevCacheDispatcher = pushCacheDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
@@ -10012,14 +10033,12 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$177) {
-      handleThrow(root, thrownValue$177);
+    } catch (thrownValue$175) {
+      handleThrow(root, thrownValue$175);
     }
   while (1);
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  Dispatcher$1.current = previousDispatcher;
-  previousDispatcher = null;
   ReactCurrentDispatcher.current = prevDispatcher;
   ReactCurrentCache.current = prevCacheDispatcher;
   if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
@@ -10034,7 +10053,7 @@ function workLoopSync() {
 function renderRootConcurrent(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= 2;
-  var prevDispatcher = pushDispatcher(root.containerInfo),
+  var prevDispatcher = pushDispatcher(),
     prevCacheDispatcher = pushCacheDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
@@ -10119,13 +10138,11 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$179) {
-      handleThrow(root, thrownValue$179);
+    } catch (thrownValue$177) {
+      handleThrow(root, thrownValue$177);
     }
   while (1);
   resetContextDependencies();
-  Dispatcher$1.current = previousDispatcher;
-  previousDispatcher = null;
   ReactCurrentDispatcher.current = prevDispatcher;
   ReactCurrentCache.current = prevCacheDispatcher;
   executionContext = prevExecutionContext;
@@ -10183,6 +10200,8 @@ function replaySuspendedUnitOfWork(unitOfWork) {
         workInProgressRootRenderLanes
       );
       break;
+    case 5:
+      resetHooksOnUnwind();
     default:
       unwindInterruptedWork(current, unitOfWork),
         (unitOfWork = workInProgress =
@@ -10283,10 +10302,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$56 = offscreenQueue.retryQueue;
-                      null === retryQueue$56
+                      var retryQueue$57 = offscreenQueue.retryQueue;
+                      null === retryQueue$57
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$56.add(wakeable);
+                        : retryQueue$57.add(wakeable);
                     }
                   }
                   break;
@@ -10365,21 +10384,31 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
     } catch (error) {
       throw ((workInProgress = returnFiber), error);
     }
-    unitOfWork.flags & 32768
-      ? unwindUnitOfWork(unitOfWork)
-      : completeUnitOfWork(unitOfWork);
+    if (unitOfWork.flags & 32768)
+      a: {
+        do {
+          returnFiber = unwindWork(unitOfWork.alternate, unitOfWork);
+          if (null !== returnFiber) {
+            returnFiber.flags &= 32767;
+            workInProgress = returnFiber;
+            break a;
+          }
+          unitOfWork = unitOfWork.return;
+          null !== unitOfWork &&
+            ((unitOfWork.flags |= 32768),
+            (unitOfWork.subtreeFlags = 0),
+            (unitOfWork.deletions = null));
+          workInProgress = unitOfWork;
+        } while (null !== unitOfWork);
+        workInProgressRootExitStatus = 6;
+        workInProgress = null;
+      }
+    else completeUnitOfWork(unitOfWork);
   }
 }
 function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
   do {
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      0 !== (completedWork.flags & 32768)
-    ) {
-      unwindUnitOfWork(completedWork);
-      return;
-    }
     unitOfWork = completedWork.return;
     var next = completeWork(
       completedWork.alternate,
@@ -10399,29 +10428,6 @@ function completeUnitOfWork(unitOfWork) {
   } while (null !== completedWork);
   0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
 }
-function unwindUnitOfWork(unitOfWork) {
-  do {
-    var next = unwindWork(unitOfWork.alternate, unitOfWork);
-    if (null !== next) {
-      next.flags &= 32767;
-      workInProgress = next;
-      return;
-    }
-    next = unitOfWork.return;
-    null !== next &&
-      ((next.flags |= 32768), (next.subtreeFlags = 0), (next.deletions = null));
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      ((unitOfWork = unitOfWork.sibling), null !== unitOfWork)
-    ) {
-      workInProgress = unitOfWork;
-      return;
-    }
-    workInProgress = unitOfWork = next;
-  } while (null !== unitOfWork);
-  workInProgressRootExitStatus = 6;
-  workInProgress = null;
-}
 function commitRoot(root, recoverableErrors, transitions) {
   var previousUpdateLanePriority = currentUpdatePriority,
     prevTransition = ReactCurrentBatchConfig$1.transition;
@@ -10483,12 +10489,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$183 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$181 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$183 &&
+    shouldFireAfterActiveInstanceBlur$181 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -10567,7 +10573,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$184 = rootWithPendingPassiveEffects,
+    var root$182 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -10583,7 +10589,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$184, remainingLanes);
+        releaseRootPooledCache(root$182, remainingLanes);
     }
   }
   return !1;
@@ -10629,10 +10635,8 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
   sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 2);
   rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
-  sourceFiber = requestEventTime();
   null !== rootFiber &&
-    (markRootUpdated(rootFiber, 2, sourceFiber),
-    ensureRootIsScheduled(rootFiber));
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
 }
 function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
   if (3 === sourceFiber.tag)
@@ -10666,9 +10670,8 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
             sourceFiber,
             2
           );
-          sourceFiber = requestEventTime();
           null !== nearestMountedAncestor &&
-            (markRootUpdated(nearestMountedAncestor, 2, sourceFiber),
+            (markRootUpdated(nearestMountedAncestor, 2),
             ensureRootIsScheduled(nearestMountedAncestor));
           break;
         }
@@ -10710,10 +10713,9 @@ function pingSuspendedRoot(root, wakeable, pingedLanes) {
 function retryTimedOutBoundary(boundaryFiber, retryLane) {
   0 === retryLane &&
     (retryLane = 0 === (boundaryFiber.mode & 1) ? 2 : claimNextRetryLane());
-  var eventTime = requestEventTime();
   boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
   null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane, eventTime),
+    (markRootUpdated(boundaryFiber, retryLane),
     ensureRootIsScheduled(boundaryFiber));
 }
 function retryDehydratedSuspenseBoundary(boundaryFiber) {
@@ -11667,7 +11669,6 @@ function FiberRootNode(
     this.cancelPendingCommit =
       null;
   this.callbackPriority = 0;
-  this.eventTimes = createLaneMap(0);
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
     this.errorRecoveryDisabledLanes =
@@ -11764,20 +11765,19 @@ function updateContainer(element, container, parentComponent, callback) {
   null !== callback && (container.callback = callback);
   element = enqueueUpdate(parentComponent, container, lane);
   null !== element &&
-    ((callback = requestEventTime()),
-    scheduleUpdateOnFiber(element, parentComponent, lane, callback),
+    (scheduleUpdateOnFiber(element, parentComponent, lane),
     entangleTransitions(element, parentComponent, lane));
   return lane;
 }
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$186 = fiber.stateNode;
-      if (root$186.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$186.pendingLanes);
+      var root$184 = fiber.stateNode;
+      if (root$184.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$184.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$186, lanes | 2),
-          ensureRootIsScheduled(root$186),
+          (markRootEntangled(root$184, lanes | 2),
+          ensureRootIsScheduled(root$184),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now() + 500),
             flushSyncWorkAcrossRoots_impl(!1)));
@@ -11786,10 +11786,7 @@ function attemptSynchronousHydration(fiber) {
     case 13:
       flushSync$1(function () {
         var root = enqueueConcurrentRenderForLane(fiber, 2);
-        if (null !== root) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, fiber, 2, eventTime);
-        }
+        null !== root && scheduleUpdateOnFiber(root, fiber, 2);
       }),
         markRetryLaneIfNotHydrated(fiber, 2);
   }
@@ -11808,10 +11805,7 @@ function markRetryLaneIfNotHydrated(fiber, retryLane) {
 function attemptContinuousHydration(fiber) {
   if (13 === fiber.tag) {
     var root = enqueueConcurrentRenderForLane(fiber, 134217728);
-    if (null !== root) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, 134217728, eventTime);
-    }
+    null !== root && scheduleUpdateOnFiber(root, fiber, 134217728);
     markRetryLaneIfNotHydrated(fiber, 134217728);
   }
 }
@@ -11884,552 +11878,6 @@ if (canUseDOM)
   } catch (e) {
     passiveBrowserEventsSupported = !1;
   }
-var hasScheduledReplayAttempt = !1,
-  queuedFocus = null,
-  queuedDrag = null,
-  queuedMouse = null,
-  queuedPointers = new Map(),
-  queuedPointerCaptures = new Map(),
-  queuedExplicitHydrationTargets = [],
-  discreteReplayableEvents =
-    "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(
-      " "
-    );
-function clearIfContinuousEvent(domEventName, nativeEvent) {
-  switch (domEventName) {
-    case "focusin":
-    case "focusout":
-      queuedFocus = null;
-      break;
-    case "dragenter":
-    case "dragleave":
-      queuedDrag = null;
-      break;
-    case "mouseover":
-    case "mouseout":
-      queuedMouse = null;
-      break;
-    case "pointerover":
-    case "pointerout":
-      queuedPointers.delete(nativeEvent.pointerId);
-      break;
-    case "gotpointercapture":
-    case "lostpointercapture":
-      queuedPointerCaptures.delete(nativeEvent.pointerId);
-  }
-}
-function accumulateOrCreateContinuousQueuedReplayableEvent(
-  existingQueuedEvent,
-  blockedOn,
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  if (
-    null === existingQueuedEvent ||
-    existingQueuedEvent.nativeEvent !== nativeEvent
-  )
-    return (
-      (existingQueuedEvent = {
-        blockedOn: blockedOn,
-        domEventName: domEventName,
-        eventSystemFlags: eventSystemFlags,
-        nativeEvent: nativeEvent,
-        targetContainers: [targetContainer]
-      }),
-      null !== blockedOn &&
-        ((blockedOn = getInstanceFromNode$1(blockedOn)),
-        null !== blockedOn && attemptContinuousHydration(blockedOn)),
-      existingQueuedEvent
-    );
-  existingQueuedEvent.eventSystemFlags |= eventSystemFlags;
-  blockedOn = existingQueuedEvent.targetContainers;
-  null !== targetContainer &&
-    -1 === blockedOn.indexOf(targetContainer) &&
-    blockedOn.push(targetContainer);
-  return existingQueuedEvent;
-}
-function queueIfContinuousEvent(
-  blockedOn,
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  switch (domEventName) {
-    case "focusin":
-      return (
-        (queuedFocus = accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedFocus,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          nativeEvent
-        )),
-        !0
-      );
-    case "dragenter":
-      return (
-        (queuedDrag = accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedDrag,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          nativeEvent
-        )),
-        !0
-      );
-    case "mouseover":
-      return (
-        (queuedMouse = accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedMouse,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          nativeEvent
-        )),
-        !0
-      );
-    case "pointerover":
-      var pointerId = nativeEvent.pointerId;
-      queuedPointers.set(
-        pointerId,
-        accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedPointers.get(pointerId) || null,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          nativeEvent
-        )
-      );
-      return !0;
-    case "gotpointercapture":
-      return (
-        (pointerId = nativeEvent.pointerId),
-        queuedPointerCaptures.set(
-          pointerId,
-          accumulateOrCreateContinuousQueuedReplayableEvent(
-            queuedPointerCaptures.get(pointerId) || null,
-            blockedOn,
-            domEventName,
-            eventSystemFlags,
-            targetContainer,
-            nativeEvent
-          )
-        ),
-        !0
-      );
-  }
-  return !1;
-}
-function attemptExplicitHydrationTarget(queuedTarget) {
-  var targetInst = getClosestInstanceFromNode(queuedTarget.target);
-  if (null !== targetInst) {
-    var nearestMounted = getNearestMountedFiber(targetInst);
-    if (null !== nearestMounted)
-      if (((targetInst = nearestMounted.tag), 13 === targetInst)) {
-        if (
-          ((targetInst = getSuspenseInstanceFromFiber(nearestMounted)),
-          null !== targetInst)
-        ) {
-          queuedTarget.blockedOn = targetInst;
-          runWithPriority(queuedTarget.priority, function () {
-            if (13 === nearestMounted.tag) {
-              var lane = requestUpdateLane(nearestMounted),
-                root = enqueueConcurrentRenderForLane(nearestMounted, lane);
-              if (null !== root) {
-                var eventTime = requestEventTime();
-                scheduleUpdateOnFiber(root, nearestMounted, lane, eventTime);
-              }
-              markRetryLaneIfNotHydrated(nearestMounted, lane);
-            }
-          });
-          return;
-        }
-      } else if (
-        3 === targetInst &&
-        nearestMounted.stateNode.current.memoizedState.isDehydrated
-      ) {
-        queuedTarget.blockedOn =
-          3 === nearestMounted.tag
-            ? nearestMounted.stateNode.containerInfo
-            : null;
-        return;
-      }
-  }
-  queuedTarget.blockedOn = null;
-}
-function attemptReplayContinuousQueuedEvent(queuedEvent) {
-  if (null !== queuedEvent.blockedOn) return !1;
-  for (
-    var targetContainers = queuedEvent.targetContainers;
-    0 < targetContainers.length;
-
-  ) {
-    var nextBlockedOn = findInstanceBlockingEvent(queuedEvent.nativeEvent);
-    if (null === nextBlockedOn) {
-      nextBlockedOn = queuedEvent.nativeEvent;
-      var nativeEventClone = new nextBlockedOn.constructor(
-        nextBlockedOn.type,
-        nextBlockedOn
-      );
-      currentReplayingEvent = nativeEventClone;
-      nextBlockedOn.target.dispatchEvent(nativeEventClone);
-      currentReplayingEvent = null;
-    } else
-      return (
-        (targetContainers = getInstanceFromNode$1(nextBlockedOn)),
-        null !== targetContainers &&
-          attemptContinuousHydration(targetContainers),
-        (queuedEvent.blockedOn = nextBlockedOn),
-        !1
-      );
-    targetContainers.shift();
-  }
-  return !0;
-}
-function attemptReplayContinuousQueuedEventInMap(queuedEvent, key, map) {
-  attemptReplayContinuousQueuedEvent(queuedEvent) && map.delete(key);
-}
-function replayUnblockedEvents() {
-  hasScheduledReplayAttempt = !1;
-  null !== queuedFocus &&
-    attemptReplayContinuousQueuedEvent(queuedFocus) &&
-    (queuedFocus = null);
-  null !== queuedDrag &&
-    attemptReplayContinuousQueuedEvent(queuedDrag) &&
-    (queuedDrag = null);
-  null !== queuedMouse &&
-    attemptReplayContinuousQueuedEvent(queuedMouse) &&
-    (queuedMouse = null);
-  queuedPointers.forEach(attemptReplayContinuousQueuedEventInMap);
-  queuedPointerCaptures.forEach(attemptReplayContinuousQueuedEventInMap);
-}
-function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
-  queuedEvent.blockedOn === unblocked &&
-    ((queuedEvent.blockedOn = null),
-    hasScheduledReplayAttempt ||
-      ((hasScheduledReplayAttempt = !0),
-      Scheduler.unstable_scheduleCallback(
-        Scheduler.unstable_NormalPriority,
-        replayUnblockedEvents
-      )));
-}
-function retryIfBlockedOn(unblocked) {
-  function unblock(queuedEvent) {
-    return scheduleCallbackIfUnblocked(queuedEvent, unblocked);
-  }
-  null !== queuedFocus && scheduleCallbackIfUnblocked(queuedFocus, unblocked);
-  null !== queuedDrag && scheduleCallbackIfUnblocked(queuedDrag, unblocked);
-  null !== queuedMouse && scheduleCallbackIfUnblocked(queuedMouse, unblocked);
-  queuedPointers.forEach(unblock);
-  queuedPointerCaptures.forEach(unblock);
-  for (var i = 0; i < queuedExplicitHydrationTargets.length; i++) {
-    var queuedTarget = queuedExplicitHydrationTargets[i];
-    queuedTarget.blockedOn === unblocked && (queuedTarget.blockedOn = null);
-  }
-  for (
-    ;
-    0 < queuedExplicitHydrationTargets.length &&
-    ((i = queuedExplicitHydrationTargets[0]), null === i.blockedOn);
-
-  )
-    attemptExplicitHydrationTarget(i),
-      null === i.blockedOn && queuedExplicitHydrationTargets.shift();
-}
-var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
-  _enabled = !0;
-function createEventListenerWrapperWithPriority(
-  targetContainer,
-  domEventName,
-  eventSystemFlags
-) {
-  switch (getEventPriority(domEventName)) {
-    case 2:
-      var listenerWrapper = dispatchDiscreteEvent;
-      break;
-    case 8:
-      listenerWrapper = dispatchContinuousEvent;
-      break;
-    default:
-      listenerWrapper = dispatchEvent;
-  }
-  return listenerWrapper.bind(
-    null,
-    domEventName,
-    eventSystemFlags,
-    targetContainer
-  );
-}
-function dispatchDiscreteEvent(
-  domEventName,
-  eventSystemFlags,
-  container,
-  nativeEvent
-) {
-  var previousPriority = currentUpdatePriority,
-    prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = null;
-  try {
-    (currentUpdatePriority = 2),
-      dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
-  } finally {
-    (currentUpdatePriority = previousPriority),
-      (ReactCurrentBatchConfig.transition = prevTransition);
-  }
-}
-function dispatchContinuousEvent(
-  domEventName,
-  eventSystemFlags,
-  container,
-  nativeEvent
-) {
-  var previousPriority = currentUpdatePriority,
-    prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = null;
-  try {
-    (currentUpdatePriority = 8),
-      dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
-  } finally {
-    (currentUpdatePriority = previousPriority),
-      (ReactCurrentBatchConfig.transition = prevTransition);
-  }
-}
-function dispatchEvent(
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  if (_enabled) {
-    var blockedOn = findInstanceBlockingEvent(nativeEvent);
-    if (null === blockedOn)
-      dispatchEventForPluginEventSystem(
-        domEventName,
-        eventSystemFlags,
-        nativeEvent,
-        return_targetInst,
-        targetContainer
-      ),
-        clearIfContinuousEvent(domEventName, nativeEvent);
-    else if (
-      queueIfContinuousEvent(
-        blockedOn,
-        domEventName,
-        eventSystemFlags,
-        targetContainer,
-        nativeEvent
-      )
-    )
-      nativeEvent.stopPropagation();
-    else if (
-      (clearIfContinuousEvent(domEventName, nativeEvent),
-      eventSystemFlags & 4 &&
-        -1 < discreteReplayableEvents.indexOf(domEventName))
-    ) {
-      for (; null !== blockedOn; ) {
-        var fiber = getInstanceFromNode$1(blockedOn);
-        null !== fiber && attemptSynchronousHydration(fiber);
-        fiber = findInstanceBlockingEvent(nativeEvent);
-        null === fiber &&
-          dispatchEventForPluginEventSystem(
-            domEventName,
-            eventSystemFlags,
-            nativeEvent,
-            return_targetInst,
-            targetContainer
-          );
-        if (fiber === blockedOn) break;
-        blockedOn = fiber;
-      }
-      null !== blockedOn && nativeEvent.stopPropagation();
-    } else
-      dispatchEventForPluginEventSystem(
-        domEventName,
-        eventSystemFlags,
-        nativeEvent,
-        null,
-        targetContainer
-      );
-  }
-}
-var return_targetInst = null;
-function findInstanceBlockingEvent(nativeEvent) {
-  return_targetInst = null;
-  nativeEvent = getEventTarget(nativeEvent);
-  nativeEvent = getClosestInstanceFromNode(nativeEvent);
-  if (null !== nativeEvent) {
-    var nearestMounted = getNearestMountedFiber(nativeEvent);
-    if (null === nearestMounted) nativeEvent = null;
-    else {
-      var tag = nearestMounted.tag;
-      if (13 === tag) {
-        nativeEvent = getSuspenseInstanceFromFiber(nearestMounted);
-        if (null !== nativeEvent) return nativeEvent;
-        nativeEvent = null;
-      } else if (3 === tag) {
-        if (nearestMounted.stateNode.current.memoizedState.isDehydrated)
-          return 3 === nearestMounted.tag
-            ? nearestMounted.stateNode.containerInfo
-            : null;
-        nativeEvent = null;
-      } else nearestMounted !== nativeEvent && (nativeEvent = null);
-    }
-  }
-  return_targetInst = nativeEvent;
-  return null;
-}
-function getEventPriority(domEventName) {
-  switch (domEventName) {
-    case "cancel":
-    case "click":
-    case "close":
-    case "contextmenu":
-    case "copy":
-    case "cut":
-    case "auxclick":
-    case "dblclick":
-    case "dragend":
-    case "dragstart":
-    case "drop":
-    case "focusin":
-    case "focusout":
-    case "input":
-    case "invalid":
-    case "keydown":
-    case "keypress":
-    case "keyup":
-    case "mousedown":
-    case "mouseup":
-    case "paste":
-    case "pause":
-    case "play":
-    case "pointercancel":
-    case "pointerdown":
-    case "pointerup":
-    case "ratechange":
-    case "reset":
-    case "resize":
-    case "seeked":
-    case "submit":
-    case "touchcancel":
-    case "touchend":
-    case "touchstart":
-    case "volumechange":
-    case "change":
-    case "selectionchange":
-    case "textInput":
-    case "compositionstart":
-    case "compositionend":
-    case "compositionupdate":
-    case "beforeblur":
-    case "afterblur":
-    case "beforeinput":
-    case "blur":
-    case "fullscreenchange":
-    case "focus":
-    case "hashchange":
-    case "popstate":
-    case "select":
-    case "selectstart":
-      return 2;
-    case "drag":
-    case "dragenter":
-    case "dragexit":
-    case "dragleave":
-    case "dragover":
-    case "mousemove":
-    case "mouseout":
-    case "mouseover":
-    case "pointermove":
-    case "pointerout":
-    case "pointerover":
-    case "scroll":
-    case "toggle":
-    case "touchmove":
-    case "wheel":
-    case "mouseenter":
-    case "mouseleave":
-    case "pointerenter":
-    case "pointerleave":
-      return 8;
-    case "message":
-      switch (getCurrentPriorityLevel()) {
-        case ImmediatePriority:
-          return 2;
-        case UserBlockingPriority:
-          return 8;
-        case NormalPriority$1:
-        case LowPriority:
-          return 32;
-        case IdlePriority:
-          return 536870912;
-        default:
-          return 32;
-      }
-    default:
-      return 32;
-  }
-}
-function addEventBubbleListener(target, eventType, listener) {
-  target.addEventListener(eventType, listener, !1);
-  return listener;
-}
-function addEventCaptureListener(target, eventType, listener) {
-  target.addEventListener(eventType, listener, !0);
-  return listener;
-}
-function addEventCaptureListenerWithPassiveFlag(
-  target,
-  eventType,
-  listener,
-  passive
-) {
-  target.addEventListener(eventType, listener, {
-    capture: !0,
-    passive: passive
-  });
-  return listener;
-}
-function addEventBubbleListenerWithPassiveFlag(
-  target,
-  eventType,
-  listener,
-  passive
-) {
-  target.addEventListener(eventType, listener, { passive: passive });
-  return listener;
-}
-var root = null,
-  startText = null,
-  fallbackText = null;
-function getData() {
-  if (fallbackText) return fallbackText;
-  var start,
-    startValue = startText,
-    startLength = startValue.length,
-    end,
-    endValue = "value" in root ? root.value : root.textContent,
-    endLength = endValue.length;
-  for (
-    start = 0;
-    start < startLength && startValue[start] === endValue[start];
-    start++
-  );
-  var minEnd = startLength - start;
-  for (
-    end = 1;
-    end <= minEnd &&
-    startValue[startLength - end] === endValue[endLength - end];
-    end++
-  );
-  return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
-}
 function getEventCharCode(nativeEvent) {
   var keyCode = nativeEvent.keyCode;
   "charCode" in nativeEvent
@@ -12730,7 +12178,557 @@ var KeyboardEventInterface = assign({}, UIEventInterface, {
     deltaMode: 0
   }),
   SyntheticWheelEvent = createSyntheticEvent(WheelEventInterface),
-  END_KEYCODES = [9, 13, 27, 32],
+  hasScheduledReplayAttempt = !1,
+  queuedFocus = null,
+  queuedDrag = null,
+  queuedMouse = null,
+  queuedPointers = new Map(),
+  queuedPointerCaptures = new Map(),
+  queuedExplicitHydrationTargets = [],
+  discreteReplayableEvents =
+    "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(
+      " "
+    );
+function clearIfContinuousEvent(domEventName, nativeEvent) {
+  switch (domEventName) {
+    case "focusin":
+    case "focusout":
+      queuedFocus = null;
+      break;
+    case "dragenter":
+    case "dragleave":
+      queuedDrag = null;
+      break;
+    case "mouseover":
+    case "mouseout":
+      queuedMouse = null;
+      break;
+    case "pointerover":
+    case "pointerout":
+      queuedPointers.delete(nativeEvent.pointerId);
+      break;
+    case "gotpointercapture":
+    case "lostpointercapture":
+      queuedPointerCaptures.delete(nativeEvent.pointerId);
+  }
+}
+function accumulateOrCreateContinuousQueuedReplayableEvent(
+  existingQueuedEvent,
+  blockedOn,
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  if (
+    null === existingQueuedEvent ||
+    existingQueuedEvent.nativeEvent !== nativeEvent
+  )
+    return (
+      (existingQueuedEvent = {
+        blockedOn: blockedOn,
+        domEventName: domEventName,
+        eventSystemFlags: eventSystemFlags,
+        nativeEvent: nativeEvent,
+        targetContainers: [targetContainer]
+      }),
+      null !== blockedOn &&
+        ((blockedOn = getInstanceFromNode$1(blockedOn)),
+        null !== blockedOn && attemptContinuousHydration(blockedOn)),
+      existingQueuedEvent
+    );
+  existingQueuedEvent.eventSystemFlags |= eventSystemFlags;
+  blockedOn = existingQueuedEvent.targetContainers;
+  null !== targetContainer &&
+    -1 === blockedOn.indexOf(targetContainer) &&
+    blockedOn.push(targetContainer);
+  return existingQueuedEvent;
+}
+function queueIfContinuousEvent(
+  blockedOn,
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  switch (domEventName) {
+    case "focusin":
+      return (
+        (queuedFocus = accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedFocus,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          nativeEvent
+        )),
+        !0
+      );
+    case "dragenter":
+      return (
+        (queuedDrag = accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedDrag,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          nativeEvent
+        )),
+        !0
+      );
+    case "mouseover":
+      return (
+        (queuedMouse = accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedMouse,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          nativeEvent
+        )),
+        !0
+      );
+    case "pointerover":
+      var pointerId = nativeEvent.pointerId;
+      queuedPointers.set(
+        pointerId,
+        accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedPointers.get(pointerId) || null,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          nativeEvent
+        )
+      );
+      return !0;
+    case "gotpointercapture":
+      return (
+        (pointerId = nativeEvent.pointerId),
+        queuedPointerCaptures.set(
+          pointerId,
+          accumulateOrCreateContinuousQueuedReplayableEvent(
+            queuedPointerCaptures.get(pointerId) || null,
+            blockedOn,
+            domEventName,
+            eventSystemFlags,
+            targetContainer,
+            nativeEvent
+          )
+        ),
+        !0
+      );
+  }
+  return !1;
+}
+function attemptExplicitHydrationTarget(queuedTarget) {
+  var targetInst = getClosestInstanceFromNode(queuedTarget.target);
+  if (null !== targetInst) {
+    var nearestMounted = getNearestMountedFiber(targetInst);
+    if (null !== nearestMounted)
+      if (((targetInst = nearestMounted.tag), 13 === targetInst)) {
+        if (
+          ((targetInst = getSuspenseInstanceFromFiber(nearestMounted)),
+          null !== targetInst)
+        ) {
+          queuedTarget.blockedOn = targetInst;
+          runWithPriority(queuedTarget.priority, function () {
+            if (13 === nearestMounted.tag) {
+              var lane = requestUpdateLane(nearestMounted),
+                root = enqueueConcurrentRenderForLane(nearestMounted, lane);
+              null !== root &&
+                scheduleUpdateOnFiber(root, nearestMounted, lane);
+              markRetryLaneIfNotHydrated(nearestMounted, lane);
+            }
+          });
+          return;
+        }
+      } else if (
+        3 === targetInst &&
+        nearestMounted.stateNode.current.memoizedState.isDehydrated
+      ) {
+        queuedTarget.blockedOn =
+          3 === nearestMounted.tag
+            ? nearestMounted.stateNode.containerInfo
+            : null;
+        return;
+      }
+  }
+  queuedTarget.blockedOn = null;
+}
+function attemptReplayContinuousQueuedEvent(queuedEvent) {
+  if (null !== queuedEvent.blockedOn) return !1;
+  for (
+    var targetContainers = queuedEvent.targetContainers;
+    0 < targetContainers.length;
+
+  ) {
+    var nextBlockedOn = findInstanceBlockingEvent(queuedEvent.nativeEvent);
+    if (null === nextBlockedOn) {
+      nextBlockedOn = queuedEvent.nativeEvent;
+      var nativeEventClone = new nextBlockedOn.constructor(
+        nextBlockedOn.type,
+        nextBlockedOn
+      );
+      currentReplayingEvent = nativeEventClone;
+      nextBlockedOn.target.dispatchEvent(nativeEventClone);
+      currentReplayingEvent = null;
+    } else
+      return (
+        (targetContainers = getInstanceFromNode$1(nextBlockedOn)),
+        null !== targetContainers &&
+          attemptContinuousHydration(targetContainers),
+        (queuedEvent.blockedOn = nextBlockedOn),
+        !1
+      );
+    targetContainers.shift();
+  }
+  return !0;
+}
+function attemptReplayContinuousQueuedEventInMap(queuedEvent, key, map) {
+  attemptReplayContinuousQueuedEvent(queuedEvent) && map.delete(key);
+}
+function replayUnblockedEvents() {
+  hasScheduledReplayAttempt = !1;
+  null !== queuedFocus &&
+    attemptReplayContinuousQueuedEvent(queuedFocus) &&
+    (queuedFocus = null);
+  null !== queuedDrag &&
+    attemptReplayContinuousQueuedEvent(queuedDrag) &&
+    (queuedDrag = null);
+  null !== queuedMouse &&
+    attemptReplayContinuousQueuedEvent(queuedMouse) &&
+    (queuedMouse = null);
+  queuedPointers.forEach(attemptReplayContinuousQueuedEventInMap);
+  queuedPointerCaptures.forEach(attemptReplayContinuousQueuedEventInMap);
+}
+function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
+  queuedEvent.blockedOn === unblocked &&
+    ((queuedEvent.blockedOn = null),
+    hasScheduledReplayAttempt ||
+      ((hasScheduledReplayAttempt = !0),
+      Scheduler.unstable_scheduleCallback(
+        Scheduler.unstable_NormalPriority,
+        replayUnblockedEvents
+      )));
+}
+function retryIfBlockedOn(unblocked) {
+  function unblock(queuedEvent) {
+    return scheduleCallbackIfUnblocked(queuedEvent, unblocked);
+  }
+  null !== queuedFocus && scheduleCallbackIfUnblocked(queuedFocus, unblocked);
+  null !== queuedDrag && scheduleCallbackIfUnblocked(queuedDrag, unblocked);
+  null !== queuedMouse && scheduleCallbackIfUnblocked(queuedMouse, unblocked);
+  queuedPointers.forEach(unblock);
+  queuedPointerCaptures.forEach(unblock);
+  for (var i = 0; i < queuedExplicitHydrationTargets.length; i++) {
+    var queuedTarget = queuedExplicitHydrationTargets[i];
+    queuedTarget.blockedOn === unblocked && (queuedTarget.blockedOn = null);
+  }
+  for (
+    ;
+    0 < queuedExplicitHydrationTargets.length &&
+    ((i = queuedExplicitHydrationTargets[0]), null === i.blockedOn);
+
+  )
+    attemptExplicitHydrationTarget(i),
+      null === i.blockedOn && queuedExplicitHydrationTargets.shift();
+}
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  _enabled = !0;
+function createEventListenerWrapperWithPriority(
+  targetContainer,
+  domEventName,
+  eventSystemFlags
+) {
+  switch (getEventPriority(domEventName)) {
+    case 2:
+      var listenerWrapper = dispatchDiscreteEvent;
+      break;
+    case 8:
+      listenerWrapper = dispatchContinuousEvent;
+      break;
+    default:
+      listenerWrapper = dispatchEvent;
+  }
+  return listenerWrapper.bind(
+    null,
+    domEventName,
+    eventSystemFlags,
+    targetContainer
+  );
+}
+function dispatchDiscreteEvent(
+  domEventName,
+  eventSystemFlags,
+  container,
+  nativeEvent
+) {
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
+  try {
+    (currentUpdatePriority = 2),
+      dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
+  }
+}
+function dispatchContinuousEvent(
+  domEventName,
+  eventSystemFlags,
+  container,
+  nativeEvent
+) {
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
+  try {
+    (currentUpdatePriority = 8),
+      dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
+  }
+}
+function dispatchEvent(
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  if (_enabled) {
+    var blockedOn = findInstanceBlockingEvent(nativeEvent);
+    if (null === blockedOn)
+      dispatchEventForPluginEventSystem(
+        domEventName,
+        eventSystemFlags,
+        nativeEvent,
+        return_targetInst,
+        targetContainer
+      ),
+        clearIfContinuousEvent(domEventName, nativeEvent);
+    else if (
+      queueIfContinuousEvent(
+        blockedOn,
+        domEventName,
+        eventSystemFlags,
+        targetContainer,
+        nativeEvent
+      )
+    )
+      nativeEvent.stopPropagation();
+    else if (
+      (clearIfContinuousEvent(domEventName, nativeEvent),
+      eventSystemFlags & 4 &&
+        -1 < discreteReplayableEvents.indexOf(domEventName))
+    ) {
+      for (; null !== blockedOn; ) {
+        var fiber = getInstanceFromNode$1(blockedOn);
+        null !== fiber && attemptSynchronousHydration(fiber);
+        fiber = findInstanceBlockingEvent(nativeEvent);
+        null === fiber &&
+          dispatchEventForPluginEventSystem(
+            domEventName,
+            eventSystemFlags,
+            nativeEvent,
+            return_targetInst,
+            targetContainer
+          );
+        if (fiber === blockedOn) break;
+        blockedOn = fiber;
+      }
+      null !== blockedOn && nativeEvent.stopPropagation();
+    } else
+      dispatchEventForPluginEventSystem(
+        domEventName,
+        eventSystemFlags,
+        nativeEvent,
+        null,
+        targetContainer
+      );
+  }
+}
+function findInstanceBlockingEvent(nativeEvent) {
+  nativeEvent = getEventTarget(nativeEvent);
+  a: {
+    return_targetInst = null;
+    nativeEvent = getClosestInstanceFromNode(nativeEvent);
+    if (null !== nativeEvent) {
+      var nearestMounted = getNearestMountedFiber(nativeEvent);
+      if (null === nearestMounted) nativeEvent = null;
+      else {
+        var tag = nearestMounted.tag;
+        if (13 === tag) {
+          nativeEvent = getSuspenseInstanceFromFiber(nearestMounted);
+          if (null !== nativeEvent) break a;
+          nativeEvent = null;
+        } else if (3 === tag) {
+          if (nearestMounted.stateNode.current.memoizedState.isDehydrated) {
+            nativeEvent =
+              3 === nearestMounted.tag
+                ? nearestMounted.stateNode.containerInfo
+                : null;
+            break a;
+          }
+          nativeEvent = null;
+        } else nearestMounted !== nativeEvent && (nativeEvent = null);
+      }
+    }
+    return_targetInst = nativeEvent;
+    nativeEvent = null;
+  }
+  return nativeEvent;
+}
+var return_targetInst = null;
+function getEventPriority(domEventName) {
+  switch (domEventName) {
+    case "cancel":
+    case "click":
+    case "close":
+    case "contextmenu":
+    case "copy":
+    case "cut":
+    case "auxclick":
+    case "dblclick":
+    case "dragend":
+    case "dragstart":
+    case "drop":
+    case "focusin":
+    case "focusout":
+    case "input":
+    case "invalid":
+    case "keydown":
+    case "keypress":
+    case "keyup":
+    case "mousedown":
+    case "mouseup":
+    case "paste":
+    case "pause":
+    case "play":
+    case "pointercancel":
+    case "pointerdown":
+    case "pointerup":
+    case "ratechange":
+    case "reset":
+    case "resize":
+    case "seeked":
+    case "submit":
+    case "touchcancel":
+    case "touchend":
+    case "touchstart":
+    case "volumechange":
+    case "change":
+    case "selectionchange":
+    case "textInput":
+    case "compositionstart":
+    case "compositionend":
+    case "compositionupdate":
+    case "beforeblur":
+    case "afterblur":
+    case "beforeinput":
+    case "blur":
+    case "fullscreenchange":
+    case "focus":
+    case "hashchange":
+    case "popstate":
+    case "select":
+    case "selectstart":
+      return 2;
+    case "drag":
+    case "dragenter":
+    case "dragexit":
+    case "dragleave":
+    case "dragover":
+    case "mousemove":
+    case "mouseout":
+    case "mouseover":
+    case "pointermove":
+    case "pointerout":
+    case "pointerover":
+    case "scroll":
+    case "toggle":
+    case "touchmove":
+    case "wheel":
+    case "mouseenter":
+    case "mouseleave":
+    case "pointerenter":
+    case "pointerleave":
+      return 8;
+    case "message":
+      switch (getCurrentPriorityLevel()) {
+        case ImmediatePriority:
+          return 2;
+        case UserBlockingPriority:
+          return 8;
+        case NormalPriority$1:
+        case LowPriority:
+          return 32;
+        case IdlePriority:
+          return 536870912;
+        default:
+          return 32;
+      }
+    default:
+      return 32;
+  }
+}
+function addEventBubbleListener(target, eventType, listener) {
+  target.addEventListener(eventType, listener, !1);
+  return listener;
+}
+function addEventCaptureListener(target, eventType, listener) {
+  target.addEventListener(eventType, listener, !0);
+  return listener;
+}
+function addEventCaptureListenerWithPassiveFlag(
+  target,
+  eventType,
+  listener,
+  passive
+) {
+  target.addEventListener(eventType, listener, {
+    capture: !0,
+    passive: passive
+  });
+  return listener;
+}
+function addEventBubbleListenerWithPassiveFlag(
+  target,
+  eventType,
+  listener,
+  passive
+) {
+  target.addEventListener(eventType, listener, { passive: passive });
+  return listener;
+}
+var root = null,
+  startText = null,
+  fallbackText = null;
+function getData() {
+  if (fallbackText) return fallbackText;
+  var start,
+    startValue = startText,
+    startLength = startValue.length,
+    end,
+    endValue = "value" in root ? root.value : root.textContent,
+    endLength = endValue.length;
+  for (
+    start = 0;
+    start < startLength && startValue[start] === endValue[start];
+    start++
+  );
+  var minEnd = startLength - start;
+  for (
+    end = 1;
+    end <= minEnd &&
+    startValue[startLength - end] === endValue[endLength - end];
+    end++
+  );
+  return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
+}
+var END_KEYCODES = [9, 13, 27, 32],
   canUseCompositionEvent = canUseDOM && "CompositionEvent" in window,
   documentMode = null;
 canUseDOM &&
@@ -12869,19 +12867,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$378;
+  var JSCompiler_inline_result$jscomp$371;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1605 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1605) {
-      var element$jscomp$inline_1606 = document.createElement("div");
-      element$jscomp$inline_1606.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1605 =
-        "function" === typeof element$jscomp$inline_1606.oninput;
+    var isSupported$jscomp$inline_1603 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1603) {
+      var element$jscomp$inline_1604 = document.createElement("div");
+      element$jscomp$inline_1604.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1603 =
+        "function" === typeof element$jscomp$inline_1604.oninput;
     }
-    JSCompiler_inline_result$jscomp$378 = isSupported$jscomp$inline_1605;
-  } else JSCompiler_inline_result$jscomp$378 = !1;
+    JSCompiler_inline_result$jscomp$371 = isSupported$jscomp$inline_1603;
+  } else JSCompiler_inline_result$jscomp$371 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$378 &&
+    JSCompiler_inline_result$jscomp$371 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -13190,20 +13188,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1646 = 0;
-  i$jscomp$inline_1646 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1646++
+  var i$jscomp$inline_1644 = 0;
+  i$jscomp$inline_1644 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1644++
 ) {
-  var eventName$jscomp$inline_1647 =
-      simpleEventPluginEvents[i$jscomp$inline_1646],
-    domEventName$jscomp$inline_1648 =
-      eventName$jscomp$inline_1647.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1649 =
-      eventName$jscomp$inline_1647[0].toUpperCase() +
-      eventName$jscomp$inline_1647.slice(1);
+  var eventName$jscomp$inline_1645 =
+      simpleEventPluginEvents[i$jscomp$inline_1644],
+    domEventName$jscomp$inline_1646 =
+      eventName$jscomp$inline_1645.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1647 =
+      eventName$jscomp$inline_1645[0].toUpperCase() +
+      eventName$jscomp$inline_1645.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1648,
-    "on" + capitalizedEvent$jscomp$inline_1649
+    domEventName$jscomp$inline_1646,
+    "on" + capitalizedEvent$jscomp$inline_1647
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14064,11 +14062,23 @@ function setProp(domElement, tag, key, value, props, prevValue) {
       break;
     case "src":
     case "href":
-    case "action":
       if ("" === value) {
         domElement.removeAttribute(key);
         break;
       }
+      if (
+        null == value ||
+        "function" === typeof value ||
+        "symbol" === typeof value ||
+        "boolean" === typeof value
+      ) {
+        domElement.removeAttribute(key);
+        break;
+      }
+      value = sanitizeURL(enableTrustedTypesIntegration ? value : "" + value);
+      domElement.setAttribute(key, value);
+      break;
+    case "action":
     case "formAction":
       if (
         null == value ||
@@ -14143,7 +14153,10 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case "focusable":
     case "preserveAlpha":
       null != value && "function" !== typeof value && "symbol" !== typeof value
-        ? domElement.setAttribute(key, value)
+        ? domElement.setAttribute(
+            key,
+            enableTrustedTypesIntegration ? value : "" + value
+          )
         : domElement.removeAttribute(key);
       break;
     case "allowFullScreen":
@@ -14337,7 +14350,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
               "o" === key[0] &&
               "n" === key[1] &&
               ((tag = key.endsWith("Capture")),
-              (value = key.substr(2, tag ? key.length - 9 : void 0)),
+              (value = key.slice(2, tag ? key.length - 7 : void 0)),
               (prevValue = getFiberCurrentPropsFromNode(domElement)),
               (prevValue = null != prevValue ? prevValue[key] : null),
               "function" === typeof prevValue &&
@@ -14377,7 +14390,8 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "input":
       listenToNonDelegatedEvent("invalid", domElement);
-      var type = null,
+      var name = null,
+        type = null,
         value = null,
         defaultValue = null,
         checked = null,
@@ -14387,22 +14401,14 @@ function setInitialProperties(domElement, tag, props) {
           var propValue = props[propKey];
           if (null != propValue)
             switch (propKey) {
+              case "name":
+                name = propValue;
+                break;
               case "type":
-                null != propValue &&
-                  "function" !== typeof propValue &&
-                  "symbol" !== typeof propValue &&
-                  "boolean" !== typeof propValue &&
-                  ((type = propValue),
-                  domElement.setAttribute(propKey, propValue));
+                type = propValue;
                 break;
               case "checked":
                 checked = propValue;
-                propValue =
-                  null != propValue ? propValue : props.defaultChecked;
-                domElement.checked =
-                  !!propValue &&
-                  "function" !== typeof propValue &&
-                  "symbol" !== propValue;
                 break;
               case "defaultChecked":
                 defaultChecked = propValue;
@@ -14422,7 +14428,6 @@ function setInitialProperties(domElement, tag, props) {
                 setProp(domElement, tag, propKey, propValue, props, null);
             }
         }
-      track(domElement);
       initInput(
         domElement,
         value,
@@ -14430,31 +14435,33 @@ function setInitialProperties(domElement, tag, props) {
         checked,
         defaultChecked,
         type,
+        name,
         !1
       );
+      track(domElement);
       return;
     case "select":
       listenToNonDelegatedEvent("invalid", domElement);
-      var propKey = (value = defaultValue = null);
-      for (type in props)
+      var propKey = (type = value = null);
+      for (name in props)
         if (
-          props.hasOwnProperty(type) &&
-          ((checked = props[type]), null != checked)
+          props.hasOwnProperty(name) &&
+          ((defaultValue = props[name]), null != defaultValue)
         )
-          switch (type) {
+          switch (name) {
             case "value":
-              defaultValue = checked;
+              value = defaultValue;
               break;
             case "defaultValue":
-              value = checked;
+              type = defaultValue;
               break;
             case "multiple":
-              propKey = checked;
+              propKey = defaultValue;
             default:
-              setProp(domElement, tag, type, checked, props, null);
+              setProp(domElement, tag, name, defaultValue, props, null);
           }
-      tag = defaultValue;
-      props = value;
+      tag = value;
+      props = type;
       domElement.multiple = !!propKey;
       null != tag
         ? updateOptions(domElement, !!propKey, tag, !1)
@@ -14462,37 +14469,37 @@ function setInitialProperties(domElement, tag, props) {
       return;
     case "textarea":
       listenToNonDelegatedEvent("invalid", domElement);
-      type = propKey = null;
-      for (value in props)
+      name = propKey = null;
+      for (type in props)
         if (
-          props.hasOwnProperty(value) &&
-          ((defaultValue = props[value]), null != defaultValue)
+          props.hasOwnProperty(type) &&
+          ((value = props[type]), null != value)
         )
-          switch (value) {
+          switch (type) {
             case "value":
-              propKey = defaultValue;
+              propKey = value;
               break;
             case "defaultValue":
-              type = defaultValue;
+              name = value;
               break;
             case "children":
               break;
             case "dangerouslySetInnerHTML":
-              if (null != defaultValue) throw Error(formatProdErrorMessage(91));
+              if (null != value) throw Error(formatProdErrorMessage(91));
               break;
             default:
-              setProp(domElement, tag, value, defaultValue, props);
+              setProp(domElement, tag, type, value, props, null);
           }
+      initTextarea(domElement, propKey, name);
       track(domElement);
-      initTextarea(domElement, propKey, type);
       return;
     case "option":
-      for (checked in props)
+      for (defaultValue in props)
         if (
-          props.hasOwnProperty(checked) &&
-          ((propKey = props[checked]), null != propKey)
+          props.hasOwnProperty(defaultValue) &&
+          ((propKey = props[defaultValue]), null != propKey)
         )
-          switch (checked) {
+          switch (defaultValue) {
             case "selected":
               domElement.selected =
                 propKey &&
@@ -14500,7 +14507,7 @@ function setInitialProperties(domElement, tag, props) {
                 "symbol" !== typeof propKey;
               break;
             default:
-              setProp(domElement, tag, checked, propKey, props);
+              setProp(domElement, tag, defaultValue, propKey, props, null);
           }
       return;
     case "dialog":
@@ -14540,29 +14547,29 @@ function setInitialProperties(domElement, tag, props) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (defaultChecked in props)
+      for (checked in props)
         if (
-          props.hasOwnProperty(defaultChecked) &&
-          ((propKey = props[defaultChecked]), null != propKey)
+          props.hasOwnProperty(checked) &&
+          ((propKey = props[checked]), null != propKey)
         )
-          switch (defaultChecked) {
+          switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(137, tag));
             default:
-              setProp(domElement, tag, defaultChecked, propKey, props, null);
+              setProp(domElement, tag, checked, propKey, props, null);
           }
       return;
     default:
       if (isCustomElement(tag)) {
-        for (propValue in props)
-          props.hasOwnProperty(propValue) &&
-            ((propKey = props[propValue]),
+        for (defaultChecked in props)
+          props.hasOwnProperty(defaultChecked) &&
+            ((propKey = props[defaultChecked]),
             null != propKey &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propValue,
+                defaultChecked,
                 propKey,
                 props,
                 null
@@ -14570,11 +14577,10 @@ function setInitialProperties(domElement, tag, props) {
         return;
       }
   }
-  for (defaultValue in props)
-    props.hasOwnProperty(defaultValue) &&
-      ((propKey = props[defaultValue]),
-      null != propKey &&
-        setProp(domElement, tag, defaultValue, propKey, props, null));
+  for (value in props)
+    props.hasOwnProperty(value) &&
+      ((propKey = props[value]),
+      null != propKey && setProp(domElement, tag, value, propKey, props, null));
 }
 function updateProperties(domElement, tag, lastProps, nextProps) {
   switch (tag) {
@@ -14600,12 +14606,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         if (lastProps.hasOwnProperty(propKey) && null != lastProp)
           switch (propKey) {
             case "checked":
-              nextProps.hasOwnProperty(propKey) ||
-                ((lastProp = nextProps.defaultChecked),
-                (domElement.checked =
-                  !!lastProp &&
-                  "function" !== typeof lastProp &&
-                  "symbol" !== lastProp));
               break;
             case "value":
               break;
@@ -14616,36 +14616,22 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$219 in nextProps) {
-        var propKey = nextProps[propKey$219];
-        lastProp = lastProps[propKey$219];
+      for (var propKey$218 in nextProps) {
+        var propKey = nextProps[propKey$218];
+        lastProp = lastProps[propKey$218];
         if (
-          nextProps.hasOwnProperty(propKey$219) &&
+          nextProps.hasOwnProperty(propKey$218) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$219) {
+          switch (propKey$218) {
             case "type":
               type = propKey;
-              propKey !== lastProp &&
-                (null != propKey &&
-                "function" !== typeof propKey &&
-                "symbol" !== typeof propKey &&
-                "boolean" !== typeof propKey
-                  ? domElement.setAttribute(propKey$219, propKey)
-                  : domElement.removeAttribute(propKey$219));
               break;
             case "name":
               name = propKey;
               break;
             case "checked":
               checked = propKey;
-              propKey !== lastProp &&
-                ((propKey =
-                  null != propKey ? propKey : nextProps.defaultChecked),
-                (domElement.checked =
-                  !!propKey &&
-                  "function" !== typeof propKey &&
-                  "symbol" !== propKey));
               break;
             case "defaultChecked":
               defaultChecked = propKey;
@@ -14666,19 +14652,13 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$219,
+                  propKey$218,
                   propKey,
                   nextProps,
                   lastProp
                 );
           }
       }
-      null != name &&
-      "function" !== typeof name &&
-      "symbol" !== typeof name &&
-      "boolean" !== typeof name
-        ? domElement.setAttribute("name", name)
-        : domElement.removeAttribute("name");
       updateInput(
         domElement,
         value,
@@ -14686,11 +14666,12 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     case "select":
-      defaultValue = value = propKey = propKey$219 = null;
+      defaultValue = value = propKey = propKey$218 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -14721,7 +14702,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$219 = type;
+              propKey$218 = type;
               break;
             case "defaultValue":
               propKey = type;
@@ -14739,10 +14720,10 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                   lastDefaultValue
                 );
           }
-      updateSelect(domElement, propKey$219, propKey, value, defaultValue);
+      updateSelect(domElement, propKey$218, propKey, value, defaultValue);
       return;
     case "textarea":
-      propKey = propKey$219 = null;
+      propKey = propKey$218 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -14766,7 +14747,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$219 = name;
+              propKey$218 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -14780,17 +14761,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$219, propKey);
+      updateTextarea(domElement, propKey$218, propKey);
       return;
     case "option":
-      for (var propKey$237 in lastProps)
+      for (var propKey$234 in lastProps)
         if (
-          ((propKey$219 = lastProps[propKey$237]),
-          lastProps.hasOwnProperty(propKey$237) &&
-            null != propKey$219 &&
-            !nextProps.hasOwnProperty(propKey$237))
+          ((propKey$218 = lastProps[propKey$234]),
+          lastProps.hasOwnProperty(propKey$234) &&
+            null != propKey$218 &&
+            !nextProps.hasOwnProperty(propKey$234))
         )
-          switch (propKey$237) {
+          switch (propKey$234) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -14798,33 +14779,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$237,
+                propKey$234,
                 null,
                 nextProps,
-                propKey$219
+                propKey$218
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$219 = nextProps[lastDefaultValue]),
+          ((propKey$218 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$219 !== propKey &&
-            (null != propKey$219 || null != propKey))
+            propKey$218 !== propKey &&
+            (null != propKey$218 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$219 &&
-                "function" !== typeof propKey$219 &&
-                "symbol" !== typeof propKey$219;
+                propKey$218 &&
+                "function" !== typeof propKey$218 &&
+                "symbol" !== typeof propKey$218;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$219,
+                propKey$218,
                 nextProps,
                 propKey
               );
@@ -14845,24 +14826,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$242 in lastProps)
-        (propKey$219 = lastProps[propKey$242]),
-          lastProps.hasOwnProperty(propKey$242) &&
-            null != propKey$219 &&
-            !nextProps.hasOwnProperty(propKey$242) &&
-            setProp(domElement, tag, propKey$242, null, nextProps, propKey$219);
+      for (var propKey$239 in lastProps)
+        (propKey$218 = lastProps[propKey$239]),
+          lastProps.hasOwnProperty(propKey$239) &&
+            null != propKey$218 &&
+            !nextProps.hasOwnProperty(propKey$239) &&
+            setProp(domElement, tag, propKey$239, null, nextProps, propKey$218);
       for (checked in nextProps)
         if (
-          ((propKey$219 = nextProps[checked]),
+          ((propKey$218 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$219 !== propKey &&
-            (null != propKey$219 || null != propKey))
+            propKey$218 !== propKey &&
+            (null != propKey$218 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$219)
+              if (null != propKey$218)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -14870,7 +14851,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$219,
+                propKey$218,
                 nextProps,
                 propKey
               );
@@ -14878,49 +14859,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$247 in lastProps)
-          (propKey$219 = lastProps[propKey$247]),
-            lastProps.hasOwnProperty(propKey$247) &&
-              null != propKey$219 &&
-              !nextProps.hasOwnProperty(propKey$247) &&
+        for (var propKey$244 in lastProps)
+          (propKey$218 = lastProps[propKey$244]),
+            lastProps.hasOwnProperty(propKey$244) &&
+              null != propKey$218 &&
+              !nextProps.hasOwnProperty(propKey$244) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$247,
+                propKey$244,
                 null,
                 nextProps,
-                propKey$219
+                propKey$218
               );
         for (defaultChecked in nextProps)
-          (propKey$219 = nextProps[defaultChecked]),
+          (propKey$218 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$219 === propKey ||
-              (null == propKey$219 && null == propKey) ||
+              propKey$218 === propKey ||
+              (null == propKey$218 && null == propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$219,
+                propKey$218,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$252 in lastProps)
-    (propKey$219 = lastProps[propKey$252]),
-      lastProps.hasOwnProperty(propKey$252) &&
-        null != propKey$219 &&
-        !nextProps.hasOwnProperty(propKey$252) &&
-        setProp(domElement, tag, propKey$252, null, nextProps, propKey$219);
+  for (var propKey$249 in lastProps)
+    (propKey$218 = lastProps[propKey$249]),
+      lastProps.hasOwnProperty(propKey$249) &&
+        null != propKey$218 &&
+        !nextProps.hasOwnProperty(propKey$249) &&
+        setProp(domElement, tag, propKey$249, null, nextProps, propKey$218);
   for (lastProp in nextProps)
-    (propKey$219 = nextProps[lastProp]),
+    (propKey$218 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$219 === propKey ||
-        (null == propKey$219 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$219, nextProps, propKey);
+        propKey$218 === propKey ||
+        (null == propKey$218 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$218, nextProps, propKey);
 }
 function updatePropertiesWithDiff(
   domElement,
@@ -14940,13 +14921,13 @@ function updatePropertiesWithDiff(
     case "li":
       break;
     case "input":
-      var name = nextProps.name,
-        type = nextProps.type,
-        value = nextProps.value,
-        defaultValue = nextProps.defaultValue;
-      lastProps = lastProps.defaultValue;
       for (
-        var checked = nextProps.checked,
+        var name = nextProps.name,
+          type = nextProps.type,
+          value = nextProps.value,
+          defaultValue = nextProps.defaultValue,
+          lastDefaultValue = lastProps.defaultValue,
+          checked = nextProps.checked,
           defaultChecked = nextProps.defaultChecked,
           i = 0;
         i < updatePayload.length;
@@ -14956,21 +14937,10 @@ function updatePropertiesWithDiff(
           propValue = updatePayload[i + 1];
         switch (propKey) {
           case "type":
-            null != propValue &&
-            "function" !== typeof propValue &&
-            "symbol" !== typeof propValue &&
-            "boolean" !== typeof propValue
-              ? domElement.setAttribute(propKey, propValue)
-              : domElement.removeAttribute(propKey);
             break;
           case "name":
             break;
           case "checked":
-            propKey = null != propValue ? propValue : nextProps.defaultChecked;
-            domElement.checked =
-              !!propKey &&
-              "function" !== typeof propKey &&
-              "symbol" !== propKey;
             break;
           case "defaultChecked":
             break;
@@ -14984,23 +14954,25 @@ function updatePropertiesWithDiff(
               throw Error(formatProdErrorMessage(137, tag));
             break;
           default:
-            setProp(domElement, tag, propKey, propValue, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              propKey,
+              propValue,
+              nextProps,
+              lastProps[propKey]
+            );
         }
       }
-      null != name &&
-      "function" !== typeof name &&
-      "symbol" !== typeof name &&
-      "boolean" !== typeof name
-        ? domElement.setAttribute("name", name)
-        : domElement.removeAttribute("name");
       updateInput(
         domElement,
         value,
         defaultValue,
-        lastProps,
+        lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     case "select":
@@ -15008,16 +14980,27 @@ function updatePropertiesWithDiff(
       type = nextProps.defaultValue;
       value = nextProps.multiple;
       defaultValue = lastProps.multiple;
-      for (lastProps = 0; lastProps < updatePayload.length; lastProps += 2)
+      for (
+        lastDefaultValue = 0;
+        lastDefaultValue < updatePayload.length;
+        lastDefaultValue += 2
+      )
         switch (
-          ((checked = updatePayload[lastProps]),
-          (defaultChecked = updatePayload[lastProps + 1]),
+          ((checked = updatePayload[lastDefaultValue]),
+          (defaultChecked = updatePayload[lastDefaultValue + 1]),
           checked)
         ) {
           case "value":
             break;
           default:
-            setProp(domElement, tag, checked, defaultChecked, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              checked,
+              defaultChecked,
+              nextProps,
+              lastProps[checked]
+            );
         }
       updateSelect(domElement, name, type, value, defaultValue);
       return;
@@ -15027,7 +15010,7 @@ function updatePropertiesWithDiff(
       for (value = 0; value < updatePayload.length; value += 2)
         switch (
           ((defaultValue = updatePayload[value]),
-          (lastProps = updatePayload[value + 1]),
+          (lastDefaultValue = updatePayload[value + 1]),
           defaultValue)
         ) {
           case "value":
@@ -15035,10 +15018,18 @@ function updatePropertiesWithDiff(
           case "children":
             break;
           case "dangerouslySetInnerHTML":
-            if (null != lastProps) throw Error(formatProdErrorMessage(91));
+            if (null != lastDefaultValue)
+              throw Error(formatProdErrorMessage(91));
             break;
           default:
-            setProp(domElement, tag, defaultValue, lastProps, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              defaultValue,
+              lastDefaultValue,
+              nextProps,
+              lastProps[defaultValue]
+            );
         }
       updateTextarea(domElement, name, type);
       return;
@@ -15054,7 +15045,7 @@ function updatePropertiesWithDiff(
               value && "function" !== typeof value && "symbol" !== typeof value;
             break;
           default:
-            setProp(domElement, tag, type, value, nextProps, null);
+            setProp(domElement, tag, type, value, nextProps, lastProps[type]);
         }
       return;
     case "img":
@@ -15083,41 +15074,66 @@ function updatePropertiesWithDiff(
             if (null != value) throw Error(formatProdErrorMessage(137, tag));
             break;
           default:
-            setProp(domElement, tag, type, value, nextProps, null);
+            setProp(domElement, tag, type, value, nextProps, lastProps[type]);
         }
       return;
     default:
       if (isCustomElement(tag)) {
         for (name = 0; name < updatePayload.length; name += 2)
-          setPropOnCustomElement(
-            domElement,
-            tag,
-            updatePayload[name],
-            updatePayload[name + 1],
-            nextProps,
-            null
-          );
+          (type = updatePayload[name]),
+            setPropOnCustomElement(
+              domElement,
+              tag,
+              type,
+              updatePayload[name + 1],
+              nextProps,
+              lastProps[type]
+            );
         return;
       }
   }
   for (name = 0; name < updatePayload.length; name += 2)
-    setProp(
-      domElement,
-      tag,
-      updatePayload[name],
-      updatePayload[name + 1],
-      nextProps,
-      null
-    );
+    (type = updatePayload[name]),
+      setProp(
+        domElement,
+        tag,
+        type,
+        updatePayload[name + 1],
+        nextProps,
+        lastProps[type]
+      );
 }
-var Dispatcher$1 = Internals.Dispatcher,
-  eventsEnabled = null,
+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,
@@ -15309,28 +15325,13 @@ function resolveSingletonInstance(type, props, rootContainerInstance) {
       throw Error(formatProdErrorMessage(451));
   }
 }
-var lastCurrentDocument = null,
-  previousDispatcher = null,
-  preloadPropsMap = new Map(),
+var preloadPropsMap = new Map(),
   preconnectsSet = new Set();
 function getHoistableRoot(container) {
   return "function" === typeof container.getRootNode
     ? container.getRootNode()
     : container.ownerDocument;
 }
-function getCurrentResourceRoot() {
-  var currentContainer = rootInstanceStackCursor.current;
-  return currentContainer ? getHoistableRoot(currentContainer) : null;
-}
-function getDocumentForPreloads() {
-  var root = getCurrentResourceRoot();
-  if (root) return root.ownerDocument || root;
-  try {
-    return lastCurrentDocument || window.document;
-  } catch (error) {
-    return null;
-  }
-}
 var ReactDOMClientDispatcher = {
   prefetchDNS: prefetchDNS$1,
   preconnect: preconnect$1,
@@ -15338,8 +15339,8 @@ var ReactDOMClientDispatcher = {
   preinit: preinit$1
 };
 function preconnectAs(rel, crossOrigin, href) {
-  var ownerDocument = getDocumentForPreloads();
-  if ("string" === typeof href && href && ownerDocument) {
+  var ownerDocument = document;
+  if ("string" === typeof href && href) {
     var limitedEscapedHref =
       escapeSelectorAttributeValueInsideDoubleQuotes(href);
     limitedEscapedHref =
@@ -15371,7 +15372,7 @@ function preconnect$1(href, options) {
   );
 }
 function preload$1(href, options) {
-  var ownerDocument = getDocumentForPreloads();
+  var ownerDocument = document;
   if (
     "string" === typeof href &&
     href &&
@@ -15412,125 +15413,92 @@ function preload$1(href, options) {
   }
 }
 function preinit$1(href, options) {
+  var ownerDocument = document;
   if (
     "string" === typeof href &&
     href &&
     "object" === typeof options &&
     null !== options
-  ) {
-    var resourceRoot = getCurrentResourceRoot(),
-      as = options.as;
-    if (resourceRoot)
-      switch (as) {
-        case "style":
-          as = getResourcesFromRoot(resourceRoot).hoistableStyles;
-          var key$280 = getStyleKey(href),
-            precedence = options.precedence || "default",
-            resource = as.get(key$280);
-          if (resource) break;
-          var state = { loading: 0, preload: null };
-          if (
-            (resource = resourceRoot.querySelector(
-              getStylesheetSelectorFromKey(key$280)
-            ))
-          )
-            state.loading = 1;
-          else {
-            href = {
-              rel: "stylesheet",
-              href: href,
-              "data-precedence": precedence,
-              crossOrigin: options.crossOrigin
-            };
-            (options = preloadPropsMap.get(key$280)) &&
-              adoptPreloadPropsForStylesheet(href, options);
-            var link = (resource = (
-              resourceRoot.ownerDocument || resourceRoot
-            ).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, resourceRoot);
-          }
-          resource = {
-            type: "stylesheet",
-            instance: resource,
-            count: 1,
-            state: state
-          };
-          as.set(key$280, resource);
-          break;
-        case "script":
-          (as = getResourcesFromRoot(resourceRoot).hoistableScripts),
-            (key$280 = getScriptKey(href)),
-            (precedence = as.get(key$280)),
-            precedence ||
-              ((precedence = resourceRoot.querySelector(
-                "script[async]" + key$280
-              )),
-              precedence ||
-                ((href = {
-                  src: href,
-                  async: !0,
-                  crossOrigin: options.crossOrigin,
-                  integrity: options.integrity
-                }),
-                (options = preloadPropsMap.get(key$280)) &&
-                  adoptPreloadPropsForScript(href, options),
-                (options = resourceRoot.ownerDocument || resourceRoot),
-                (precedence = options.createElement("script")),
-                markNodeAsHoistable(precedence),
-                setInitialProperties(precedence, "link", href),
-                options.head.appendChild(precedence)),
-              (precedence = {
-                type: "script",
-                instance: precedence,
-                count: 1,
-                state: null
-              }),
-              as.set(key$280, precedence));
-      }
-    else if ("style" === as || "script" === as)
-      if ((resourceRoot = getDocumentForPreloads())) {
-        key$280 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        precedence = key$280 =
-          'link[rel="preload"][as="' + as + '"][href="' + key$280 + '"]';
-        switch (as) {
-          case "style":
-            precedence = getStyleKey(href);
-            break;
-          case "script":
-            precedence = getScriptKey(href);
-        }
-        preloadPropsMap.has(precedence) ||
-          ((href = {
+  )
+    switch (options.as) {
+      case "style":
+        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
+          key = getStyleKey(href),
+          precedence = options.precedence || "default",
+          resource = styles.get(key);
+        if (resource) break;
+        var state = { loading: 0, preload: null };
+        if (
+          (resource = ownerDocument.querySelector(
+            getStylesheetSelectorFromKey(key)
+          ))
+        )
+          state.loading = 1;
+        else {
+          href = {
+            rel: "stylesheet",
             href: href,
-            rel: "preload",
-            as: as,
-            crossOrigin: "font" === as ? "" : options.crossOrigin,
-            integrity: options.integrity
-          }),
-          preloadPropsMap.set(precedence, href),
-          null === resourceRoot.querySelector(key$280) &&
-            ((options = resourceRoot.createElement("link")),
-            setInitialProperties(options, "link", href),
-            markNodeAsHoistable(options),
-            resourceRoot.head.appendChild(options)));
-      }
-  }
+            "data-precedence": precedence,
+            crossOrigin: options.crossOrigin
+          };
+          (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);
+        break;
+      case "script":
+        (styles = getResourcesFromRoot(ownerDocument).hoistableScripts),
+          (key = getScriptKey(href)),
+          (precedence = styles.get(key)),
+          precedence ||
+            ((precedence = ownerDocument.querySelector("script[async]" + key)),
+            precedence ||
+              ((href = {
+                src: href,
+                async: !0,
+                crossOrigin: options.crossOrigin,
+                integrity: options.integrity
+              }),
+              (options = preloadPropsMap.get(key)) &&
+                adoptPreloadPropsForScript(href, options),
+              (precedence = ownerDocument.createElement("script")),
+              markNodeAsHoistable(precedence),
+              setInitialProperties(precedence, "link", href),
+              ownerDocument.head.appendChild(precedence)),
+            (precedence = {
+              type: "script",
+              instance: precedence,
+              count: 1,
+              state: null
+            }),
+            styles.set(key, precedence));
+    }
 }
 function getResource(type, currentProps, pendingProps) {
-  currentProps = getCurrentResourceRoot();
+  currentProps = (currentProps = rootInstanceStackCursor.current)
+    ? getHoistableRoot(currentProps)
+    : null;
   if (!currentProps) throw Error(formatProdErrorMessage(446));
   switch (type) {
     case "meta":
@@ -15554,17 +15522,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$289 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$290 = styles$289.get(type);
-        resource$290 ||
+        var styles$283 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$284 = styles$283.get(type);
+        resource$284 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$290 = {
+          (resource$284 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$289.set(type, resource$290),
+          styles$283.set(type, resource$284),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -15579,9 +15547,9 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$290.state
+              resource$284.state
             ));
-        return resource$290;
+        return resource$284;
       }
       return null;
     case "script":
@@ -15599,7 +15567,7 @@ function getResource(type, currentProps, pendingProps) {
   }
 }
 function getStyleKey(href) {
-  return 'href~="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
+  return 'href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
 }
 function getStylesheetSelectorFromKey(key) {
   return 'link[rel="stylesheet"][' + key + "]";
@@ -15635,54 +15603,62 @@ function acquireResource(hoistableRoot, resource, props) {
   if (null === resource.instance)
     switch (resource.type) {
       case "style":
-        var key = getStyleKey(props.href);
-        if ((key = hoistableRoot.querySelector("style[data-" + key + "]")))
-          return (resource.instance = key), markNodeAsHoistable(key), key;
+        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
         });
-        key = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
+        instance = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
           "style"
         );
-        markNodeAsHoistable(key);
-        setInitialProperties(key, "style", styleProps);
-        insertStylesheet(key, props.precedence, hoistableRoot);
-        return (resource.instance = key);
+        markNodeAsHoistable(instance);
+        setInitialProperties(instance, "style", styleProps);
+        insertStylesheet(instance, props.precedence, hoistableRoot);
+        return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$295 = hoistableRoot.querySelector(
+        var instance$288 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$295)
+        if (instance$288)
           return (
-            (resource.instance = instance$295),
-            markNodeAsHoistable(instance$295),
-            instance$295
+            (resource.instance = instance$288),
+            markNodeAsHoistable(instance$288),
+            instance$288
           );
-        key = stylesheetPropsFromRawProps(props);
+        instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
-          adoptPreloadPropsForStylesheet(key, styleProps);
-        instance$295 = (
+          adoptPreloadPropsForStylesheet(instance, styleProps);
+        instance$288 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$295);
-        var linkInstance = instance$295;
+        markNodeAsHoistable(instance$288);
+        var linkInstance = instance$288;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$295, "link", key);
+        setInitialProperties(instance$288, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$295, props.precedence, hoistableRoot);
-        return (resource.instance = instance$295);
+        insertStylesheet(instance$288, props.precedence, hoistableRoot);
+        return (resource.instance = instance$288);
       case "script":
-        instance$295 = getScriptKey(props.src);
+        instance$288 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$295
+            "script[async]" + instance$288
           ))
         )
           return (
@@ -15690,14 +15666,14 @@ function acquireResource(hoistableRoot, resource, props) {
             markNodeAsHoistable(styleProps),
             styleProps
           );
-        key = props;
-        if ((styleProps = preloadPropsMap.get(instance$295)))
-          (key = assign({}, props)),
-            adoptPreloadPropsForScript(key, styleProps);
+        instance = props;
+        if ((styleProps = preloadPropsMap.get(instance$288)))
+          (instance = assign({}, props)),
+            adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
         styleProps = hoistableRoot.createElement("script");
         markNodeAsHoistable(styleProps);
-        setInitialProperties(styleProps, "link", key);
+        setInitialProperties(styleProps, "link", instance);
         hoistableRoot.head.appendChild(styleProps);
         return (resource.instance = styleProps);
       case "void":
@@ -15708,9 +15684,9 @@ function acquireResource(hoistableRoot, resource, props) {
   else
     "stylesheet" === resource.type &&
       0 === (resource.state.loading & 4) &&
-      ((key = resource.instance),
+      ((instance = resource.instance),
       (resource.state.loading |= 4),
-      insertStylesheet(key, props.precedence, hoistableRoot));
+      insertStylesheet(instance, props.precedence, hoistableRoot));
   return resource.instance;
 }
 function insertStylesheet(instance, precedence, root) {
@@ -15786,18 +15762,8 @@ function mountHoistable(hoistableRoot, type, instance) {
     "title" === type ? hoistableRoot.querySelector("head > title") : null
   );
 }
-var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n"\\]/g;
-function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
-  return value.replace(
-    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
-    function (ch) {
-      return "\\" + ch.charCodeAt(0).toString(16);
-    }
-  );
-}
 function isHostHoistableType(type, props, hostContext) {
-  if ("http://www.w3.org/2000/svg" === hostContext || null != props.itemProp)
-    return !1;
+  if (1 === hostContext || null != props.itemProp) return !1;
   switch (type) {
     case "meta":
     case "title":
@@ -15976,13 +15942,15 @@ function insertStylesheetIntoRoot(root, resource) {
     resource.state.loading |= 4;
   }
 }
-var Dispatcher = Internals.Dispatcher,
-  defaultOnRecoverableError =
-    "function" === typeof reportError
-      ? reportError
-      : function (error) {
-          console.error(error);
-        };
+var Dispatcher$1 = Internals.Dispatcher;
+"undefined" !== typeof document &&
+  (Dispatcher$1.current = ReactDOMClientDispatcher);
+var defaultOnRecoverableError =
+  "function" === typeof reportError
+    ? reportError
+    : function (error) {
+        console.error(error);
+      };
 function ReactDOMRoot(internalRoot) {
   this._internalRoot = internalRoot;
 }
@@ -16053,6 +16021,7 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
         listenerSet.add(listenerSetKey));
     } else throw Error(formatProdErrorMessage(369));
 }
+var Dispatcher = Internals.Dispatcher;
 Internals.Events = [
   getInstanceFromNode$1,
   getNodeFromInstance,
@@ -16064,10 +16033,10 @@ Internals.Events = [
 var devToolsConfig$jscomp$inline_1814 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-d8cd2d94",
+  version: "18.3.0-www-modern-a0706321",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2194 = {
+var internals$jscomp$inline_2183 = {
   bundleType: devToolsConfig$jscomp$inline_1814.bundleType,
   version: devToolsConfig$jscomp$inline_1814.version,
   rendererPackageName: devToolsConfig$jscomp$inline_1814.rendererPackageName,
@@ -16095,19 +16064,19 @@ var internals$jscomp$inline_2194 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-d8cd2d94"
+  reconcilerVersion: "18.3.0-www-modern-a0706321"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2195 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2184 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2195.isDisabled &&
-    hook$jscomp$inline_2195.supportsFiber
+    !hook$jscomp$inline_2184.isDisabled &&
+    hook$jscomp$inline_2184.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2195.inject(
-        internals$jscomp$inline_2194
+      (rendererID = hook$jscomp$inline_2184.inject(
+        internals$jscomp$inline_2183
       )),
-        (injectedHook = hook$jscomp$inline_2195);
+        (injectedHook = hook$jscomp$inline_2184);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -16148,12 +16117,15 @@ exports.createRoot = function (container, options) {
     transitionCallbacks
   );
   container[internalContainerInstanceKey] = options.current;
-  Dispatcher.current = ReactDOMClientDispatcher;
+  Dispatcher$1.current = ReactDOMClientDispatcher;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   return new ReactDOMRoot(options);
 };
+exports.experimental_useFormStatus = function () {
+  throw Error(formatProdErrorMessage(248));
+};
 exports.flushSync = function (fn) {
   return flushSync$1(fn);
 };
@@ -16193,13 +16165,12 @@ exports.hydrateRoot = function (container, initialChildren, options) {
   isStrictMode = requestUpdateLane(options);
   concurrentUpdatesByDefaultOverride = createUpdate(isStrictMode);
   concurrentUpdatesByDefaultOverride.callback = null;
-  identifierPrefix = requestEventTime();
   enqueueUpdate(options, concurrentUpdatesByDefaultOverride, isStrictMode);
   initialChildren.current.lanes = isStrictMode;
-  markRootUpdated(initialChildren, isStrictMode, identifierPrefix);
+  markRootUpdated(initialChildren, isStrictMode);
   ensureRootIsScheduled(initialChildren);
   container[internalContainerInstanceKey] = initialChildren.current;
-  Dispatcher.current = ReactDOMClientDispatcher;
+  Dispatcher$1.current = ReactDOMClientDispatcher;
   listenToAllSupportedEvents(container);
   if (mutableSources)
     for (container = 0; container < mutableSources.length; container++)
@@ -16217,21 +16188,21 @@ exports.hydrateRoot = function (container, initialChildren, options) {
             );
   return new ReactDOMHydrationRoot(initialChildren);
 };
-exports.preconnect = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preconnect.apply(this, arguments);
+exports.preconnect = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preconnect(href, options);
 };
-exports.prefetchDNS = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.prefetchDNS.apply(this, arguments);
+exports.prefetchDNS = function (href) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.prefetchDNS(href);
 };
-exports.preinit = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preinit.apply(this, arguments);
+exports.preinit = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preinit(href, options);
 };
-exports.preload = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preload.apply(this, arguments);
+exports.preload = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preload(href, options);
 };
 exports.unstable_batchedUpdates = batchedUpdates$1;
 exports.unstable_createEventHandle = function (type, options) {
@@ -16264,4 +16235,4 @@ exports.unstable_createEventHandle = function (type, options) {
   return eventHandle;
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-modern-d8cd2d94";
+exports.version = "18.3.0-www-modern-a0706321";
diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js
index a3e91e8009..0911598a73 100644
--- a/compiled/facebook-www/ReactDOM-profiling.classic.js
+++ b/compiled/facebook-www/ReactDOM-profiling.classic.js
@@ -52,8 +52,6 @@ var ReactSharedInternals =
   disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
-  revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
   enableLegacyFBSupport = dynamicFeatureFlags.enableLegacyFBSupport,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableUseRefAccessWarning = dynamicFeatureFlags.enableUseRefAccessWarning,
@@ -67,6 +65,8 @@ var ReactSharedInternals =
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
   diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries,
   enableProfilerNestedUpdateScheduledHook =
     dynamicFeatureFlags.enableProfilerNestedUpdateScheduledHook,
   enableSchedulingProfiler = dynamicFeatureFlags.enableSchedulingProfiler,
@@ -374,14 +374,30 @@ function pushHostContainer(fiber, nextRootInstance) {
     case 9:
     case 11:
       nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
-        ? nextRootInstance.namespaceURI
-        : getChildNamespace(null, "");
+        ? (nextRootInstance = nextRootInstance.namespaceURI)
+          ? getOwnHostContext(nextRootInstance)
+          : 0
+        : 0;
       break;
     default:
-      (fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
-        (nextRootInstance = fiber.namespaceURI || null),
-        (fiber = fiber.tagName),
-        (nextRootInstance = getChildNamespace(nextRootInstance, fiber));
+      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);
@@ -393,7 +409,7 @@ function popHostContainer() {
 }
 function pushHostContext(fiber) {
   var context = contextStackCursor$1.current;
-  var JSCompiler_inline_result = getChildNamespace(context, fiber.type);
+  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
   context !== JSCompiler_inline_result &&
     (push(contextFiberStackCursor, fiber),
     push(contextStackCursor$1, JSCompiler_inline_result));
@@ -697,13 +713,10 @@ function createLaneMap(initial) {
   for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane;
   536870912 !== updateLane &&
     ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  root = root.eventTimes;
-  updateLane = 31 - clz32(updateLane);
-  root[updateLane] = eventTime;
 }
 function markRootFinished(root, remainingLanes) {
   var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
@@ -715,22 +728,20 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   remainingLanes = root.entanglements;
-  var eventTimes = root.eventTimes,
-    expirationTimes = root.expirationTimes;
+  var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$6 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$6;
-    remainingLanes[index$6] = 0;
-    eventTimes[index$6] = -1;
-    expirationTimes[index$6] = -1;
-    var hiddenUpdatesForLane = root[index$6];
+    var index$5 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$5;
+    remainingLanes[index$5] = 0;
+    expirationTimes[index$5] = -1;
+    var hiddenUpdatesForLane = root[index$5];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$6] = null, index$6 = 0;
-        index$6 < hiddenUpdatesForLane.length;
-        index$6++
+        root[index$5] = null, index$5 = 0;
+        index$5 < hiddenUpdatesForLane.length;
+        index$5++
       ) {
-        var update = hiddenUpdatesForLane[index$6];
+        var update = hiddenUpdatesForLane[index$5];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -739,19 +750,19 @@ function markRootFinished(root, remainingLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$7 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$7;
-    (lane & entangledLanes) | (root[index$7] & entangledLanes) &&
-      (root[index$7] |= entangledLanes);
+    var index$6 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$6;
+    (lane & entangledLanes) | (root[index$6] & entangledLanes) &&
+      (root[index$6] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function addFiberToLanesMap(root, fiber, lanes) {
   if (isDevToolsPresent)
     for (root = root.pendingUpdatersLaneMap; 0 < lanes; ) {
-      var index$8 = 31 - clz32(lanes),
-        lane = 1 << index$8;
-      root[index$8].add(fiber);
+      var index$7 = 31 - clz32(lanes),
+        lane = 1 << index$7;
+      root[index$7].add(fiber);
       lanes &= ~lane;
     }
 }
@@ -763,27 +774,27 @@ function movePendingFibersToMemoized(root, lanes) {
       0 < lanes;
 
     ) {
-      var index$9 = 31 - clz32(lanes);
-      root = 1 << index$9;
-      index$9 = pendingUpdatersLaneMap[index$9];
-      0 < index$9.size &&
-        (index$9.forEach(function (fiber) {
+      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 alternate = fiber.alternate;
           (null !== alternate && memoizedUpdaters.has(alternate)) ||
             memoizedUpdaters.add(fiber);
         }),
-        index$9.clear());
+        index$8.clear());
       lanes &= ~root;
     }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$11 = 31 - clz32(lanes),
-      lane = 1 << index$11;
-    index$11 = root.transitionLanes[index$11];
-    null !== index$11 &&
-      index$11.forEach(function (transition) {
+    var index$10 = 31 - clz32(lanes),
+      lane = 1 << index$10;
+    index$10 = root.transitionLanes[index$10];
+    null !== index$10 &&
+      index$10.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -793,10 +804,10 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$12 = 31 - clz32(lanes),
-        lane = 1 << index$12;
-      null !== root.transitionLanes[index$12] &&
-        (root.transitionLanes[index$12] = null);
+      var index$11 = 31 - clz32(lanes),
+        lane = 1 << index$11;
+      null !== root.transitionLanes[index$11] &&
+        (root.transitionLanes[index$11] = null);
       lanes &= ~lane;
     }
 }
@@ -820,11 +831,6 @@ function lanesToEventPriority(lanes) {
     : 2;
 }
 var hasOwnProperty = Object.prototype.hasOwnProperty,
-  Internals = {
-    usingClientEntryPoint: !1,
-    Events: null,
-    Dispatcher: { current: null }
-  },
   allNativeEvents = new Set();
 allNativeEvents.add("beforeblur");
 allNativeEvents.add("afterblur");
@@ -872,8 +878,8 @@ function setValueForAttribute(node, name, value) {
           node.removeAttribute(name);
           return;
         case "boolean":
-          var prefix$13 = name.toLowerCase().slice(0, 5);
-          if ("data-" !== prefix$13 && "aria-" !== prefix$13) {
+          var prefix$12 = name.toLowerCase().slice(0, 5);
+          if ("data-" !== prefix$12 && "aria-" !== prefix$12) {
             node.removeAttribute(name);
             return;
           }
@@ -955,16 +961,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$14) {
-          control = x$14;
+        } catch (x$13) {
+          control = x$13;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$15) {
-        control = x$15;
+      } catch (x$14) {
+        control = x$14;
       }
       fn();
     }
@@ -1118,6 +1124,15 @@ function getActiveElement(doc) {
     return doc.body;
   }
 }
+var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n"\\]/g;
+function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
+  return value.replace(
+    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
+    function (ch) {
+      return "\\" + ch.charCodeAt(0).toString(16) + " ";
+    }
+  );
+}
 function updateInput(
   element,
   value,
@@ -1125,8 +1140,16 @@ function updateInput(
   lastDefaultValue,
   checked,
   defaultChecked,
-  type
+  type,
+  name
 ) {
+  element.name = "";
+  null != type &&
+  "function" !== typeof type &&
+  "symbol" !== typeof type &&
+  "boolean" !== typeof type
+    ? (element.type = type)
+    : element.removeAttribute("type");
   if (null != value)
     if ("number" === type) {
       if ((0 === value && "" === element.value) || element.value != value)
@@ -1134,10 +1157,8 @@ function updateInput(
     } else
       element.value !== "" + getToStringValue(value) &&
         (element.value = "" + getToStringValue(value));
-  else if ("submit" === type || "reset" === type) {
-    element.removeAttribute("value");
-    return;
-  }
+  else
+    ("submit" !== type && "reset" !== type) || element.removeAttribute("value");
   disableInputAttributeSyncing
     ? null != defaultValue
       ? setDefaultValue(element, type, getToStringValue(defaultValue))
@@ -1157,6 +1178,12 @@ function updateInput(
   null != checked &&
     element.checked !== !!checked &&
     (element.checked = checked);
+  null != name &&
+  "function" !== typeof name &&
+  "symbol" !== typeof name &&
+  "boolean" !== typeof name
+    ? (element.name = "" + getToStringValue(name))
+    : element.removeAttribute("name");
 }
 function initInput(
   element,
@@ -1165,8 +1192,14 @@ function initInput(
   checked,
   defaultChecked,
   type,
+  name,
   isHydrating
 ) {
+  null != type &&
+    "function" !== typeof type &&
+    "symbol" !== typeof type &&
+    "boolean" !== typeof type &&
+    (element.type = type);
   if (null != value || null != defaultValue) {
     if (
       (type = "submit" === type || "reset" === type) &&
@@ -1187,16 +1220,17 @@ function initInput(
       ? null != defaultValue && (element.defaultValue = defaultValueStr)
       : (element.defaultValue = initialValue);
   }
-  value = element.name;
-  "" !== value && (element.name = "");
-  checked = null != checked ? checked : defaultChecked;
-  checked =
-    "function" !== typeof checked && "symbol" !== typeof checked && !!checked;
-  isHydrating || (element.checked = !!checked);
+  value = null != checked ? checked : defaultChecked;
+  value = "function" !== typeof value && "symbol" !== typeof value && !!value;
+  isHydrating || (element.checked = !!value);
   disableInputAttributeSyncing
     ? null != defaultChecked && (element.defaultChecked = !!defaultChecked)
-    : (element.defaultChecked = !!checked);
-  "" !== value && (element.name = value);
+    : (element.defaultChecked = !!value);
+  null != name &&
+    "function" !== typeof name &&
+    "symbol" !== typeof name &&
+    "boolean" !== typeof name &&
+    (element.name = name);
 }
 function setDefaultValue(node, type, value) {
   ("number" === type && getActiveElement(node.ownerDocument) === node) ||
@@ -1270,28 +1304,6 @@ function initTextarea(element, value, defaultValue, children) {
     null !== children &&
     (element.value = children);
 }
-function getChildNamespace(parentNamespace, type) {
-  if (
-    null == parentNamespace ||
-    "http://www.w3.org/1999/xhtml" === parentNamespace
-  ) {
-    a: switch (type) {
-      case "svg":
-        parentNamespace = "http://www.w3.org/2000/svg";
-        break a;
-      case "math":
-        parentNamespace = "http://www.w3.org/1998/Math/MathML";
-        break a;
-      default:
-        parentNamespace = "http://www.w3.org/1999/xhtml";
-    }
-    return parentNamespace;
-  }
-  return "http://www.w3.org/2000/svg" === parentNamespace &&
-    "foreignObject" === type
-    ? "http://www.w3.org/1999/xhtml"
-    : parentNamespace;
-}
 var reusableSVGContainer;
 function setInnerHTMLImpl(node, html) {
   if ("http://www.w3.org/2000/svg" !== node.namespaceURI || "innerHTML" in node)
@@ -1363,15 +1375,15 @@ function setValueForStyles(node, styles, prevStyles) {
           : "float" === styleName
           ? (node.cssFloat = "")
           : (node[styleName] = ""));
-    for (var styleName$19 in styles)
-      (styleName = styles[styleName$19]),
-        styles.hasOwnProperty(styleName$19) &&
-          prevStyles[styleName$19] !== styleName &&
-          setValueForStyle(node, styleName$19, styleName);
+    for (var styleName$18 in styles)
+      (styleName = styles[styleName$18]),
+        styles.hasOwnProperty(styleName$18) &&
+          prevStyles[styleName$18] !== styleName &&
+          setValueForStyle(node, styleName$18, styleName);
   } else
-    for (var styleName$20 in styles)
-      styles.hasOwnProperty(styleName$20) &&
-        setValueForStyle(node, styleName$20, styles[styleName$20]);
+    for (var styleName$19 in styles)
+      styles.hasOwnProperty(styleName$19) &&
+        setValueForStyle(node, styleName$19, styles[styleName$19]);
 }
 function isCustomElement(tagName) {
   if (-1 === tagName.indexOf("-")) return !1;
@@ -1497,15 +1509,18 @@ function restoreStateOfTarget(target) {
           props.defaultValue,
           props.checked,
           props.defaultChecked,
-          props.type
+          props.type,
+          props.name
         );
         internalInstance = props.name;
         if ("radio" === props.type && null != internalInstance) {
           for (props = target; props.parentNode; ) props = props.parentNode;
           props = props.querySelectorAll(
-            "input[name=" +
-              JSON.stringify("" + internalInstance) +
-              '][type="radio"]'
+            'input[name="' +
+              escapeSelectorAttributeValueInsideDoubleQuotes(
+                "" + internalInstance
+              ) +
+              '"][type="radio"]'
           );
           for (
             internalInstance = 0;
@@ -1524,7 +1539,8 @@ function restoreStateOfTarget(target) {
                 otherProps.defaultValue,
                 otherProps.checked,
                 otherProps.defaultChecked,
-                otherProps.type
+                otherProps.type,
+                otherProps.name
               );
             }
           }
@@ -1840,7 +1856,6 @@ function prepareToHydrateHostInstance(fiber) {
       break;
     case "input":
       listenToNonDelegatedEvent("invalid", instance);
-      track(instance);
       initInput(
         instance,
         props.value,
@@ -1848,16 +1863,18 @@ function prepareToHydrateHostInstance(fiber) {
         props.checked,
         props.defaultChecked,
         props.type,
+        props.name,
         !0
       );
+      track(instance);
       break;
     case "select":
       listenToNonDelegatedEvent("invalid", instance);
       break;
     case "textarea":
       listenToNonDelegatedEvent("invalid", instance),
-        track(instance),
-        initTextarea(instance, props.value, props.defaultValue, props.children);
+        initTextarea(instance, props.value, props.defaultValue, props.children),
+        track(instance);
   }
   i = null;
   var children = props.children;
@@ -3192,6 +3209,269 @@ function resetWorkInProgressVersions() {
     workInProgressSources[i]._workInProgressVersionPrimary = null;
   workInProgressSources.length = 0;
 }
+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) {
+    var workInProgressRoot$jscomp$0 = workInProgressRoot,
+      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
+      errors = null;
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root$46 = firstScheduledRoot; null !== root$46; ) {
+        if (
+          (!onlyLegacy || 0 === root$46.tag) &&
+          0 !==
+            (getNextLanes(
+              root$46,
+              root$46 === workInProgressRoot$jscomp$0
+                ? workInProgressRootRenderLanes$jscomp$0
+                : 0
+            ) &
+              3)
+        )
+          try {
+            didPerformSomeWork = !0;
+            var root = root$46;
+            currentUpdateIsNested = nestedUpdateScheduled;
+            nestedUpdateScheduled = !1;
+            if (0 !== (executionContext & 6))
+              throw Error(formatProdErrorMessage(327));
+            flushPassiveEffects();
+            var lanes = getNextLanes(root, 0);
+            if (0 !== (lanes & 3)) {
+              var exitStatus = renderRootSync(root, lanes);
+              if (0 !== root.tag && 2 === exitStatus) {
+                var originallyAttemptedLanes = lanes,
+                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                    root,
+                    originallyAttemptedLanes
+                  );
+                0 !== errorRetryLanes &&
+                  ((lanes = errorRetryLanes),
+                  (exitStatus = recoverFromConcurrentError(
+                    root,
+                    originallyAttemptedLanes,
+                    errorRetryLanes
+                  )));
+              }
+              if (1 === exitStatus)
+                throw (
+                  ((originallyAttemptedLanes = workInProgressRootFatalError),
+                  prepareFreshStack(root, 0),
+                  markRootSuspended(root, lanes),
+                  ensureRootIsScheduled(root),
+                  originallyAttemptedLanes)
+                );
+              6 === exitStatus
+                ? markRootSuspended(root, lanes)
+                : ((root.finishedWork = root.current.alternate),
+                  (root.finishedLanes = lanes),
+                  commitRoot(
+                    root,
+                    workInProgressRootRecoverableErrors,
+                    workInProgressTransitions
+                  ));
+            }
+            ensureRootIsScheduled(root);
+          } catch (error) {
+            null === errors ? (errors = [error]) : errors.push(error);
+          }
+        root$46 = root$46.next;
+      }
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+    if (null !== errors) {
+      if (1 < errors.length) {
+        if ("function" === typeof AggregateError)
+          throw new AggregateError(errors);
+        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
+          scheduleImmediateTask(throwError.bind(null, errors[onlyLegacy]));
+      }
+      throw errors[0];
+    }
+  }
+}
+function throwError(error) {
+  throw error;
+}
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now$1(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next;
+    0 !== currentEventTransitionLane &&
+      window.event &&
+      "popstate" === window.event.type &&
+      markRootEntangled(root, currentEventTransitionLane | 2);
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === nextLanes
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
+  }
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
+}
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  for (
+    var suspendedLanes = root.suspendedLanes,
+      pingedLanes = root.pingedLanes,
+      expirationTimes = root.expirationTimes,
+      lanes = root.pendingLanes & -125829121;
+    0 < lanes;
+
+  ) {
+    var index$3 = 31 - clz32(lanes),
+      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);
+    lanes &= ~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 536870912:
+      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 currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    null !== actionReturnValue &&
+    "object" === typeof actionReturnValue &&
+    "function" === typeof actionReturnValue.then
+  ) {
+    if (null === currentAsyncAction) {
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: !1,
+        reason: void 0,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(actionReturnValue, asyncAction);
+      return (currentAsyncAction = asyncAction);
+    }
+    var asyncAction$48 = currentAsyncAction;
+    attachPingListeners(actionReturnValue, asyncAction$48);
+    return asyncAction$48;
+  }
+  return null === currentAsyncAction ? !1 : currentAsyncAction;
+}
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "fulfilled"),
+        completeAsyncActionScope(asyncAction));
+    },
+    function (error) {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "rejected"),
+        (asyncAction.reason = error),
+        completeAsyncActionScope(asyncAction));
+    }
+  );
+  return asyncAction;
+}
+function completeAsyncActionScope(action) {
+  currentAsyncAction === action && (currentAsyncAction = null);
+  var listeners = action.listeners;
+  action.listeners = [];
+  for (action = 0; action < listeners.length; action++)
+    (0, listeners[action])(!1);
+}
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig,
   renderLanes$1 = 0,
@@ -3352,20 +3632,21 @@ var createFunctionComponentUpdateQueue;
 createFunctionComponentUpdateQueue = function () {
   return { lastEffect: null, events: null, stores: null, memoCache: null };
 };
+function useThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+  null === thenableState && (thenableState = []);
+  thenable = trackUsedThenable(thenableState, thenable, index);
+  null === currentlyRenderingFiber$1.alternate &&
+    (null === workInProgressHook
+      ? null === currentlyRenderingFiber$1.memoizedState
+      : null === workInProgressHook.next) &&
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
+  return thenable;
+}
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
-    if ("function" === typeof usable.then) {
-      var index$47 = thenableIndexCounter;
-      thenableIndexCounter += 1;
-      null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$47);
-      null === currentlyRenderingFiber$1.alternate &&
-        (null === workInProgressHook
-          ? null === currentlyRenderingFiber$1.memoizedState
-          : null === workInProgressHook.next) &&
-        (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
-      return usable;
-    }
+    if ("function" === typeof usable.then) return useThenable(usable);
     if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -3662,7 +3943,7 @@ function checkIfSnapshotChanged(inst) {
 }
 function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, 2);
-  null !== root && scheduleUpdateOnFiber(root, fiber, 2, -1);
+  null !== root && scheduleUpdateOnFiber(root, fiber, 2);
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
@@ -3827,7 +4108,15 @@ function startTransition(setPending, callback, options) {
     ((ReactCurrentBatchConfig$3.transition.name = options.name),
     (ReactCurrentBatchConfig$3.transition.startTime = now$1()));
   try {
-    setPending(!1), callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(),
+        isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else setPending(!1), callback();
+  } catch (error) {
+    if (enableAsyncActions)
+      setPending({ then: function () {}, status: "rejected", reason: error });
+    else throw error;
   } finally {
     (currentUpdatePriority = previousPriority),
       (ReactCurrentBatchConfig$3.transition = prevTransition);
@@ -3846,16 +4135,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$53 = enqueueUpdate(provider, fiber, lane);
-        if (null !== root$53) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root$53, provider, lane, eventTime);
-          entangleTransitions(root$53, provider, lane);
-        }
+        var root$54 = enqueueUpdate(provider, fiber, lane);
+        null !== root$54 &&
+          (scheduleUpdateOnFiber(root$54, provider, lane),
+          entangleTransitions(root$54, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$53 &&
+          null !== root$54 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -3872,16 +4159,13 @@ function dispatchReducerAction(fiber, queue, action) {
     eagerState: null,
     next: null
   };
-  if (isRenderPhaseUpdate(fiber)) enqueueRenderPhaseUpdate(queue, action);
-  else if (
-    (enqueueUpdate$1(fiber, queue, action, lane),
-    (action = getRootForUpdatedFiber(fiber)),
-    null !== action)
-  ) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(action, fiber, lane, eventTime);
-    entangleTransitionUpdate(action, queue, lane);
-  }
+  isRenderPhaseUpdate(fiber)
+    ? enqueueRenderPhaseUpdate(queue, action)
+    : (enqueueUpdate$1(fiber, queue, action, lane),
+      (action = getRootForUpdatedFiber(fiber)),
+      null !== action &&
+        (scheduleUpdateOnFiber(action, fiber, lane),
+        entangleTransitionUpdate(action, queue, lane)));
   enableSchedulingProfiler && markStateUpdateScheduled(fiber, lane);
 }
 function dispatchSetState(fiber, queue, action) {
@@ -3917,8 +4201,7 @@ function dispatchSetState(fiber, queue, action) {
     enqueueUpdate$1(fiber, queue, update, lane);
     action = getRootForUpdatedFiber(fiber);
     null !== action &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(action, fiber, lane, update),
+      (scheduleUpdateOnFiber(action, fiber, lane),
       entangleTransitionUpdate(action, queue, lane));
   }
   enableSchedulingProfiler && markStateUpdateScheduled(fiber, lane);
@@ -3950,6 +4233,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 }
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -3968,11 +4252,11 @@ var ContextOnlyDispatcher = {
   useId: throwInvalidHookError
 };
 ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
-ContextOnlyDispatcher.use = throwInvalidHookError;
 ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 ContextOnlyDispatcher.useEffectEvent = throwInvalidHookError;
 var HooksDispatcherOnMount = {
   readContext: readContext,
+  use: use,
   useCallback: function (callback, deps) {
     mountWorkInProgressHook().memoizedState = [
       callback,
@@ -4040,11 +4324,10 @@ var HooksDispatcherOnMount = {
     return (mountWorkInProgressHook().memoizedState = value);
   },
   useTransition: function () {
-    var _mountState = mountState(!1),
-      isPending = _mountState[0];
-    _mountState = startTransition.bind(null, _mountState[1]);
-    mountWorkInProgressHook().memoizedState = _mountState;
-    return [isPending, _mountState];
+    var setPending = mountState(!1)[1];
+    setPending = startTransition.bind(null, setPending);
+    mountWorkInProgressHook().memoizedState = setPending;
+    return [!1, setPending];
   },
   useMutableSource: function (source, getSnapshot, subscribe) {
     var hook = mountWorkInProgressHook();
@@ -4064,15 +4347,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$49 = workInProgressRoot;
-      if (null === root$49) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$49, renderLanes$1) ||
+      var root$50 = workInProgressRoot;
+      if (null === root$50) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$50, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$49 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$49;
-    mountEffect(subscribeToStore.bind(null, fiber, root$49, subscribe), [
+    root$50 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$50;
+    mountEffect(subscribeToStore.bind(null, fiber, root$50, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -4081,7 +4364,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$49,
+        root$50,
         getServerSnapshot,
         getSnapshot
       ),
@@ -4123,7 +4406,6 @@ var HooksDispatcherOnMount = {
     ));
   }
 };
-HooksDispatcherOnMount.use = use;
 HooksDispatcherOnMount.useMemoCache = useMemoCache;
 HooksDispatcherOnMount.useEffectEvent = function (callback) {
   var hook = mountWorkInProgressHook(),
@@ -4136,6 +4418,7 @@ HooksDispatcherOnMount.useEffectEvent = function (callback) {
 };
 var HooksDispatcherOnUpdate = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -4154,9 +4437,14 @@ var HooksDispatcherOnUpdate = {
     return updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = updateReducer(basicStateReducer)[0],
+    var booleanOrThenable = updateReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
@@ -4164,10 +4452,10 @@ var HooksDispatcherOnUpdate = {
 };
 HooksDispatcherOnUpdate.useCacheRefresh = updateRefresh;
 HooksDispatcherOnUpdate.useMemoCache = useMemoCache;
-HooksDispatcherOnUpdate.use = use;
 HooksDispatcherOnUpdate.useEffectEvent = updateEvent;
 var HooksDispatcherOnRerender = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -4188,16 +4476,20 @@ var HooksDispatcherOnRerender = {
       : updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = rerenderReducer(basicStateReducer)[0],
+    var booleanOrThenable = rerenderReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
   useId: updateId
 };
 HooksDispatcherOnRerender.useCacheRefresh = updateRefresh;
-HooksDispatcherOnRerender.use = use;
 HooksDispatcherOnRerender.useMemoCache = useMemoCache;
 HooksDispatcherOnRerender.useEffectEvent = updateEvent;
 var now = Scheduler.unstable_now,
@@ -4303,8 +4595,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
     enableSchedulingProfiler && markStateUpdateScheduled(inst, lane);
   },
@@ -4317,8 +4608,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
     enableSchedulingProfiler && markStateUpdateScheduled(inst, lane);
   },
@@ -4330,8 +4620,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     callback = enqueueUpdate(inst, update, lane);
     null !== callback &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(callback, inst, lane, update),
+      (scheduleUpdateOnFiber(callback, inst, lane),
       entangleTransitions(callback, inst, lane));
     enableSchedulingProfiler &&
       enableSchedulingProfiler &&
@@ -4649,10 +4938,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$66 = workInProgress.stateNode;
+      root$67 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$66.incompleteTransitions.has(transition)) {
+        if (!root$67.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4660,11 +4949,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$66.incompleteTransitions.set(transition, markerInstance);
+          root$67.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$66.incompleteTransitions.forEach(function (markerInstance) {
+    root$67.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5374,14 +5663,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$73 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$73)
+    var dehydrated$74 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$74)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$73,
+        dehydrated$74,
         JSCompiler_temp,
         renderLanes
       );
@@ -5391,7 +5680,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$73 = JSCompiler_temp.sibling;
+    dehydrated$74 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5405,8 +5694,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$73
-      ? (showFallback = createWorkInProgress(dehydrated$73, showFallback))
+    null !== dehydrated$74
+      ? (showFallback = createWorkInProgress(dehydrated$74, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5425,10 +5714,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$73 = CacheContext._currentValue),
+          ? ((dehydrated$74 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$73
-                ? { parent: dehydrated$73, pool: dehydrated$73 }
+              JSCompiler_temp.parent !== dehydrated$74
+                ? { parent: dehydrated$74, pool: dehydrated$74 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5442,23 +5731,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$73 = showFallback.updateQueue),
+        (dehydrated$74 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$73
+        null === dehydrated$74
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$73 === primaryChildProps
+          : dehydrated$74 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$73.transitions = didSuspend),
-            (dehydrated$73.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$74.transitions = didSuspend),
+            (dehydrated$74.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -5684,7 +5973,7 @@ function updateDehydratedSuspenseComponent(
         throw (
           ((suspenseState.retryLane = suspenseInstance),
           enqueueConcurrentRenderForLane(current, suspenseInstance),
-          scheduleUpdateOnFiber(nextProps, current, suspenseInstance, -1),
+          scheduleUpdateOnFiber(nextProps, current, suspenseInstance),
           SelectiveHydrationException)
         );
     }
@@ -6264,7 +6553,7 @@ var AbortControllerLocal =
             });
           };
         },
-  scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+  scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority,
   CacheContext = {
     $$typeof: REACT_CONTEXT_TYPE,
@@ -6286,7 +6575,7 @@ function createCache() {
 function releaseCache(cache) {
   cache.refCount--;
   0 === cache.refCount &&
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
 }
@@ -6538,14 +6827,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$105 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$105 = lastTailNode),
+        for (var lastTailNode$106 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$106 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$105
+        null === lastTailNode$106
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$105.sibling = null);
+          : (lastTailNode$106.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6557,53 +6846,53 @@ function bubbleProperties(completedWork) {
   if (didBailout)
     if (0 !== (completedWork.mode & 2)) {
       for (
-        var treeBaseDuration$107 = completedWork.selfBaseDuration,
-          child$108 = completedWork.child;
-        null !== child$108;
+        var treeBaseDuration$108 = completedWork.selfBaseDuration,
+          child$109 = completedWork.child;
+        null !== child$109;
 
       )
-        (newChildLanes |= child$108.lanes | child$108.childLanes),
-          (subtreeFlags |= child$108.subtreeFlags & 31457280),
-          (subtreeFlags |= child$108.flags & 31457280),
-          (treeBaseDuration$107 += child$108.treeBaseDuration),
-          (child$108 = child$108.sibling);
-      completedWork.treeBaseDuration = treeBaseDuration$107;
+        (newChildLanes |= child$109.lanes | child$109.childLanes),
+          (subtreeFlags |= child$109.subtreeFlags & 31457280),
+          (subtreeFlags |= child$109.flags & 31457280),
+          (treeBaseDuration$108 += child$109.treeBaseDuration),
+          (child$109 = child$109.sibling);
+      completedWork.treeBaseDuration = treeBaseDuration$108;
     } else
       for (
-        treeBaseDuration$107 = completedWork.child;
-        null !== treeBaseDuration$107;
+        treeBaseDuration$108 = completedWork.child;
+        null !== treeBaseDuration$108;
 
       )
         (newChildLanes |=
-          treeBaseDuration$107.lanes | treeBaseDuration$107.childLanes),
-          (subtreeFlags |= treeBaseDuration$107.subtreeFlags & 31457280),
-          (subtreeFlags |= treeBaseDuration$107.flags & 31457280),
-          (treeBaseDuration$107.return = completedWork),
-          (treeBaseDuration$107 = treeBaseDuration$107.sibling);
+          treeBaseDuration$108.lanes | treeBaseDuration$108.childLanes),
+          (subtreeFlags |= treeBaseDuration$108.subtreeFlags & 31457280),
+          (subtreeFlags |= treeBaseDuration$108.flags & 31457280),
+          (treeBaseDuration$108.return = completedWork),
+          (treeBaseDuration$108 = treeBaseDuration$108.sibling);
   else if (0 !== (completedWork.mode & 2)) {
-    treeBaseDuration$107 = completedWork.actualDuration;
-    child$108 = completedWork.selfBaseDuration;
+    treeBaseDuration$108 = completedWork.actualDuration;
+    child$109 = completedWork.selfBaseDuration;
     for (var child = completedWork.child; null !== child; )
       (newChildLanes |= child.lanes | child.childLanes),
         (subtreeFlags |= child.subtreeFlags),
         (subtreeFlags |= child.flags),
-        (treeBaseDuration$107 += child.actualDuration),
-        (child$108 += child.treeBaseDuration),
+        (treeBaseDuration$108 += child.actualDuration),
+        (child$109 += child.treeBaseDuration),
         (child = child.sibling);
-    completedWork.actualDuration = treeBaseDuration$107;
-    completedWork.treeBaseDuration = child$108;
+    completedWork.actualDuration = treeBaseDuration$108;
+    completedWork.treeBaseDuration = child$109;
   } else
     for (
-      treeBaseDuration$107 = completedWork.child;
-      null !== treeBaseDuration$107;
+      treeBaseDuration$108 = completedWork.child;
+      null !== treeBaseDuration$108;
 
     )
       (newChildLanes |=
-        treeBaseDuration$107.lanes | treeBaseDuration$107.childLanes),
-        (subtreeFlags |= treeBaseDuration$107.subtreeFlags),
-        (subtreeFlags |= treeBaseDuration$107.flags),
-        (treeBaseDuration$107.return = completedWork),
-        (treeBaseDuration$107 = treeBaseDuration$107.sibling);
+        treeBaseDuration$108.lanes | treeBaseDuration$108.childLanes),
+        (subtreeFlags |= treeBaseDuration$108.subtreeFlags),
+        (subtreeFlags |= treeBaseDuration$108.flags),
+        (treeBaseDuration$108.return = completedWork),
+        (treeBaseDuration$108 = treeBaseDuration$108.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -6745,9 +7034,17 @@ function completeWork(current, workInProgress, renderLanes) {
             rootInstanceStackCursor.current
           );
           switch (current) {
-            case "http://www.w3.org/2000/svg":
-            case "http://www.w3.org/1998/Math/MathML":
-              current = nextResource.createElementNS(current, renderLanes);
+            case 1:
+              current = nextResource.createElementNS(
+                "http://www.w3.org/2000/svg",
+                renderLanes
+              );
+              break;
+            case 2:
+              current = nextResource.createElementNS(
+                "http://www.w3.org/1998/Math/MathML",
+                renderLanes
+              );
               break;
             default:
               switch (renderLanes) {
@@ -7407,8 +7704,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error$141) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$141);
+      } catch (error$142) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$142);
       }
     else ref.current = null;
 }
@@ -7445,7 +7742,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$210) {
+          } catch (e$208) {
             JSCompiler_temp = null;
             break a;
           }
@@ -7702,11 +7999,11 @@ function commitPassiveEffectDurations(finishedRoot, finishedWork) {
         var _finishedWork$memoize = finishedWork.memoizedProps,
           id = _finishedWork$memoize.id;
         _finishedWork$memoize = _finishedWork$memoize.onPostCommit;
-        var commitTime$143 = commitTime,
+        var commitTime$144 = commitTime,
           phase = null === finishedWork.alternate ? "mount" : "update";
         currentUpdateIsNested && (phase = "nested-update");
         "function" === typeof _finishedWork$memoize &&
-          _finishedWork$memoize(id, phase, finishedRoot, commitTime$143);
+          _finishedWork$memoize(id, phase, finishedRoot, commitTime$144);
         finishedWork = finishedWork.return;
         a: for (; null !== finishedWork; ) {
           switch (finishedWork.tag) {
@@ -7733,8 +8030,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$145) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$145);
+    } catch (error$146) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$146);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -7833,11 +8130,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$146) {
+            } catch (error$147) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$146
+                error$147
               );
             }
         else {
@@ -7854,11 +8151,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$147) {
+            } catch (error$148) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$147
+                error$148
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -7869,11 +8166,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$148) {
+            } catch (error$149) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$148
+                error$149
               );
             }
         }
@@ -8481,7 +8778,7 @@ function detachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility |= 2),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachOffscreenInstance(instance) {
@@ -8491,7 +8788,7 @@ function attachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility &= -3),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachSuspenseRetryListeners(finishedWork, wakeables) {
@@ -8579,22 +8876,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$163) {
+          } catch (error$164) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$163
+              error$164
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$164) {
+          } catch (error$165) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$164
+              error$165
             );
           }
       }
@@ -8777,11 +9074,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                   newProps
                 );
             domElement[internalPropsKey] = newProps;
-          } catch (error$165) {
+          } catch (error$166) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$165
+              error$166
             );
           }
       break;
@@ -8817,8 +9114,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$166) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$166);
+        } catch (error$167) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$167);
         }
       }
       if (
@@ -8843,8 +9140,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 root
               ),
             (flags[internalPropsKey] = root);
-        } catch (error$169) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$169);
+        } catch (error$170) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$170);
         }
       break;
     case 6:
@@ -8857,8 +9154,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$170) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$170);
+        } catch (error$171) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$171);
         }
       }
       break;
@@ -8872,8 +9169,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$171) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$171);
+        } catch (error$172) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$172);
         }
       break;
     case 4:
@@ -8903,8 +9200,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$173) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$173);
+        } catch (error$174) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$174);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -8982,11 +9279,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$153) {
+              } catch (error$154) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$153
+                  error$154
                 );
               }
           } else if (
@@ -9061,21 +9358,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$154 = JSCompiler_inline_result.stateNode;
+            var parent$155 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$154, ""),
+              (setTextContent(parent$155, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$155 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$155, parent$154);
+            var before$156 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$156, parent$155);
             break;
           case 3:
           case 4:
-            var parent$156 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$157 = getHostSibling(finishedWork);
+            var parent$157 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$158 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$157,
-              parent$156
+              before$158,
+              parent$157
             );
             break;
           default:
@@ -9267,8 +9564,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$179) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$179);
+    } catch (error$180) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$180);
     }
 }
 function commitOffscreenPassiveMountEffects(current, finishedWork, instance) {
@@ -9567,9 +9864,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$184 = finishedWork.stateNode;
+        var instance$185 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$184._visibility & 4
+          ? instance$185._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9582,7 +9879,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$184._visibility |= 4),
+            : ((instance$185._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9590,7 +9887,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$184._visibility |= 4),
+          : ((instance$185._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9603,7 +9900,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$184
+            instance$185
           );
         break;
       case 24:
@@ -9951,208 +10248,7 @@ function schedulePostPaintCallback(callback) {
       callbacks = [];
     }));
 }
-var firstScheduledRoot = null,
-  lastScheduledRoot = null,
-  didScheduleMicrotask = !1,
-  mightHavePendingSyncWork = !1,
-  isFlushingWork = !1;
-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) {
-    var workInProgressRoot$jscomp$0 = workInProgressRoot,
-      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
-      errors = null;
-    isFlushingWork = !0;
-    do {
-      var didPerformSomeWork = !1;
-      for (var root$192 = firstScheduledRoot; null !== root$192; ) {
-        if (
-          (!onlyLegacy || 0 === root$192.tag) &&
-          0 !==
-            (getNextLanes(
-              root$192,
-              root$192 === workInProgressRoot$jscomp$0
-                ? workInProgressRootRenderLanes$jscomp$0
-                : 0
-            ) &
-              3)
-        )
-          try {
-            didPerformSomeWork = !0;
-            var root = root$192;
-            currentUpdateIsNested = nestedUpdateScheduled;
-            nestedUpdateScheduled = !1;
-            if (0 !== (executionContext & 6))
-              throw Error(formatProdErrorMessage(327));
-            flushPassiveEffects();
-            var lanes = getNextLanes(root, 0);
-            if (0 !== (lanes & 3)) {
-              var exitStatus = renderRootSync(root, lanes);
-              if (0 !== root.tag && 2 === exitStatus) {
-                var originallyAttemptedLanes = lanes,
-                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-                    root,
-                    originallyAttemptedLanes
-                  );
-                0 !== errorRetryLanes &&
-                  ((lanes = errorRetryLanes),
-                  (exitStatus = recoverFromConcurrentError(
-                    root,
-                    originallyAttemptedLanes,
-                    errorRetryLanes
-                  )));
-              }
-              if (1 === exitStatus)
-                throw (
-                  ((originallyAttemptedLanes = workInProgressRootFatalError),
-                  prepareFreshStack(root, 0),
-                  markRootSuspended(root, lanes),
-                  ensureRootIsScheduled(root),
-                  originallyAttemptedLanes)
-                );
-              6 === exitStatus
-                ? markRootSuspended(root, lanes)
-                : ((root.finishedWork = root.current.alternate),
-                  (root.finishedLanes = lanes),
-                  commitRoot(
-                    root,
-                    workInProgressRootRecoverableErrors,
-                    workInProgressTransitions
-                  ));
-            }
-            ensureRootIsScheduled(root);
-          } catch (error) {
-            null === errors ? (errors = [error]) : errors.push(error);
-          }
-        root$192 = root$192.next;
-      }
-    } while (didPerformSomeWork);
-    isFlushingWork = !1;
-    if (null !== errors) {
-      if (1 < errors.length) {
-        if ("function" === typeof AggregateError)
-          throw new AggregateError(errors);
-        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
-          scheduleImmediateTask(throwError.bind(null, errors[onlyLegacy]));
-      }
-      throw errors[0];
-    }
-  }
-}
-function throwError(error) {
-  throw error;
-}
-function processRootScheduleInMicrotask() {
-  mightHavePendingSyncWork = didScheduleMicrotask = !1;
-  for (
-    var currentTime = now$1(), prev = null, root = firstScheduledRoot;
-    null !== root;
-
-  ) {
-    var next = root.next,
-      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
-    0 === nextLanes
-      ? ((root.next = null),
-        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
-        null === next && (lastScheduledRoot = prev))
-      : ((prev = root),
-        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
-    root = next;
-  }
-  flushSyncWorkAcrossRoots_impl(!1);
-}
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  for (
-    var suspendedLanes = root.suspendedLanes,
-      pingedLanes = root.pingedLanes,
-      expirationTimes = root.expirationTimes,
-      lanes = root.pendingLanes & -125829121;
-    0 < lanes;
-
-  ) {
-    var index$4 = 31 - clz32(lanes),
-      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);
-    lanes &= ~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 536870912:
-      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();
-  });
-}
-var ceil = Math.ceil,
-  PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
   ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
   ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
@@ -10249,25 +10345,15 @@ var hasUncaughtError = !1,
   pendingPassiveEffectsRemainingLanes = 0,
   pendingPassiveTransitions = null,
   nestedUpdateCount = 0,
-  rootWithNestedUpdates = null,
-  currentEventTime = -1,
-  currentEventTransitionLane = 0;
-function requestEventTime() {
-  return 0 !== (executionContext & 6)
-    ? now$1()
-    : -1 !== currentEventTime
-    ? currentEventTime
-    : (currentEventTime = now$1());
-}
+  rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
   if (0 === (fiber.mode & 1)) return 2;
   if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
     return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
   if (null !== ReactCurrentBatchConfig$2.transition)
     return (
-      0 === currentEventTransitionLane &&
-        (currentEventTransitionLane = claimNextTransitionLane()),
-      currentEventTransitionLane
+      (fiber = currentAsyncAction),
+      null !== fiber ? fiber.lane : requestTransitionLane()
     );
   fiber = currentUpdatePriority;
   if (0 !== fiber) return fiber;
@@ -10275,14 +10361,14 @@ function requestUpdateLane(fiber) {
   fiber = void 0 === fiber ? 32 : getEventPriority(fiber.type);
   return fiber;
 }
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   if (
     (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
     null !== root.cancelPendingCommit
   )
     prepareFreshStack(root, 0),
       markRootSuspended(root, workInProgressRootRenderLanes);
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot) {
     isDevToolsPresent && addFiberToLanesMap(root, fiber, lane);
     if (
@@ -10291,29 +10377,29 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
       root === rootCommittingMutationOrLayoutEffects &&
       fiber.mode & 2
     )
-      for (eventTime = fiber; null !== eventTime; ) {
-        if (12 === eventTime.tag) {
-          var _current$memoizedProp = eventTime.memoizedProps,
+      for (var current = fiber; null !== current; ) {
+        if (12 === current.tag) {
+          var _current$memoizedProp = current.memoizedProps,
             id = _current$memoizedProp.id;
           _current$memoizedProp = _current$memoizedProp.onNestedUpdateScheduled;
           "function" === typeof _current$memoizedProp &&
             _current$memoizedProp(id);
         }
-        eventTime = eventTime.return;
+        current = current.return;
       }
     if (
       enableTransitionTracing &&
-      ((eventTime = ReactCurrentBatchConfig$1.transition),
-      null !== eventTime &&
-        null != eventTime.name &&
-        (-1 === eventTime.startTime && (eventTime.startTime = now$1()),
+      ((current = ReactCurrentBatchConfig$1.transition),
+      null !== current &&
+        null != current.name &&
+        (-1 === current.startTime && (current.startTime = now$1()),
         enableTransitionTracing))
     ) {
       id = root.transitionLanes;
       _current$memoizedProp = 31 - clz32(lane);
       var transitions = id[_current$memoizedProp];
       null === transitions && (transitions = new Set());
-      transitions.add(eventTime);
+      transitions.add(current);
       id[_current$memoizedProp] = transitions;
     }
     root === workInProgressRoot &&
@@ -10331,8 +10417,6 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
   nestedUpdateScheduled = currentUpdateIsNested = !1;
-  currentEventTime = -1;
-  currentEventTransitionLane = 0;
   if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
   var originalCallbackNode = root.callbackNode;
   if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
@@ -10382,16 +10466,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$195 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$194 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$195 &&
-            ((lanes = errorRetryLanes$195),
+          0 !== errorRetryLanes$194 &&
+            ((lanes = errorRetryLanes$194),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$195
+              errorRetryLanes$194
             )));
         }
         if (1 === exitStatus)
@@ -10405,109 +10489,52 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
       }
       root.finishedWork = didTimeout;
       root.finishedLanes = lanes;
-      switch (exitStatus) {
-        case 0:
-        case 1:
-          throw Error(formatProdErrorMessage(345));
-        case 2:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 3:
-          markRootSuspended(root, lanes);
-          if (
-            (lanes & 125829120) === lanes &&
-            ((exitStatus = globalMostRecentFallbackTime + 500 - now$1()),
-            10 < exitStatus)
-          ) {
-            if (0 !== getNextLanes(root, 0)) break;
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+      a: {
+        switch (exitStatus) {
+          case 0:
+          case 1:
+            throw Error(formatProdErrorMessage(345));
+          case 4:
+            if ((lanes & 8388480) === lanes) {
+              markRootSuspended(root, lanes);
+              break a;
+            }
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 4:
-          markRootSuspended(root, lanes);
-          if ((lanes & 8388480) === lanes) break;
-          exitStatus = lanes;
-          errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$195 = -1; 0 < exitStatus; ) {
-            var index$3 = 31 - clz32(exitStatus),
-              lane = 1 << index$3;
-            index$3 = errorRetryLanes[index$3];
-            index$3 > errorRetryLanes$195 && (errorRetryLanes$195 = index$3);
-            exitStatus &= ~lane;
-          }
-          exitStatus = errorRetryLanes$195;
-          exitStatus = now$1() - exitStatus;
-          exitStatus =
-            (120 > exitStatus
-              ? 120
-              : 480 > exitStatus
-              ? 480
-              : 1080 > exitStatus
-              ? 1080
-              : 1920 > exitStatus
-              ? 1920
-              : 3e3 > exitStatus
-              ? 3e3
-              : 4320 > exitStatus
-              ? 4320
-              : 1960 * ceil(exitStatus / 1960)) - exitStatus;
-          if (10 < exitStatus) {
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+          case 2:
+          case 3:
+          case 5:
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
+          default:
+            throw Error(formatProdErrorMessage(329));
+        }
+        if (
+          (lanes & 125829120) === lanes &&
+          (alwaysThrottleRetries || 3 === exitStatus) &&
+          ((exitStatus = globalMostRecentFallbackTime + 500 - now$1()),
+          10 < exitStatus)
+        ) {
+          markRootSuspended(root, lanes);
+          if (0 !== getNextLanes(root, 0)) break a;
+          root.timeoutHandle = scheduleTimeout(
+            commitRootWhenReady.bind(
+              null,
+              root,
+              didTimeout,
+              workInProgressRootRecoverableErrors,
+              workInProgressTransitions,
+              lanes
+            ),
+            exitStatus
           );
-          break;
-        case 5:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        default:
-          throw Error(formatProdErrorMessage(329));
+          break a;
+        }
+        commitRootWhenReady(
+          root,
+          didTimeout,
+          workInProgressRootRecoverableErrors,
+          workInProgressTransitions,
+          lanes
+        );
       }
     }
   }
@@ -10564,20 +10591,12 @@ function commitRootWhenReady(
     null !== finishedWork)
   ) {
     root.cancelPendingCommit = finishedWork(
-      commitRoot.bind(
-        null,
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      )
+      commitRoot.bind(null, root, recoverableErrors, transitions)
     );
+    markRootSuspended(root, lanes);
     return;
   }
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 function isRenderConsistentWithExternalStores(finishedWork) {
   for (var node = finishedWork; ; ) {
@@ -10619,9 +10638,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$5 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$5;
-    root[index$5] = -1;
+    var index$4 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$4;
+    root[index$4] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -10773,14 +10792,10 @@ function shouldRemainOnPreviousScreen() {
     ? !1
     : handler === shellBoundary;
 }
-function pushDispatcher(container) {
-  container = getHoistableRoot(container);
-  lastCurrentDocument = container.ownerDocument || container;
-  previousDispatcher = Dispatcher$1.current;
-  Dispatcher$1.current = ReactDOMClientDispatcher;
-  container = ReactCurrentDispatcher.current;
+function pushDispatcher() {
+  var prevDispatcher = ReactCurrentDispatcher.current;
   ReactCurrentDispatcher.current = ContextOnlyDispatcher;
-  return null === container ? ContextOnlyDispatcher : container;
+  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushCacheDispatcher() {
   var prevCacheDispatcher = ReactCurrentCache.current;
@@ -10797,7 +10812,7 @@ function renderDidSuspendDelayIfPossible() {
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= 2;
-  var prevDispatcher = pushDispatcher(root.containerInfo),
+  var prevDispatcher = pushDispatcher(),
     prevCacheDispatcher = pushCacheDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
     if (isDevToolsPresent) {
@@ -10830,14 +10845,12 @@ function renderRootSync(root, lanes) {
         }
       workLoopSync();
       break;
-    } catch (thrownValue$198) {
-      handleThrow(root, thrownValue$198);
+    } catch (thrownValue$196) {
+      handleThrow(root, thrownValue$196);
     }
   while (1);
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  Dispatcher$1.current = previousDispatcher;
-  previousDispatcher = null;
   ReactCurrentDispatcher.current = prevDispatcher;
   ReactCurrentCache.current = prevCacheDispatcher;
   if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
@@ -10853,7 +10866,7 @@ function workLoopSync() {
 function renderRootConcurrent(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= 2;
-  var prevDispatcher = pushDispatcher(root.containerInfo),
+  var prevDispatcher = pushDispatcher(),
     prevCacheDispatcher = pushCacheDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
     if (isDevToolsPresent) {
@@ -10948,13 +10961,11 @@ function renderRootConcurrent(root, lanes) {
         }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$200) {
-      handleThrow(root, thrownValue$200);
+    } catch (thrownValue$198) {
+      handleThrow(root, thrownValue$198);
     }
   while (1);
   resetContextDependencies();
-  Dispatcher$1.current = previousDispatcher;
-  previousDispatcher = null;
   ReactCurrentDispatcher.current = prevDispatcher;
   ReactCurrentCache.current = prevCacheDispatcher;
   executionContext = prevExecutionContext;
@@ -11034,6 +11045,8 @@ function replaySuspendedUnitOfWork(unitOfWork) {
         workInProgressRootRenderLanes
       );
       break;
+    case 5:
+      resetHooksOnUnwind();
     default:
       unwindInterruptedWork(current, unitOfWork),
         (unitOfWork = workInProgress =
@@ -11136,10 +11149,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$61 = offscreenQueue.retryQueue;
-                      null === retryQueue$61
+                      var retryQueue$62 = offscreenQueue.retryQueue;
+                      null === retryQueue$62
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$61.add(wakeable);
+                        : retryQueue$62.add(wakeable);
                     }
                   }
                   break;
@@ -11218,21 +11231,38 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
     } catch (error) {
       throw ((workInProgress = returnFiber), error);
     }
-    unitOfWork.flags & 32768
-      ? unwindUnitOfWork(unitOfWork)
-      : completeUnitOfWork(unitOfWork);
+    if (unitOfWork.flags & 32768)
+      a: {
+        do {
+          returnFiber = unwindWork(unitOfWork.alternate, unitOfWork);
+          if (null !== returnFiber) {
+            returnFiber.flags &= 32767;
+            workInProgress = returnFiber;
+            break a;
+          }
+          if (0 !== (unitOfWork.mode & 2)) {
+            stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !1);
+            returnFiber = unitOfWork.actualDuration;
+            for (update = unitOfWork.child; null !== update; )
+              (returnFiber += update.actualDuration), (update = update.sibling);
+            unitOfWork.actualDuration = returnFiber;
+          }
+          unitOfWork = unitOfWork.return;
+          null !== unitOfWork &&
+            ((unitOfWork.flags |= 32768),
+            (unitOfWork.subtreeFlags = 0),
+            (unitOfWork.deletions = null));
+          workInProgress = unitOfWork;
+        } while (null !== unitOfWork);
+        workInProgressRootExitStatus = 6;
+        workInProgress = null;
+      }
+    else completeUnitOfWork(unitOfWork);
   }
 }
 function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
   do {
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      0 !== (completedWork.flags & 32768)
-    ) {
-      unwindUnitOfWork(completedWork);
-      return;
-    }
     var current = completedWork.alternate;
     unitOfWork = completedWork.return;
     0 === (completedWork.mode & 2)
@@ -11253,36 +11283,6 @@ function completeUnitOfWork(unitOfWork) {
   } while (null !== completedWork);
   0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
 }
-function unwindUnitOfWork(unitOfWork) {
-  do {
-    var next = unwindWork(unitOfWork.alternate, unitOfWork);
-    if (null !== next) {
-      next.flags &= 32767;
-      workInProgress = next;
-      return;
-    }
-    if (0 !== (unitOfWork.mode & 2)) {
-      stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !1);
-      next = unitOfWork.actualDuration;
-      for (var child = unitOfWork.child; null !== child; )
-        (next += child.actualDuration), (child = child.sibling);
-      unitOfWork.actualDuration = next;
-    }
-    next = unitOfWork.return;
-    null !== next &&
-      ((next.flags |= 32768), (next.subtreeFlags = 0), (next.deletions = null));
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      ((unitOfWork = unitOfWork.sibling), null !== unitOfWork)
-    ) {
-      workInProgress = unitOfWork;
-      return;
-    }
-    workInProgress = unitOfWork = next;
-  } while (null !== unitOfWork);
-  workInProgressRootExitStatus = 6;
-  workInProgress = null;
-}
 function commitRoot(root, recoverableErrors, transitions) {
   var previousUpdateLanePriority = currentUpdatePriority,
     prevTransition = ReactCurrentBatchConfig$1.transition;
@@ -11350,7 +11350,7 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$204 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$202 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
@@ -11358,7 +11358,7 @@ function commitRootImpl(
     enableProfilerNestedUpdateScheduledHook &&
       (rootCommittingMutationOrLayoutEffects = root);
     commitMutationEffects(root, finishedWork, lanes);
-    shouldFireAfterActiveInstanceBlur$204 &&
+    shouldFireAfterActiveInstanceBlur$202 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -11452,7 +11452,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$205 = rootWithPendingPassiveEffects,
+    var root$203 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -11468,7 +11468,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$205, remainingLanes);
+        releaseRootPooledCache(root$203, remainingLanes);
     }
   }
   return !1;
@@ -11540,10 +11540,8 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
   sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 2);
   rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
-  sourceFiber = requestEventTime();
   null !== rootFiber &&
-    (markRootUpdated(rootFiber, 2, sourceFiber),
-    ensureRootIsScheduled(rootFiber));
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
 }
 function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
   if (3 === sourceFiber.tag)
@@ -11577,9 +11575,8 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
             sourceFiber,
             2
           );
-          sourceFiber = requestEventTime();
           null !== nearestMountedAncestor &&
-            (markRootUpdated(nearestMountedAncestor, 2, sourceFiber),
+            (markRootUpdated(nearestMountedAncestor, 2),
             ensureRootIsScheduled(nearestMountedAncestor));
           break;
         }
@@ -11622,10 +11619,9 @@ function pingSuspendedRoot(root, wakeable, pingedLanes) {
 function retryTimedOutBoundary(boundaryFiber, retryLane) {
   0 === retryLane &&
     (retryLane = 0 === (boundaryFiber.mode & 1) ? 2 : claimNextRetryLane());
-  var eventTime = requestEventTime();
   boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
   null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane, eventTime),
+    (markRootUpdated(boundaryFiber, retryLane),
     ensureRootIsScheduled(boundaryFiber));
 }
 function retryDehydratedSuspenseBoundary(boundaryFiber) {
@@ -12632,7 +12628,6 @@ function FiberRootNode(
     this.cancelPendingCommit =
       null;
   this.callbackPriority = 0;
-  this.eventTimes = createLaneMap(0);
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
     this.errorRecoveryDisabledLanes =
@@ -12790,10 +12785,9 @@ function createHydrationContainer(
   hydrationCallbacks = createUpdate(tag);
   hydrationCallbacks.callback =
     void 0 !== callback && null !== callback ? callback : null;
-  callback = requestEventTime();
   enqueueUpdate(containerInfo, hydrationCallbacks, tag);
   initialChildren.current.lanes = tag;
-  markRootUpdated(initialChildren, tag, callback);
+  markRootUpdated(initialChildren, tag);
   ensureRootIsScheduled(initialChildren);
   return initialChildren;
 }
@@ -12815,8 +12809,7 @@ function updateContainer(element, container, parentComponent, callback) {
   null !== callback && (container.callback = callback);
   element = enqueueUpdate(current, container, lane);
   null !== element &&
-    ((callback = requestEventTime()),
-    scheduleUpdateOnFiber(element, current, lane, callback),
+    (scheduleUpdateOnFiber(element, current, lane),
     entangleTransitions(element, current, lane));
   return lane;
 }
@@ -12834,12 +12827,12 @@ function getPublicRootInstance(container) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$208 = fiber.stateNode;
-      if (root$208.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$208.pendingLanes);
+      var root$206 = fiber.stateNode;
+      if (root$206.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$206.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$208, lanes | 2),
-          ensureRootIsScheduled(root$208),
+          (markRootEntangled(root$206, lanes | 2),
+          ensureRootIsScheduled(root$206),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now$1() + 500),
             flushSyncWorkAcrossRoots_impl(!1)));
@@ -12848,10 +12841,7 @@ function attemptSynchronousHydration(fiber) {
     case 13:
       flushSync$1(function () {
         var root = enqueueConcurrentRenderForLane(fiber, 2);
-        if (null !== root) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, fiber, 2, eventTime);
-        }
+        null !== root && scheduleUpdateOnFiber(root, fiber, 2);
       }),
         markRetryLaneIfNotHydrated(fiber, 2);
   }
@@ -12870,10 +12860,7 @@ function markRetryLaneIfNotHydrated(fiber, retryLane) {
 function attemptContinuousHydration(fiber) {
   if (13 === fiber.tag) {
     var root = enqueueConcurrentRenderForLane(fiber, 134217728);
-    if (null !== root) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, 134217728, eventTime);
-    }
+    null !== root && scheduleUpdateOnFiber(root, fiber, 134217728);
     markRetryLaneIfNotHydrated(fiber, 134217728);
   }
 }
@@ -13411,19 +13398,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$402;
+  var JSCompiler_inline_result$jscomp$394;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1692 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1692) {
-      var element$jscomp$inline_1693 = document.createElement("div");
-      element$jscomp$inline_1693.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1692 =
-        "function" === typeof element$jscomp$inline_1693.oninput;
+    var isSupported$jscomp$inline_1685 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1685) {
+      var element$jscomp$inline_1686 = document.createElement("div");
+      element$jscomp$inline_1686.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1685 =
+        "function" === typeof element$jscomp$inline_1686.oninput;
     }
-    JSCompiler_inline_result$jscomp$402 = isSupported$jscomp$inline_1692;
-  } else JSCompiler_inline_result$jscomp$402 = !1;
+    JSCompiler_inline_result$jscomp$394 = isSupported$jscomp$inline_1685;
+  } else JSCompiler_inline_result$jscomp$394 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$402 &&
+    JSCompiler_inline_result$jscomp$394 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -13732,20 +13719,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1733 = 0;
-  i$jscomp$inline_1733 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1733++
+  var i$jscomp$inline_1726 = 0;
+  i$jscomp$inline_1726 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1726++
 ) {
-  var eventName$jscomp$inline_1734 =
-      simpleEventPluginEvents[i$jscomp$inline_1733],
-    domEventName$jscomp$inline_1735 =
-      eventName$jscomp$inline_1734.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1736 =
-      eventName$jscomp$inline_1734[0].toUpperCase() +
-      eventName$jscomp$inline_1734.slice(1);
+  var eventName$jscomp$inline_1727 =
+      simpleEventPluginEvents[i$jscomp$inline_1726],
+    domEventName$jscomp$inline_1728 =
+      eventName$jscomp$inline_1727.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1729 =
+      eventName$jscomp$inline_1727[0].toUpperCase() +
+      eventName$jscomp$inline_1727.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1735,
-    "on" + capitalizedEvent$jscomp$inline_1736
+    domEventName$jscomp$inline_1728,
+    "on" + capitalizedEvent$jscomp$inline_1729
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14606,11 +14593,23 @@ function setProp(domElement, tag, key, value, props, prevValue) {
       break;
     case "src":
     case "href":
-    case "action":
       if ("" === value) {
         domElement.removeAttribute(key);
         break;
       }
+      if (
+        null == value ||
+        "function" === typeof value ||
+        "symbol" === typeof value ||
+        "boolean" === typeof value
+      ) {
+        domElement.removeAttribute(key);
+        break;
+      }
+      value = sanitizeURL(enableTrustedTypesIntegration ? value : "" + value);
+      domElement.setAttribute(key, value);
+      break;
+    case "action":
     case "formAction":
       if (
         null == value ||
@@ -14685,7 +14684,10 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case "focusable":
     case "preserveAlpha":
       null != value && "function" !== typeof value && "symbol" !== typeof value
-        ? domElement.setAttribute(key, value)
+        ? domElement.setAttribute(
+            key,
+            enableTrustedTypesIntegration ? value : "" + value
+          )
         : domElement.removeAttribute(key);
       break;
     case "allowFullScreen":
@@ -14879,7 +14881,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
               "o" === key[0] &&
               "n" === key[1] &&
               ((tag = key.endsWith("Capture")),
-              (value = key.substr(2, tag ? key.length - 9 : void 0)),
+              (value = key.slice(2, tag ? key.length - 7 : void 0)),
               (prevValue = getFiberCurrentPropsFromNode(domElement)),
               (prevValue = null != prevValue ? prevValue[key] : null),
               "function" === typeof prevValue &&
@@ -14919,7 +14921,8 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "input":
       listenToNonDelegatedEvent("invalid", domElement);
-      var type = null,
+      var name = null,
+        type = null,
         value = null,
         defaultValue = null,
         checked = null,
@@ -14929,22 +14932,14 @@ function setInitialProperties(domElement, tag, props) {
           var propValue = props[propKey];
           if (null != propValue)
             switch (propKey) {
+              case "name":
+                name = propValue;
+                break;
               case "type":
-                null != propValue &&
-                  "function" !== typeof propValue &&
-                  "symbol" !== typeof propValue &&
-                  "boolean" !== typeof propValue &&
-                  ((type = propValue),
-                  domElement.setAttribute(propKey, propValue));
+                type = propValue;
                 break;
               case "checked":
                 checked = propValue;
-                propValue =
-                  null != propValue ? propValue : props.defaultChecked;
-                domElement.checked =
-                  !!propValue &&
-                  "function" !== typeof propValue &&
-                  "symbol" !== propValue;
                 break;
               case "defaultChecked":
                 defaultChecked = propValue;
@@ -14964,7 +14959,6 @@ function setInitialProperties(domElement, tag, props) {
                 setProp(domElement, tag, propKey, propValue, props, null);
             }
         }
-      track(domElement);
       initInput(
         domElement,
         value,
@@ -14972,31 +14966,33 @@ function setInitialProperties(domElement, tag, props) {
         checked,
         defaultChecked,
         type,
+        name,
         !1
       );
+      track(domElement);
       return;
     case "select":
       listenToNonDelegatedEvent("invalid", domElement);
-      var propKey = (value = defaultValue = null);
-      for (type in props)
+      var propKey = (type = value = null);
+      for (name in props)
         if (
-          props.hasOwnProperty(type) &&
-          ((checked = props[type]), null != checked)
+          props.hasOwnProperty(name) &&
+          ((defaultValue = props[name]), null != defaultValue)
         )
-          switch (type) {
+          switch (name) {
             case "value":
-              defaultValue = checked;
+              value = defaultValue;
               break;
             case "defaultValue":
-              value = checked;
+              type = defaultValue;
               break;
             case "multiple":
-              propKey = checked;
+              propKey = defaultValue;
             default:
-              setProp(domElement, tag, type, checked, props, null);
+              setProp(domElement, tag, name, defaultValue, props, null);
           }
-      tag = defaultValue;
-      props = value;
+      tag = value;
+      props = type;
       domElement.multiple = !!propKey;
       null != tag
         ? updateOptions(domElement, !!propKey, tag, !1)
@@ -15004,38 +15000,38 @@ function setInitialProperties(domElement, tag, props) {
       return;
     case "textarea":
       listenToNonDelegatedEvent("invalid", domElement);
-      defaultValue = type = propKey = null;
-      for (value in props)
+      value = name = propKey = null;
+      for (type in props)
         if (
-          props.hasOwnProperty(value) &&
-          ((checked = props[value]), null != checked)
+          props.hasOwnProperty(type) &&
+          ((defaultValue = props[type]), null != defaultValue)
         )
-          switch (value) {
+          switch (type) {
             case "value":
-              propKey = checked;
+              propKey = defaultValue;
               break;
             case "defaultValue":
-              type = checked;
+              name = defaultValue;
               break;
             case "children":
-              defaultValue = checked;
+              value = defaultValue;
               break;
             case "dangerouslySetInnerHTML":
-              if (null != checked) throw Error(formatProdErrorMessage(91));
+              if (null != defaultValue) throw Error(formatProdErrorMessage(91));
               break;
             default:
-              setProp(domElement, tag, value, checked, props);
+              setProp(domElement, tag, type, defaultValue, props, null);
           }
+      initTextarea(domElement, propKey, name, value);
       track(domElement);
-      initTextarea(domElement, propKey, type, defaultValue);
       return;
     case "option":
-      for (checked in props)
+      for (defaultValue in props)
         if (
-          props.hasOwnProperty(checked) &&
-          ((propKey = props[checked]), null != propKey)
+          props.hasOwnProperty(defaultValue) &&
+          ((propKey = props[defaultValue]), null != propKey)
         )
-          switch (checked) {
+          switch (defaultValue) {
             case "selected":
               domElement.selected =
                 propKey &&
@@ -15043,7 +15039,7 @@ function setInitialProperties(domElement, tag, props) {
                 "symbol" !== typeof propKey;
               break;
             default:
-              setProp(domElement, tag, checked, propKey, props);
+              setProp(domElement, tag, defaultValue, propKey, props, null);
           }
       return;
     case "dialog":
@@ -15083,29 +15079,29 @@ function setInitialProperties(domElement, tag, props) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (defaultChecked in props)
+      for (checked in props)
         if (
-          props.hasOwnProperty(defaultChecked) &&
-          ((propKey = props[defaultChecked]), null != propKey)
+          props.hasOwnProperty(checked) &&
+          ((propKey = props[checked]), null != propKey)
         )
-          switch (defaultChecked) {
+          switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(137, tag));
             default:
-              setProp(domElement, tag, defaultChecked, propKey, props, null);
+              setProp(domElement, tag, checked, propKey, props, null);
           }
       return;
     default:
       if (isCustomElement(tag)) {
-        for (propValue in props)
-          props.hasOwnProperty(propValue) &&
-            ((propKey = props[propValue]),
+        for (defaultChecked in props)
+          props.hasOwnProperty(defaultChecked) &&
+            ((propKey = props[defaultChecked]),
             null != propKey &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propValue,
+                defaultChecked,
                 propKey,
                 props,
                 null
@@ -15113,11 +15109,10 @@ function setInitialProperties(domElement, tag, props) {
         return;
       }
   }
-  for (defaultValue in props)
-    props.hasOwnProperty(defaultValue) &&
-      ((propKey = props[defaultValue]),
-      null != propKey &&
-        setProp(domElement, tag, defaultValue, propKey, props, null));
+  for (value in props)
+    props.hasOwnProperty(value) &&
+      ((propKey = props[value]),
+      null != propKey && setProp(domElement, tag, value, propKey, props, null));
 }
 function updateProperties(domElement, tag, lastProps, nextProps) {
   switch (tag) {
@@ -15143,12 +15138,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         if (lastProps.hasOwnProperty(propKey) && null != lastProp)
           switch (propKey) {
             case "checked":
-              nextProps.hasOwnProperty(propKey) ||
-                ((lastProp = nextProps.defaultChecked),
-                (domElement.checked =
-                  !!lastProp &&
-                  "function" !== typeof lastProp &&
-                  "symbol" !== lastProp));
               break;
             case "value":
               break;
@@ -15159,36 +15148,22 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$236 in nextProps) {
-        var propKey = nextProps[propKey$236];
-        lastProp = lastProps[propKey$236];
+      for (var propKey$235 in nextProps) {
+        var propKey = nextProps[propKey$235];
+        lastProp = lastProps[propKey$235];
         if (
-          nextProps.hasOwnProperty(propKey$236) &&
+          nextProps.hasOwnProperty(propKey$235) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$236) {
+          switch (propKey$235) {
             case "type":
               type = propKey;
-              propKey !== lastProp &&
-                (null != propKey &&
-                "function" !== typeof propKey &&
-                "symbol" !== typeof propKey &&
-                "boolean" !== typeof propKey
-                  ? domElement.setAttribute(propKey$236, propKey)
-                  : domElement.removeAttribute(propKey$236));
               break;
             case "name":
               name = propKey;
               break;
             case "checked":
               checked = propKey;
-              propKey !== lastProp &&
-                ((propKey =
-                  null != propKey ? propKey : nextProps.defaultChecked),
-                (domElement.checked =
-                  !!propKey &&
-                  "function" !== typeof propKey &&
-                  "symbol" !== propKey));
               break;
             case "defaultChecked":
               defaultChecked = propKey;
@@ -15209,19 +15184,13 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$236,
+                  propKey$235,
                   propKey,
                   nextProps,
                   lastProp
                 );
           }
       }
-      null != name &&
-      "function" !== typeof name &&
-      "symbol" !== typeof name &&
-      "boolean" !== typeof name
-        ? domElement.setAttribute("name", name)
-        : domElement.removeAttribute("name");
       updateInput(
         domElement,
         value,
@@ -15229,11 +15198,12 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     case "select":
-      defaultValue = value = propKey = propKey$236 = null;
+      defaultValue = value = propKey = propKey$235 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -15264,7 +15234,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$236 = type;
+              propKey$235 = type;
               break;
             case "defaultValue":
               propKey = type;
@@ -15282,10 +15252,10 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                   lastDefaultValue
                 );
           }
-      updateSelect(domElement, propKey$236, propKey, value, defaultValue);
+      updateSelect(domElement, propKey$235, propKey, value, defaultValue);
       return;
     case "textarea":
-      propKey = propKey$236 = null;
+      propKey = propKey$235 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -15309,7 +15279,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$236 = name;
+              propKey$235 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -15323,17 +15293,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$236, propKey);
+      updateTextarea(domElement, propKey$235, propKey);
       return;
     case "option":
-      for (var propKey$254 in lastProps)
+      for (var propKey$251 in lastProps)
         if (
-          ((propKey$236 = lastProps[propKey$254]),
-          lastProps.hasOwnProperty(propKey$254) &&
-            null != propKey$236 &&
-            !nextProps.hasOwnProperty(propKey$254))
+          ((propKey$235 = lastProps[propKey$251]),
+          lastProps.hasOwnProperty(propKey$251) &&
+            null != propKey$235 &&
+            !nextProps.hasOwnProperty(propKey$251))
         )
-          switch (propKey$254) {
+          switch (propKey$251) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -15341,33 +15311,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$254,
+                propKey$251,
                 null,
                 nextProps,
-                propKey$236
+                propKey$235
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$236 = nextProps[lastDefaultValue]),
+          ((propKey$235 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$236 !== propKey &&
-            (null != propKey$236 || null != propKey))
+            propKey$235 !== propKey &&
+            (null != propKey$235 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$236 &&
-                "function" !== typeof propKey$236 &&
-                "symbol" !== typeof propKey$236;
+                propKey$235 &&
+                "function" !== typeof propKey$235 &&
+                "symbol" !== typeof propKey$235;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$236,
+                propKey$235,
                 nextProps,
                 propKey
               );
@@ -15388,24 +15358,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$259 in lastProps)
-        (propKey$236 = lastProps[propKey$259]),
-          lastProps.hasOwnProperty(propKey$259) &&
-            null != propKey$236 &&
-            !nextProps.hasOwnProperty(propKey$259) &&
-            setProp(domElement, tag, propKey$259, null, nextProps, propKey$236);
+      for (var propKey$256 in lastProps)
+        (propKey$235 = lastProps[propKey$256]),
+          lastProps.hasOwnProperty(propKey$256) &&
+            null != propKey$235 &&
+            !nextProps.hasOwnProperty(propKey$256) &&
+            setProp(domElement, tag, propKey$256, null, nextProps, propKey$235);
       for (checked in nextProps)
         if (
-          ((propKey$236 = nextProps[checked]),
+          ((propKey$235 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$236 !== propKey &&
-            (null != propKey$236 || null != propKey))
+            propKey$235 !== propKey &&
+            (null != propKey$235 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$236)
+              if (null != propKey$235)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -15413,7 +15383,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$236,
+                propKey$235,
                 nextProps,
                 propKey
               );
@@ -15421,49 +15391,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$264 in lastProps)
-          (propKey$236 = lastProps[propKey$264]),
-            lastProps.hasOwnProperty(propKey$264) &&
-              null != propKey$236 &&
-              !nextProps.hasOwnProperty(propKey$264) &&
+        for (var propKey$261 in lastProps)
+          (propKey$235 = lastProps[propKey$261]),
+            lastProps.hasOwnProperty(propKey$261) &&
+              null != propKey$235 &&
+              !nextProps.hasOwnProperty(propKey$261) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$264,
+                propKey$261,
                 null,
                 nextProps,
-                propKey$236
+                propKey$235
               );
         for (defaultChecked in nextProps)
-          (propKey$236 = nextProps[defaultChecked]),
+          (propKey$235 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$236 === propKey ||
-              (null == propKey$236 && null == propKey) ||
+              propKey$235 === propKey ||
+              (null == propKey$235 && null == propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$236,
+                propKey$235,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$269 in lastProps)
-    (propKey$236 = lastProps[propKey$269]),
-      lastProps.hasOwnProperty(propKey$269) &&
-        null != propKey$236 &&
-        !nextProps.hasOwnProperty(propKey$269) &&
-        setProp(domElement, tag, propKey$269, null, nextProps, propKey$236);
+  for (var propKey$266 in lastProps)
+    (propKey$235 = lastProps[propKey$266]),
+      lastProps.hasOwnProperty(propKey$266) &&
+        null != propKey$235 &&
+        !nextProps.hasOwnProperty(propKey$266) &&
+        setProp(domElement, tag, propKey$266, null, nextProps, propKey$235);
   for (lastProp in nextProps)
-    (propKey$236 = nextProps[lastProp]),
+    (propKey$235 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$236 === propKey ||
-        (null == propKey$236 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$236, nextProps, propKey);
+        propKey$235 === propKey ||
+        (null == propKey$235 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$235, nextProps, propKey);
 }
 function updatePropertiesWithDiff(
   domElement,
@@ -15483,13 +15453,13 @@ function updatePropertiesWithDiff(
     case "li":
       break;
     case "input":
-      var name = nextProps.name,
-        type = nextProps.type,
-        value = nextProps.value,
-        defaultValue = nextProps.defaultValue;
-      lastProps = lastProps.defaultValue;
       for (
-        var checked = nextProps.checked,
+        var name = nextProps.name,
+          type = nextProps.type,
+          value = nextProps.value,
+          defaultValue = nextProps.defaultValue,
+          lastDefaultValue = lastProps.defaultValue,
+          checked = nextProps.checked,
           defaultChecked = nextProps.defaultChecked,
           i = 0;
         i < updatePayload.length;
@@ -15499,21 +15469,10 @@ function updatePropertiesWithDiff(
           propValue = updatePayload[i + 1];
         switch (propKey) {
           case "type":
-            null != propValue &&
-            "function" !== typeof propValue &&
-            "symbol" !== typeof propValue &&
-            "boolean" !== typeof propValue
-              ? domElement.setAttribute(propKey, propValue)
-              : domElement.removeAttribute(propKey);
             break;
           case "name":
             break;
           case "checked":
-            propKey = null != propValue ? propValue : nextProps.defaultChecked;
-            domElement.checked =
-              !!propKey &&
-              "function" !== typeof propKey &&
-              "symbol" !== propKey;
             break;
           case "defaultChecked":
             break;
@@ -15527,23 +15486,25 @@ function updatePropertiesWithDiff(
               throw Error(formatProdErrorMessage(137, tag));
             break;
           default:
-            setProp(domElement, tag, propKey, propValue, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              propKey,
+              propValue,
+              nextProps,
+              lastProps[propKey]
+            );
         }
       }
-      null != name &&
-      "function" !== typeof name &&
-      "symbol" !== typeof name &&
-      "boolean" !== typeof name
-        ? domElement.setAttribute("name", name)
-        : domElement.removeAttribute("name");
       updateInput(
         domElement,
         value,
         defaultValue,
-        lastProps,
+        lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     case "select":
@@ -15551,16 +15512,27 @@ function updatePropertiesWithDiff(
       type = nextProps.defaultValue;
       value = nextProps.multiple;
       defaultValue = lastProps.multiple;
-      for (lastProps = 0; lastProps < updatePayload.length; lastProps += 2)
+      for (
+        lastDefaultValue = 0;
+        lastDefaultValue < updatePayload.length;
+        lastDefaultValue += 2
+      )
         switch (
-          ((checked = updatePayload[lastProps]),
-          (defaultChecked = updatePayload[lastProps + 1]),
+          ((checked = updatePayload[lastDefaultValue]),
+          (defaultChecked = updatePayload[lastDefaultValue + 1]),
           checked)
         ) {
           case "value":
             break;
           default:
-            setProp(domElement, tag, checked, defaultChecked, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              checked,
+              defaultChecked,
+              nextProps,
+              lastProps[checked]
+            );
         }
       updateSelect(domElement, name, type, value, defaultValue);
       return;
@@ -15570,7 +15542,7 @@ function updatePropertiesWithDiff(
       for (value = 0; value < updatePayload.length; value += 2)
         switch (
           ((defaultValue = updatePayload[value]),
-          (lastProps = updatePayload[value + 1]),
+          (lastDefaultValue = updatePayload[value + 1]),
           defaultValue)
         ) {
           case "value":
@@ -15578,10 +15550,18 @@ function updatePropertiesWithDiff(
           case "children":
             break;
           case "dangerouslySetInnerHTML":
-            if (null != lastProps) throw Error(formatProdErrorMessage(91));
+            if (null != lastDefaultValue)
+              throw Error(formatProdErrorMessage(91));
             break;
           default:
-            setProp(domElement, tag, defaultValue, lastProps, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              defaultValue,
+              lastDefaultValue,
+              nextProps,
+              lastProps[defaultValue]
+            );
         }
       updateTextarea(domElement, name, type);
       return;
@@ -15597,7 +15577,7 @@ function updatePropertiesWithDiff(
               value && "function" !== typeof value && "symbol" !== typeof value;
             break;
           default:
-            setProp(domElement, tag, type, value, nextProps, null);
+            setProp(domElement, tag, type, value, nextProps, lastProps[type]);
         }
       return;
     case "img":
@@ -15626,41 +15606,66 @@ function updatePropertiesWithDiff(
             if (null != value) throw Error(formatProdErrorMessage(137, tag));
             break;
           default:
-            setProp(domElement, tag, type, value, nextProps, null);
+            setProp(domElement, tag, type, value, nextProps, lastProps[type]);
         }
       return;
     default:
       if (isCustomElement(tag)) {
         for (name = 0; name < updatePayload.length; name += 2)
-          setPropOnCustomElement(
-            domElement,
-            tag,
-            updatePayload[name],
-            updatePayload[name + 1],
-            nextProps,
-            null
-          );
+          (type = updatePayload[name]),
+            setPropOnCustomElement(
+              domElement,
+              tag,
+              type,
+              updatePayload[name + 1],
+              nextProps,
+              lastProps[type]
+            );
         return;
       }
   }
   for (name = 0; name < updatePayload.length; name += 2)
-    setProp(
-      domElement,
-      tag,
-      updatePayload[name],
-      updatePayload[name + 1],
-      nextProps,
-      null
-    );
+    (type = updatePayload[name]),
+      setProp(
+        domElement,
+        tag,
+        type,
+        updatePayload[name + 1],
+        nextProps,
+        lastProps[type]
+      );
 }
-var Dispatcher$1 = Internals.Dispatcher,
-  eventsEnabled = null,
+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,
@@ -15866,28 +15871,13 @@ function resolveSingletonInstance(type, props, rootContainerInstance) {
       throw Error(formatProdErrorMessage(451));
   }
 }
-var lastCurrentDocument = null,
-  previousDispatcher = null,
-  preloadPropsMap = new Map(),
+var preloadPropsMap = new Map(),
   preconnectsSet = new Set();
 function getHoistableRoot(container) {
   return "function" === typeof container.getRootNode
     ? container.getRootNode()
     : container.ownerDocument;
 }
-function getCurrentResourceRoot() {
-  var currentContainer = rootInstanceStackCursor.current;
-  return currentContainer ? getHoistableRoot(currentContainer) : null;
-}
-function getDocumentForPreloads() {
-  var root = getCurrentResourceRoot();
-  if (root) return root.ownerDocument || root;
-  try {
-    return lastCurrentDocument || window.document;
-  } catch (error) {
-    return null;
-  }
-}
 var ReactDOMClientDispatcher = {
   prefetchDNS: prefetchDNS$1,
   preconnect: preconnect$1,
@@ -15895,8 +15885,8 @@ var ReactDOMClientDispatcher = {
   preinit: preinit$1
 };
 function preconnectAs(rel, crossOrigin, href) {
-  var ownerDocument = getDocumentForPreloads();
-  if ("string" === typeof href && href && ownerDocument) {
+  var ownerDocument = document;
+  if ("string" === typeof href && href) {
     var limitedEscapedHref =
       escapeSelectorAttributeValueInsideDoubleQuotes(href);
     limitedEscapedHref =
@@ -15928,7 +15918,7 @@ function preconnect$1(href, options) {
   );
 }
 function preload$1(href, options) {
-  var ownerDocument = getDocumentForPreloads();
+  var ownerDocument = document;
   if (
     "string" === typeof href &&
     href &&
@@ -15969,125 +15959,92 @@ function preload$1(href, options) {
   }
 }
 function preinit$1(href, options) {
+  var ownerDocument = document;
   if (
     "string" === typeof href &&
     href &&
     "object" === typeof options &&
     null !== options
-  ) {
-    var resourceRoot = getCurrentResourceRoot(),
-      as = options.as;
-    if (resourceRoot)
-      switch (as) {
-        case "style":
-          as = getResourcesFromRoot(resourceRoot).hoistableStyles;
-          var key$297 = getStyleKey(href),
-            precedence = options.precedence || "default",
-            resource = as.get(key$297);
-          if (resource) break;
-          var state = { loading: 0, preload: null };
-          if (
-            (resource = resourceRoot.querySelector(
-              getStylesheetSelectorFromKey(key$297)
-            ))
-          )
-            state.loading = 1;
-          else {
-            href = {
-              rel: "stylesheet",
-              href: href,
-              "data-precedence": precedence,
-              crossOrigin: options.crossOrigin
-            };
-            (options = preloadPropsMap.get(key$297)) &&
-              adoptPreloadPropsForStylesheet(href, options);
-            var link = (resource = (
-              resourceRoot.ownerDocument || resourceRoot
-            ).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, resourceRoot);
-          }
-          resource = {
-            type: "stylesheet",
-            instance: resource,
-            count: 1,
-            state: state
-          };
-          as.set(key$297, resource);
-          break;
-        case "script":
-          (as = getResourcesFromRoot(resourceRoot).hoistableScripts),
-            (key$297 = getScriptKey(href)),
-            (precedence = as.get(key$297)),
-            precedence ||
-              ((precedence = resourceRoot.querySelector(
-                "script[async]" + key$297
-              )),
-              precedence ||
-                ((href = {
-                  src: href,
-                  async: !0,
-                  crossOrigin: options.crossOrigin,
-                  integrity: options.integrity
-                }),
-                (options = preloadPropsMap.get(key$297)) &&
-                  adoptPreloadPropsForScript(href, options),
-                (options = resourceRoot.ownerDocument || resourceRoot),
-                (precedence = options.createElement("script")),
-                markNodeAsHoistable(precedence),
-                setInitialProperties(precedence, "link", href),
-                options.head.appendChild(precedence)),
-              (precedence = {
-                type: "script",
-                instance: precedence,
-                count: 1,
-                state: null
-              }),
-              as.set(key$297, precedence));
-      }
-    else if ("style" === as || "script" === as)
-      if ((resourceRoot = getDocumentForPreloads())) {
-        key$297 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        precedence = key$297 =
-          'link[rel="preload"][as="' + as + '"][href="' + key$297 + '"]';
-        switch (as) {
-          case "style":
-            precedence = getStyleKey(href);
-            break;
-          case "script":
-            precedence = getScriptKey(href);
-        }
-        preloadPropsMap.has(precedence) ||
-          ((href = {
+  )
+    switch (options.as) {
+      case "style":
+        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
+          key = getStyleKey(href),
+          precedence = options.precedence || "default",
+          resource = styles.get(key);
+        if (resource) break;
+        var state = { loading: 0, preload: null };
+        if (
+          (resource = ownerDocument.querySelector(
+            getStylesheetSelectorFromKey(key)
+          ))
+        )
+          state.loading = 1;
+        else {
+          href = {
+            rel: "stylesheet",
             href: href,
-            rel: "preload",
-            as: as,
-            crossOrigin: "font" === as ? "" : options.crossOrigin,
-            integrity: options.integrity
-          }),
-          preloadPropsMap.set(precedence, href),
-          null === resourceRoot.querySelector(key$297) &&
-            ((options = resourceRoot.createElement("link")),
-            setInitialProperties(options, "link", href),
-            markNodeAsHoistable(options),
-            resourceRoot.head.appendChild(options)));
-      }
-  }
+            "data-precedence": precedence,
+            crossOrigin: options.crossOrigin
+          };
+          (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);
+        break;
+      case "script":
+        (styles = getResourcesFromRoot(ownerDocument).hoistableScripts),
+          (key = getScriptKey(href)),
+          (precedence = styles.get(key)),
+          precedence ||
+            ((precedence = ownerDocument.querySelector("script[async]" + key)),
+            precedence ||
+              ((href = {
+                src: href,
+                async: !0,
+                crossOrigin: options.crossOrigin,
+                integrity: options.integrity
+              }),
+              (options = preloadPropsMap.get(key)) &&
+                adoptPreloadPropsForScript(href, options),
+              (precedence = ownerDocument.createElement("script")),
+              markNodeAsHoistable(precedence),
+              setInitialProperties(precedence, "link", href),
+              ownerDocument.head.appendChild(precedence)),
+            (precedence = {
+              type: "script",
+              instance: precedence,
+              count: 1,
+              state: null
+            }),
+            styles.set(key, precedence));
+    }
 }
 function getResource(type, currentProps, pendingProps) {
-  currentProps = getCurrentResourceRoot();
+  currentProps = (currentProps = rootInstanceStackCursor.current)
+    ? getHoistableRoot(currentProps)
+    : null;
   if (!currentProps) throw Error(formatProdErrorMessage(446));
   switch (type) {
     case "meta":
@@ -16111,17 +16068,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$306 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$307 = styles$306.get(type);
-        resource$307 ||
+        var styles$300 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$301 = styles$300.get(type);
+        resource$301 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$307 = {
+          (resource$301 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$306.set(type, resource$307),
+          styles$300.set(type, resource$301),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -16136,9 +16093,9 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$307.state
+              resource$301.state
             ));
-        return resource$307;
+        return resource$301;
       }
       return null;
     case "script":
@@ -16156,7 +16113,7 @@ function getResource(type, currentProps, pendingProps) {
   }
 }
 function getStyleKey(href) {
-  return 'href~="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
+  return 'href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
 }
 function getStylesheetSelectorFromKey(key) {
   return 'link[rel="stylesheet"][' + key + "]";
@@ -16192,54 +16149,62 @@ function acquireResource(hoistableRoot, resource, props) {
   if (null === resource.instance)
     switch (resource.type) {
       case "style":
-        var key = getStyleKey(props.href);
-        if ((key = hoistableRoot.querySelector("style[data-" + key + "]")))
-          return (resource.instance = key), markNodeAsHoistable(key), key;
+        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
         });
-        key = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
+        instance = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
           "style"
         );
-        markNodeAsHoistable(key);
-        setInitialProperties(key, "style", styleProps);
-        insertStylesheet(key, props.precedence, hoistableRoot);
-        return (resource.instance = key);
+        markNodeAsHoistable(instance);
+        setInitialProperties(instance, "style", styleProps);
+        insertStylesheet(instance, props.precedence, hoistableRoot);
+        return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$312 = hoistableRoot.querySelector(
+        var instance$305 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$312)
+        if (instance$305)
           return (
-            (resource.instance = instance$312),
-            markNodeAsHoistable(instance$312),
-            instance$312
+            (resource.instance = instance$305),
+            markNodeAsHoistable(instance$305),
+            instance$305
           );
-        key = stylesheetPropsFromRawProps(props);
+        instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
-          adoptPreloadPropsForStylesheet(key, styleProps);
-        instance$312 = (
+          adoptPreloadPropsForStylesheet(instance, styleProps);
+        instance$305 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$312);
-        var linkInstance = instance$312;
+        markNodeAsHoistable(instance$305);
+        var linkInstance = instance$305;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$312, "link", key);
+        setInitialProperties(instance$305, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$312, props.precedence, hoistableRoot);
-        return (resource.instance = instance$312);
+        insertStylesheet(instance$305, props.precedence, hoistableRoot);
+        return (resource.instance = instance$305);
       case "script":
-        instance$312 = getScriptKey(props.src);
+        instance$305 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$312
+            "script[async]" + instance$305
           ))
         )
           return (
@@ -16247,14 +16212,14 @@ function acquireResource(hoistableRoot, resource, props) {
             markNodeAsHoistable(styleProps),
             styleProps
           );
-        key = props;
-        if ((styleProps = preloadPropsMap.get(instance$312)))
-          (key = assign({}, props)),
-            adoptPreloadPropsForScript(key, styleProps);
+        instance = props;
+        if ((styleProps = preloadPropsMap.get(instance$305)))
+          (instance = assign({}, props)),
+            adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
         styleProps = hoistableRoot.createElement("script");
         markNodeAsHoistable(styleProps);
-        setInitialProperties(styleProps, "link", key);
+        setInitialProperties(styleProps, "link", instance);
         hoistableRoot.head.appendChild(styleProps);
         return (resource.instance = styleProps);
       case "void":
@@ -16265,9 +16230,9 @@ function acquireResource(hoistableRoot, resource, props) {
   else
     "stylesheet" === resource.type &&
       0 === (resource.state.loading & 4) &&
-      ((key = resource.instance),
+      ((instance = resource.instance),
       (resource.state.loading |= 4),
-      insertStylesheet(key, props.precedence, hoistableRoot));
+      insertStylesheet(instance, props.precedence, hoistableRoot));
   return resource.instance;
 }
 function insertStylesheet(instance, precedence, root) {
@@ -16343,18 +16308,8 @@ function mountHoistable(hoistableRoot, type, instance) {
     "title" === type ? hoistableRoot.querySelector("head > title") : null
   );
 }
-var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n"\\]/g;
-function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
-  return value.replace(
-    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
-    function (ch) {
-      return "\\" + ch.charCodeAt(0).toString(16);
-    }
-  );
-}
 function isHostHoistableType(type, props, hostContext) {
-  if ("http://www.w3.org/2000/svg" === hostContext || null != props.itemProp)
-    return !1;
+  if (1 === hostContext || null != props.itemProp) return !1;
   switch (type) {
     case "meta":
     case "title":
@@ -16637,7 +16592,7 @@ var hasScheduledReplayAttempt = !1,
   queuedPointerCaptures = new Map(),
   queuedExplicitHydrationTargets = [],
   discreteReplayableEvents =
-    "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(
+    "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(
       " "
     );
 function clearIfContinuousEvent(domEventName, nativeEvent) {
@@ -16787,10 +16742,8 @@ function attemptExplicitHydrationTarget(queuedTarget) {
             if (13 === nearestMounted.tag) {
               var lane = requestUpdateLane(nearestMounted),
                 root = enqueueConcurrentRenderForLane(nearestMounted, lane);
-              if (null !== root) {
-                var eventTime = requestEventTime();
-                scheduleUpdateOnFiber(root, nearestMounted, lane, eventTime);
-              }
+              null !== root &&
+                scheduleUpdateOnFiber(root, nearestMounted, lane);
               markRetryLaneIfNotHydrated(nearestMounted, lane);
             }
           });
@@ -17003,32 +16956,38 @@ function dispatchEvent(
       );
   }
 }
-var return_targetInst = null;
 function findInstanceBlockingEvent(nativeEvent) {
-  return_targetInst = null;
   nativeEvent = getEventTarget(nativeEvent);
-  nativeEvent = getClosestInstanceFromNode(nativeEvent);
-  if (null !== nativeEvent) {
-    var nearestMounted = getNearestMountedFiber(nativeEvent);
-    if (null === nearestMounted) nativeEvent = null;
-    else {
-      var tag = nearestMounted.tag;
-      if (13 === tag) {
-        nativeEvent = getSuspenseInstanceFromFiber(nearestMounted);
-        if (null !== nativeEvent) return nativeEvent;
-        nativeEvent = null;
-      } else if (3 === tag) {
-        if (nearestMounted.stateNode.current.memoizedState.isDehydrated)
-          return 3 === nearestMounted.tag
-            ? nearestMounted.stateNode.containerInfo
-            : null;
-        nativeEvent = null;
-      } else nearestMounted !== nativeEvent && (nativeEvent = null);
+  a: {
+    return_targetInst = null;
+    nativeEvent = getClosestInstanceFromNode(nativeEvent);
+    if (null !== nativeEvent) {
+      var nearestMounted = getNearestMountedFiber(nativeEvent);
+      if (null === nearestMounted) nativeEvent = null;
+      else {
+        var tag = nearestMounted.tag;
+        if (13 === tag) {
+          nativeEvent = getSuspenseInstanceFromFiber(nearestMounted);
+          if (null !== nativeEvent) break a;
+          nativeEvent = null;
+        } else if (3 === tag) {
+          if (nearestMounted.stateNode.current.memoizedState.isDehydrated) {
+            nativeEvent =
+              3 === nearestMounted.tag
+                ? nearestMounted.stateNode.containerInfo
+                : null;
+            break a;
+          }
+          nativeEvent = null;
+        } else nearestMounted !== nativeEvent && (nativeEvent = null);
+      }
     }
+    return_targetInst = nativeEvent;
+    nativeEvent = null;
   }
-  return_targetInst = nativeEvent;
-  return null;
+  return nativeEvent;
 }
+var return_targetInst = null;
 function getEventPriority(domEventName) {
   switch (domEventName) {
     case "cancel":
@@ -17121,13 +17080,20 @@ function getEventPriority(domEventName) {
       return 32;
   }
 }
-var Dispatcher = Internals.Dispatcher,
-  defaultOnRecoverableError =
-    "function" === typeof reportError
-      ? reportError
-      : function (error) {
-          console.error(error);
-        };
+var Internals = {
+    usingClientEntryPoint: !1,
+    Events: null,
+    Dispatcher: { current: null }
+  },
+  Dispatcher$1 = Internals.Dispatcher;
+"undefined" !== typeof document &&
+  (Dispatcher$1.current = ReactDOMClientDispatcher);
+var defaultOnRecoverableError =
+  "function" === typeof reportError
+    ? reportError
+    : function (error) {
+        console.error(error);
+      };
 function ReactDOMRoot(internalRoot) {
   this._internalRoot = internalRoot;
 }
@@ -17199,11 +17165,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function () {
-        var instance = getPublicRootInstance(root$332);
+        var instance = getPublicRootInstance(root$325);
         originalCallback.call(instance);
       };
     }
-    var root$332 = createHydrationContainer(
+    var root$325 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -17215,23 +17181,23 @@ function legacyCreateRootFromDOMContainer(
       noopOnRecoverableError,
       null
     );
-    container._reactRootContainer = root$332;
-    container[internalContainerInstanceKey] = root$332.current;
+    container._reactRootContainer = root$325;
+    container[internalContainerInstanceKey] = root$325.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
     flushSync$1();
-    return root$332;
+    return root$325;
   }
   clearContainer(container);
   if ("function" === typeof callback) {
-    var originalCallback$333 = callback;
+    var originalCallback$326 = callback;
     callback = function () {
-      var instance = getPublicRootInstance(root$334);
-      originalCallback$333.call(instance);
+      var instance = getPublicRootInstance(root$327);
+      originalCallback$326.call(instance);
     };
   }
-  var root$334 = createFiberRoot(
+  var root$327 = createFiberRoot(
     container,
     0,
     !1,
@@ -17243,15 +17209,15 @@ function legacyCreateRootFromDOMContainer(
     noopOnRecoverableError,
     null
   );
-  container._reactRootContainer = root$334;
-  container[internalContainerInstanceKey] = root$334.current;
+  container._reactRootContainer = root$327;
+  container[internalContainerInstanceKey] = root$327.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   flushSync$1(function () {
-    updateContainer(initialChildren, root$334, parentComponent, callback);
+    updateContainer(initialChildren, root$327, parentComponent, callback);
   });
-  return root$334;
+  return root$327;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -17302,6 +17268,7 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
         listenerSet.add(listenerSetKey));
     } else throw Error(formatProdErrorMessage(369));
 }
+var Dispatcher = Internals.Dispatcher;
 Internals.Events = [
   getInstanceFromNode,
   getNodeFromInstance,
@@ -17310,10 +17277,10 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1935 = {
+var devToolsConfig$jscomp$inline_1936 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-25b599df",
+  version: "18.3.0-www-classic-03cae78d",
   rendererPackageName: "react-dom"
 };
 (function (internals) {
@@ -17331,10 +17298,10 @@ var devToolsConfig$jscomp$inline_1935 = {
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1935.bundleType,
-  version: devToolsConfig$jscomp$inline_1935.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1935.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1935.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1936.bundleType,
+  version: devToolsConfig$jscomp$inline_1936.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1936.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1936.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -17350,14 +17317,14 @@ var devToolsConfig$jscomp$inline_1935 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1935.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1936.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-25b599df"
+  reconcilerVersion: "18.3.0-www-classic-03cae78d"
 });
 assign(Internals, {
   ReactBrowserEventEmitter: {
@@ -17404,12 +17371,15 @@ exports.createRoot = function (container, options) {
     transitionCallbacks
   );
   container[internalContainerInstanceKey] = options.current;
-  Dispatcher.current = ReactDOMClientDispatcher;
+  Dispatcher$1.current = ReactDOMClientDispatcher;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   return new ReactDOMRoot(options);
 };
+exports.experimental_useFormStatus = function () {
+  throw Error(formatProdErrorMessage(248));
+};
 exports.findDOMNode = function (componentOrElement) {
   if (null == componentOrElement) return null;
   if (1 === componentOrElement.nodeType) return componentOrElement;
@@ -17471,7 +17441,7 @@ exports.hydrateRoot = function (container, initialChildren, options) {
     transitionCallbacks
   );
   container[internalContainerInstanceKey] = initialChildren.current;
-  Dispatcher.current = ReactDOMClientDispatcher;
+  Dispatcher$1.current = ReactDOMClientDispatcher;
   listenToAllSupportedEvents(container);
   if (mutableSources)
     for (container = 0; container < mutableSources.length; container++)
@@ -17489,21 +17459,21 @@ exports.hydrateRoot = function (container, initialChildren, options) {
             );
   return new ReactDOMHydrationRoot(initialChildren);
 };
-exports.preconnect = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preconnect.apply(this, arguments);
+exports.preconnect = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preconnect(href, options);
 };
-exports.prefetchDNS = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.prefetchDNS.apply(this, arguments);
+exports.prefetchDNS = function (href) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.prefetchDNS(href);
 };
-exports.preinit = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preinit.apply(this, arguments);
+exports.preinit = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preinit(href, options);
 };
-exports.preload = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preload.apply(this, arguments);
+exports.preload = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preload(href, options);
 };
 exports.render = function (element, container, callback) {
   if (!isValidContainerLegacy(container))
@@ -17584,7 +17554,7 @@ exports.unstable_renderSubtreeIntoContainer = function (
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-classic-25b599df";
+exports.version = "18.3.0-www-classic-03cae78d";
 
           /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
diff --git a/compiled/facebook-www/ReactDOM-profiling.modern.js b/compiled/facebook-www/ReactDOM-profiling.modern.js
index 00fe55892f..1e78c0a4e4 100644
--- a/compiled/facebook-www/ReactDOM-profiling.modern.js
+++ b/compiled/facebook-www/ReactDOM-profiling.modern.js
@@ -75,14 +75,30 @@ function pushHostContainer(fiber, nextRootInstance) {
     case 9:
     case 11:
       nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
-        ? nextRootInstance.namespaceURI
-        : getChildNamespace(null, "");
+        ? (nextRootInstance = nextRootInstance.namespaceURI)
+          ? getOwnHostContext(nextRootInstance)
+          : 0
+        : 0;
       break;
     default:
-      (fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
-        (nextRootInstance = fiber.namespaceURI || null),
-        (fiber = fiber.tagName),
-        (nextRootInstance = getChildNamespace(nextRootInstance, fiber));
+      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);
@@ -94,7 +110,7 @@ function popHostContainer() {
 }
 function pushHostContext(fiber) {
   var context = contextStackCursor.current;
-  var JSCompiler_inline_result = getChildNamespace(context, fiber.type);
+  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
   context !== JSCompiler_inline_result &&
     (push(contextFiberStackCursor, fiber),
     push(contextStackCursor, JSCompiler_inline_result));
@@ -109,8 +125,6 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"),
   disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
-  revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
   enableLegacyFBSupport = dynamicFeatureFlags.enableLegacyFBSupport,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableUseRefAccessWarning = dynamicFeatureFlags.enableUseRefAccessWarning,
@@ -124,6 +138,8 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"),
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
   diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries,
   enableProfilerNestedUpdateScheduledHook =
     dynamicFeatureFlags.enableProfilerNestedUpdateScheduledHook,
   enableSchedulingProfiler = dynamicFeatureFlags.enableSchedulingProfiler,
@@ -424,13 +440,10 @@ function createLaneMap(initial) {
   for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane;
   536870912 !== updateLane &&
     ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  root = root.eventTimes;
-  updateLane = 31 - clz32(updateLane);
-  root[updateLane] = eventTime;
 }
 function markRootFinished(root, remainingLanes) {
   var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
@@ -442,22 +455,20 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   remainingLanes = root.entanglements;
-  var eventTimes = root.eventTimes,
-    expirationTimes = root.expirationTimes;
+  var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$5 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$5;
-    remainingLanes[index$5] = 0;
-    eventTimes[index$5] = -1;
-    expirationTimes[index$5] = -1;
-    var hiddenUpdatesForLane = root[index$5];
+    var index$4 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$4;
+    remainingLanes[index$4] = 0;
+    expirationTimes[index$4] = -1;
+    var hiddenUpdatesForLane = root[index$4];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$5] = null, index$5 = 0;
-        index$5 < hiddenUpdatesForLane.length;
-        index$5++
+        root[index$4] = null, index$4 = 0;
+        index$4 < hiddenUpdatesForLane.length;
+        index$4++
       ) {
-        var update = hiddenUpdatesForLane[index$5];
+        var update = hiddenUpdatesForLane[index$4];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -466,19 +477,19 @@ function markRootFinished(root, remainingLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$6 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$6;
-    (lane & entangledLanes) | (root[index$6] & entangledLanes) &&
-      (root[index$6] |= entangledLanes);
+    var index$5 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$5;
+    (lane & entangledLanes) | (root[index$5] & entangledLanes) &&
+      (root[index$5] |= entangledLanes);
     rootEntangledLanes &= ~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$6 = 31 - clz32(lanes),
+        lane = 1 << index$6;
+      root[index$6].add(fiber);
       lanes &= ~lane;
     }
 }
@@ -490,27 +501,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$7 = 31 - clz32(lanes);
+      root = 1 << index$7;
+      index$7 = pendingUpdatersLaneMap[index$7];
+      0 < index$7.size &&
+        (index$7.forEach(function (fiber) {
           var alternate = fiber.alternate;
           (null !== alternate && memoizedUpdaters.has(alternate)) ||
             memoizedUpdaters.add(fiber);
         }),
-        index$8.clear());
+        index$7.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$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;
@@ -520,10 +531,10 @@ 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$10 = 31 - clz32(lanes),
+        lane = 1 << index$10;
+      null !== root.transitionLanes[index$10] &&
+        (root.transitionLanes[index$10] = null);
       lanes &= ~lane;
     }
 }
@@ -690,8 +701,8 @@ function setValueForAttribute(node, name, value) {
           node.removeAttribute(name);
           return;
         case "boolean":
-          var prefix$12 = name.toLowerCase().slice(0, 5);
-          if ("data-" !== prefix$12 && "aria-" !== prefix$12) {
+          var prefix$11 = name.toLowerCase().slice(0, 5);
+          if ("data-" !== prefix$11 && "aria-" !== prefix$11) {
             node.removeAttribute(name);
             return;
           }
@@ -804,16 +815,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$13) {
-          control = x$13;
+        } catch (x$12) {
+          control = x$12;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$14) {
-        control = x$14;
+      } catch (x$13) {
+        control = x$13;
       }
       fn();
     }
@@ -967,6 +978,15 @@ function getActiveElement(doc) {
     return doc.body;
   }
 }
+var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n"\\]/g;
+function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
+  return value.replace(
+    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
+    function (ch) {
+      return "\\" + ch.charCodeAt(0).toString(16) + " ";
+    }
+  );
+}
 function updateInput(
   element,
   value,
@@ -974,8 +994,16 @@ function updateInput(
   lastDefaultValue,
   checked,
   defaultChecked,
-  type
+  type,
+  name
 ) {
+  element.name = "";
+  null != type &&
+  "function" !== typeof type &&
+  "symbol" !== typeof type &&
+  "boolean" !== typeof type
+    ? (element.type = type)
+    : element.removeAttribute("type");
   if (null != value)
     if ("number" === type) {
       if ((0 === value && "" === element.value) || element.value != value)
@@ -983,10 +1011,8 @@ function updateInput(
     } else
       element.value !== "" + getToStringValue(value) &&
         (element.value = "" + getToStringValue(value));
-  else if ("submit" === type || "reset" === type) {
-    element.removeAttribute("value");
-    return;
-  }
+  else
+    ("submit" !== type && "reset" !== type) || element.removeAttribute("value");
   disableInputAttributeSyncing
     ? null != defaultValue
       ? setDefaultValue(element, type, getToStringValue(defaultValue))
@@ -1006,6 +1032,12 @@ function updateInput(
   null != checked &&
     element.checked !== !!checked &&
     (element.checked = checked);
+  null != name &&
+  "function" !== typeof name &&
+  "symbol" !== typeof name &&
+  "boolean" !== typeof name
+    ? (element.name = "" + getToStringValue(name))
+    : element.removeAttribute("name");
 }
 function initInput(
   element,
@@ -1014,8 +1046,14 @@ function initInput(
   checked,
   defaultChecked,
   type,
+  name,
   isHydrating
 ) {
+  null != type &&
+    "function" !== typeof type &&
+    "symbol" !== typeof type &&
+    "boolean" !== typeof type &&
+    (element.type = type);
   if (null != value || null != defaultValue) {
     if (
       (type = "submit" === type || "reset" === type) &&
@@ -1036,16 +1074,17 @@ function initInput(
       ? null != defaultValue && (element.defaultValue = defaultValueStr)
       : (element.defaultValue = initialValue);
   }
-  value = element.name;
-  "" !== value && (element.name = "");
-  checked = null != checked ? checked : defaultChecked;
-  checked =
-    "function" !== typeof checked && "symbol" !== typeof checked && !!checked;
-  isHydrating || (element.checked = !!checked);
+  value = null != checked ? checked : defaultChecked;
+  value = "function" !== typeof value && "symbol" !== typeof value && !!value;
+  isHydrating || (element.checked = !!value);
   disableInputAttributeSyncing
     ? null != defaultChecked && (element.defaultChecked = !!defaultChecked)
-    : (element.defaultChecked = !!checked);
-  "" !== value && (element.name = value);
+    : (element.defaultChecked = !!value);
+  null != name &&
+    "function" !== typeof name &&
+    "symbol" !== typeof name &&
+    "boolean" !== typeof name &&
+    (element.name = name);
 }
 function setDefaultValue(node, type, value) {
   ("number" === type && getActiveElement(node.ownerDocument) === node) ||
@@ -1109,28 +1148,6 @@ function initTextarea(element, value, defaultValue) {
     null !== value &&
     (element.value = value);
 }
-function getChildNamespace(parentNamespace, type) {
-  if (
-    null == parentNamespace ||
-    "http://www.w3.org/1999/xhtml" === parentNamespace
-  ) {
-    a: switch (type) {
-      case "svg":
-        parentNamespace = "http://www.w3.org/2000/svg";
-        break a;
-      case "math":
-        parentNamespace = "http://www.w3.org/1998/Math/MathML";
-        break a;
-      default:
-        parentNamespace = "http://www.w3.org/1999/xhtml";
-    }
-    return parentNamespace;
-  }
-  return "http://www.w3.org/2000/svg" === parentNamespace &&
-    "foreignObject" === type
-    ? "http://www.w3.org/1999/xhtml"
-    : parentNamespace;
-}
 var reusableSVGContainer;
 function setInnerHTMLImpl(node, html) {
   if ("http://www.w3.org/2000/svg" !== node.namespaceURI || "innerHTML" in node)
@@ -1202,15 +1219,15 @@ function setValueForStyles(node, styles, prevStyles) {
           : "float" === styleName
           ? (node.cssFloat = "")
           : (node[styleName] = ""));
-    for (var styleName$18 in styles)
-      (styleName = styles[styleName$18]),
-        styles.hasOwnProperty(styleName$18) &&
-          prevStyles[styleName$18] !== styleName &&
-          setValueForStyle(node, styleName$18, styleName);
+    for (var styleName$17 in styles)
+      (styleName = styles[styleName$17]),
+        styles.hasOwnProperty(styleName$17) &&
+          prevStyles[styleName$17] !== styleName &&
+          setValueForStyle(node, styleName$17, styleName);
   } else
-    for (var styleName$19 in styles)
-      styles.hasOwnProperty(styleName$19) &&
-        setValueForStyle(node, styleName$19, styles[styleName$19]);
+    for (var styleName$18 in styles)
+      styles.hasOwnProperty(styleName$18) &&
+        setValueForStyle(node, styleName$18, styles[styleName$18]);
 }
 function isCustomElement(tagName) {
   if (-1 === tagName.indexOf("-")) return !1;
@@ -1337,15 +1354,18 @@ function restoreStateOfTarget(target) {
           props.defaultValue,
           props.checked,
           props.defaultChecked,
-          props.type
+          props.type,
+          props.name
         );
         internalInstance = props.name;
         if ("radio" === props.type && null != internalInstance) {
           for (props = target; props.parentNode; ) props = props.parentNode;
           props = props.querySelectorAll(
-            "input[name=" +
-              JSON.stringify("" + internalInstance) +
-              '][type="radio"]'
+            'input[name="' +
+              escapeSelectorAttributeValueInsideDoubleQuotes(
+                "" + internalInstance
+              ) +
+              '"][type="radio"]'
           );
           for (
             internalInstance = 0;
@@ -1364,7 +1384,8 @@ function restoreStateOfTarget(target) {
                 otherProps.defaultValue,
                 otherProps.checked,
                 otherProps.defaultChecked,
-                otherProps.type
+                otherProps.type,
+                otherProps.name
               );
             }
           }
@@ -1455,36 +1476,36 @@ function findCurrentFiberUsingSlowPath(fiber) {
     }
     if (a.return !== b.return) (a = parentA), (b = parentB);
     else {
-      for (var didFindChild = !1, child$21 = parentA.child; child$21; ) {
-        if (child$21 === a) {
+      for (var didFindChild = !1, child$20 = parentA.child; child$20; ) {
+        if (child$20 === a) {
           didFindChild = !0;
           a = parentA;
           b = parentB;
           break;
         }
-        if (child$21 === b) {
+        if (child$20 === b) {
           didFindChild = !0;
           b = parentA;
           a = parentB;
           break;
         }
-        child$21 = child$21.sibling;
+        child$20 = child$20.sibling;
       }
       if (!didFindChild) {
-        for (child$21 = parentB.child; child$21; ) {
-          if (child$21 === a) {
+        for (child$20 = parentB.child; child$20; ) {
+          if (child$20 === a) {
             didFindChild = !0;
             a = parentB;
             b = parentA;
             break;
           }
-          if (child$21 === b) {
+          if (child$20 === b) {
             didFindChild = !0;
             b = parentB;
             a = parentA;
             break;
           }
-          child$21 = child$21.sibling;
+          child$20 = child$20.sibling;
         }
         if (!didFindChild) throw Error(formatProdErrorMessage(189));
       }
@@ -1728,7 +1749,6 @@ function prepareToHydrateHostInstance(fiber) {
       break;
     case "input":
       listenToNonDelegatedEvent("invalid", instance);
-      track(instance);
       initInput(
         instance,
         props.value,
@@ -1736,16 +1756,18 @@ function prepareToHydrateHostInstance(fiber) {
         props.checked,
         props.defaultChecked,
         props.type,
+        props.name,
         !0
       );
+      track(instance);
       break;
     case "select":
       listenToNonDelegatedEvent("invalid", instance);
       break;
     case "textarea":
       listenToNonDelegatedEvent("invalid", instance),
-        track(instance),
-        initTextarea(instance, props.value, props.defaultValue);
+        initTextarea(instance, props.value, props.defaultValue),
+        track(instance);
   }
   i = null;
   var children = props.children;
@@ -3080,6 +3102,269 @@ function resetWorkInProgressVersions() {
     workInProgressSources[i]._workInProgressVersionPrimary = null;
   workInProgressSources.length = 0;
 }
+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) {
+    var workInProgressRoot$jscomp$0 = workInProgressRoot,
+      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
+      errors = null;
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root$46 = firstScheduledRoot; null !== root$46; ) {
+        if (
+          (!onlyLegacy || 0 === root$46.tag) &&
+          0 !==
+            (getNextLanes(
+              root$46,
+              root$46 === workInProgressRoot$jscomp$0
+                ? workInProgressRootRenderLanes$jscomp$0
+                : 0
+            ) &
+              3)
+        )
+          try {
+            didPerformSomeWork = !0;
+            var root = root$46;
+            currentUpdateIsNested = nestedUpdateScheduled;
+            nestedUpdateScheduled = !1;
+            if (0 !== (executionContext & 6))
+              throw Error(formatProdErrorMessage(327));
+            flushPassiveEffects();
+            var lanes = getNextLanes(root, 0);
+            if (0 !== (lanes & 3)) {
+              var exitStatus = renderRootSync(root, lanes);
+              if (0 !== root.tag && 2 === exitStatus) {
+                var originallyAttemptedLanes = lanes,
+                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                    root,
+                    originallyAttemptedLanes
+                  );
+                0 !== errorRetryLanes &&
+                  ((lanes = errorRetryLanes),
+                  (exitStatus = recoverFromConcurrentError(
+                    root,
+                    originallyAttemptedLanes,
+                    errorRetryLanes
+                  )));
+              }
+              if (1 === exitStatus)
+                throw (
+                  ((originallyAttemptedLanes = workInProgressRootFatalError),
+                  prepareFreshStack(root, 0),
+                  markRootSuspended(root, lanes),
+                  ensureRootIsScheduled(root),
+                  originallyAttemptedLanes)
+                );
+              6 === exitStatus
+                ? markRootSuspended(root, lanes)
+                : ((root.finishedWork = root.current.alternate),
+                  (root.finishedLanes = lanes),
+                  commitRoot(
+                    root,
+                    workInProgressRootRecoverableErrors,
+                    workInProgressTransitions
+                  ));
+            }
+            ensureRootIsScheduled(root);
+          } catch (error) {
+            null === errors ? (errors = [error]) : errors.push(error);
+          }
+        root$46 = root$46.next;
+      }
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+    if (null !== errors) {
+      if (1 < errors.length) {
+        if ("function" === typeof AggregateError)
+          throw new AggregateError(errors);
+        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
+          scheduleImmediateTask(throwError.bind(null, errors[onlyLegacy]));
+      }
+      throw errors[0];
+    }
+  }
+}
+function throwError(error) {
+  throw error;
+}
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now$1(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next;
+    0 !== currentEventTransitionLane &&
+      window.event &&
+      "popstate" === window.event.type &&
+      markRootEntangled(root, currentEventTransitionLane | 2);
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === nextLanes
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
+  }
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
+}
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  for (
+    var suspendedLanes = root.suspendedLanes,
+      pingedLanes = root.pingedLanes,
+      expirationTimes = root.expirationTimes,
+      lanes = root.pendingLanes & -125829121;
+    0 < lanes;
+
+  ) {
+    var index$2 = 31 - clz32(lanes),
+      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);
+    lanes &= ~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 536870912:
+      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 currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    null !== actionReturnValue &&
+    "object" === typeof actionReturnValue &&
+    "function" === typeof actionReturnValue.then
+  ) {
+    if (null === currentAsyncAction) {
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: !1,
+        reason: void 0,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(actionReturnValue, asyncAction);
+      return (currentAsyncAction = asyncAction);
+    }
+    var asyncAction$48 = currentAsyncAction;
+    attachPingListeners(actionReturnValue, asyncAction$48);
+    return asyncAction$48;
+  }
+  return null === currentAsyncAction ? !1 : currentAsyncAction;
+}
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "fulfilled"),
+        completeAsyncActionScope(asyncAction));
+    },
+    function (error) {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "rejected"),
+        (asyncAction.reason = error),
+        completeAsyncActionScope(asyncAction));
+    }
+  );
+  return asyncAction;
+}
+function completeAsyncActionScope(action) {
+  currentAsyncAction === action && (currentAsyncAction = null);
+  var listeners = action.listeners;
+  action.listeners = [];
+  for (action = 0; action < listeners.length; action++)
+    (0, listeners[action])(!1);
+}
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig,
   renderLanes$1 = 0,
@@ -3240,20 +3525,21 @@ var createFunctionComponentUpdateQueue;
 createFunctionComponentUpdateQueue = function () {
   return { lastEffect: null, events: null, stores: null, memoCache: null };
 };
+function useThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+  null === thenableState && (thenableState = []);
+  thenable = trackUsedThenable(thenableState, thenable, index);
+  null === currentlyRenderingFiber$1.alternate &&
+    (null === workInProgressHook
+      ? null === currentlyRenderingFiber$1.memoizedState
+      : null === workInProgressHook.next) &&
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
+  return thenable;
+}
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
-    if ("function" === typeof usable.then) {
-      var index$47 = thenableIndexCounter;
-      thenableIndexCounter += 1;
-      null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$47);
-      null === currentlyRenderingFiber$1.alternate &&
-        (null === workInProgressHook
-          ? null === currentlyRenderingFiber$1.memoizedState
-          : null === workInProgressHook.next) &&
-        (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
-      return usable;
-    }
+    if ("function" === typeof usable.then) return useThenable(usable);
     if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -3550,7 +3836,7 @@ function checkIfSnapshotChanged(inst) {
 }
 function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, 2);
-  null !== root && scheduleUpdateOnFiber(root, fiber, 2, -1);
+  null !== root && scheduleUpdateOnFiber(root, fiber, 2);
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
@@ -3715,7 +4001,15 @@ function startTransition(setPending, callback, options) {
     ((ReactCurrentBatchConfig$3.transition.name = options.name),
     (ReactCurrentBatchConfig$3.transition.startTime = now$1()));
   try {
-    setPending(!1), callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(),
+        isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else setPending(!1), callback();
+  } catch (error) {
+    if (enableAsyncActions)
+      setPending({ then: function () {}, status: "rejected", reason: error });
+    else throw error;
   } finally {
     (currentUpdatePriority = previousPriority),
       (ReactCurrentBatchConfig$3.transition = prevTransition);
@@ -3734,16 +4028,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$53 = enqueueUpdate(provider, fiber, lane);
-        if (null !== root$53) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root$53, provider, lane, eventTime);
-          entangleTransitions(root$53, provider, lane);
-        }
+        var root$54 = enqueueUpdate(provider, fiber, lane);
+        null !== root$54 &&
+          (scheduleUpdateOnFiber(root$54, provider, lane),
+          entangleTransitions(root$54, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$53 &&
+          null !== root$54 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -3760,16 +4052,13 @@ function dispatchReducerAction(fiber, queue, action) {
     eagerState: null,
     next: null
   };
-  if (isRenderPhaseUpdate(fiber)) enqueueRenderPhaseUpdate(queue, action);
-  else if (
-    (enqueueUpdate$1(fiber, queue, action, lane),
-    (action = getRootForUpdatedFiber(fiber)),
-    null !== action)
-  ) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(action, fiber, lane, eventTime);
-    entangleTransitionUpdate(action, queue, lane);
-  }
+  isRenderPhaseUpdate(fiber)
+    ? enqueueRenderPhaseUpdate(queue, action)
+    : (enqueueUpdate$1(fiber, queue, action, lane),
+      (action = getRootForUpdatedFiber(fiber)),
+      null !== action &&
+        (scheduleUpdateOnFiber(action, fiber, lane),
+        entangleTransitionUpdate(action, queue, lane)));
   enableSchedulingProfiler && markStateUpdateScheduled(fiber, lane);
 }
 function dispatchSetState(fiber, queue, action) {
@@ -3805,8 +4094,7 @@ function dispatchSetState(fiber, queue, action) {
     enqueueUpdate$1(fiber, queue, update, lane);
     action = getRootForUpdatedFiber(fiber);
     null !== action &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(action, fiber, lane, update),
+      (scheduleUpdateOnFiber(action, fiber, lane),
       entangleTransitionUpdate(action, queue, lane));
   }
   enableSchedulingProfiler && markStateUpdateScheduled(fiber, lane);
@@ -3838,6 +4126,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 }
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -3856,11 +4145,11 @@ var ContextOnlyDispatcher = {
   useId: throwInvalidHookError
 };
 ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
-ContextOnlyDispatcher.use = throwInvalidHookError;
 ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 ContextOnlyDispatcher.useEffectEvent = throwInvalidHookError;
 var HooksDispatcherOnMount = {
   readContext: readContext,
+  use: use,
   useCallback: function (callback, deps) {
     mountWorkInProgressHook().memoizedState = [
       callback,
@@ -3928,11 +4217,10 @@ var HooksDispatcherOnMount = {
     return (mountWorkInProgressHook().memoizedState = value);
   },
   useTransition: function () {
-    var _mountState = mountState(!1),
-      isPending = _mountState[0];
-    _mountState = startTransition.bind(null, _mountState[1]);
-    mountWorkInProgressHook().memoizedState = _mountState;
-    return [isPending, _mountState];
+    var setPending = mountState(!1)[1];
+    setPending = startTransition.bind(null, setPending);
+    mountWorkInProgressHook().memoizedState = setPending;
+    return [!1, setPending];
   },
   useMutableSource: function (source, getSnapshot, subscribe) {
     var hook = mountWorkInProgressHook();
@@ -3952,15 +4240,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$49 = workInProgressRoot;
-      if (null === root$49) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$49, renderLanes$1) ||
+      var root$50 = workInProgressRoot;
+      if (null === root$50) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$50, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$49 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$49;
-    mountEffect(subscribeToStore.bind(null, fiber, root$49, subscribe), [
+    root$50 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$50;
+    mountEffect(subscribeToStore.bind(null, fiber, root$50, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -3969,7 +4257,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$49,
+        root$50,
         getServerSnapshot,
         getSnapshot
       ),
@@ -4011,7 +4299,6 @@ var HooksDispatcherOnMount = {
     ));
   }
 };
-HooksDispatcherOnMount.use = use;
 HooksDispatcherOnMount.useMemoCache = useMemoCache;
 HooksDispatcherOnMount.useEffectEvent = function (callback) {
   var hook = mountWorkInProgressHook(),
@@ -4024,6 +4311,7 @@ HooksDispatcherOnMount.useEffectEvent = function (callback) {
 };
 var HooksDispatcherOnUpdate = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -4042,9 +4330,14 @@ var HooksDispatcherOnUpdate = {
     return updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = updateReducer(basicStateReducer)[0],
+    var booleanOrThenable = updateReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
@@ -4052,10 +4345,10 @@ var HooksDispatcherOnUpdate = {
 };
 HooksDispatcherOnUpdate.useCacheRefresh = updateRefresh;
 HooksDispatcherOnUpdate.useMemoCache = useMemoCache;
-HooksDispatcherOnUpdate.use = use;
 HooksDispatcherOnUpdate.useEffectEvent = updateEvent;
 var HooksDispatcherOnRerender = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -4076,16 +4369,20 @@ var HooksDispatcherOnRerender = {
       : updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = rerenderReducer(basicStateReducer)[0],
+    var booleanOrThenable = rerenderReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
   useId: updateId
 };
 HooksDispatcherOnRerender.useCacheRefresh = updateRefresh;
-HooksDispatcherOnRerender.use = use;
 HooksDispatcherOnRerender.useMemoCache = useMemoCache;
 HooksDispatcherOnRerender.useEffectEvent = updateEvent;
 var now = Scheduler.unstable_now,
@@ -4191,8 +4488,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
     enableSchedulingProfiler && markStateUpdateScheduled(inst, lane);
   },
@@ -4205,8 +4501,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
     enableSchedulingProfiler && markStateUpdateScheduled(inst, lane);
   },
@@ -4218,8 +4513,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     callback = enqueueUpdate(inst, update, lane);
     null !== callback &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(callback, inst, lane, update),
+      (scheduleUpdateOnFiber(callback, inst, lane),
       entangleTransitions(callback, inst, lane));
     enableSchedulingProfiler &&
       enableSchedulingProfiler &&
@@ -4522,10 +4816,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$66 = workInProgress.stateNode;
+      root$67 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$66.incompleteTransitions.has(transition)) {
+        if (!root$67.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4533,11 +4827,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$66.incompleteTransitions.set(transition, markerInstance);
+          root$67.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$66.incompleteTransitions.forEach(function (markerInstance) {
+    root$67.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5209,14 +5503,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$73 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$73)
+    var dehydrated$74 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$74)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$73,
+        dehydrated$74,
         JSCompiler_temp,
         renderLanes
       );
@@ -5226,7 +5520,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$73 = JSCompiler_temp.sibling;
+    dehydrated$74 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5240,8 +5534,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$73
-      ? (showFallback = createWorkInProgress(dehydrated$73, showFallback))
+    null !== dehydrated$74
+      ? (showFallback = createWorkInProgress(dehydrated$74, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5260,10 +5554,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$73 = CacheContext._currentValue),
+          ? ((dehydrated$74 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$73
-                ? { parent: dehydrated$73, pool: dehydrated$73 }
+              JSCompiler_temp.parent !== dehydrated$74
+                ? { parent: dehydrated$74, pool: dehydrated$74 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5277,23 +5571,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$73 = showFallback.updateQueue),
+        (dehydrated$74 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$73
+        null === dehydrated$74
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$73 === primaryChildProps
+          : dehydrated$74 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$73.transitions = didSuspend),
-            (dehydrated$73.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$74.transitions = didSuspend),
+            (dehydrated$74.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -5519,7 +5813,7 @@ function updateDehydratedSuspenseComponent(
         throw (
           ((suspenseState.retryLane = suspenseInstance),
           enqueueConcurrentRenderForLane(current, suspenseInstance),
-          scheduleUpdateOnFiber(nextProps, current, suspenseInstance, -1),
+          scheduleUpdateOnFiber(nextProps, current, suspenseInstance),
           SelectiveHydrationException)
         );
     }
@@ -6095,7 +6389,7 @@ var AbortControllerLocal =
             });
           };
         },
-  scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+  scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority,
   CacheContext = {
     $$typeof: REACT_CONTEXT_TYPE,
@@ -6117,7 +6411,7 @@ function createCache() {
 function releaseCache(cache) {
   cache.refCount--;
   0 === cache.refCount &&
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
 }
@@ -6369,14 +6663,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$105 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$105 = lastTailNode),
+        for (var lastTailNode$106 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$106 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$105
+        null === lastTailNode$106
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$105.sibling = null);
+          : (lastTailNode$106.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6388,53 +6682,53 @@ function bubbleProperties(completedWork) {
   if (didBailout)
     if (0 !== (completedWork.mode & 2)) {
       for (
-        var treeBaseDuration$107 = completedWork.selfBaseDuration,
-          child$108 = completedWork.child;
-        null !== child$108;
+        var treeBaseDuration$108 = completedWork.selfBaseDuration,
+          child$109 = completedWork.child;
+        null !== child$109;
 
       )
-        (newChildLanes |= child$108.lanes | child$108.childLanes),
-          (subtreeFlags |= child$108.subtreeFlags & 31457280),
-          (subtreeFlags |= child$108.flags & 31457280),
-          (treeBaseDuration$107 += child$108.treeBaseDuration),
-          (child$108 = child$108.sibling);
-      completedWork.treeBaseDuration = treeBaseDuration$107;
+        (newChildLanes |= child$109.lanes | child$109.childLanes),
+          (subtreeFlags |= child$109.subtreeFlags & 31457280),
+          (subtreeFlags |= child$109.flags & 31457280),
+          (treeBaseDuration$108 += child$109.treeBaseDuration),
+          (child$109 = child$109.sibling);
+      completedWork.treeBaseDuration = treeBaseDuration$108;
     } else
       for (
-        treeBaseDuration$107 = completedWork.child;
-        null !== treeBaseDuration$107;
+        treeBaseDuration$108 = completedWork.child;
+        null !== treeBaseDuration$108;
 
       )
         (newChildLanes |=
-          treeBaseDuration$107.lanes | treeBaseDuration$107.childLanes),
-          (subtreeFlags |= treeBaseDuration$107.subtreeFlags & 31457280),
-          (subtreeFlags |= treeBaseDuration$107.flags & 31457280),
-          (treeBaseDuration$107.return = completedWork),
-          (treeBaseDuration$107 = treeBaseDuration$107.sibling);
+          treeBaseDuration$108.lanes | treeBaseDuration$108.childLanes),
+          (subtreeFlags |= treeBaseDuration$108.subtreeFlags & 31457280),
+          (subtreeFlags |= treeBaseDuration$108.flags & 31457280),
+          (treeBaseDuration$108.return = completedWork),
+          (treeBaseDuration$108 = treeBaseDuration$108.sibling);
   else if (0 !== (completedWork.mode & 2)) {
-    treeBaseDuration$107 = completedWork.actualDuration;
-    child$108 = completedWork.selfBaseDuration;
+    treeBaseDuration$108 = completedWork.actualDuration;
+    child$109 = completedWork.selfBaseDuration;
     for (var child = completedWork.child; null !== child; )
       (newChildLanes |= child.lanes | child.childLanes),
         (subtreeFlags |= child.subtreeFlags),
         (subtreeFlags |= child.flags),
-        (treeBaseDuration$107 += child.actualDuration),
-        (child$108 += child.treeBaseDuration),
+        (treeBaseDuration$108 += child.actualDuration),
+        (child$109 += child.treeBaseDuration),
         (child = child.sibling);
-    completedWork.actualDuration = treeBaseDuration$107;
-    completedWork.treeBaseDuration = child$108;
+    completedWork.actualDuration = treeBaseDuration$108;
+    completedWork.treeBaseDuration = child$109;
   } else
     for (
-      treeBaseDuration$107 = completedWork.child;
-      null !== treeBaseDuration$107;
+      treeBaseDuration$108 = completedWork.child;
+      null !== treeBaseDuration$108;
 
     )
       (newChildLanes |=
-        treeBaseDuration$107.lanes | treeBaseDuration$107.childLanes),
-        (subtreeFlags |= treeBaseDuration$107.subtreeFlags),
-        (subtreeFlags |= treeBaseDuration$107.flags),
-        (treeBaseDuration$107.return = completedWork),
-        (treeBaseDuration$107 = treeBaseDuration$107.sibling);
+        treeBaseDuration$108.lanes | treeBaseDuration$108.childLanes),
+        (subtreeFlags |= treeBaseDuration$108.subtreeFlags),
+        (subtreeFlags |= treeBaseDuration$108.flags),
+        (treeBaseDuration$108.return = completedWork),
+        (treeBaseDuration$108 = treeBaseDuration$108.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -6570,9 +6864,17 @@ function completeWork(current, workInProgress, renderLanes) {
             rootInstanceStackCursor.current
           );
           switch (current) {
-            case "http://www.w3.org/2000/svg":
-            case "http://www.w3.org/1998/Math/MathML":
-              current = nextResource.createElementNS(current, renderLanes);
+            case 1:
+              current = nextResource.createElementNS(
+                "http://www.w3.org/2000/svg",
+                renderLanes
+              );
+              break;
+            case 2:
+              current = nextResource.createElementNS(
+                "http://www.w3.org/1998/Math/MathML",
+                renderLanes
+              );
               break;
             default:
               switch (renderLanes) {
@@ -7219,8 +7521,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error$140) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$140);
+      } catch (error$141) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$141);
       }
     else ref.current = null;
 }
@@ -7257,7 +7559,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$214) {
+          } catch (e$212) {
             JSCompiler_temp = null;
             break a;
           }
@@ -7527,11 +7829,11 @@ function commitPassiveEffectDurations(finishedRoot, finishedWork) {
         var _finishedWork$memoize = finishedWork.memoizedProps,
           id = _finishedWork$memoize.id;
         _finishedWork$memoize = _finishedWork$memoize.onPostCommit;
-        var commitTime$142 = commitTime,
+        var commitTime$143 = commitTime,
           phase = null === finishedWork.alternate ? "mount" : "update";
         currentUpdateIsNested && (phase = "nested-update");
         "function" === typeof _finishedWork$memoize &&
-          _finishedWork$memoize(id, phase, finishedRoot, commitTime$142);
+          _finishedWork$memoize(id, phase, finishedRoot, commitTime$143);
         finishedWork = finishedWork.return;
         a: for (; null !== finishedWork; ) {
           switch (finishedWork.tag) {
@@ -7558,8 +7860,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$144) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$144);
+    } catch (error$145) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$145);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -7658,11 +7960,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$145) {
+            } catch (error$146) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$145
+                error$146
               );
             }
         else {
@@ -7679,11 +7981,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$146) {
+            } catch (error$147) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$146
+                error$147
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -7694,11 +7996,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$147) {
+            } catch (error$148) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$147
+                error$148
               );
             }
         }
@@ -8306,7 +8608,7 @@ function detachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility |= 2),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachOffscreenInstance(instance) {
@@ -8316,7 +8618,7 @@ function attachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility &= -3),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachSuspenseRetryListeners(finishedWork, wakeables) {
@@ -8404,22 +8706,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$162) {
+          } catch (error$163) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$162
+              error$163
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$163) {
+          } catch (error$164) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$163
+              error$164
             );
           }
       }
@@ -8602,11 +8904,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                   newProps
                 );
             domElement[internalPropsKey] = newProps;
-          } catch (error$164) {
+          } catch (error$165) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$164
+              error$165
             );
           }
       break;
@@ -8642,8 +8944,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$165) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$165);
+        } catch (error$166) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$166);
         }
       }
       if (
@@ -8668,8 +8970,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 root
               ),
             (flags[internalPropsKey] = root);
-        } catch (error$168) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$168);
+        } catch (error$169) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$169);
         }
       break;
     case 6:
@@ -8682,8 +8984,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$169) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$169);
+        } catch (error$170) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$170);
         }
       }
       break;
@@ -8697,8 +8999,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$170) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$170);
+        } catch (error$171) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$171);
         }
       break;
     case 4:
@@ -8728,8 +9030,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$172) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$172);
+        } catch (error$173) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$173);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -8807,11 +9109,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$152) {
+              } catch (error$153) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$152
+                  error$153
                 );
               }
           } else if (
@@ -8886,21 +9188,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$153 = JSCompiler_inline_result.stateNode;
+            var parent$154 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$153, ""),
+              (setTextContent(parent$154, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$154 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$154, parent$153);
+            var before$155 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$155, parent$154);
             break;
           case 3:
           case 4:
-            var parent$155 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$156 = getHostSibling(finishedWork);
+            var parent$156 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$157 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$156,
-              parent$155
+              before$157,
+              parent$156
             );
             break;
           default:
@@ -9092,8 +9394,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$178) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$178);
+    } catch (error$179) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$179);
     }
 }
 function commitOffscreenPassiveMountEffects(current, finishedWork, instance) {
@@ -9392,9 +9694,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$183 = finishedWork.stateNode;
+        var instance$184 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$183._visibility & 4
+          ? instance$184._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9407,7 +9709,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$183._visibility |= 4),
+            : ((instance$184._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9415,7 +9717,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$183._visibility |= 4),
+          : ((instance$184._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9428,7 +9730,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$183
+            instance$184
           );
         break;
       case 24:
@@ -9776,208 +10078,7 @@ function schedulePostPaintCallback(callback) {
       callbacks = [];
     }));
 }
-var firstScheduledRoot = null,
-  lastScheduledRoot = null,
-  didScheduleMicrotask = !1,
-  mightHavePendingSyncWork = !1,
-  isFlushingWork = !1;
-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) {
-    var workInProgressRoot$jscomp$0 = workInProgressRoot,
-      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
-      errors = null;
-    isFlushingWork = !0;
-    do {
-      var didPerformSomeWork = !1;
-      for (var root$191 = firstScheduledRoot; null !== root$191; ) {
-        if (
-          (!onlyLegacy || 0 === root$191.tag) &&
-          0 !==
-            (getNextLanes(
-              root$191,
-              root$191 === workInProgressRoot$jscomp$0
-                ? workInProgressRootRenderLanes$jscomp$0
-                : 0
-            ) &
-              3)
-        )
-          try {
-            didPerformSomeWork = !0;
-            var root = root$191;
-            currentUpdateIsNested = nestedUpdateScheduled;
-            nestedUpdateScheduled = !1;
-            if (0 !== (executionContext & 6))
-              throw Error(formatProdErrorMessage(327));
-            flushPassiveEffects();
-            var lanes = getNextLanes(root, 0);
-            if (0 !== (lanes & 3)) {
-              var exitStatus = renderRootSync(root, lanes);
-              if (0 !== root.tag && 2 === exitStatus) {
-                var originallyAttemptedLanes = lanes,
-                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-                    root,
-                    originallyAttemptedLanes
-                  );
-                0 !== errorRetryLanes &&
-                  ((lanes = errorRetryLanes),
-                  (exitStatus = recoverFromConcurrentError(
-                    root,
-                    originallyAttemptedLanes,
-                    errorRetryLanes
-                  )));
-              }
-              if (1 === exitStatus)
-                throw (
-                  ((originallyAttemptedLanes = workInProgressRootFatalError),
-                  prepareFreshStack(root, 0),
-                  markRootSuspended(root, lanes),
-                  ensureRootIsScheduled(root),
-                  originallyAttemptedLanes)
-                );
-              6 === exitStatus
-                ? markRootSuspended(root, lanes)
-                : ((root.finishedWork = root.current.alternate),
-                  (root.finishedLanes = lanes),
-                  commitRoot(
-                    root,
-                    workInProgressRootRecoverableErrors,
-                    workInProgressTransitions
-                  ));
-            }
-            ensureRootIsScheduled(root);
-          } catch (error) {
-            null === errors ? (errors = [error]) : errors.push(error);
-          }
-        root$191 = root$191.next;
-      }
-    } while (didPerformSomeWork);
-    isFlushingWork = !1;
-    if (null !== errors) {
-      if (1 < errors.length) {
-        if ("function" === typeof AggregateError)
-          throw new AggregateError(errors);
-        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
-          scheduleImmediateTask(throwError.bind(null, errors[onlyLegacy]));
-      }
-      throw errors[0];
-    }
-  }
-}
-function throwError(error) {
-  throw error;
-}
-function processRootScheduleInMicrotask() {
-  mightHavePendingSyncWork = didScheduleMicrotask = !1;
-  for (
-    var currentTime = now$1(), prev = null, root = firstScheduledRoot;
-    null !== root;
-
-  ) {
-    var next = root.next,
-      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
-    0 === nextLanes
-      ? ((root.next = null),
-        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
-        null === next && (lastScheduledRoot = prev))
-      : ((prev = root),
-        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
-    root = next;
-  }
-  flushSyncWorkAcrossRoots_impl(!1);
-}
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  for (
-    var suspendedLanes = root.suspendedLanes,
-      pingedLanes = root.pingedLanes,
-      expirationTimes = root.expirationTimes,
-      lanes = root.pendingLanes & -125829121;
-    0 < lanes;
-
-  ) {
-    var index$3 = 31 - clz32(lanes),
-      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);
-    lanes &= ~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 536870912:
-      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();
-  });
-}
-var ceil = Math.ceil,
-  PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
   ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
   ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
@@ -10074,25 +10175,15 @@ var hasUncaughtError = !1,
   pendingPassiveEffectsRemainingLanes = 0,
   pendingPassiveTransitions = null,
   nestedUpdateCount = 0,
-  rootWithNestedUpdates = null,
-  currentEventTime = -1,
-  currentEventTransitionLane = 0;
-function requestEventTime() {
-  return 0 !== (executionContext & 6)
-    ? now$1()
-    : -1 !== currentEventTime
-    ? currentEventTime
-    : (currentEventTime = now$1());
-}
+  rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
   if (0 === (fiber.mode & 1)) return 2;
   if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
     return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
   if (null !== ReactCurrentBatchConfig$2.transition)
     return (
-      0 === currentEventTransitionLane &&
-        (currentEventTransitionLane = claimNextTransitionLane()),
-      currentEventTransitionLane
+      (fiber = currentAsyncAction),
+      null !== fiber ? fiber.lane : requestTransitionLane()
     );
   fiber = currentUpdatePriority;
   if (0 !== fiber) return fiber;
@@ -10100,14 +10191,14 @@ function requestUpdateLane(fiber) {
   fiber = void 0 === fiber ? 32 : getEventPriority(fiber.type);
   return fiber;
 }
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   if (
     (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
     null !== root.cancelPendingCommit
   )
     prepareFreshStack(root, 0),
       markRootSuspended(root, workInProgressRootRenderLanes);
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot) {
     isDevToolsPresent && addFiberToLanesMap(root, fiber, lane);
     if (
@@ -10116,29 +10207,29 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
       root === rootCommittingMutationOrLayoutEffects &&
       fiber.mode & 2
     )
-      for (eventTime = fiber; null !== eventTime; ) {
-        if (12 === eventTime.tag) {
-          var _current$memoizedProp = eventTime.memoizedProps,
+      for (var current = fiber; null !== current; ) {
+        if (12 === current.tag) {
+          var _current$memoizedProp = current.memoizedProps,
             id = _current$memoizedProp.id;
           _current$memoizedProp = _current$memoizedProp.onNestedUpdateScheduled;
           "function" === typeof _current$memoizedProp &&
             _current$memoizedProp(id);
         }
-        eventTime = eventTime.return;
+        current = current.return;
       }
     if (
       enableTransitionTracing &&
-      ((eventTime = ReactCurrentBatchConfig$1.transition),
-      null !== eventTime &&
-        null != eventTime.name &&
-        (-1 === eventTime.startTime && (eventTime.startTime = now$1()),
+      ((current = ReactCurrentBatchConfig$1.transition),
+      null !== current &&
+        null != current.name &&
+        (-1 === current.startTime && (current.startTime = now$1()),
         enableTransitionTracing))
     ) {
       id = root.transitionLanes;
       _current$memoizedProp = 31 - clz32(lane);
       var transitions = id[_current$memoizedProp];
       null === transitions && (transitions = new Set());
-      transitions.add(eventTime);
+      transitions.add(current);
       id[_current$memoizedProp] = transitions;
     }
     root === workInProgressRoot &&
@@ -10156,8 +10247,6 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
   nestedUpdateScheduled = currentUpdateIsNested = !1;
-  currentEventTime = -1;
-  currentEventTransitionLane = 0;
   if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
   var originalCallbackNode = root.callbackNode;
   if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
@@ -10207,16 +10296,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$194 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$193 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$194 &&
-            ((lanes = errorRetryLanes$194),
+          0 !== errorRetryLanes$193 &&
+            ((lanes = errorRetryLanes$193),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$194
+              errorRetryLanes$193
             )));
         }
         if (1 === exitStatus)
@@ -10230,109 +10319,52 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
       }
       root.finishedWork = didTimeout;
       root.finishedLanes = lanes;
-      switch (exitStatus) {
-        case 0:
-        case 1:
-          throw Error(formatProdErrorMessage(345));
-        case 2:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 3:
-          markRootSuspended(root, lanes);
-          if (
-            (lanes & 125829120) === lanes &&
-            ((exitStatus = globalMostRecentFallbackTime + 500 - now$1()),
-            10 < exitStatus)
-          ) {
-            if (0 !== getNextLanes(root, 0)) break;
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+      a: {
+        switch (exitStatus) {
+          case 0:
+          case 1:
+            throw Error(formatProdErrorMessage(345));
+          case 4:
+            if ((lanes & 8388480) === lanes) {
+              markRootSuspended(root, lanes);
+              break a;
+            }
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 4:
-          markRootSuspended(root, lanes);
-          if ((lanes & 8388480) === lanes) break;
-          exitStatus = lanes;
-          errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$194 = -1; 0 < exitStatus; ) {
-            var index$2 = 31 - clz32(exitStatus),
-              lane = 1 << index$2;
-            index$2 = errorRetryLanes[index$2];
-            index$2 > errorRetryLanes$194 && (errorRetryLanes$194 = index$2);
-            exitStatus &= ~lane;
-          }
-          exitStatus = errorRetryLanes$194;
-          exitStatus = now$1() - exitStatus;
-          exitStatus =
-            (120 > exitStatus
-              ? 120
-              : 480 > exitStatus
-              ? 480
-              : 1080 > exitStatus
-              ? 1080
-              : 1920 > exitStatus
-              ? 1920
-              : 3e3 > exitStatus
-              ? 3e3
-              : 4320 > exitStatus
-              ? 4320
-              : 1960 * ceil(exitStatus / 1960)) - exitStatus;
-          if (10 < exitStatus) {
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+          case 2:
+          case 3:
+          case 5:
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
+          default:
+            throw Error(formatProdErrorMessage(329));
+        }
+        if (
+          (lanes & 125829120) === lanes &&
+          (alwaysThrottleRetries || 3 === exitStatus) &&
+          ((exitStatus = globalMostRecentFallbackTime + 500 - now$1()),
+          10 < exitStatus)
+        ) {
+          markRootSuspended(root, lanes);
+          if (0 !== getNextLanes(root, 0)) break a;
+          root.timeoutHandle = scheduleTimeout(
+            commitRootWhenReady.bind(
+              null,
+              root,
+              didTimeout,
+              workInProgressRootRecoverableErrors,
+              workInProgressTransitions,
+              lanes
+            ),
+            exitStatus
           );
-          break;
-        case 5:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        default:
-          throw Error(formatProdErrorMessage(329));
+          break a;
+        }
+        commitRootWhenReady(
+          root,
+          didTimeout,
+          workInProgressRootRecoverableErrors,
+          workInProgressTransitions,
+          lanes
+        );
       }
     }
   }
@@ -10389,20 +10421,12 @@ function commitRootWhenReady(
     null !== finishedWork)
   ) {
     root.cancelPendingCommit = finishedWork(
-      commitRoot.bind(
-        null,
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      )
+      commitRoot.bind(null, root, recoverableErrors, transitions)
     );
+    markRootSuspended(root, lanes);
     return;
   }
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 function isRenderConsistentWithExternalStores(finishedWork) {
   for (var node = finishedWork; ; ) {
@@ -10444,9 +10468,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$4 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$4;
-    root[index$4] = -1;
+    var index$3 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$3;
+    root[index$3] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -10598,14 +10622,10 @@ function shouldRemainOnPreviousScreen() {
     ? !1
     : handler === shellBoundary;
 }
-function pushDispatcher(container) {
-  container = getHoistableRoot(container);
-  lastCurrentDocument = container.ownerDocument || container;
-  previousDispatcher = Dispatcher$1.current;
-  Dispatcher$1.current = ReactDOMClientDispatcher;
-  container = ReactCurrentDispatcher.current;
+function pushDispatcher() {
+  var prevDispatcher = ReactCurrentDispatcher.current;
   ReactCurrentDispatcher.current = ContextOnlyDispatcher;
-  return null === container ? ContextOnlyDispatcher : container;
+  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushCacheDispatcher() {
   var prevCacheDispatcher = ReactCurrentCache.current;
@@ -10622,7 +10642,7 @@ function renderDidSuspendDelayIfPossible() {
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= 2;
-  var prevDispatcher = pushDispatcher(root.containerInfo),
+  var prevDispatcher = pushDispatcher(),
     prevCacheDispatcher = pushCacheDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
     if (isDevToolsPresent) {
@@ -10655,14 +10675,12 @@ function renderRootSync(root, lanes) {
         }
       workLoopSync();
       break;
-    } catch (thrownValue$197) {
-      handleThrow(root, thrownValue$197);
+    } catch (thrownValue$195) {
+      handleThrow(root, thrownValue$195);
     }
   while (1);
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  Dispatcher$1.current = previousDispatcher;
-  previousDispatcher = null;
   ReactCurrentDispatcher.current = prevDispatcher;
   ReactCurrentCache.current = prevCacheDispatcher;
   if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
@@ -10678,7 +10696,7 @@ function workLoopSync() {
 function renderRootConcurrent(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= 2;
-  var prevDispatcher = pushDispatcher(root.containerInfo),
+  var prevDispatcher = pushDispatcher(),
     prevCacheDispatcher = pushCacheDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
     if (isDevToolsPresent) {
@@ -10773,13 +10791,11 @@ function renderRootConcurrent(root, lanes) {
         }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$199) {
-      handleThrow(root, thrownValue$199);
+    } catch (thrownValue$197) {
+      handleThrow(root, thrownValue$197);
     }
   while (1);
   resetContextDependencies();
-  Dispatcher$1.current = previousDispatcher;
-  previousDispatcher = null;
   ReactCurrentDispatcher.current = prevDispatcher;
   ReactCurrentCache.current = prevCacheDispatcher;
   executionContext = prevExecutionContext;
@@ -10855,6 +10871,8 @@ function replaySuspendedUnitOfWork(unitOfWork) {
         workInProgressRootRenderLanes
       );
       break;
+    case 5:
+      resetHooksOnUnwind();
     default:
       unwindInterruptedWork(current, unitOfWork),
         (unitOfWork = workInProgress =
@@ -10957,10 +10975,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$61 = offscreenQueue.retryQueue;
-                      null === retryQueue$61
+                      var retryQueue$62 = offscreenQueue.retryQueue;
+                      null === retryQueue$62
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$61.add(wakeable);
+                        : retryQueue$62.add(wakeable);
                     }
                   }
                   break;
@@ -11039,21 +11057,38 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
     } catch (error) {
       throw ((workInProgress = returnFiber), error);
     }
-    unitOfWork.flags & 32768
-      ? unwindUnitOfWork(unitOfWork)
-      : completeUnitOfWork(unitOfWork);
+    if (unitOfWork.flags & 32768)
+      a: {
+        do {
+          returnFiber = unwindWork(unitOfWork.alternate, unitOfWork);
+          if (null !== returnFiber) {
+            returnFiber.flags &= 32767;
+            workInProgress = returnFiber;
+            break a;
+          }
+          if (0 !== (unitOfWork.mode & 2)) {
+            stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !1);
+            returnFiber = unitOfWork.actualDuration;
+            for (update = unitOfWork.child; null !== update; )
+              (returnFiber += update.actualDuration), (update = update.sibling);
+            unitOfWork.actualDuration = returnFiber;
+          }
+          unitOfWork = unitOfWork.return;
+          null !== unitOfWork &&
+            ((unitOfWork.flags |= 32768),
+            (unitOfWork.subtreeFlags = 0),
+            (unitOfWork.deletions = null));
+          workInProgress = unitOfWork;
+        } while (null !== unitOfWork);
+        workInProgressRootExitStatus = 6;
+        workInProgress = null;
+      }
+    else completeUnitOfWork(unitOfWork);
   }
 }
 function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
   do {
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      0 !== (completedWork.flags & 32768)
-    ) {
-      unwindUnitOfWork(completedWork);
-      return;
-    }
     var current = completedWork.alternate;
     unitOfWork = completedWork.return;
     0 === (completedWork.mode & 2)
@@ -11074,36 +11109,6 @@ function completeUnitOfWork(unitOfWork) {
   } while (null !== completedWork);
   0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
 }
-function unwindUnitOfWork(unitOfWork) {
-  do {
-    var next = unwindWork(unitOfWork.alternate, unitOfWork);
-    if (null !== next) {
-      next.flags &= 32767;
-      workInProgress = next;
-      return;
-    }
-    if (0 !== (unitOfWork.mode & 2)) {
-      stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !1);
-      next = unitOfWork.actualDuration;
-      for (var child = unitOfWork.child; null !== child; )
-        (next += child.actualDuration), (child = child.sibling);
-      unitOfWork.actualDuration = next;
-    }
-    next = unitOfWork.return;
-    null !== next &&
-      ((next.flags |= 32768), (next.subtreeFlags = 0), (next.deletions = null));
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      ((unitOfWork = unitOfWork.sibling), null !== unitOfWork)
-    ) {
-      workInProgress = unitOfWork;
-      return;
-    }
-    workInProgress = unitOfWork = next;
-  } while (null !== unitOfWork);
-  workInProgressRootExitStatus = 6;
-  workInProgress = null;
-}
 function commitRoot(root, recoverableErrors, transitions) {
   var previousUpdateLanePriority = currentUpdatePriority,
     prevTransition = ReactCurrentBatchConfig$1.transition;
@@ -11171,7 +11176,7 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$203 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$201 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
@@ -11179,7 +11184,7 @@ function commitRootImpl(
     enableProfilerNestedUpdateScheduledHook &&
       (rootCommittingMutationOrLayoutEffects = root);
     commitMutationEffects(root, finishedWork, lanes);
-    shouldFireAfterActiveInstanceBlur$203 &&
+    shouldFireAfterActiveInstanceBlur$201 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -11273,7 +11278,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$204 = rootWithPendingPassiveEffects,
+    var root$202 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -11289,7 +11294,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$204, remainingLanes);
+        releaseRootPooledCache(root$202, remainingLanes);
     }
   }
   return !1;
@@ -11361,10 +11366,8 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
   sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 2);
   rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
-  sourceFiber = requestEventTime();
   null !== rootFiber &&
-    (markRootUpdated(rootFiber, 2, sourceFiber),
-    ensureRootIsScheduled(rootFiber));
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
 }
 function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
   if (3 === sourceFiber.tag)
@@ -11398,9 +11401,8 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
             sourceFiber,
             2
           );
-          sourceFiber = requestEventTime();
           null !== nearestMountedAncestor &&
-            (markRootUpdated(nearestMountedAncestor, 2, sourceFiber),
+            (markRootUpdated(nearestMountedAncestor, 2),
             ensureRootIsScheduled(nearestMountedAncestor));
           break;
         }
@@ -11443,10 +11445,9 @@ function pingSuspendedRoot(root, wakeable, pingedLanes) {
 function retryTimedOutBoundary(boundaryFiber, retryLane) {
   0 === retryLane &&
     (retryLane = 0 === (boundaryFiber.mode & 1) ? 2 : claimNextRetryLane());
-  var eventTime = requestEventTime();
   boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
   null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane, eventTime),
+    (markRootUpdated(boundaryFiber, retryLane),
     ensureRootIsScheduled(boundaryFiber));
 }
 function retryDehydratedSuspenseBoundary(boundaryFiber) {
@@ -12426,7 +12427,6 @@ function FiberRootNode(
     this.cancelPendingCommit =
       null;
   this.callbackPriority = 0;
-  this.eventTimes = createLaneMap(0);
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
     this.errorRecoveryDisabledLanes =
@@ -12533,20 +12533,19 @@ function updateContainer(element, container, parentComponent, callback) {
   null !== callback && (container.callback = callback);
   element = enqueueUpdate(parentComponent, container, lane);
   null !== element &&
-    ((callback = requestEventTime()),
-    scheduleUpdateOnFiber(element, parentComponent, lane, callback),
+    (scheduleUpdateOnFiber(element, parentComponent, lane),
     entangleTransitions(element, parentComponent, lane));
   return lane;
 }
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$207 = fiber.stateNode;
-      if (root$207.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$207.pendingLanes);
+      var root$205 = fiber.stateNode;
+      if (root$205.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$205.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$207, lanes | 2),
-          ensureRootIsScheduled(root$207),
+          (markRootEntangled(root$205, lanes | 2),
+          ensureRootIsScheduled(root$205),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now$1() + 500),
             flushSyncWorkAcrossRoots_impl(!1)));
@@ -12555,10 +12554,7 @@ function attemptSynchronousHydration(fiber) {
     case 13:
       flushSync$1(function () {
         var root = enqueueConcurrentRenderForLane(fiber, 2);
-        if (null !== root) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, fiber, 2, eventTime);
-        }
+        null !== root && scheduleUpdateOnFiber(root, fiber, 2);
       }),
         markRetryLaneIfNotHydrated(fiber, 2);
   }
@@ -12577,10 +12573,7 @@ function markRetryLaneIfNotHydrated(fiber, retryLane) {
 function attemptContinuousHydration(fiber) {
   if (13 === fiber.tag) {
     var root = enqueueConcurrentRenderForLane(fiber, 134217728);
-    if (null !== root) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, 134217728, eventTime);
-    }
+    null !== root && scheduleUpdateOnFiber(root, fiber, 134217728);
     markRetryLaneIfNotHydrated(fiber, 134217728);
   }
 }
@@ -12653,552 +12646,6 @@ if (canUseDOM)
   } catch (e) {
     passiveBrowserEventsSupported = !1;
   }
-var hasScheduledReplayAttempt = !1,
-  queuedFocus = null,
-  queuedDrag = null,
-  queuedMouse = null,
-  queuedPointers = new Map(),
-  queuedPointerCaptures = new Map(),
-  queuedExplicitHydrationTargets = [],
-  discreteReplayableEvents =
-    "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(
-      " "
-    );
-function clearIfContinuousEvent(domEventName, nativeEvent) {
-  switch (domEventName) {
-    case "focusin":
-    case "focusout":
-      queuedFocus = null;
-      break;
-    case "dragenter":
-    case "dragleave":
-      queuedDrag = null;
-      break;
-    case "mouseover":
-    case "mouseout":
-      queuedMouse = null;
-      break;
-    case "pointerover":
-    case "pointerout":
-      queuedPointers.delete(nativeEvent.pointerId);
-      break;
-    case "gotpointercapture":
-    case "lostpointercapture":
-      queuedPointerCaptures.delete(nativeEvent.pointerId);
-  }
-}
-function accumulateOrCreateContinuousQueuedReplayableEvent(
-  existingQueuedEvent,
-  blockedOn,
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  if (
-    null === existingQueuedEvent ||
-    existingQueuedEvent.nativeEvent !== nativeEvent
-  )
-    return (
-      (existingQueuedEvent = {
-        blockedOn: blockedOn,
-        domEventName: domEventName,
-        eventSystemFlags: eventSystemFlags,
-        nativeEvent: nativeEvent,
-        targetContainers: [targetContainer]
-      }),
-      null !== blockedOn &&
-        ((blockedOn = getInstanceFromNode$1(blockedOn)),
-        null !== blockedOn && attemptContinuousHydration(blockedOn)),
-      existingQueuedEvent
-    );
-  existingQueuedEvent.eventSystemFlags |= eventSystemFlags;
-  blockedOn = existingQueuedEvent.targetContainers;
-  null !== targetContainer &&
-    -1 === blockedOn.indexOf(targetContainer) &&
-    blockedOn.push(targetContainer);
-  return existingQueuedEvent;
-}
-function queueIfContinuousEvent(
-  blockedOn,
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  switch (domEventName) {
-    case "focusin":
-      return (
-        (queuedFocus = accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedFocus,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          nativeEvent
-        )),
-        !0
-      );
-    case "dragenter":
-      return (
-        (queuedDrag = accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedDrag,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          nativeEvent
-        )),
-        !0
-      );
-    case "mouseover":
-      return (
-        (queuedMouse = accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedMouse,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          nativeEvent
-        )),
-        !0
-      );
-    case "pointerover":
-      var pointerId = nativeEvent.pointerId;
-      queuedPointers.set(
-        pointerId,
-        accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedPointers.get(pointerId) || null,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          nativeEvent
-        )
-      );
-      return !0;
-    case "gotpointercapture":
-      return (
-        (pointerId = nativeEvent.pointerId),
-        queuedPointerCaptures.set(
-          pointerId,
-          accumulateOrCreateContinuousQueuedReplayableEvent(
-            queuedPointerCaptures.get(pointerId) || null,
-            blockedOn,
-            domEventName,
-            eventSystemFlags,
-            targetContainer,
-            nativeEvent
-          )
-        ),
-        !0
-      );
-  }
-  return !1;
-}
-function attemptExplicitHydrationTarget(queuedTarget) {
-  var targetInst = getClosestInstanceFromNode(queuedTarget.target);
-  if (null !== targetInst) {
-    var nearestMounted = getNearestMountedFiber(targetInst);
-    if (null !== nearestMounted)
-      if (((targetInst = nearestMounted.tag), 13 === targetInst)) {
-        if (
-          ((targetInst = getSuspenseInstanceFromFiber(nearestMounted)),
-          null !== targetInst)
-        ) {
-          queuedTarget.blockedOn = targetInst;
-          runWithPriority(queuedTarget.priority, function () {
-            if (13 === nearestMounted.tag) {
-              var lane = requestUpdateLane(nearestMounted),
-                root = enqueueConcurrentRenderForLane(nearestMounted, lane);
-              if (null !== root) {
-                var eventTime = requestEventTime();
-                scheduleUpdateOnFiber(root, nearestMounted, lane, eventTime);
-              }
-              markRetryLaneIfNotHydrated(nearestMounted, lane);
-            }
-          });
-          return;
-        }
-      } else if (
-        3 === targetInst &&
-        nearestMounted.stateNode.current.memoizedState.isDehydrated
-      ) {
-        queuedTarget.blockedOn =
-          3 === nearestMounted.tag
-            ? nearestMounted.stateNode.containerInfo
-            : null;
-        return;
-      }
-  }
-  queuedTarget.blockedOn = null;
-}
-function attemptReplayContinuousQueuedEvent(queuedEvent) {
-  if (null !== queuedEvent.blockedOn) return !1;
-  for (
-    var targetContainers = queuedEvent.targetContainers;
-    0 < targetContainers.length;
-
-  ) {
-    var nextBlockedOn = findInstanceBlockingEvent(queuedEvent.nativeEvent);
-    if (null === nextBlockedOn) {
-      nextBlockedOn = queuedEvent.nativeEvent;
-      var nativeEventClone = new nextBlockedOn.constructor(
-        nextBlockedOn.type,
-        nextBlockedOn
-      );
-      currentReplayingEvent = nativeEventClone;
-      nextBlockedOn.target.dispatchEvent(nativeEventClone);
-      currentReplayingEvent = null;
-    } else
-      return (
-        (targetContainers = getInstanceFromNode$1(nextBlockedOn)),
-        null !== targetContainers &&
-          attemptContinuousHydration(targetContainers),
-        (queuedEvent.blockedOn = nextBlockedOn),
-        !1
-      );
-    targetContainers.shift();
-  }
-  return !0;
-}
-function attemptReplayContinuousQueuedEventInMap(queuedEvent, key, map) {
-  attemptReplayContinuousQueuedEvent(queuedEvent) && map.delete(key);
-}
-function replayUnblockedEvents() {
-  hasScheduledReplayAttempt = !1;
-  null !== queuedFocus &&
-    attemptReplayContinuousQueuedEvent(queuedFocus) &&
-    (queuedFocus = null);
-  null !== queuedDrag &&
-    attemptReplayContinuousQueuedEvent(queuedDrag) &&
-    (queuedDrag = null);
-  null !== queuedMouse &&
-    attemptReplayContinuousQueuedEvent(queuedMouse) &&
-    (queuedMouse = null);
-  queuedPointers.forEach(attemptReplayContinuousQueuedEventInMap);
-  queuedPointerCaptures.forEach(attemptReplayContinuousQueuedEventInMap);
-}
-function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
-  queuedEvent.blockedOn === unblocked &&
-    ((queuedEvent.blockedOn = null),
-    hasScheduledReplayAttempt ||
-      ((hasScheduledReplayAttempt = !0),
-      Scheduler.unstable_scheduleCallback(
-        Scheduler.unstable_NormalPriority,
-        replayUnblockedEvents
-      )));
-}
-function retryIfBlockedOn(unblocked) {
-  function unblock(queuedEvent) {
-    return scheduleCallbackIfUnblocked(queuedEvent, unblocked);
-  }
-  null !== queuedFocus && scheduleCallbackIfUnblocked(queuedFocus, unblocked);
-  null !== queuedDrag && scheduleCallbackIfUnblocked(queuedDrag, unblocked);
-  null !== queuedMouse && scheduleCallbackIfUnblocked(queuedMouse, unblocked);
-  queuedPointers.forEach(unblock);
-  queuedPointerCaptures.forEach(unblock);
-  for (var i = 0; i < queuedExplicitHydrationTargets.length; i++) {
-    var queuedTarget = queuedExplicitHydrationTargets[i];
-    queuedTarget.blockedOn === unblocked && (queuedTarget.blockedOn = null);
-  }
-  for (
-    ;
-    0 < queuedExplicitHydrationTargets.length &&
-    ((i = queuedExplicitHydrationTargets[0]), null === i.blockedOn);
-
-  )
-    attemptExplicitHydrationTarget(i),
-      null === i.blockedOn && queuedExplicitHydrationTargets.shift();
-}
-var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
-  _enabled = !0;
-function createEventListenerWrapperWithPriority(
-  targetContainer,
-  domEventName,
-  eventSystemFlags
-) {
-  switch (getEventPriority(domEventName)) {
-    case 2:
-      var listenerWrapper = dispatchDiscreteEvent;
-      break;
-    case 8:
-      listenerWrapper = dispatchContinuousEvent;
-      break;
-    default:
-      listenerWrapper = dispatchEvent;
-  }
-  return listenerWrapper.bind(
-    null,
-    domEventName,
-    eventSystemFlags,
-    targetContainer
-  );
-}
-function dispatchDiscreteEvent(
-  domEventName,
-  eventSystemFlags,
-  container,
-  nativeEvent
-) {
-  var previousPriority = currentUpdatePriority,
-    prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = null;
-  try {
-    (currentUpdatePriority = 2),
-      dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
-  } finally {
-    (currentUpdatePriority = previousPriority),
-      (ReactCurrentBatchConfig.transition = prevTransition);
-  }
-}
-function dispatchContinuousEvent(
-  domEventName,
-  eventSystemFlags,
-  container,
-  nativeEvent
-) {
-  var previousPriority = currentUpdatePriority,
-    prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = null;
-  try {
-    (currentUpdatePriority = 8),
-      dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
-  } finally {
-    (currentUpdatePriority = previousPriority),
-      (ReactCurrentBatchConfig.transition = prevTransition);
-  }
-}
-function dispatchEvent(
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  if (_enabled) {
-    var blockedOn = findInstanceBlockingEvent(nativeEvent);
-    if (null === blockedOn)
-      dispatchEventForPluginEventSystem(
-        domEventName,
-        eventSystemFlags,
-        nativeEvent,
-        return_targetInst,
-        targetContainer
-      ),
-        clearIfContinuousEvent(domEventName, nativeEvent);
-    else if (
-      queueIfContinuousEvent(
-        blockedOn,
-        domEventName,
-        eventSystemFlags,
-        targetContainer,
-        nativeEvent
-      )
-    )
-      nativeEvent.stopPropagation();
-    else if (
-      (clearIfContinuousEvent(domEventName, nativeEvent),
-      eventSystemFlags & 4 &&
-        -1 < discreteReplayableEvents.indexOf(domEventName))
-    ) {
-      for (; null !== blockedOn; ) {
-        var fiber = getInstanceFromNode$1(blockedOn);
-        null !== fiber && attemptSynchronousHydration(fiber);
-        fiber = findInstanceBlockingEvent(nativeEvent);
-        null === fiber &&
-          dispatchEventForPluginEventSystem(
-            domEventName,
-            eventSystemFlags,
-            nativeEvent,
-            return_targetInst,
-            targetContainer
-          );
-        if (fiber === blockedOn) break;
-        blockedOn = fiber;
-      }
-      null !== blockedOn && nativeEvent.stopPropagation();
-    } else
-      dispatchEventForPluginEventSystem(
-        domEventName,
-        eventSystemFlags,
-        nativeEvent,
-        null,
-        targetContainer
-      );
-  }
-}
-var return_targetInst = null;
-function findInstanceBlockingEvent(nativeEvent) {
-  return_targetInst = null;
-  nativeEvent = getEventTarget(nativeEvent);
-  nativeEvent = getClosestInstanceFromNode(nativeEvent);
-  if (null !== nativeEvent) {
-    var nearestMounted = getNearestMountedFiber(nativeEvent);
-    if (null === nearestMounted) nativeEvent = null;
-    else {
-      var tag = nearestMounted.tag;
-      if (13 === tag) {
-        nativeEvent = getSuspenseInstanceFromFiber(nearestMounted);
-        if (null !== nativeEvent) return nativeEvent;
-        nativeEvent = null;
-      } else if (3 === tag) {
-        if (nearestMounted.stateNode.current.memoizedState.isDehydrated)
-          return 3 === nearestMounted.tag
-            ? nearestMounted.stateNode.containerInfo
-            : null;
-        nativeEvent = null;
-      } else nearestMounted !== nativeEvent && (nativeEvent = null);
-    }
-  }
-  return_targetInst = nativeEvent;
-  return null;
-}
-function getEventPriority(domEventName) {
-  switch (domEventName) {
-    case "cancel":
-    case "click":
-    case "close":
-    case "contextmenu":
-    case "copy":
-    case "cut":
-    case "auxclick":
-    case "dblclick":
-    case "dragend":
-    case "dragstart":
-    case "drop":
-    case "focusin":
-    case "focusout":
-    case "input":
-    case "invalid":
-    case "keydown":
-    case "keypress":
-    case "keyup":
-    case "mousedown":
-    case "mouseup":
-    case "paste":
-    case "pause":
-    case "play":
-    case "pointercancel":
-    case "pointerdown":
-    case "pointerup":
-    case "ratechange":
-    case "reset":
-    case "resize":
-    case "seeked":
-    case "submit":
-    case "touchcancel":
-    case "touchend":
-    case "touchstart":
-    case "volumechange":
-    case "change":
-    case "selectionchange":
-    case "textInput":
-    case "compositionstart":
-    case "compositionend":
-    case "compositionupdate":
-    case "beforeblur":
-    case "afterblur":
-    case "beforeinput":
-    case "blur":
-    case "fullscreenchange":
-    case "focus":
-    case "hashchange":
-    case "popstate":
-    case "select":
-    case "selectstart":
-      return 2;
-    case "drag":
-    case "dragenter":
-    case "dragexit":
-    case "dragleave":
-    case "dragover":
-    case "mousemove":
-    case "mouseout":
-    case "mouseover":
-    case "pointermove":
-    case "pointerout":
-    case "pointerover":
-    case "scroll":
-    case "toggle":
-    case "touchmove":
-    case "wheel":
-    case "mouseenter":
-    case "mouseleave":
-    case "pointerenter":
-    case "pointerleave":
-      return 8;
-    case "message":
-      switch (getCurrentPriorityLevel()) {
-        case ImmediatePriority:
-          return 2;
-        case UserBlockingPriority:
-          return 8;
-        case NormalPriority$1:
-        case LowPriority:
-          return 32;
-        case IdlePriority:
-          return 536870912;
-        default:
-          return 32;
-      }
-    default:
-      return 32;
-  }
-}
-function addEventBubbleListener(target, eventType, listener) {
-  target.addEventListener(eventType, listener, !1);
-  return listener;
-}
-function addEventCaptureListener(target, eventType, listener) {
-  target.addEventListener(eventType, listener, !0);
-  return listener;
-}
-function addEventCaptureListenerWithPassiveFlag(
-  target,
-  eventType,
-  listener,
-  passive
-) {
-  target.addEventListener(eventType, listener, {
-    capture: !0,
-    passive: passive
-  });
-  return listener;
-}
-function addEventBubbleListenerWithPassiveFlag(
-  target,
-  eventType,
-  listener,
-  passive
-) {
-  target.addEventListener(eventType, listener, { passive: passive });
-  return listener;
-}
-var root = null,
-  startText = null,
-  fallbackText = null;
-function getData() {
-  if (fallbackText) return fallbackText;
-  var start,
-    startValue = startText,
-    startLength = startValue.length,
-    end,
-    endValue = "value" in root ? root.value : root.textContent,
-    endLength = endValue.length;
-  for (
-    start = 0;
-    start < startLength && startValue[start] === endValue[start];
-    start++
-  );
-  var minEnd = startLength - start;
-  for (
-    end = 1;
-    end <= minEnd &&
-    startValue[startLength - end] === endValue[endLength - end];
-    end++
-  );
-  return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
-}
 function getEventCharCode(nativeEvent) {
   var keyCode = nativeEvent.keyCode;
   "charCode" in nativeEvent
@@ -13499,7 +12946,557 @@ var KeyboardEventInterface = assign({}, UIEventInterface, {
     deltaMode: 0
   }),
   SyntheticWheelEvent = createSyntheticEvent(WheelEventInterface),
-  END_KEYCODES = [9, 13, 27, 32],
+  hasScheduledReplayAttempt = !1,
+  queuedFocus = null,
+  queuedDrag = null,
+  queuedMouse = null,
+  queuedPointers = new Map(),
+  queuedPointerCaptures = new Map(),
+  queuedExplicitHydrationTargets = [],
+  discreteReplayableEvents =
+    "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(
+      " "
+    );
+function clearIfContinuousEvent(domEventName, nativeEvent) {
+  switch (domEventName) {
+    case "focusin":
+    case "focusout":
+      queuedFocus = null;
+      break;
+    case "dragenter":
+    case "dragleave":
+      queuedDrag = null;
+      break;
+    case "mouseover":
+    case "mouseout":
+      queuedMouse = null;
+      break;
+    case "pointerover":
+    case "pointerout":
+      queuedPointers.delete(nativeEvent.pointerId);
+      break;
+    case "gotpointercapture":
+    case "lostpointercapture":
+      queuedPointerCaptures.delete(nativeEvent.pointerId);
+  }
+}
+function accumulateOrCreateContinuousQueuedReplayableEvent(
+  existingQueuedEvent,
+  blockedOn,
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  if (
+    null === existingQueuedEvent ||
+    existingQueuedEvent.nativeEvent !== nativeEvent
+  )
+    return (
+      (existingQueuedEvent = {
+        blockedOn: blockedOn,
+        domEventName: domEventName,
+        eventSystemFlags: eventSystemFlags,
+        nativeEvent: nativeEvent,
+        targetContainers: [targetContainer]
+      }),
+      null !== blockedOn &&
+        ((blockedOn = getInstanceFromNode$1(blockedOn)),
+        null !== blockedOn && attemptContinuousHydration(blockedOn)),
+      existingQueuedEvent
+    );
+  existingQueuedEvent.eventSystemFlags |= eventSystemFlags;
+  blockedOn = existingQueuedEvent.targetContainers;
+  null !== targetContainer &&
+    -1 === blockedOn.indexOf(targetContainer) &&
+    blockedOn.push(targetContainer);
+  return existingQueuedEvent;
+}
+function queueIfContinuousEvent(
+  blockedOn,
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  switch (domEventName) {
+    case "focusin":
+      return (
+        (queuedFocus = accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedFocus,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          nativeEvent
+        )),
+        !0
+      );
+    case "dragenter":
+      return (
+        (queuedDrag = accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedDrag,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          nativeEvent
+        )),
+        !0
+      );
+    case "mouseover":
+      return (
+        (queuedMouse = accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedMouse,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          nativeEvent
+        )),
+        !0
+      );
+    case "pointerover":
+      var pointerId = nativeEvent.pointerId;
+      queuedPointers.set(
+        pointerId,
+        accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedPointers.get(pointerId) || null,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          nativeEvent
+        )
+      );
+      return !0;
+    case "gotpointercapture":
+      return (
+        (pointerId = nativeEvent.pointerId),
+        queuedPointerCaptures.set(
+          pointerId,
+          accumulateOrCreateContinuousQueuedReplayableEvent(
+            queuedPointerCaptures.get(pointerId) || null,
+            blockedOn,
+            domEventName,
+            eventSystemFlags,
+            targetContainer,
+            nativeEvent
+          )
+        ),
+        !0
+      );
+  }
+  return !1;
+}
+function attemptExplicitHydrationTarget(queuedTarget) {
+  var targetInst = getClosestInstanceFromNode(queuedTarget.target);
+  if (null !== targetInst) {
+    var nearestMounted = getNearestMountedFiber(targetInst);
+    if (null !== nearestMounted)
+      if (((targetInst = nearestMounted.tag), 13 === targetInst)) {
+        if (
+          ((targetInst = getSuspenseInstanceFromFiber(nearestMounted)),
+          null !== targetInst)
+        ) {
+          queuedTarget.blockedOn = targetInst;
+          runWithPriority(queuedTarget.priority, function () {
+            if (13 === nearestMounted.tag) {
+              var lane = requestUpdateLane(nearestMounted),
+                root = enqueueConcurrentRenderForLane(nearestMounted, lane);
+              null !== root &&
+                scheduleUpdateOnFiber(root, nearestMounted, lane);
+              markRetryLaneIfNotHydrated(nearestMounted, lane);
+            }
+          });
+          return;
+        }
+      } else if (
+        3 === targetInst &&
+        nearestMounted.stateNode.current.memoizedState.isDehydrated
+      ) {
+        queuedTarget.blockedOn =
+          3 === nearestMounted.tag
+            ? nearestMounted.stateNode.containerInfo
+            : null;
+        return;
+      }
+  }
+  queuedTarget.blockedOn = null;
+}
+function attemptReplayContinuousQueuedEvent(queuedEvent) {
+  if (null !== queuedEvent.blockedOn) return !1;
+  for (
+    var targetContainers = queuedEvent.targetContainers;
+    0 < targetContainers.length;
+
+  ) {
+    var nextBlockedOn = findInstanceBlockingEvent(queuedEvent.nativeEvent);
+    if (null === nextBlockedOn) {
+      nextBlockedOn = queuedEvent.nativeEvent;
+      var nativeEventClone = new nextBlockedOn.constructor(
+        nextBlockedOn.type,
+        nextBlockedOn
+      );
+      currentReplayingEvent = nativeEventClone;
+      nextBlockedOn.target.dispatchEvent(nativeEventClone);
+      currentReplayingEvent = null;
+    } else
+      return (
+        (targetContainers = getInstanceFromNode$1(nextBlockedOn)),
+        null !== targetContainers &&
+          attemptContinuousHydration(targetContainers),
+        (queuedEvent.blockedOn = nextBlockedOn),
+        !1
+      );
+    targetContainers.shift();
+  }
+  return !0;
+}
+function attemptReplayContinuousQueuedEventInMap(queuedEvent, key, map) {
+  attemptReplayContinuousQueuedEvent(queuedEvent) && map.delete(key);
+}
+function replayUnblockedEvents() {
+  hasScheduledReplayAttempt = !1;
+  null !== queuedFocus &&
+    attemptReplayContinuousQueuedEvent(queuedFocus) &&
+    (queuedFocus = null);
+  null !== queuedDrag &&
+    attemptReplayContinuousQueuedEvent(queuedDrag) &&
+    (queuedDrag = null);
+  null !== queuedMouse &&
+    attemptReplayContinuousQueuedEvent(queuedMouse) &&
+    (queuedMouse = null);
+  queuedPointers.forEach(attemptReplayContinuousQueuedEventInMap);
+  queuedPointerCaptures.forEach(attemptReplayContinuousQueuedEventInMap);
+}
+function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
+  queuedEvent.blockedOn === unblocked &&
+    ((queuedEvent.blockedOn = null),
+    hasScheduledReplayAttempt ||
+      ((hasScheduledReplayAttempt = !0),
+      Scheduler.unstable_scheduleCallback(
+        Scheduler.unstable_NormalPriority,
+        replayUnblockedEvents
+      )));
+}
+function retryIfBlockedOn(unblocked) {
+  function unblock(queuedEvent) {
+    return scheduleCallbackIfUnblocked(queuedEvent, unblocked);
+  }
+  null !== queuedFocus && scheduleCallbackIfUnblocked(queuedFocus, unblocked);
+  null !== queuedDrag && scheduleCallbackIfUnblocked(queuedDrag, unblocked);
+  null !== queuedMouse && scheduleCallbackIfUnblocked(queuedMouse, unblocked);
+  queuedPointers.forEach(unblock);
+  queuedPointerCaptures.forEach(unblock);
+  for (var i = 0; i < queuedExplicitHydrationTargets.length; i++) {
+    var queuedTarget = queuedExplicitHydrationTargets[i];
+    queuedTarget.blockedOn === unblocked && (queuedTarget.blockedOn = null);
+  }
+  for (
+    ;
+    0 < queuedExplicitHydrationTargets.length &&
+    ((i = queuedExplicitHydrationTargets[0]), null === i.blockedOn);
+
+  )
+    attemptExplicitHydrationTarget(i),
+      null === i.blockedOn && queuedExplicitHydrationTargets.shift();
+}
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  _enabled = !0;
+function createEventListenerWrapperWithPriority(
+  targetContainer,
+  domEventName,
+  eventSystemFlags
+) {
+  switch (getEventPriority(domEventName)) {
+    case 2:
+      var listenerWrapper = dispatchDiscreteEvent;
+      break;
+    case 8:
+      listenerWrapper = dispatchContinuousEvent;
+      break;
+    default:
+      listenerWrapper = dispatchEvent;
+  }
+  return listenerWrapper.bind(
+    null,
+    domEventName,
+    eventSystemFlags,
+    targetContainer
+  );
+}
+function dispatchDiscreteEvent(
+  domEventName,
+  eventSystemFlags,
+  container,
+  nativeEvent
+) {
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
+  try {
+    (currentUpdatePriority = 2),
+      dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
+  }
+}
+function dispatchContinuousEvent(
+  domEventName,
+  eventSystemFlags,
+  container,
+  nativeEvent
+) {
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
+  try {
+    (currentUpdatePriority = 8),
+      dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
+  }
+}
+function dispatchEvent(
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  if (_enabled) {
+    var blockedOn = findInstanceBlockingEvent(nativeEvent);
+    if (null === blockedOn)
+      dispatchEventForPluginEventSystem(
+        domEventName,
+        eventSystemFlags,
+        nativeEvent,
+        return_targetInst,
+        targetContainer
+      ),
+        clearIfContinuousEvent(domEventName, nativeEvent);
+    else if (
+      queueIfContinuousEvent(
+        blockedOn,
+        domEventName,
+        eventSystemFlags,
+        targetContainer,
+        nativeEvent
+      )
+    )
+      nativeEvent.stopPropagation();
+    else if (
+      (clearIfContinuousEvent(domEventName, nativeEvent),
+      eventSystemFlags & 4 &&
+        -1 < discreteReplayableEvents.indexOf(domEventName))
+    ) {
+      for (; null !== blockedOn; ) {
+        var fiber = getInstanceFromNode$1(blockedOn);
+        null !== fiber && attemptSynchronousHydration(fiber);
+        fiber = findInstanceBlockingEvent(nativeEvent);
+        null === fiber &&
+          dispatchEventForPluginEventSystem(
+            domEventName,
+            eventSystemFlags,
+            nativeEvent,
+            return_targetInst,
+            targetContainer
+          );
+        if (fiber === blockedOn) break;
+        blockedOn = fiber;
+      }
+      null !== blockedOn && nativeEvent.stopPropagation();
+    } else
+      dispatchEventForPluginEventSystem(
+        domEventName,
+        eventSystemFlags,
+        nativeEvent,
+        null,
+        targetContainer
+      );
+  }
+}
+function findInstanceBlockingEvent(nativeEvent) {
+  nativeEvent = getEventTarget(nativeEvent);
+  a: {
+    return_targetInst = null;
+    nativeEvent = getClosestInstanceFromNode(nativeEvent);
+    if (null !== nativeEvent) {
+      var nearestMounted = getNearestMountedFiber(nativeEvent);
+      if (null === nearestMounted) nativeEvent = null;
+      else {
+        var tag = nearestMounted.tag;
+        if (13 === tag) {
+          nativeEvent = getSuspenseInstanceFromFiber(nearestMounted);
+          if (null !== nativeEvent) break a;
+          nativeEvent = null;
+        } else if (3 === tag) {
+          if (nearestMounted.stateNode.current.memoizedState.isDehydrated) {
+            nativeEvent =
+              3 === nearestMounted.tag
+                ? nearestMounted.stateNode.containerInfo
+                : null;
+            break a;
+          }
+          nativeEvent = null;
+        } else nearestMounted !== nativeEvent && (nativeEvent = null);
+      }
+    }
+    return_targetInst = nativeEvent;
+    nativeEvent = null;
+  }
+  return nativeEvent;
+}
+var return_targetInst = null;
+function getEventPriority(domEventName) {
+  switch (domEventName) {
+    case "cancel":
+    case "click":
+    case "close":
+    case "contextmenu":
+    case "copy":
+    case "cut":
+    case "auxclick":
+    case "dblclick":
+    case "dragend":
+    case "dragstart":
+    case "drop":
+    case "focusin":
+    case "focusout":
+    case "input":
+    case "invalid":
+    case "keydown":
+    case "keypress":
+    case "keyup":
+    case "mousedown":
+    case "mouseup":
+    case "paste":
+    case "pause":
+    case "play":
+    case "pointercancel":
+    case "pointerdown":
+    case "pointerup":
+    case "ratechange":
+    case "reset":
+    case "resize":
+    case "seeked":
+    case "submit":
+    case "touchcancel":
+    case "touchend":
+    case "touchstart":
+    case "volumechange":
+    case "change":
+    case "selectionchange":
+    case "textInput":
+    case "compositionstart":
+    case "compositionend":
+    case "compositionupdate":
+    case "beforeblur":
+    case "afterblur":
+    case "beforeinput":
+    case "blur":
+    case "fullscreenchange":
+    case "focus":
+    case "hashchange":
+    case "popstate":
+    case "select":
+    case "selectstart":
+      return 2;
+    case "drag":
+    case "dragenter":
+    case "dragexit":
+    case "dragleave":
+    case "dragover":
+    case "mousemove":
+    case "mouseout":
+    case "mouseover":
+    case "pointermove":
+    case "pointerout":
+    case "pointerover":
+    case "scroll":
+    case "toggle":
+    case "touchmove":
+    case "wheel":
+    case "mouseenter":
+    case "mouseleave":
+    case "pointerenter":
+    case "pointerleave":
+      return 8;
+    case "message":
+      switch (getCurrentPriorityLevel()) {
+        case ImmediatePriority:
+          return 2;
+        case UserBlockingPriority:
+          return 8;
+        case NormalPriority$1:
+        case LowPriority:
+          return 32;
+        case IdlePriority:
+          return 536870912;
+        default:
+          return 32;
+      }
+    default:
+      return 32;
+  }
+}
+function addEventBubbleListener(target, eventType, listener) {
+  target.addEventListener(eventType, listener, !1);
+  return listener;
+}
+function addEventCaptureListener(target, eventType, listener) {
+  target.addEventListener(eventType, listener, !0);
+  return listener;
+}
+function addEventCaptureListenerWithPassiveFlag(
+  target,
+  eventType,
+  listener,
+  passive
+) {
+  target.addEventListener(eventType, listener, {
+    capture: !0,
+    passive: passive
+  });
+  return listener;
+}
+function addEventBubbleListenerWithPassiveFlag(
+  target,
+  eventType,
+  listener,
+  passive
+) {
+  target.addEventListener(eventType, listener, { passive: passive });
+  return listener;
+}
+var root = null,
+  startText = null,
+  fallbackText = null;
+function getData() {
+  if (fallbackText) return fallbackText;
+  var start,
+    startValue = startText,
+    startLength = startValue.length,
+    end,
+    endValue = "value" in root ? root.value : root.textContent,
+    endLength = endValue.length;
+  for (
+    start = 0;
+    start < startLength && startValue[start] === endValue[start];
+    start++
+  );
+  var minEnd = startLength - start;
+  for (
+    end = 1;
+    end <= minEnd &&
+    startValue[startLength - end] === endValue[endLength - end];
+    end++
+  );
+  return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
+}
+var END_KEYCODES = [9, 13, 27, 32],
   canUseCompositionEvent = canUseDOM && "CompositionEvent" in window,
   documentMode = null;
 canUseDOM &&
@@ -13638,7 +13635,7 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$399;
+  var JSCompiler_inline_result$jscomp$392;
   if (canUseDOM) {
     var isSupported$jscomp$inline_1684 = "oninput" in document;
     if (!isSupported$jscomp$inline_1684) {
@@ -13647,10 +13644,10 @@ if (canUseDOM) {
       isSupported$jscomp$inline_1684 =
         "function" === typeof element$jscomp$inline_1685.oninput;
     }
-    JSCompiler_inline_result$jscomp$399 = isSupported$jscomp$inline_1684;
-  } else JSCompiler_inline_result$jscomp$399 = !1;
+    JSCompiler_inline_result$jscomp$392 = isSupported$jscomp$inline_1684;
+  } else JSCompiler_inline_result$jscomp$392 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$399 &&
+    JSCompiler_inline_result$jscomp$392 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -14833,11 +14830,23 @@ function setProp(domElement, tag, key, value, props, prevValue) {
       break;
     case "src":
     case "href":
-    case "action":
       if ("" === value) {
         domElement.removeAttribute(key);
         break;
       }
+      if (
+        null == value ||
+        "function" === typeof value ||
+        "symbol" === typeof value ||
+        "boolean" === typeof value
+      ) {
+        domElement.removeAttribute(key);
+        break;
+      }
+      value = sanitizeURL(enableTrustedTypesIntegration ? value : "" + value);
+      domElement.setAttribute(key, value);
+      break;
+    case "action":
     case "formAction":
       if (
         null == value ||
@@ -14912,7 +14921,10 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case "focusable":
     case "preserveAlpha":
       null != value && "function" !== typeof value && "symbol" !== typeof value
-        ? domElement.setAttribute(key, value)
+        ? domElement.setAttribute(
+            key,
+            enableTrustedTypesIntegration ? value : "" + value
+          )
         : domElement.removeAttribute(key);
       break;
     case "allowFullScreen":
@@ -15106,7 +15118,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
               "o" === key[0] &&
               "n" === key[1] &&
               ((tag = key.endsWith("Capture")),
-              (value = key.substr(2, tag ? key.length - 9 : void 0)),
+              (value = key.slice(2, tag ? key.length - 7 : void 0)),
               (prevValue = getFiberCurrentPropsFromNode(domElement)),
               (prevValue = null != prevValue ? prevValue[key] : null),
               "function" === typeof prevValue &&
@@ -15146,7 +15158,8 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "input":
       listenToNonDelegatedEvent("invalid", domElement);
-      var type = null,
+      var name = null,
+        type = null,
         value = null,
         defaultValue = null,
         checked = null,
@@ -15156,22 +15169,14 @@ function setInitialProperties(domElement, tag, props) {
           var propValue = props[propKey];
           if (null != propValue)
             switch (propKey) {
+              case "name":
+                name = propValue;
+                break;
               case "type":
-                null != propValue &&
-                  "function" !== typeof propValue &&
-                  "symbol" !== typeof propValue &&
-                  "boolean" !== typeof propValue &&
-                  ((type = propValue),
-                  domElement.setAttribute(propKey, propValue));
+                type = propValue;
                 break;
               case "checked":
                 checked = propValue;
-                propValue =
-                  null != propValue ? propValue : props.defaultChecked;
-                domElement.checked =
-                  !!propValue &&
-                  "function" !== typeof propValue &&
-                  "symbol" !== propValue;
                 break;
               case "defaultChecked":
                 defaultChecked = propValue;
@@ -15191,7 +15196,6 @@ function setInitialProperties(domElement, tag, props) {
                 setProp(domElement, tag, propKey, propValue, props, null);
             }
         }
-      track(domElement);
       initInput(
         domElement,
         value,
@@ -15199,31 +15203,33 @@ function setInitialProperties(domElement, tag, props) {
         checked,
         defaultChecked,
         type,
+        name,
         !1
       );
+      track(domElement);
       return;
     case "select":
       listenToNonDelegatedEvent("invalid", domElement);
-      var propKey = (value = defaultValue = null);
-      for (type in props)
+      var propKey = (type = value = null);
+      for (name in props)
         if (
-          props.hasOwnProperty(type) &&
-          ((checked = props[type]), null != checked)
+          props.hasOwnProperty(name) &&
+          ((defaultValue = props[name]), null != defaultValue)
         )
-          switch (type) {
+          switch (name) {
             case "value":
-              defaultValue = checked;
+              value = defaultValue;
               break;
             case "defaultValue":
-              value = checked;
+              type = defaultValue;
               break;
             case "multiple":
-              propKey = checked;
+              propKey = defaultValue;
             default:
-              setProp(domElement, tag, type, checked, props, null);
+              setProp(domElement, tag, name, defaultValue, props, null);
           }
-      tag = defaultValue;
-      props = value;
+      tag = value;
+      props = type;
       domElement.multiple = !!propKey;
       null != tag
         ? updateOptions(domElement, !!propKey, tag, !1)
@@ -15231,37 +15237,37 @@ function setInitialProperties(domElement, tag, props) {
       return;
     case "textarea":
       listenToNonDelegatedEvent("invalid", domElement);
-      type = propKey = null;
-      for (value in props)
+      name = propKey = null;
+      for (type in props)
         if (
-          props.hasOwnProperty(value) &&
-          ((defaultValue = props[value]), null != defaultValue)
+          props.hasOwnProperty(type) &&
+          ((value = props[type]), null != value)
         )
-          switch (value) {
+          switch (type) {
             case "value":
-              propKey = defaultValue;
+              propKey = value;
               break;
             case "defaultValue":
-              type = defaultValue;
+              name = value;
               break;
             case "children":
               break;
             case "dangerouslySetInnerHTML":
-              if (null != defaultValue) throw Error(formatProdErrorMessage(91));
+              if (null != value) throw Error(formatProdErrorMessage(91));
               break;
             default:
-              setProp(domElement, tag, value, defaultValue, props);
+              setProp(domElement, tag, type, value, props, null);
           }
+      initTextarea(domElement, propKey, name);
       track(domElement);
-      initTextarea(domElement, propKey, type);
       return;
     case "option":
-      for (checked in props)
+      for (defaultValue in props)
         if (
-          props.hasOwnProperty(checked) &&
-          ((propKey = props[checked]), null != propKey)
+          props.hasOwnProperty(defaultValue) &&
+          ((propKey = props[defaultValue]), null != propKey)
         )
-          switch (checked) {
+          switch (defaultValue) {
             case "selected":
               domElement.selected =
                 propKey &&
@@ -15269,7 +15275,7 @@ function setInitialProperties(domElement, tag, props) {
                 "symbol" !== typeof propKey;
               break;
             default:
-              setProp(domElement, tag, checked, propKey, props);
+              setProp(domElement, tag, defaultValue, propKey, props, null);
           }
       return;
     case "dialog":
@@ -15309,29 +15315,29 @@ function setInitialProperties(domElement, tag, props) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (defaultChecked in props)
+      for (checked in props)
         if (
-          props.hasOwnProperty(defaultChecked) &&
-          ((propKey = props[defaultChecked]), null != propKey)
+          props.hasOwnProperty(checked) &&
+          ((propKey = props[checked]), null != propKey)
         )
-          switch (defaultChecked) {
+          switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(137, tag));
             default:
-              setProp(domElement, tag, defaultChecked, propKey, props, null);
+              setProp(domElement, tag, checked, propKey, props, null);
           }
       return;
     default:
       if (isCustomElement(tag)) {
-        for (propValue in props)
-          props.hasOwnProperty(propValue) &&
-            ((propKey = props[propValue]),
+        for (defaultChecked in props)
+          props.hasOwnProperty(defaultChecked) &&
+            ((propKey = props[defaultChecked]),
             null != propKey &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propValue,
+                defaultChecked,
                 propKey,
                 props,
                 null
@@ -15339,11 +15345,10 @@ function setInitialProperties(domElement, tag, props) {
         return;
       }
   }
-  for (defaultValue in props)
-    props.hasOwnProperty(defaultValue) &&
-      ((propKey = props[defaultValue]),
-      null != propKey &&
-        setProp(domElement, tag, defaultValue, propKey, props, null));
+  for (value in props)
+    props.hasOwnProperty(value) &&
+      ((propKey = props[value]),
+      null != propKey && setProp(domElement, tag, value, propKey, props, null));
 }
 function updateProperties(domElement, tag, lastProps, nextProps) {
   switch (tag) {
@@ -15369,12 +15374,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         if (lastProps.hasOwnProperty(propKey) && null != lastProp)
           switch (propKey) {
             case "checked":
-              nextProps.hasOwnProperty(propKey) ||
-                ((lastProp = nextProps.defaultChecked),
-                (domElement.checked =
-                  !!lastProp &&
-                  "function" !== typeof lastProp &&
-                  "symbol" !== lastProp));
               break;
             case "value":
               break;
@@ -15385,36 +15384,22 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$240 in nextProps) {
-        var propKey = nextProps[propKey$240];
-        lastProp = lastProps[propKey$240];
+      for (var propKey$239 in nextProps) {
+        var propKey = nextProps[propKey$239];
+        lastProp = lastProps[propKey$239];
         if (
-          nextProps.hasOwnProperty(propKey$240) &&
+          nextProps.hasOwnProperty(propKey$239) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$240) {
+          switch (propKey$239) {
             case "type":
               type = propKey;
-              propKey !== lastProp &&
-                (null != propKey &&
-                "function" !== typeof propKey &&
-                "symbol" !== typeof propKey &&
-                "boolean" !== typeof propKey
-                  ? domElement.setAttribute(propKey$240, propKey)
-                  : domElement.removeAttribute(propKey$240));
               break;
             case "name":
               name = propKey;
               break;
             case "checked":
               checked = propKey;
-              propKey !== lastProp &&
-                ((propKey =
-                  null != propKey ? propKey : nextProps.defaultChecked),
-                (domElement.checked =
-                  !!propKey &&
-                  "function" !== typeof propKey &&
-                  "symbol" !== propKey));
               break;
             case "defaultChecked":
               defaultChecked = propKey;
@@ -15435,19 +15420,13 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$240,
+                  propKey$239,
                   propKey,
                   nextProps,
                   lastProp
                 );
           }
       }
-      null != name &&
-      "function" !== typeof name &&
-      "symbol" !== typeof name &&
-      "boolean" !== typeof name
-        ? domElement.setAttribute("name", name)
-        : domElement.removeAttribute("name");
       updateInput(
         domElement,
         value,
@@ -15455,11 +15434,12 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     case "select":
-      defaultValue = value = propKey = propKey$240 = null;
+      defaultValue = value = propKey = propKey$239 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -15490,7 +15470,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$240 = type;
+              propKey$239 = type;
               break;
             case "defaultValue":
               propKey = type;
@@ -15508,10 +15488,10 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                   lastDefaultValue
                 );
           }
-      updateSelect(domElement, propKey$240, propKey, value, defaultValue);
+      updateSelect(domElement, propKey$239, propKey, value, defaultValue);
       return;
     case "textarea":
-      propKey = propKey$240 = null;
+      propKey = propKey$239 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -15535,7 +15515,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$240 = name;
+              propKey$239 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -15549,17 +15529,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$240, propKey);
+      updateTextarea(domElement, propKey$239, propKey);
       return;
     case "option":
-      for (var propKey$258 in lastProps)
+      for (var propKey$255 in lastProps)
         if (
-          ((propKey$240 = lastProps[propKey$258]),
-          lastProps.hasOwnProperty(propKey$258) &&
-            null != propKey$240 &&
-            !nextProps.hasOwnProperty(propKey$258))
+          ((propKey$239 = lastProps[propKey$255]),
+          lastProps.hasOwnProperty(propKey$255) &&
+            null != propKey$239 &&
+            !nextProps.hasOwnProperty(propKey$255))
         )
-          switch (propKey$258) {
+          switch (propKey$255) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -15567,33 +15547,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$258,
+                propKey$255,
                 null,
                 nextProps,
-                propKey$240
+                propKey$239
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$240 = nextProps[lastDefaultValue]),
+          ((propKey$239 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$240 !== propKey &&
-            (null != propKey$240 || null != propKey))
+            propKey$239 !== propKey &&
+            (null != propKey$239 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$240 &&
-                "function" !== typeof propKey$240 &&
-                "symbol" !== typeof propKey$240;
+                propKey$239 &&
+                "function" !== typeof propKey$239 &&
+                "symbol" !== typeof propKey$239;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$240,
+                propKey$239,
                 nextProps,
                 propKey
               );
@@ -15614,24 +15594,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$263 in lastProps)
-        (propKey$240 = lastProps[propKey$263]),
-          lastProps.hasOwnProperty(propKey$263) &&
-            null != propKey$240 &&
-            !nextProps.hasOwnProperty(propKey$263) &&
-            setProp(domElement, tag, propKey$263, null, nextProps, propKey$240);
+      for (var propKey$260 in lastProps)
+        (propKey$239 = lastProps[propKey$260]),
+          lastProps.hasOwnProperty(propKey$260) &&
+            null != propKey$239 &&
+            !nextProps.hasOwnProperty(propKey$260) &&
+            setProp(domElement, tag, propKey$260, null, nextProps, propKey$239);
       for (checked in nextProps)
         if (
-          ((propKey$240 = nextProps[checked]),
+          ((propKey$239 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$240 !== propKey &&
-            (null != propKey$240 || null != propKey))
+            propKey$239 !== propKey &&
+            (null != propKey$239 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$240)
+              if (null != propKey$239)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -15639,7 +15619,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$240,
+                propKey$239,
                 nextProps,
                 propKey
               );
@@ -15647,49 +15627,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$268 in lastProps)
-          (propKey$240 = lastProps[propKey$268]),
-            lastProps.hasOwnProperty(propKey$268) &&
-              null != propKey$240 &&
-              !nextProps.hasOwnProperty(propKey$268) &&
+        for (var propKey$265 in lastProps)
+          (propKey$239 = lastProps[propKey$265]),
+            lastProps.hasOwnProperty(propKey$265) &&
+              null != propKey$239 &&
+              !nextProps.hasOwnProperty(propKey$265) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$268,
+                propKey$265,
                 null,
                 nextProps,
-                propKey$240
+                propKey$239
               );
         for (defaultChecked in nextProps)
-          (propKey$240 = nextProps[defaultChecked]),
+          (propKey$239 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$240 === propKey ||
-              (null == propKey$240 && null == propKey) ||
+              propKey$239 === propKey ||
+              (null == propKey$239 && null == propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$240,
+                propKey$239,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$273 in lastProps)
-    (propKey$240 = lastProps[propKey$273]),
-      lastProps.hasOwnProperty(propKey$273) &&
-        null != propKey$240 &&
-        !nextProps.hasOwnProperty(propKey$273) &&
-        setProp(domElement, tag, propKey$273, null, nextProps, propKey$240);
+  for (var propKey$270 in lastProps)
+    (propKey$239 = lastProps[propKey$270]),
+      lastProps.hasOwnProperty(propKey$270) &&
+        null != propKey$239 &&
+        !nextProps.hasOwnProperty(propKey$270) &&
+        setProp(domElement, tag, propKey$270, null, nextProps, propKey$239);
   for (lastProp in nextProps)
-    (propKey$240 = nextProps[lastProp]),
+    (propKey$239 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$240 === propKey ||
-        (null == propKey$240 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$240, nextProps, propKey);
+        propKey$239 === propKey ||
+        (null == propKey$239 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$239, nextProps, propKey);
 }
 function updatePropertiesWithDiff(
   domElement,
@@ -15709,13 +15689,13 @@ function updatePropertiesWithDiff(
     case "li":
       break;
     case "input":
-      var name = nextProps.name,
-        type = nextProps.type,
-        value = nextProps.value,
-        defaultValue = nextProps.defaultValue;
-      lastProps = lastProps.defaultValue;
       for (
-        var checked = nextProps.checked,
+        var name = nextProps.name,
+          type = nextProps.type,
+          value = nextProps.value,
+          defaultValue = nextProps.defaultValue,
+          lastDefaultValue = lastProps.defaultValue,
+          checked = nextProps.checked,
           defaultChecked = nextProps.defaultChecked,
           i = 0;
         i < updatePayload.length;
@@ -15725,21 +15705,10 @@ function updatePropertiesWithDiff(
           propValue = updatePayload[i + 1];
         switch (propKey) {
           case "type":
-            null != propValue &&
-            "function" !== typeof propValue &&
-            "symbol" !== typeof propValue &&
-            "boolean" !== typeof propValue
-              ? domElement.setAttribute(propKey, propValue)
-              : domElement.removeAttribute(propKey);
             break;
           case "name":
             break;
           case "checked":
-            propKey = null != propValue ? propValue : nextProps.defaultChecked;
-            domElement.checked =
-              !!propKey &&
-              "function" !== typeof propKey &&
-              "symbol" !== propKey;
             break;
           case "defaultChecked":
             break;
@@ -15753,23 +15722,25 @@ function updatePropertiesWithDiff(
               throw Error(formatProdErrorMessage(137, tag));
             break;
           default:
-            setProp(domElement, tag, propKey, propValue, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              propKey,
+              propValue,
+              nextProps,
+              lastProps[propKey]
+            );
         }
       }
-      null != name &&
-      "function" !== typeof name &&
-      "symbol" !== typeof name &&
-      "boolean" !== typeof name
-        ? domElement.setAttribute("name", name)
-        : domElement.removeAttribute("name");
       updateInput(
         domElement,
         value,
         defaultValue,
-        lastProps,
+        lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     case "select":
@@ -15777,16 +15748,27 @@ function updatePropertiesWithDiff(
       type = nextProps.defaultValue;
       value = nextProps.multiple;
       defaultValue = lastProps.multiple;
-      for (lastProps = 0; lastProps < updatePayload.length; lastProps += 2)
+      for (
+        lastDefaultValue = 0;
+        lastDefaultValue < updatePayload.length;
+        lastDefaultValue += 2
+      )
         switch (
-          ((checked = updatePayload[lastProps]),
-          (defaultChecked = updatePayload[lastProps + 1]),
+          ((checked = updatePayload[lastDefaultValue]),
+          (defaultChecked = updatePayload[lastDefaultValue + 1]),
           checked)
         ) {
           case "value":
             break;
           default:
-            setProp(domElement, tag, checked, defaultChecked, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              checked,
+              defaultChecked,
+              nextProps,
+              lastProps[checked]
+            );
         }
       updateSelect(domElement, name, type, value, defaultValue);
       return;
@@ -15796,7 +15778,7 @@ function updatePropertiesWithDiff(
       for (value = 0; value < updatePayload.length; value += 2)
         switch (
           ((defaultValue = updatePayload[value]),
-          (lastProps = updatePayload[value + 1]),
+          (lastDefaultValue = updatePayload[value + 1]),
           defaultValue)
         ) {
           case "value":
@@ -15804,10 +15786,18 @@ function updatePropertiesWithDiff(
           case "children":
             break;
           case "dangerouslySetInnerHTML":
-            if (null != lastProps) throw Error(formatProdErrorMessage(91));
+            if (null != lastDefaultValue)
+              throw Error(formatProdErrorMessage(91));
             break;
           default:
-            setProp(domElement, tag, defaultValue, lastProps, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              defaultValue,
+              lastDefaultValue,
+              nextProps,
+              lastProps[defaultValue]
+            );
         }
       updateTextarea(domElement, name, type);
       return;
@@ -15823,7 +15813,7 @@ function updatePropertiesWithDiff(
               value && "function" !== typeof value && "symbol" !== typeof value;
             break;
           default:
-            setProp(domElement, tag, type, value, nextProps, null);
+            setProp(domElement, tag, type, value, nextProps, lastProps[type]);
         }
       return;
     case "img":
@@ -15852,41 +15842,66 @@ function updatePropertiesWithDiff(
             if (null != value) throw Error(formatProdErrorMessage(137, tag));
             break;
           default:
-            setProp(domElement, tag, type, value, nextProps, null);
+            setProp(domElement, tag, type, value, nextProps, lastProps[type]);
         }
       return;
     default:
       if (isCustomElement(tag)) {
         for (name = 0; name < updatePayload.length; name += 2)
-          setPropOnCustomElement(
-            domElement,
-            tag,
-            updatePayload[name],
-            updatePayload[name + 1],
-            nextProps,
-            null
-          );
+          (type = updatePayload[name]),
+            setPropOnCustomElement(
+              domElement,
+              tag,
+              type,
+              updatePayload[name + 1],
+              nextProps,
+              lastProps[type]
+            );
         return;
       }
   }
   for (name = 0; name < updatePayload.length; name += 2)
-    setProp(
-      domElement,
-      tag,
-      updatePayload[name],
-      updatePayload[name + 1],
-      nextProps,
-      null
-    );
+    (type = updatePayload[name]),
+      setProp(
+        domElement,
+        tag,
+        type,
+        updatePayload[name + 1],
+        nextProps,
+        lastProps[type]
+      );
 }
-var Dispatcher$1 = Internals.Dispatcher,
-  eventsEnabled = null,
+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,
@@ -16078,28 +16093,13 @@ function resolveSingletonInstance(type, props, rootContainerInstance) {
       throw Error(formatProdErrorMessage(451));
   }
 }
-var lastCurrentDocument = null,
-  previousDispatcher = null,
-  preloadPropsMap = new Map(),
+var preloadPropsMap = new Map(),
   preconnectsSet = new Set();
 function getHoistableRoot(container) {
   return "function" === typeof container.getRootNode
     ? container.getRootNode()
     : container.ownerDocument;
 }
-function getCurrentResourceRoot() {
-  var currentContainer = rootInstanceStackCursor.current;
-  return currentContainer ? getHoistableRoot(currentContainer) : null;
-}
-function getDocumentForPreloads() {
-  var root = getCurrentResourceRoot();
-  if (root) return root.ownerDocument || root;
-  try {
-    return lastCurrentDocument || window.document;
-  } catch (error) {
-    return null;
-  }
-}
 var ReactDOMClientDispatcher = {
   prefetchDNS: prefetchDNS$1,
   preconnect: preconnect$1,
@@ -16107,8 +16107,8 @@ var ReactDOMClientDispatcher = {
   preinit: preinit$1
 };
 function preconnectAs(rel, crossOrigin, href) {
-  var ownerDocument = getDocumentForPreloads();
-  if ("string" === typeof href && href && ownerDocument) {
+  var ownerDocument = document;
+  if ("string" === typeof href && href) {
     var limitedEscapedHref =
       escapeSelectorAttributeValueInsideDoubleQuotes(href);
     limitedEscapedHref =
@@ -16140,7 +16140,7 @@ function preconnect$1(href, options) {
   );
 }
 function preload$1(href, options) {
-  var ownerDocument = getDocumentForPreloads();
+  var ownerDocument = document;
   if (
     "string" === typeof href &&
     href &&
@@ -16181,125 +16181,92 @@ function preload$1(href, options) {
   }
 }
 function preinit$1(href, options) {
+  var ownerDocument = document;
   if (
     "string" === typeof href &&
     href &&
     "object" === typeof options &&
     null !== options
-  ) {
-    var resourceRoot = getCurrentResourceRoot(),
-      as = options.as;
-    if (resourceRoot)
-      switch (as) {
-        case "style":
-          as = getResourcesFromRoot(resourceRoot).hoistableStyles;
-          var key$301 = getStyleKey(href),
-            precedence = options.precedence || "default",
-            resource = as.get(key$301);
-          if (resource) break;
-          var state = { loading: 0, preload: null };
-          if (
-            (resource = resourceRoot.querySelector(
-              getStylesheetSelectorFromKey(key$301)
-            ))
-          )
-            state.loading = 1;
-          else {
-            href = {
-              rel: "stylesheet",
-              href: href,
-              "data-precedence": precedence,
-              crossOrigin: options.crossOrigin
-            };
-            (options = preloadPropsMap.get(key$301)) &&
-              adoptPreloadPropsForStylesheet(href, options);
-            var link = (resource = (
-              resourceRoot.ownerDocument || resourceRoot
-            ).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, resourceRoot);
-          }
-          resource = {
-            type: "stylesheet",
-            instance: resource,
-            count: 1,
-            state: state
-          };
-          as.set(key$301, resource);
-          break;
-        case "script":
-          (as = getResourcesFromRoot(resourceRoot).hoistableScripts),
-            (key$301 = getScriptKey(href)),
-            (precedence = as.get(key$301)),
-            precedence ||
-              ((precedence = resourceRoot.querySelector(
-                "script[async]" + key$301
-              )),
-              precedence ||
-                ((href = {
-                  src: href,
-                  async: !0,
-                  crossOrigin: options.crossOrigin,
-                  integrity: options.integrity
-                }),
-                (options = preloadPropsMap.get(key$301)) &&
-                  adoptPreloadPropsForScript(href, options),
-                (options = resourceRoot.ownerDocument || resourceRoot),
-                (precedence = options.createElement("script")),
-                markNodeAsHoistable(precedence),
-                setInitialProperties(precedence, "link", href),
-                options.head.appendChild(precedence)),
-              (precedence = {
-                type: "script",
-                instance: precedence,
-                count: 1,
-                state: null
-              }),
-              as.set(key$301, precedence));
-      }
-    else if ("style" === as || "script" === as)
-      if ((resourceRoot = getDocumentForPreloads())) {
-        key$301 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        precedence = key$301 =
-          'link[rel="preload"][as="' + as + '"][href="' + key$301 + '"]';
-        switch (as) {
-          case "style":
-            precedence = getStyleKey(href);
-            break;
-          case "script":
-            precedence = getScriptKey(href);
-        }
-        preloadPropsMap.has(precedence) ||
-          ((href = {
+  )
+    switch (options.as) {
+      case "style":
+        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
+          key = getStyleKey(href),
+          precedence = options.precedence || "default",
+          resource = styles.get(key);
+        if (resource) break;
+        var state = { loading: 0, preload: null };
+        if (
+          (resource = ownerDocument.querySelector(
+            getStylesheetSelectorFromKey(key)
+          ))
+        )
+          state.loading = 1;
+        else {
+          href = {
+            rel: "stylesheet",
             href: href,
-            rel: "preload",
-            as: as,
-            crossOrigin: "font" === as ? "" : options.crossOrigin,
-            integrity: options.integrity
-          }),
-          preloadPropsMap.set(precedence, href),
-          null === resourceRoot.querySelector(key$301) &&
-            ((options = resourceRoot.createElement("link")),
-            setInitialProperties(options, "link", href),
-            markNodeAsHoistable(options),
-            resourceRoot.head.appendChild(options)));
-      }
-  }
+            "data-precedence": precedence,
+            crossOrigin: options.crossOrigin
+          };
+          (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);
+        break;
+      case "script":
+        (styles = getResourcesFromRoot(ownerDocument).hoistableScripts),
+          (key = getScriptKey(href)),
+          (precedence = styles.get(key)),
+          precedence ||
+            ((precedence = ownerDocument.querySelector("script[async]" + key)),
+            precedence ||
+              ((href = {
+                src: href,
+                async: !0,
+                crossOrigin: options.crossOrigin,
+                integrity: options.integrity
+              }),
+              (options = preloadPropsMap.get(key)) &&
+                adoptPreloadPropsForScript(href, options),
+              (precedence = ownerDocument.createElement("script")),
+              markNodeAsHoistable(precedence),
+              setInitialProperties(precedence, "link", href),
+              ownerDocument.head.appendChild(precedence)),
+            (precedence = {
+              type: "script",
+              instance: precedence,
+              count: 1,
+              state: null
+            }),
+            styles.set(key, precedence));
+    }
 }
 function getResource(type, currentProps, pendingProps) {
-  currentProps = getCurrentResourceRoot();
+  currentProps = (currentProps = rootInstanceStackCursor.current)
+    ? getHoistableRoot(currentProps)
+    : null;
   if (!currentProps) throw Error(formatProdErrorMessage(446));
   switch (type) {
     case "meta":
@@ -16323,17 +16290,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$310 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$311 = styles$310.get(type);
-        resource$311 ||
+        var styles$304 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$305 = styles$304.get(type);
+        resource$305 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$311 = {
+          (resource$305 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$310.set(type, resource$311),
+          styles$304.set(type, resource$305),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -16348,9 +16315,9 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$311.state
+              resource$305.state
             ));
-        return resource$311;
+        return resource$305;
       }
       return null;
     case "script":
@@ -16368,7 +16335,7 @@ function getResource(type, currentProps, pendingProps) {
   }
 }
 function getStyleKey(href) {
-  return 'href~="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
+  return 'href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
 }
 function getStylesheetSelectorFromKey(key) {
   return 'link[rel="stylesheet"][' + key + "]";
@@ -16404,54 +16371,62 @@ function acquireResource(hoistableRoot, resource, props) {
   if (null === resource.instance)
     switch (resource.type) {
       case "style":
-        var key = getStyleKey(props.href);
-        if ((key = hoistableRoot.querySelector("style[data-" + key + "]")))
-          return (resource.instance = key), markNodeAsHoistable(key), key;
+        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
         });
-        key = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
+        instance = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
           "style"
         );
-        markNodeAsHoistable(key);
-        setInitialProperties(key, "style", styleProps);
-        insertStylesheet(key, props.precedence, hoistableRoot);
-        return (resource.instance = key);
+        markNodeAsHoistable(instance);
+        setInitialProperties(instance, "style", styleProps);
+        insertStylesheet(instance, props.precedence, hoistableRoot);
+        return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$316 = hoistableRoot.querySelector(
+        var instance$309 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$316)
+        if (instance$309)
           return (
-            (resource.instance = instance$316),
-            markNodeAsHoistable(instance$316),
-            instance$316
+            (resource.instance = instance$309),
+            markNodeAsHoistable(instance$309),
+            instance$309
           );
-        key = stylesheetPropsFromRawProps(props);
+        instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
-          adoptPreloadPropsForStylesheet(key, styleProps);
-        instance$316 = (
+          adoptPreloadPropsForStylesheet(instance, styleProps);
+        instance$309 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$316);
-        var linkInstance = instance$316;
+        markNodeAsHoistable(instance$309);
+        var linkInstance = instance$309;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$316, "link", key);
+        setInitialProperties(instance$309, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$316, props.precedence, hoistableRoot);
-        return (resource.instance = instance$316);
+        insertStylesheet(instance$309, props.precedence, hoistableRoot);
+        return (resource.instance = instance$309);
       case "script":
-        instance$316 = getScriptKey(props.src);
+        instance$309 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$316
+            "script[async]" + instance$309
           ))
         )
           return (
@@ -16459,14 +16434,14 @@ function acquireResource(hoistableRoot, resource, props) {
             markNodeAsHoistable(styleProps),
             styleProps
           );
-        key = props;
-        if ((styleProps = preloadPropsMap.get(instance$316)))
-          (key = assign({}, props)),
-            adoptPreloadPropsForScript(key, styleProps);
+        instance = props;
+        if ((styleProps = preloadPropsMap.get(instance$309)))
+          (instance = assign({}, props)),
+            adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
         styleProps = hoistableRoot.createElement("script");
         markNodeAsHoistable(styleProps);
-        setInitialProperties(styleProps, "link", key);
+        setInitialProperties(styleProps, "link", instance);
         hoistableRoot.head.appendChild(styleProps);
         return (resource.instance = styleProps);
       case "void":
@@ -16477,9 +16452,9 @@ function acquireResource(hoistableRoot, resource, props) {
   else
     "stylesheet" === resource.type &&
       0 === (resource.state.loading & 4) &&
-      ((key = resource.instance),
+      ((instance = resource.instance),
       (resource.state.loading |= 4),
-      insertStylesheet(key, props.precedence, hoistableRoot));
+      insertStylesheet(instance, props.precedence, hoistableRoot));
   return resource.instance;
 }
 function insertStylesheet(instance, precedence, root) {
@@ -16555,18 +16530,8 @@ function mountHoistable(hoistableRoot, type, instance) {
     "title" === type ? hoistableRoot.querySelector("head > title") : null
   );
 }
-var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n"\\]/g;
-function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
-  return value.replace(
-    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
-    function (ch) {
-      return "\\" + ch.charCodeAt(0).toString(16);
-    }
-  );
-}
 function isHostHoistableType(type, props, hostContext) {
-  if ("http://www.w3.org/2000/svg" === hostContext || null != props.itemProp)
-    return !1;
+  if (1 === hostContext || null != props.itemProp) return !1;
   switch (type) {
     case "meta":
     case "title":
@@ -16745,13 +16710,15 @@ function insertStylesheetIntoRoot(root, resource) {
     resource.state.loading |= 4;
   }
 }
-var Dispatcher = Internals.Dispatcher,
-  defaultOnRecoverableError =
-    "function" === typeof reportError
-      ? reportError
-      : function (error) {
-          console.error(error);
-        };
+var Dispatcher$1 = Internals.Dispatcher;
+"undefined" !== typeof document &&
+  (Dispatcher$1.current = ReactDOMClientDispatcher);
+var defaultOnRecoverableError =
+  "function" === typeof reportError
+    ? reportError
+    : function (error) {
+        console.error(error);
+      };
 function ReactDOMRoot(internalRoot) {
   this._internalRoot = internalRoot;
 }
@@ -16822,6 +16789,7 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
         listenerSet.add(listenerSetKey));
     } else throw Error(formatProdErrorMessage(369));
 }
+var Dispatcher = Internals.Dispatcher;
 Internals.Events = [
   getInstanceFromNode$1,
   getNodeFromInstance,
@@ -16830,10 +16798,10 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1893 = {
+var devToolsConfig$jscomp$inline_1895 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-5297e767",
+  version: "18.3.0-www-modern-7d0a1105",
   rendererPackageName: "react-dom"
 };
 (function (internals) {
@@ -16851,10 +16819,10 @@ var devToolsConfig$jscomp$inline_1893 = {
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1893.bundleType,
-  version: devToolsConfig$jscomp$inline_1893.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1893.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1893.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1895.bundleType,
+  version: devToolsConfig$jscomp$inline_1895.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1895.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1895.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16871,14 +16839,14 @@ var devToolsConfig$jscomp$inline_1893 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1893.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1895.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-5297e767"
+  reconcilerVersion: "18.3.0-www-modern-7d0a1105"
 });
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createPortal = function (children, container) {
@@ -16918,12 +16886,15 @@ exports.createRoot = function (container, options) {
     transitionCallbacks
   );
   container[internalContainerInstanceKey] = options.current;
-  Dispatcher.current = ReactDOMClientDispatcher;
+  Dispatcher$1.current = ReactDOMClientDispatcher;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   return new ReactDOMRoot(options);
 };
+exports.experimental_useFormStatus = function () {
+  throw Error(formatProdErrorMessage(248));
+};
 exports.flushSync = function (fn) {
   return flushSync$1(fn);
 };
@@ -16963,13 +16934,12 @@ exports.hydrateRoot = function (container, initialChildren, options) {
   isStrictMode = requestUpdateLane(options);
   concurrentUpdatesByDefaultOverride = createUpdate(isStrictMode);
   concurrentUpdatesByDefaultOverride.callback = null;
-  identifierPrefix = requestEventTime();
   enqueueUpdate(options, concurrentUpdatesByDefaultOverride, isStrictMode);
   initialChildren.current.lanes = isStrictMode;
-  markRootUpdated(initialChildren, isStrictMode, identifierPrefix);
+  markRootUpdated(initialChildren, isStrictMode);
   ensureRootIsScheduled(initialChildren);
   container[internalContainerInstanceKey] = initialChildren.current;
-  Dispatcher.current = ReactDOMClientDispatcher;
+  Dispatcher$1.current = ReactDOMClientDispatcher;
   listenToAllSupportedEvents(container);
   if (mutableSources)
     for (container = 0; container < mutableSources.length; container++)
@@ -16987,21 +16957,21 @@ exports.hydrateRoot = function (container, initialChildren, options) {
             );
   return new ReactDOMHydrationRoot(initialChildren);
 };
-exports.preconnect = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preconnect.apply(this, arguments);
+exports.preconnect = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preconnect(href, options);
 };
-exports.prefetchDNS = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.prefetchDNS.apply(this, arguments);
+exports.prefetchDNS = function (href) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.prefetchDNS(href);
 };
-exports.preinit = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preinit.apply(this, arguments);
+exports.preinit = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preinit(href, options);
 };
-exports.preload = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preload.apply(this, arguments);
+exports.preload = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preload(href, options);
 };
 exports.unstable_batchedUpdates = batchedUpdates$1;
 exports.unstable_createEventHandle = function (type, options) {
@@ -17034,7 +17004,7 @@ exports.unstable_createEventHandle = function (type, options) {
   return eventHandle;
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-modern-5297e767";
+exports.version = "18.3.0-www-modern-7d0a1105";
 
           /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
diff --git a/compiled/facebook-www/ReactDOMServer-dev.classic.js b/compiled/facebook-www/ReactDOMServer-dev.classic.js
index 2badf4a4c5..18bfc4ff64 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 = "18.3.0-www-classic-0673a8a9";
+var ReactVersion = "18.3.0-www-classic-86d152c3";
 
 // This refers to a WWW module.
 var warningWWW = require("warning");
@@ -1228,7 +1228,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
-    } // We can't rely on the event system being injected on the server.
+    }
 
     if (eventRegistry != null) {
       var registrationNameDependencies =
@@ -1755,14 +1755,14 @@ function escapeHtml(string) {
     }
 
     if (lastIndex !== index) {
-      html += str.substring(lastIndex, index);
+      html += str.slice(lastIndex, index);
     }
 
     lastIndex = index + 1;
     html += escape;
   }
 
-  return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
+  return lastIndex !== index ? html + str.slice(lastIndex, index) : html;
 } // end code copied and modified from escape-html
 
 /**
@@ -2339,18 +2339,8 @@ var ReactDOMServerDispatcher = {
   preload: preload,
   preinit: preinit
 };
-var currentResources = null;
-var currentResourcesStack = [];
-function prepareToRender(resources) {
-  currentResourcesStack.push(currentResources);
-  currentResources = resources;
-  var previousHostDispatcher = ReactDOMCurrentDispatcher.current;
+function prepareHostDispatcher() {
   ReactDOMCurrentDispatcher.current = ReactDOMServerDispatcher;
-  return previousHostDispatcher;
-}
-function cleanupAfterRender(previousDispatcher) {
-  currentResources = currentResourcesStack.pop();
-  ReactDOMCurrentDispatcher.current = previousDispatcher;
 } // Used to distinguish these contexts from ones used in other renderers.
 var ScriptStreamingFormat = 0;
 var DataStreamingFormat = 1;
@@ -2368,7 +2358,7 @@ var SentClientRenderFunction =
   4;
 var SentStyleInsertionFunction =
   /*       */
-  8; // Per response, global state that is not contextual to the rendering subtree.
+  8;
 
 var dataElementQuotedEnd = stringToPrecomputedChunk('"></template>');
 var startInlineScript = stringToPrecomputedChunk("<script>");
@@ -2815,6 +2805,47 @@ function pushStringAttribute(target, name, value) {
       attributeEnd
     );
   }
+} // Since this will likely be repeated a lot in the HTML, we use a more concise message
+// than on the client and hopefully it's googleable.
+
+stringToPrecomputedChunk(
+  escapeTextForBrowser(
+    // eslint-disable-next-line no-script-url
+    "javascript:throw new Error('A React form was unexpectedly submitted.')"
+  )
+);
+
+function pushFormActionAttribute(
+  target,
+  responseState,
+  formAction,
+  formEncType,
+  formMethod,
+  formTarget,
+  name
+) {
+  {
+    // Plain form actions support all the properties, so we have to emit them.
+    if (name !== null) {
+      pushAttribute(target, "name", name);
+    }
+
+    if (formAction !== null) {
+      pushAttribute(target, "formAction", formAction);
+    }
+
+    if (formEncType !== null) {
+      pushAttribute(target, "formEncType", formEncType);
+    }
+
+    if (formMethod !== null) {
+      pushAttribute(target, "formMethod", formMethod);
+    }
+
+    if (formTarget !== null) {
+      pushAttribute(target, "formTarget", formTarget);
+    }
+  }
 }
 
 function pushAttribute(target, name, value) {
@@ -2848,37 +2879,39 @@ function pushAttribute(target, name, value) {
     }
 
     case "src":
-    case "href":
-    case "action": {
-      if (value === "") {
-        {
-          if (name === "src") {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "This may cause the browser to download the whole page again over the network. " +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
-          } else {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
+    case "href": {
+      {
+        if (value === "") {
+          {
+            if (name === "src") {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "This may cause the browser to download the whole page again over the network. " +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            } else {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            }
           }
-        }
 
-        return;
+          return;
+        }
       }
     }
-
     // Fall through to the last case which shouldn't remove empty strings.
 
+    case "action":
     case "formAction": {
+      // TODO: Consider only special casing these for each tag.
       if (
         value == null ||
         typeof value === "function" ||
@@ -3186,6 +3219,7 @@ var didWarnDefaultTextareaValue = false;
 var didWarnInvalidOptionChildren = false;
 var didWarnInvalidOptionInnerHTML = false;
 var didWarnSelectedSetOnOption = false;
+var didWarnFormActionType = false;
 
 function checkSelectProp(props, propName) {
   {
@@ -3417,50 +3451,98 @@ function pushStartOption(target, props, formatContext) {
   return children;
 }
 
-function pushInput(target, props) {
-  {
-    checkControlledValueProps("input", props);
+function pushStartForm(target, props, responseState) {
+  target.push(startChunkForTag("form"));
+  var children = null;
+  var innerHTML = null;
+  var formAction = null;
+  var formEncType = null;
+  var formMethod = null;
+  var formTarget = null;
 
-    if (
-      props.checked !== undefined &&
-      props.defaultChecked !== undefined &&
-      !didWarnDefaultChecked
-    ) {
-      error(
-        "%s contains an input of type %s with both checked and defaultChecked props. " +
-          "Input elements must be either controlled or uncontrolled " +
-          "(specify either the checked prop, or the defaultChecked prop, but not " +
-          "both). Decide between using a controlled or uncontrolled input " +
-          "element and remove one of these props. More info: " +
-          "https://reactjs.org/link/controlled-components",
-        "A component",
-        props.type
-      );
+  for (var propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      var propValue = props[propKey];
 
-      didWarnDefaultChecked = true;
-    }
+      if (propValue == null) {
+        continue;
+      }
 
-    if (
-      props.value !== undefined &&
-      props.defaultValue !== undefined &&
-      !didWarnDefaultInputValue
-    ) {
-      error(
-        "%s contains an input of type %s with both value and defaultValue props. " +
-          "Input elements must be either controlled or uncontrolled " +
-          "(specify either the value prop, or the defaultValue prop, but not " +
-          "both). Decide between using a controlled or uncontrolled input " +
-          "element and remove one of these props. More info: " +
-          "https://reactjs.org/link/controlled-components",
-        "A component",
-        props.type
-      );
+      switch (propKey) {
+        case "children":
+          children = propValue;
+          break;
 
-      didWarnDefaultInputValue = true;
+        case "dangerouslySetInnerHTML":
+          innerHTML = propValue;
+          break;
+
+        case "action":
+          formAction = propValue;
+          break;
+
+        case "encType":
+          formEncType = propValue;
+          break;
+
+        case "method":
+          formMethod = propValue;
+          break;
+
+        case "target":
+          formTarget = propValue;
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
     }
   }
 
+  {
+    // Plain form actions support all the properties, so we have to emit them.
+    if (formAction !== null) {
+      pushAttribute(target, "action", formAction);
+    }
+
+    if (formEncType !== null) {
+      pushAttribute(target, "encType", formEncType);
+    }
+
+    if (formMethod !== null) {
+      pushAttribute(target, "method", formMethod);
+    }
+
+    if (formTarget !== null) {
+      pushAttribute(target, "target", formTarget);
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === "string") {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
+function pushInput(target, props, responseState) {
+  {
+    checkControlledValueProps("input", props);
+  }
+
   target.push(startChunkForTag("input"));
+  var name = null;
+  var formAction = null;
+  var formEncType = null;
+  var formMethod = null;
+  var formTarget = null;
   var value = null;
   var defaultValue = null;
   var checked = null;
@@ -3483,6 +3565,26 @@ function pushInput(target, props) {
               "use `dangerouslySetInnerHTML`."
           );
 
+        case "name":
+          name = propValue;
+          break;
+
+        case "formAction":
+          formAction = propValue;
+          break;
+
+        case "formEncType":
+          formEncType = propValue;
+          break;
+
+        case "formMethod":
+          formMethod = propValue;
+          break;
+
+        case "formTarget":
+          formTarget = propValue;
+          break;
+
         case "defaultChecked":
           defaultChecked = propValue;
           break;
@@ -3506,6 +3608,63 @@ function pushInput(target, props) {
     }
   }
 
+  {
+    if (
+      formAction !== null &&
+      props.type !== "image" &&
+      props.type !== "submit" &&
+      !didWarnFormActionType
+    ) {
+      didWarnFormActionType = true;
+
+      error(
+        'An input can only specify a formAction along with type="submit" or type="image".'
+      );
+    }
+  }
+
+  pushFormActionAttribute(
+    target,
+    responseState,
+    formAction,
+    formEncType,
+    formMethod,
+    formTarget,
+    name
+  );
+
+  {
+    if (checked !== null && defaultChecked !== null && !didWarnDefaultChecked) {
+      error(
+        "%s contains an input of type %s with both checked and defaultChecked props. " +
+          "Input elements must be either controlled or uncontrolled " +
+          "(specify either the checked prop, or the defaultChecked prop, but not " +
+          "both). Decide between using a controlled or uncontrolled input " +
+          "element and remove one of these props. More info: " +
+          "https://reactjs.org/link/controlled-components",
+        "A component",
+        props.type
+      );
+
+      didWarnDefaultChecked = true;
+    }
+
+    if (value !== null && defaultValue !== null && !didWarnDefaultInputValue) {
+      error(
+        "%s contains an input of type %s with both value and defaultValue props. " +
+          "Input elements must be either controlled or uncontrolled " +
+          "(specify either the value prop, or the defaultValue prop, but not " +
+          "both). Decide between using a controlled or uncontrolled input " +
+          "element and remove one of these props. More info: " +
+          "https://reactjs.org/link/controlled-components",
+        "A component",
+        props.type
+      );
+
+      didWarnDefaultInputValue = true;
+    }
+  }
+
   if (checked !== null) {
     pushBooleanAttribute(target, "checked", checked);
   } else if (defaultChecked !== null) {
@@ -3522,6 +3681,97 @@ function pushInput(target, props) {
   return null;
 }
 
+function pushStartButton(target, props, responseState) {
+  target.push(startChunkForTag("button"));
+  var children = null;
+  var innerHTML = null;
+  var name = null;
+  var formAction = null;
+  var formEncType = null;
+  var formMethod = null;
+  var formTarget = null;
+
+  for (var propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      var propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case "children":
+          children = propValue;
+          break;
+
+        case "dangerouslySetInnerHTML":
+          innerHTML = propValue;
+          break;
+
+        case "name":
+          name = propValue;
+          break;
+
+        case "formAction":
+          formAction = propValue;
+          break;
+
+        case "formEncType":
+          formEncType = propValue;
+          break;
+
+        case "formMethod":
+          formMethod = propValue;
+          break;
+
+        case "formTarget":
+          formTarget = propValue;
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  {
+    if (
+      formAction !== null &&
+      props.type != null &&
+      props.type !== "submit" &&
+      !didWarnFormActionType
+    ) {
+      didWarnFormActionType = true;
+
+      error(
+        'A button can only specify a formAction along with type="submit" or no type.'
+      );
+    }
+  }
+
+  pushFormActionAttribute(
+    target,
+    responseState,
+    formAction,
+    formEncType,
+    formMethod,
+    formTarget,
+    name
+  );
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === "string") {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartTextArea(target, props) {
   {
     checkControlledValueProps("textarea", props);
@@ -4879,7 +5129,13 @@ function pushStartInstance(
       return pushStartTextArea(target, props);
 
     case "input":
-      return pushInput(target, props);
+      return pushInput(target, props, responseState);
+
+    case "button":
+      return pushStartButton(target, props, responseState);
+
+    case "form":
+      return pushStartForm(target, props);
 
     case "menuitem":
       return pushStartMenuItem(target, props);
@@ -4966,7 +5222,7 @@ function pushStartInstance(
     case "font-face-format":
     case "font-face-name":
     case "missing-glyph": {
-      return pushStartGenericElement(target, props, type);
+      break;
     }
     // Preamble start tags
 
@@ -5054,7 +5310,8 @@ function pushEndInstance(target, type, props, responseState, formatContext) {
 
   target.push(endTag1, stringToChunk(type), endTag2);
 }
-function writeCompletedRoot(destination, responseState) {
+
+function writeBootstrap(destination, responseState) {
   var bootstrapChunks = responseState.bootstrapChunks;
   var i = 0;
 
@@ -5063,10 +5320,16 @@ function writeCompletedRoot(destination, responseState) {
   }
 
   if (i < bootstrapChunks.length) {
-    return writeChunkAndReturn(destination, bootstrapChunks[i]);
+    var lastChunk = bootstrapChunks[i];
+    bootstrapChunks.length = 0;
+    return writeChunkAndReturn(destination, lastChunk);
   }
 
   return true;
+}
+
+function writeCompletedRoot(destination, responseState) {
+  return writeBootstrap(destination, responseState);
 } // Structural Nodes
 // A placeholder is a node inside a hidden partial tree that can be filled in later, but before
 // display. It's never visible to users. We use the template tag because it can be used in every
@@ -5488,11 +5751,15 @@ function writeCompletedBoundaryInstruction(
     }
   }
 
+  var writeMore;
+
   if (scriptFormat) {
-    return writeChunkAndReturn(destination, completeBoundaryScriptEnd);
+    writeMore = writeChunkAndReturn(destination, completeBoundaryScriptEnd);
   } else {
-    return writeChunkAndReturn(destination, completeBoundaryDataEnd);
+    writeMore = writeChunkAndReturn(destination, completeBoundaryDataEnd);
   }
+
+  return writeBootstrap(destination, responseState) && writeMore;
 }
 var clientRenderScript1Full = stringToPrecomputedChunk(
   clientRenderBoundary + ';$RX("'
@@ -5914,10 +6181,7 @@ function writePreamble(
     var _responseState$extern = responseState.externalRuntimeConfig,
       src = _responseState$extern.src,
       integrity = _responseState$extern.integrity;
-    preinitImpl(resources, src, {
-      as: "script",
-      integrity: integrity
-    });
+    internalPreinitScript(resources, src, integrity);
   }
 
   var htmlChunks = responseState.htmlChunks;
@@ -6577,17 +6841,18 @@ function getResourceKey(as, href) {
 }
 
 function prefetchDNS(href, options) {
-  if (!currentResources) {
-    // While we expect that preconnect calls are primarily going to be observed
-    // during render because effects and events don't run on the server it is
-    // still possible that these get called in module scope. This is valid on
-    // the client since there is still a document to interact with but on the
-    // server we need a request to associate the call to. Because of this we
-    // simply return and do not warn.
+  var request = resolveRequest();
+
+  if (!request) {
+    // In async contexts we can sometimes resolve resources from AsyncLocalStorage. If we can't we can also
+    // possibly get them from the stack if we are not in an async context. Since we were not able to resolve
+    // 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.
     return;
   }
 
-  var resources = currentResources;
+  var resources = getResources(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6632,20 +6897,22 @@ function prefetchDNS(href, options) {
     }
 
     resources.preconnects.add(resource);
+    flushResources(request);
   }
 }
 function preconnect(href, options) {
-  if (!currentResources) {
-    // While we expect that preconnect calls are primarily going to be observed
-    // during render because effects and events don't run on the server it is
-    // still possible that these get called in module scope. This is valid on
-    // the client since there is still a document to interact with but on the
-    // server we need a request to associate the call to. Because of this we
-    // simply return and do not warn.
+  var request = resolveRequest();
+
+  if (!request) {
+    // In async contexts we can sometimes resolve resources from AsyncLocalStorage. If we can't we can also
+    // possibly get them from the stack if we are not in an async context. Since we were not able to resolve
+    // 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.
     return;
   }
 
-  var resources = currentResources;
+  var resources = getResources(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6696,20 +6963,22 @@ function preconnect(href, options) {
     }
 
     resources.preconnects.add(resource);
+    flushResources(request);
   }
 }
 function preload(href, options) {
-  if (!currentResources) {
-    // While we expect that preload calls are primarily going to be observed
-    // during render because effects and events don't run on the server it is
-    // still possible that these get called in module scope. This is valid on
-    // the client since there is still a document to interact with but on the
-    // server we need a request to associate the call to. Because of this we
-    // simply return and do not warn.
+  var request = resolveRequest();
+
+  if (!request) {
+    // In async contexts we can sometimes resolve resources from AsyncLocalStorage. If we can't we can also
+    // possibly get them from the stack if we are not in an async context. Since we were not able to resolve
+    // 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.
     return;
   }
 
-  var resources = currentResources;
+  var resources = getResources(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6846,25 +7115,25 @@ function preload(href, options) {
         resources.explicitOtherPreloads.add(resource);
       }
     }
+
+    flushResources(request);
   }
 }
+
 function preinit(href, options) {
-  if (!currentResources) {
-    // While we expect that preinit calls are primarily going to be observed
-    // during render because effects and events don't run on the server it is
-    // still possible that these get called in module scope. This is valid on
-    // the client since there is still a document to interact with but on the
-    // server we need a request to associate the call to. Because of this we
-    // simply return and do not warn.
+  var request = resolveRequest();
+
+  if (!request) {
+    // In async contexts we can sometimes resolve resources from AsyncLocalStorage. If we can't we can also
+    // possibly get them from the stack if we are not in an async context. Since we were not able to resolve
+    // 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.
     return;
   }
 
-  preinitImpl(currentResources, href, options);
-} // On the server, preinit may be called outside of render when sending an
-// external SSR runtime as part of the initial resources payload. Since this
-// is an internal React call, we do not need to use the resources stack.
+  var resources = getResources(request);
 
-function preinitImpl(resources, href, options) {
   {
     if (typeof href !== "string" || !href) {
       error(
@@ -7029,6 +7298,7 @@ function preinitImpl(resources, href, options) {
           }
 
           precedenceSet.add(resource);
+          flushResources(request);
         }
 
         return;
@@ -7119,12 +7389,38 @@ function preinitImpl(resources, href, options) {
 
           resources.scripts.add(_resource3);
           pushScriptImpl(_resource3.chunks, _resourceProps);
+          flushResources(request);
         }
 
         return;
       }
     }
   }
+} // This method is trusted. It must only be called from within this codebase and it assumes the arguments
+// conform to the types because no user input is being passed in. It also assumes that it is being called as
+// part of a work or flush loop and therefore does not need to request Fizz to flush Resources.
+
+function internalPreinitScript(resources, src, integrity) {
+  var key = getResourceKey("script", src);
+  var resource = resources.scriptsMap.get(key);
+
+  if (!resource) {
+    resource = {
+      type: "script",
+      chunks: [],
+      state: NoState,
+      props: null
+    };
+    resources.scriptsMap.set(key, resource);
+    resources.scripts.add(resource);
+    pushScriptImpl(resource.chunks, {
+      async: true,
+      src: src,
+      integrity: integrity
+    });
+  }
+
+  return;
 }
 
 function preloadPropsFromPreloadOptions(href, as, options) {
@@ -9819,6 +10115,7 @@ function noop$1() {}
 
 var HooksDispatcher = {
   readContext: readContext,
+  use: use,
   useContext: useContext,
   useMemo: useMemo,
   useReducer: useReducer,
@@ -9853,10 +10150,6 @@ var HooksDispatcher = {
   HooksDispatcher.useMemoCache = useMemoCache;
 }
 
-{
-  HooksDispatcher.use = use;
-}
-
 var currentResponseState = null;
 function setCurrentResponseState(responseState) {
   currentResponseState = responseState;
@@ -9951,11 +10244,13 @@ function createRequest(
   onShellError,
   onFatalError
 ) {
+  prepareHostDispatcher();
   var pingedTasks = [];
   var abortSet = new Set();
   var resources = createResources();
   var request = {
     destination: null,
+    flushScheduled: false,
     responseState: responseState,
     progressiveChunkSize:
       progressiveChunkSize === undefined
@@ -10004,12 +10299,19 @@ function createRequest(
   pingedTasks.push(rootTask);
   return request;
 }
+var currentRequest = null;
+function resolveRequest() {
+  if (currentRequest) return currentRequest;
+
+  return null;
+}
 
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
   pingedTasks.push(task);
 
-  if (pingedTasks.length === 1) {
+  if (request.pingedTasks.length === 1) {
+    request.flushScheduled = request.destination !== null;
     scheduleWork(function () {
       return performWork(request);
     });
@@ -11527,7 +11829,8 @@ function performWork(request) {
     ReactCurrentCache.current = DefaultCacheDispatcher;
   }
 
-  var previousHostDispatcher = prepareToRender(request.resources);
+  var prevRequest = currentRequest;
+  currentRequest = request;
   var prevGetCurrentStackImpl;
 
   {
@@ -11563,8 +11866,6 @@ function performWork(request) {
       ReactCurrentCache.current = prevCacheDispatcher;
     }
 
-    cleanupAfterRender(previousHostDispatcher);
-
     {
       ReactDebugCurrentFrame.getCurrentStack = prevGetCurrentStackImpl;
     }
@@ -11579,6 +11880,8 @@ function performWork(request) {
       // we'll to restore the context to what it was before returning.
       switchContext(prevContext);
     }
+
+    currentRequest = prevRequest;
   }
 }
 
@@ -11957,6 +12260,8 @@ function flushCompletedQueues(request, destination) {
       request.completedBoundaries.length === 0 // We don't need to check any partially completed segments because
       // either they have pending task or they're complete.
     ) {
+      request.flushScheduled = false;
+
       {
         writePostamble(destination, request.responseState);
       }
@@ -11975,10 +12280,30 @@ function flushCompletedQueues(request, destination) {
 }
 
 function startWork(request) {
-  scheduleWork(function () {
-    return performWork(request);
-  });
+  request.flushScheduled = request.destination !== null;
+
+  {
+    scheduleWork(function () {
+      return performWork(request);
+    });
+  }
 }
+
+function enqueueFlush(request) {
+  if (
+    request.flushScheduled === false && // If there are pinged tasks we are going to flush anyway after work completes
+    request.pingedTasks.length === 0 && // If there is no destination there is nothing we can flush to. A flush will
+    // happen when we start flowing again
+    request.destination !== null
+  ) {
+    var destination = request.destination;
+    request.flushScheduled = true;
+    scheduleWork(function () {
+      return flushCompletedQueues(request, destination);
+    });
+  }
+}
+
 function startFlowing(request, destination) {
   if (request.status === CLOSING) {
     request.status = CLOSED;
@@ -12028,6 +12353,12 @@ function abort(request, reason) {
     fatalError(request, error);
   }
 }
+function flushResources(request) {
+  enqueueFlush(request);
+}
+function getResources(request) {
+  return request.resources;
+}
 
 function onError() {
   // Non-fatal errors are ignored.
diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js
index 9ee98face4..11aea754d4 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 = "18.3.0-www-modern-8e893346";
+var ReactVersion = "18.3.0-www-modern-a23c15ee";
 
 // This refers to a WWW module.
 var warningWWW = require("warning");
@@ -1228,7 +1228,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
-    } // We can't rely on the event system being injected on the server.
+    }
 
     if (eventRegistry != null) {
       var registrationNameDependencies =
@@ -1755,14 +1755,14 @@ function escapeHtml(string) {
     }
 
     if (lastIndex !== index) {
-      html += str.substring(lastIndex, index);
+      html += str.slice(lastIndex, index);
     }
 
     lastIndex = index + 1;
     html += escape;
   }
 
-  return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
+  return lastIndex !== index ? html + str.slice(lastIndex, index) : html;
 } // end code copied and modified from escape-html
 
 /**
@@ -2339,18 +2339,8 @@ var ReactDOMServerDispatcher = {
   preload: preload,
   preinit: preinit
 };
-var currentResources = null;
-var currentResourcesStack = [];
-function prepareToRender(resources) {
-  currentResourcesStack.push(currentResources);
-  currentResources = resources;
-  var previousHostDispatcher = ReactDOMCurrentDispatcher.current;
+function prepareHostDispatcher() {
   ReactDOMCurrentDispatcher.current = ReactDOMServerDispatcher;
-  return previousHostDispatcher;
-}
-function cleanupAfterRender(previousDispatcher) {
-  currentResources = currentResourcesStack.pop();
-  ReactDOMCurrentDispatcher.current = previousDispatcher;
 } // Used to distinguish these contexts from ones used in other renderers.
 var ScriptStreamingFormat = 0;
 var DataStreamingFormat = 1;
@@ -2368,7 +2358,7 @@ var SentClientRenderFunction =
   4;
 var SentStyleInsertionFunction =
   /*       */
-  8; // Per response, global state that is not contextual to the rendering subtree.
+  8;
 
 var dataElementQuotedEnd = stringToPrecomputedChunk('"></template>');
 var startInlineScript = stringToPrecomputedChunk("<script>");
@@ -2815,6 +2805,47 @@ function pushStringAttribute(target, name, value) {
       attributeEnd
     );
   }
+} // Since this will likely be repeated a lot in the HTML, we use a more concise message
+// than on the client and hopefully it's googleable.
+
+stringToPrecomputedChunk(
+  escapeTextForBrowser(
+    // eslint-disable-next-line no-script-url
+    "javascript:throw new Error('A React form was unexpectedly submitted.')"
+  )
+);
+
+function pushFormActionAttribute(
+  target,
+  responseState,
+  formAction,
+  formEncType,
+  formMethod,
+  formTarget,
+  name
+) {
+  {
+    // Plain form actions support all the properties, so we have to emit them.
+    if (name !== null) {
+      pushAttribute(target, "name", name);
+    }
+
+    if (formAction !== null) {
+      pushAttribute(target, "formAction", formAction);
+    }
+
+    if (formEncType !== null) {
+      pushAttribute(target, "formEncType", formEncType);
+    }
+
+    if (formMethod !== null) {
+      pushAttribute(target, "formMethod", formMethod);
+    }
+
+    if (formTarget !== null) {
+      pushAttribute(target, "formTarget", formTarget);
+    }
+  }
 }
 
 function pushAttribute(target, name, value) {
@@ -2848,37 +2879,39 @@ function pushAttribute(target, name, value) {
     }
 
     case "src":
-    case "href":
-    case "action": {
-      if (value === "") {
-        {
-          if (name === "src") {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "This may cause the browser to download the whole page again over the network. " +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
-          } else {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
+    case "href": {
+      {
+        if (value === "") {
+          {
+            if (name === "src") {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "This may cause the browser to download the whole page again over the network. " +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            } else {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            }
           }
-        }
 
-        return;
+          return;
+        }
       }
     }
-
     // Fall through to the last case which shouldn't remove empty strings.
 
+    case "action":
     case "formAction": {
+      // TODO: Consider only special casing these for each tag.
       if (
         value == null ||
         typeof value === "function" ||
@@ -3186,6 +3219,7 @@ var didWarnDefaultTextareaValue = false;
 var didWarnInvalidOptionChildren = false;
 var didWarnInvalidOptionInnerHTML = false;
 var didWarnSelectedSetOnOption = false;
+var didWarnFormActionType = false;
 
 function checkSelectProp(props, propName) {
   {
@@ -3417,50 +3451,98 @@ function pushStartOption(target, props, formatContext) {
   return children;
 }
 
-function pushInput(target, props) {
-  {
-    checkControlledValueProps("input", props);
+function pushStartForm(target, props, responseState) {
+  target.push(startChunkForTag("form"));
+  var children = null;
+  var innerHTML = null;
+  var formAction = null;
+  var formEncType = null;
+  var formMethod = null;
+  var formTarget = null;
 
-    if (
-      props.checked !== undefined &&
-      props.defaultChecked !== undefined &&
-      !didWarnDefaultChecked
-    ) {
-      error(
-        "%s contains an input of type %s with both checked and defaultChecked props. " +
-          "Input elements must be either controlled or uncontrolled " +
-          "(specify either the checked prop, or the defaultChecked prop, but not " +
-          "both). Decide between using a controlled or uncontrolled input " +
-          "element and remove one of these props. More info: " +
-          "https://reactjs.org/link/controlled-components",
-        "A component",
-        props.type
-      );
+  for (var propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      var propValue = props[propKey];
 
-      didWarnDefaultChecked = true;
-    }
+      if (propValue == null) {
+        continue;
+      }
 
-    if (
-      props.value !== undefined &&
-      props.defaultValue !== undefined &&
-      !didWarnDefaultInputValue
-    ) {
-      error(
-        "%s contains an input of type %s with both value and defaultValue props. " +
-          "Input elements must be either controlled or uncontrolled " +
-          "(specify either the value prop, or the defaultValue prop, but not " +
-          "both). Decide between using a controlled or uncontrolled input " +
-          "element and remove one of these props. More info: " +
-          "https://reactjs.org/link/controlled-components",
-        "A component",
-        props.type
-      );
+      switch (propKey) {
+        case "children":
+          children = propValue;
+          break;
 
-      didWarnDefaultInputValue = true;
+        case "dangerouslySetInnerHTML":
+          innerHTML = propValue;
+          break;
+
+        case "action":
+          formAction = propValue;
+          break;
+
+        case "encType":
+          formEncType = propValue;
+          break;
+
+        case "method":
+          formMethod = propValue;
+          break;
+
+        case "target":
+          formTarget = propValue;
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
     }
   }
 
+  {
+    // Plain form actions support all the properties, so we have to emit them.
+    if (formAction !== null) {
+      pushAttribute(target, "action", formAction);
+    }
+
+    if (formEncType !== null) {
+      pushAttribute(target, "encType", formEncType);
+    }
+
+    if (formMethod !== null) {
+      pushAttribute(target, "method", formMethod);
+    }
+
+    if (formTarget !== null) {
+      pushAttribute(target, "target", formTarget);
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === "string") {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
+function pushInput(target, props, responseState) {
+  {
+    checkControlledValueProps("input", props);
+  }
+
   target.push(startChunkForTag("input"));
+  var name = null;
+  var formAction = null;
+  var formEncType = null;
+  var formMethod = null;
+  var formTarget = null;
   var value = null;
   var defaultValue = null;
   var checked = null;
@@ -3483,6 +3565,26 @@ function pushInput(target, props) {
               "use `dangerouslySetInnerHTML`."
           );
 
+        case "name":
+          name = propValue;
+          break;
+
+        case "formAction":
+          formAction = propValue;
+          break;
+
+        case "formEncType":
+          formEncType = propValue;
+          break;
+
+        case "formMethod":
+          formMethod = propValue;
+          break;
+
+        case "formTarget":
+          formTarget = propValue;
+          break;
+
         case "defaultChecked":
           defaultChecked = propValue;
           break;
@@ -3506,6 +3608,63 @@ function pushInput(target, props) {
     }
   }
 
+  {
+    if (
+      formAction !== null &&
+      props.type !== "image" &&
+      props.type !== "submit" &&
+      !didWarnFormActionType
+    ) {
+      didWarnFormActionType = true;
+
+      error(
+        'An input can only specify a formAction along with type="submit" or type="image".'
+      );
+    }
+  }
+
+  pushFormActionAttribute(
+    target,
+    responseState,
+    formAction,
+    formEncType,
+    formMethod,
+    formTarget,
+    name
+  );
+
+  {
+    if (checked !== null && defaultChecked !== null && !didWarnDefaultChecked) {
+      error(
+        "%s contains an input of type %s with both checked and defaultChecked props. " +
+          "Input elements must be either controlled or uncontrolled " +
+          "(specify either the checked prop, or the defaultChecked prop, but not " +
+          "both). Decide between using a controlled or uncontrolled input " +
+          "element and remove one of these props. More info: " +
+          "https://reactjs.org/link/controlled-components",
+        "A component",
+        props.type
+      );
+
+      didWarnDefaultChecked = true;
+    }
+
+    if (value !== null && defaultValue !== null && !didWarnDefaultInputValue) {
+      error(
+        "%s contains an input of type %s with both value and defaultValue props. " +
+          "Input elements must be either controlled or uncontrolled " +
+          "(specify either the value prop, or the defaultValue prop, but not " +
+          "both). Decide between using a controlled or uncontrolled input " +
+          "element and remove one of these props. More info: " +
+          "https://reactjs.org/link/controlled-components",
+        "A component",
+        props.type
+      );
+
+      didWarnDefaultInputValue = true;
+    }
+  }
+
   if (checked !== null) {
     pushBooleanAttribute(target, "checked", checked);
   } else if (defaultChecked !== null) {
@@ -3522,6 +3681,97 @@ function pushInput(target, props) {
   return null;
 }
 
+function pushStartButton(target, props, responseState) {
+  target.push(startChunkForTag("button"));
+  var children = null;
+  var innerHTML = null;
+  var name = null;
+  var formAction = null;
+  var formEncType = null;
+  var formMethod = null;
+  var formTarget = null;
+
+  for (var propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      var propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case "children":
+          children = propValue;
+          break;
+
+        case "dangerouslySetInnerHTML":
+          innerHTML = propValue;
+          break;
+
+        case "name":
+          name = propValue;
+          break;
+
+        case "formAction":
+          formAction = propValue;
+          break;
+
+        case "formEncType":
+          formEncType = propValue;
+          break;
+
+        case "formMethod":
+          formMethod = propValue;
+          break;
+
+        case "formTarget":
+          formTarget = propValue;
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  {
+    if (
+      formAction !== null &&
+      props.type != null &&
+      props.type !== "submit" &&
+      !didWarnFormActionType
+    ) {
+      didWarnFormActionType = true;
+
+      error(
+        'A button can only specify a formAction along with type="submit" or no type.'
+      );
+    }
+  }
+
+  pushFormActionAttribute(
+    target,
+    responseState,
+    formAction,
+    formEncType,
+    formMethod,
+    formTarget,
+    name
+  );
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === "string") {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartTextArea(target, props) {
   {
     checkControlledValueProps("textarea", props);
@@ -4879,7 +5129,13 @@ function pushStartInstance(
       return pushStartTextArea(target, props);
 
     case "input":
-      return pushInput(target, props);
+      return pushInput(target, props, responseState);
+
+    case "button":
+      return pushStartButton(target, props, responseState);
+
+    case "form":
+      return pushStartForm(target, props);
 
     case "menuitem":
       return pushStartMenuItem(target, props);
@@ -4966,7 +5222,7 @@ function pushStartInstance(
     case "font-face-format":
     case "font-face-name":
     case "missing-glyph": {
-      return pushStartGenericElement(target, props, type);
+      break;
     }
     // Preamble start tags
 
@@ -5054,7 +5310,8 @@ function pushEndInstance(target, type, props, responseState, formatContext) {
 
   target.push(endTag1, stringToChunk(type), endTag2);
 }
-function writeCompletedRoot(destination, responseState) {
+
+function writeBootstrap(destination, responseState) {
   var bootstrapChunks = responseState.bootstrapChunks;
   var i = 0;
 
@@ -5063,10 +5320,16 @@ function writeCompletedRoot(destination, responseState) {
   }
 
   if (i < bootstrapChunks.length) {
-    return writeChunkAndReturn(destination, bootstrapChunks[i]);
+    var lastChunk = bootstrapChunks[i];
+    bootstrapChunks.length = 0;
+    return writeChunkAndReturn(destination, lastChunk);
   }
 
   return true;
+}
+
+function writeCompletedRoot(destination, responseState) {
+  return writeBootstrap(destination, responseState);
 } // Structural Nodes
 // A placeholder is a node inside a hidden partial tree that can be filled in later, but before
 // display. It's never visible to users. We use the template tag because it can be used in every
@@ -5488,11 +5751,15 @@ function writeCompletedBoundaryInstruction(
     }
   }
 
+  var writeMore;
+
   if (scriptFormat) {
-    return writeChunkAndReturn(destination, completeBoundaryScriptEnd);
+    writeMore = writeChunkAndReturn(destination, completeBoundaryScriptEnd);
   } else {
-    return writeChunkAndReturn(destination, completeBoundaryDataEnd);
+    writeMore = writeChunkAndReturn(destination, completeBoundaryDataEnd);
   }
+
+  return writeBootstrap(destination, responseState) && writeMore;
 }
 var clientRenderScript1Full = stringToPrecomputedChunk(
   clientRenderBoundary + ';$RX("'
@@ -5914,10 +6181,7 @@ function writePreamble(
     var _responseState$extern = responseState.externalRuntimeConfig,
       src = _responseState$extern.src,
       integrity = _responseState$extern.integrity;
-    preinitImpl(resources, src, {
-      as: "script",
-      integrity: integrity
-    });
+    internalPreinitScript(resources, src, integrity);
   }
 
   var htmlChunks = responseState.htmlChunks;
@@ -6577,17 +6841,18 @@ function getResourceKey(as, href) {
 }
 
 function prefetchDNS(href, options) {
-  if (!currentResources) {
-    // While we expect that preconnect calls are primarily going to be observed
-    // during render because effects and events don't run on the server it is
-    // still possible that these get called in module scope. This is valid on
-    // the client since there is still a document to interact with but on the
-    // server we need a request to associate the call to. Because of this we
-    // simply return and do not warn.
+  var request = resolveRequest();
+
+  if (!request) {
+    // In async contexts we can sometimes resolve resources from AsyncLocalStorage. If we can't we can also
+    // possibly get them from the stack if we are not in an async context. Since we were not able to resolve
+    // 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.
     return;
   }
 
-  var resources = currentResources;
+  var resources = getResources(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6632,20 +6897,22 @@ function prefetchDNS(href, options) {
     }
 
     resources.preconnects.add(resource);
+    flushResources(request);
   }
 }
 function preconnect(href, options) {
-  if (!currentResources) {
-    // While we expect that preconnect calls are primarily going to be observed
-    // during render because effects and events don't run on the server it is
-    // still possible that these get called in module scope. This is valid on
-    // the client since there is still a document to interact with but on the
-    // server we need a request to associate the call to. Because of this we
-    // simply return and do not warn.
+  var request = resolveRequest();
+
+  if (!request) {
+    // In async contexts we can sometimes resolve resources from AsyncLocalStorage. If we can't we can also
+    // possibly get them from the stack if we are not in an async context. Since we were not able to resolve
+    // 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.
     return;
   }
 
-  var resources = currentResources;
+  var resources = getResources(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6696,20 +6963,22 @@ function preconnect(href, options) {
     }
 
     resources.preconnects.add(resource);
+    flushResources(request);
   }
 }
 function preload(href, options) {
-  if (!currentResources) {
-    // While we expect that preload calls are primarily going to be observed
-    // during render because effects and events don't run on the server it is
-    // still possible that these get called in module scope. This is valid on
-    // the client since there is still a document to interact with but on the
-    // server we need a request to associate the call to. Because of this we
-    // simply return and do not warn.
+  var request = resolveRequest();
+
+  if (!request) {
+    // In async contexts we can sometimes resolve resources from AsyncLocalStorage. If we can't we can also
+    // possibly get them from the stack if we are not in an async context. Since we were not able to resolve
+    // 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.
     return;
   }
 
-  var resources = currentResources;
+  var resources = getResources(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6846,25 +7115,25 @@ function preload(href, options) {
         resources.explicitOtherPreloads.add(resource);
       }
     }
+
+    flushResources(request);
   }
 }
+
 function preinit(href, options) {
-  if (!currentResources) {
-    // While we expect that preinit calls are primarily going to be observed
-    // during render because effects and events don't run on the server it is
-    // still possible that these get called in module scope. This is valid on
-    // the client since there is still a document to interact with but on the
-    // server we need a request to associate the call to. Because of this we
-    // simply return and do not warn.
+  var request = resolveRequest();
+
+  if (!request) {
+    // In async contexts we can sometimes resolve resources from AsyncLocalStorage. If we can't we can also
+    // possibly get them from the stack if we are not in an async context. Since we were not able to resolve
+    // 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.
     return;
   }
 
-  preinitImpl(currentResources, href, options);
-} // On the server, preinit may be called outside of render when sending an
-// external SSR runtime as part of the initial resources payload. Since this
-// is an internal React call, we do not need to use the resources stack.
+  var resources = getResources(request);
 
-function preinitImpl(resources, href, options) {
   {
     if (typeof href !== "string" || !href) {
       error(
@@ -7029,6 +7298,7 @@ function preinitImpl(resources, href, options) {
           }
 
           precedenceSet.add(resource);
+          flushResources(request);
         }
 
         return;
@@ -7119,12 +7389,38 @@ function preinitImpl(resources, href, options) {
 
           resources.scripts.add(_resource3);
           pushScriptImpl(_resource3.chunks, _resourceProps);
+          flushResources(request);
         }
 
         return;
       }
     }
   }
+} // This method is trusted. It must only be called from within this codebase and it assumes the arguments
+// conform to the types because no user input is being passed in. It also assumes that it is being called as
+// part of a work or flush loop and therefore does not need to request Fizz to flush Resources.
+
+function internalPreinitScript(resources, src, integrity) {
+  var key = getResourceKey("script", src);
+  var resource = resources.scriptsMap.get(key);
+
+  if (!resource) {
+    resource = {
+      type: "script",
+      chunks: [],
+      state: NoState,
+      props: null
+    };
+    resources.scriptsMap.set(key, resource);
+    resources.scripts.add(resource);
+    pushScriptImpl(resource.chunks, {
+      async: true,
+      src: src,
+      integrity: integrity
+    });
+  }
+
+  return;
 }
 
 function preloadPropsFromPreloadOptions(href, as, options) {
@@ -9578,6 +9874,7 @@ function noop$1() {}
 
 var HooksDispatcher = {
   readContext: readContext,
+  use: use,
   useContext: useContext,
   useMemo: useMemo,
   useReducer: useReducer,
@@ -9612,10 +9909,6 @@ var HooksDispatcher = {
   HooksDispatcher.useMemoCache = useMemoCache;
 }
 
-{
-  HooksDispatcher.use = use;
-}
-
 var currentResponseState = null;
 function setCurrentResponseState(responseState) {
   currentResponseState = responseState;
@@ -9710,11 +10003,13 @@ function createRequest(
   onShellError,
   onFatalError
 ) {
+  prepareHostDispatcher();
   var pingedTasks = [];
   var abortSet = new Set();
   var resources = createResources();
   var request = {
     destination: null,
+    flushScheduled: false,
     responseState: responseState,
     progressiveChunkSize:
       progressiveChunkSize === undefined
@@ -9763,12 +10058,19 @@ function createRequest(
   pingedTasks.push(rootTask);
   return request;
 }
+var currentRequest = null;
+function resolveRequest() {
+  if (currentRequest) return currentRequest;
+
+  return null;
+}
 
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
   pingedTasks.push(task);
 
-  if (pingedTasks.length === 1) {
+  if (request.pingedTasks.length === 1) {
+    request.flushScheduled = request.destination !== null;
     scheduleWork(function () {
       return performWork(request);
     });
@@ -11275,7 +11577,8 @@ function performWork(request) {
     ReactCurrentCache.current = DefaultCacheDispatcher;
   }
 
-  var previousHostDispatcher = prepareToRender(request.resources);
+  var prevRequest = currentRequest;
+  currentRequest = request;
   var prevGetCurrentStackImpl;
 
   {
@@ -11311,8 +11614,6 @@ function performWork(request) {
       ReactCurrentCache.current = prevCacheDispatcher;
     }
 
-    cleanupAfterRender(previousHostDispatcher);
-
     {
       ReactDebugCurrentFrame.getCurrentStack = prevGetCurrentStackImpl;
     }
@@ -11327,6 +11628,8 @@ function performWork(request) {
       // we'll to restore the context to what it was before returning.
       switchContext(prevContext);
     }
+
+    currentRequest = prevRequest;
   }
 }
 
@@ -11705,6 +12008,8 @@ function flushCompletedQueues(request, destination) {
       request.completedBoundaries.length === 0 // We don't need to check any partially completed segments because
       // either they have pending task or they're complete.
     ) {
+      request.flushScheduled = false;
+
       {
         writePostamble(destination, request.responseState);
       }
@@ -11723,10 +12028,30 @@ function flushCompletedQueues(request, destination) {
 }
 
 function startWork(request) {
-  scheduleWork(function () {
-    return performWork(request);
-  });
+  request.flushScheduled = request.destination !== null;
+
+  {
+    scheduleWork(function () {
+      return performWork(request);
+    });
+  }
 }
+
+function enqueueFlush(request) {
+  if (
+    request.flushScheduled === false && // If there are pinged tasks we are going to flush anyway after work completes
+    request.pingedTasks.length === 0 && // If there is no destination there is nothing we can flush to. A flush will
+    // happen when we start flowing again
+    request.destination !== null
+  ) {
+    var destination = request.destination;
+    request.flushScheduled = true;
+    scheduleWork(function () {
+      return flushCompletedQueues(request, destination);
+    });
+  }
+}
+
 function startFlowing(request, destination) {
   if (request.status === CLOSING) {
     request.status = CLOSED;
@@ -11776,6 +12101,12 @@ function abort(request, reason) {
     fatalError(request, error);
   }
 }
+function flushResources(request) {
+  enqueueFlush(request);
+}
+function getResources(request) {
+  return request.resources;
+}
 
 function onError() {
   // Non-fatal errors are ignored.
diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js
index d00c32d8e9..4446e95e3c 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js
@@ -166,11 +166,11 @@ function escapeTextForBrowser(text) {
         default:
           continue;
       }
-      lastIndex !== index && (html += text.substring(lastIndex, index));
+      lastIndex !== index && (html += text.slice(lastIndex, index));
       lastIndex = index + 1;
       html += match;
     }
-    text = lastIndex !== index ? html + text.substring(lastIndex, index) : html;
+    text = lastIndex !== index ? html + text.slice(lastIndex, index) : html;
   }
   return text;
 }
@@ -191,9 +191,7 @@ var isArrayImpl = Array.isArray,
     preconnect: preconnect,
     preload: preload,
     preinit: preinit
-  },
-  currentResources = null,
-  currentResourcesStack = [];
+  };
 function createFormatContext(insertionMode, selectedValue, noscriptTagInScope) {
   return {
     insertionMode: insertionMode,
@@ -290,6 +288,24 @@ function pushStringAttribute(target, name, value) {
     "boolean" !== typeof value &&
     target.push(" ", name, '="', escapeTextForBrowser(value), '"');
 }
+escapeTextForBrowser(
+  "javascript:throw new Error('A React form was unexpectedly submitted.')"
+);
+function pushFormActionAttribute(
+  target,
+  responseState,
+  formAction,
+  formEncType,
+  formMethod,
+  formTarget,
+  name
+) {
+  null !== name && pushAttribute(target, "name", name);
+  null !== formAction && pushAttribute(target, "formAction", formAction);
+  null !== formEncType && pushAttribute(target, "formEncType", formEncType);
+  null !== formMethod && pushAttribute(target, "formMethod", formMethod);
+  null !== formTarget && pushAttribute(target, "formTarget", formTarget);
+}
 function pushAttribute(target, name, value) {
   switch (name) {
     case "className":
@@ -310,8 +326,8 @@ function pushAttribute(target, name, value) {
       break;
     case "src":
     case "href":
-    case "action":
       if ("" === value) break;
+    case "action":
     case "formAction":
       if (
         null == value ||
@@ -710,17 +726,17 @@ function pushStartInstance(
       break;
     case "select":
       target.push(startChunkForTag("select"));
-      resources = textEmbedded = null;
+      textEmbedded = responseState = null;
       for (var propKey in props)
         if (hasOwnProperty.call(props, propKey)) {
           var propValue = props[propKey];
           if (null != propValue)
             switch (propKey) {
               case "children":
-                textEmbedded = propValue;
+                responseState = propValue;
                 break;
               case "dangerouslySetInnerHTML":
-                resources = propValue;
+                textEmbedded = propValue;
                 break;
               case "defaultValue":
               case "value":
@@ -730,13 +746,12 @@ function pushStartInstance(
             }
         }
       target.push(">");
-      pushInnerHTML(target, resources, textEmbedded);
-      return textEmbedded;
+      pushInnerHTML(target, textEmbedded, responseState);
+      return responseState;
     case "option":
-      textEmbedded = formatContext.selectedValue;
+      responseState = formatContext.selectedValue;
       target.push(startChunkForTag("option"));
-      var value = (resources = null),
-        selected = null;
+      var selected = (resources = textEmbedded = null);
       propValue = null;
       for (var propKey$jscomp$0 in props)
         if (hasOwnProperty.call(props, propKey$jscomp$0)) {
@@ -744,7 +759,7 @@ function pushStartInstance(
           if (null != propValue$jscomp$0)
             switch (propKey$jscomp$0) {
               case "children":
-                resources = propValue$jscomp$0;
+                textEmbedded = propValue$jscomp$0;
                 break;
               case "selected":
                 selected = propValue$jscomp$0;
@@ -753,119 +768,251 @@ function pushStartInstance(
                 propValue = propValue$jscomp$0;
                 break;
               case "value":
-                value = propValue$jscomp$0;
+                resources = propValue$jscomp$0;
               default:
                 pushAttribute(target, propKey$jscomp$0, propValue$jscomp$0);
             }
         }
-      if (null != textEmbedded)
+      if (null != responseState)
         if (
           ((props =
-            null !== value ? "" + value : flattenOptionChildren(resources)),
-          isArrayImpl(textEmbedded))
+            null !== resources
+              ? "" + resources
+              : flattenOptionChildren(textEmbedded)),
+          isArrayImpl(responseState))
         )
-          for (
-            propKey$jscomp$0 = 0;
-            propKey$jscomp$0 < textEmbedded.length;
-            propKey$jscomp$0++
-          ) {
-            if ("" + textEmbedded[propKey$jscomp$0] === props) {
+          for (resources = 0; resources < responseState.length; resources++) {
+            if ("" + responseState[resources] === props) {
               target.push(' selected=""');
               break;
             }
           }
-        else "" + textEmbedded === props && target.push(' selected=""');
+        else "" + responseState === props && target.push(' selected=""');
       else selected && target.push(' selected=""');
       target.push(">");
-      pushInnerHTML(target, propValue, resources);
-      return resources;
+      pushInnerHTML(target, propValue, textEmbedded);
+      return textEmbedded;
     case "textarea":
       target.push(startChunkForTag("textarea"));
-      propValue = resources = textEmbedded = null;
-      for (propValue$jscomp$0 in props)
+      propValue = textEmbedded = responseState = null;
+      for (var propKey$jscomp$1 in props)
         if (
-          hasOwnProperty.call(props, propValue$jscomp$0) &&
-          ((propKey$jscomp$0 = props[propValue$jscomp$0]),
-          null != propKey$jscomp$0)
+          hasOwnProperty.call(props, propKey$jscomp$1) &&
+          ((resources = props[propKey$jscomp$1]), null != resources)
         )
-          switch (propValue$jscomp$0) {
+          switch (propKey$jscomp$1) {
             case "children":
-              propValue = propKey$jscomp$0;
+              propValue = resources;
               break;
             case "value":
-              textEmbedded = propKey$jscomp$0;
+              responseState = resources;
               break;
             case "defaultValue":
-              resources = propKey$jscomp$0;
+              textEmbedded = resources;
               break;
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(91));
             default:
-              pushAttribute(target, propValue$jscomp$0, propKey$jscomp$0);
+              pushAttribute(target, propKey$jscomp$1, resources);
           }
-      null === textEmbedded && null !== resources && (textEmbedded = resources);
+      null === responseState &&
+        null !== textEmbedded &&
+        (responseState = textEmbedded);
       target.push(">");
       if (null != propValue) {
-        if (null != textEmbedded) throw Error(formatProdErrorMessage(92));
+        if (null != responseState) throw Error(formatProdErrorMessage(92));
         if (isArrayImpl(propValue) && 1 < propValue.length)
           throw Error(formatProdErrorMessage(93));
-        textEmbedded = "" + propValue;
+        responseState = "" + propValue;
       }
-      "string" === typeof textEmbedded &&
-        "\n" === textEmbedded[0] &&
+      "string" === typeof responseState &&
+        "\n" === responseState[0] &&
         target.push("\n");
-      null !== textEmbedded &&
-        target.push(escapeTextForBrowser("" + textEmbedded));
+      null !== responseState &&
+        target.push(escapeTextForBrowser("" + responseState));
       return null;
     case "input":
       target.push(startChunkForTag("input"));
-      propKey$jscomp$0 = propValue = resources = textEmbedded = null;
-      for (value in props)
-        if (
-          hasOwnProperty.call(props, value) &&
-          ((selected = props[value]), null != selected)
-        )
-          switch (value) {
-            case "children":
-            case "dangerouslySetInnerHTML":
-              throw Error(formatProdErrorMessage(399, "input"));
-            case "defaultChecked":
-              propKey$jscomp$0 = selected;
-              break;
-            case "defaultValue":
-              resources = selected;
-              break;
-            case "checked":
-              propValue = selected;
-              break;
-            case "value":
-              textEmbedded = selected;
-              break;
-            default:
-              pushAttribute(target, value, selected);
-          }
-      null !== propValue
-        ? pushBooleanAttribute(target, "checked", propValue)
-        : null !== propKey$jscomp$0 &&
-          pushBooleanAttribute(target, "checked", propKey$jscomp$0);
-      null !== textEmbedded
-        ? pushAttribute(target, "value", textEmbedded)
-        : null !== resources && pushAttribute(target, "value", resources);
+      var formTarget =
+          (propValue$jscomp$0 =
+          selected =
+          resources =
+          textEmbedded =
+            null),
+        defaultValue = (propKey$jscomp$0 = null);
+      propKey = propKey$jscomp$1 = null;
+      for (propValue in props)
+        if (hasOwnProperty.call(props, propValue)) {
+          var propValue$jscomp$1 = props[propValue];
+          if (null != propValue$jscomp$1)
+            switch (propValue) {
+              case "children":
+              case "dangerouslySetInnerHTML":
+                throw Error(formatProdErrorMessage(399, "input"));
+              case "name":
+                textEmbedded = propValue$jscomp$1;
+                break;
+              case "formAction":
+                resources = propValue$jscomp$1;
+                break;
+              case "formEncType":
+                selected = propValue$jscomp$1;
+                break;
+              case "formMethod":
+                propValue$jscomp$0 = propValue$jscomp$1;
+                break;
+              case "formTarget":
+                formTarget = propValue$jscomp$1;
+                break;
+              case "defaultChecked":
+                propKey = propValue$jscomp$1;
+                break;
+              case "defaultValue":
+                defaultValue = propValue$jscomp$1;
+                break;
+              case "checked":
+                propKey$jscomp$1 = propValue$jscomp$1;
+                break;
+              case "value":
+                propKey$jscomp$0 = propValue$jscomp$1;
+                break;
+              default:
+                pushAttribute(target, propValue, propValue$jscomp$1);
+            }
+        }
+      pushFormActionAttribute(
+        target,
+        responseState,
+        resources,
+        selected,
+        propValue$jscomp$0,
+        formTarget,
+        textEmbedded
+      );
+      null !== propKey$jscomp$1
+        ? pushBooleanAttribute(target, "checked", propKey$jscomp$1)
+        : null !== propKey && pushBooleanAttribute(target, "checked", propKey);
+      null !== propKey$jscomp$0
+        ? pushAttribute(target, "value", propKey$jscomp$0)
+        : null !== defaultValue && pushAttribute(target, "value", defaultValue);
       target.push("/>");
       return null;
+    case "button":
+      target.push(startChunkForTag("button"));
+      defaultValue =
+        propKey$jscomp$0 =
+        formTarget =
+        selected =
+        resources =
+        propValue =
+        textEmbedded =
+          null;
+      for (propValue$jscomp$0 in props)
+        if (
+          hasOwnProperty.call(props, propValue$jscomp$0) &&
+          ((propKey$jscomp$1 = props[propValue$jscomp$0]),
+          null != propKey$jscomp$1)
+        )
+          switch (propValue$jscomp$0) {
+            case "children":
+              textEmbedded = propKey$jscomp$1;
+              break;
+            case "dangerouslySetInnerHTML":
+              propValue = propKey$jscomp$1;
+              break;
+            case "name":
+              resources = propKey$jscomp$1;
+              break;
+            case "formAction":
+              selected = propKey$jscomp$1;
+              break;
+            case "formEncType":
+              formTarget = propKey$jscomp$1;
+              break;
+            case "formMethod":
+              propKey$jscomp$0 = propKey$jscomp$1;
+              break;
+            case "formTarget":
+              defaultValue = propKey$jscomp$1;
+              break;
+            default:
+              pushAttribute(target, propValue$jscomp$0, propKey$jscomp$1);
+          }
+      pushFormActionAttribute(
+        target,
+        responseState,
+        selected,
+        formTarget,
+        propKey$jscomp$0,
+        defaultValue,
+        resources
+      );
+      target.push(">");
+      pushInnerHTML(target, propValue, textEmbedded);
+      "string" === typeof textEmbedded
+        ? (target.push(escapeTextForBrowser(textEmbedded)), (target = null))
+        : (target = textEmbedded);
+      return target;
+    case "form":
+      target.push(startChunkForTag("form"));
+      propValue$jscomp$0 =
+        selected =
+        resources =
+        propValue =
+        textEmbedded =
+        responseState =
+          null;
+      for (formTarget in props)
+        if (
+          hasOwnProperty.call(props, formTarget) &&
+          ((propKey$jscomp$0 = props[formTarget]), null != propKey$jscomp$0)
+        )
+          switch (formTarget) {
+            case "children":
+              responseState = propKey$jscomp$0;
+              break;
+            case "dangerouslySetInnerHTML":
+              textEmbedded = propKey$jscomp$0;
+              break;
+            case "action":
+              propValue = propKey$jscomp$0;
+              break;
+            case "encType":
+              resources = propKey$jscomp$0;
+              break;
+            case "method":
+              selected = propKey$jscomp$0;
+              break;
+            case "target":
+              propValue$jscomp$0 = propKey$jscomp$0;
+              break;
+            default:
+              pushAttribute(target, formTarget, propKey$jscomp$0);
+          }
+      null !== propValue && pushAttribute(target, "action", propValue);
+      null !== resources && pushAttribute(target, "encType", resources);
+      null !== selected && pushAttribute(target, "method", selected);
+      null !== propValue$jscomp$0 &&
+        pushAttribute(target, "target", propValue$jscomp$0);
+      target.push(">");
+      pushInnerHTML(target, textEmbedded, responseState);
+      "string" === typeof responseState
+        ? (target.push(escapeTextForBrowser(responseState)), (target = null))
+        : (target = responseState);
+      return target;
     case "menuitem":
       target.push(startChunkForTag("menuitem"));
-      for (var propKey$jscomp$1 in props)
+      for (var propKey$jscomp$2 in props)
         if (
-          hasOwnProperty.call(props, propKey$jscomp$1) &&
-          ((textEmbedded = props[propKey$jscomp$1]), null != textEmbedded)
+          hasOwnProperty.call(props, propKey$jscomp$2) &&
+          ((responseState = props[propKey$jscomp$2]), null != responseState)
         )
-          switch (propKey$jscomp$1) {
+          switch (propKey$jscomp$2) {
             case "children":
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(400));
             default:
-              pushAttribute(target, propKey$jscomp$1, textEmbedded);
+              pushAttribute(target, propKey$jscomp$2, responseState);
           }
       target.push(">");
       return null;
@@ -899,13 +1046,13 @@ function pushStartInstance(
       )
         target = pushScriptImpl(target, props);
       else {
-        value = "[script]" + props.src;
+        selected = "[script]" + props.src;
         if (!0 !== props.async || props.onLoad || props.onError) {
           if (
             (!0 !== props.noModule &&
-              ((propValue = resources.preloadsMap.get(value)),
-              propValue ||
-                ((propValue = {
+              ((responseState = resources.preloadsMap.get(selected)),
+              responseState ||
+                ((responseState = {
                   type: "preload",
                   chunks: [],
                   state: 0,
@@ -918,9 +1065,9 @@ function pushStartInstance(
                     referrerPolicy: props.referrerPolicy
                   }
                 }),
-                resources.preloadsMap.set(value, propValue),
-                resources.usedScripts.add(propValue),
-                pushLinkImpl(propValue.chunks, propValue.props))),
+                resources.preloadsMap.set(selected, responseState),
+                resources.usedScripts.add(responseState),
+                pushLinkImpl(responseState.chunks, responseState.props))),
             !0 !== props.async)
           ) {
             pushScriptImpl(target, props);
@@ -928,116 +1075,113 @@ function pushStartInstance(
             break a;
           }
         } else if (
-          ((propValue = resources.scriptsMap.get(value)), !propValue)
+          ((responseState = resources.scriptsMap.get(selected)), !responseState)
         ) {
-          propValue = { type: "script", chunks: [], state: 0, props: null };
-          resources.scriptsMap.set(value, propValue);
-          resources.scripts.add(propValue);
-          propKey$jscomp$0 = props;
-          if ((resources = resources.preloadsMap.get(value)))
+          responseState = { type: "script", chunks: [], state: 0, props: null };
+          resources.scriptsMap.set(selected, responseState);
+          resources.scripts.add(responseState);
+          propValue = props;
+          if ((resources = resources.preloadsMap.get(selected)))
             (resources.state |= 4),
-              (props = propKey$jscomp$0 = assign({}, props)),
+              (props = propValue = assign({}, props)),
               (resources = resources.props),
               null == props.crossOrigin &&
                 (props.crossOrigin = resources.crossOrigin),
               null == props.integrity &&
                 (props.integrity = resources.integrity);
-          pushScriptImpl(propValue.chunks, propKey$jscomp$0);
+          pushScriptImpl(responseState.chunks, propValue);
         }
         textEmbedded && target.push("\x3c!-- --\x3e");
         target = null;
       }
       return target;
     case "style":
-      propKey$jscomp$0 = props.precedence;
-      value = props.href;
+      responseState = props.precedence;
+      propValue = props.href;
       if (
         3 === formatContext.insertionMode ||
         formatContext.noscriptTagInScope ||
         null != props.itemProp ||
-        "string" !== typeof propKey$jscomp$0 ||
-        "string" !== typeof value ||
-        "" === value
+        "string" !== typeof responseState ||
+        "string" !== typeof propValue ||
+        "" === propValue
       ) {
         target.push(startChunkForTag("style"));
-        resources = textEmbedded = null;
-        for (selected in props)
+        textEmbedded = responseState = null;
+        for (defaultValue in props)
           if (
-            hasOwnProperty.call(props, selected) &&
-            ((propValue = props[selected]), null != propValue)
+            hasOwnProperty.call(props, defaultValue) &&
+            ((propValue = props[defaultValue]), null != propValue)
           )
-            switch (selected) {
+            switch (defaultValue) {
               case "children":
-                textEmbedded = propValue;
+                responseState = propValue;
                 break;
               case "dangerouslySetInnerHTML":
-                resources = propValue;
+                textEmbedded = propValue;
                 break;
               default:
-                pushAttribute(target, selected, propValue);
+                pushAttribute(target, defaultValue, propValue);
             }
         target.push(">");
-        props = Array.isArray(textEmbedded)
-          ? 2 > textEmbedded.length
-            ? textEmbedded[0]
+        props = Array.isArray(responseState)
+          ? 2 > responseState.length
+            ? responseState[0]
             : null
-          : textEmbedded;
+          : responseState;
         "function" !== typeof props &&
           "symbol" !== typeof props &&
           null !== props &&
           void 0 !== props &&
           target.push(escapeTextForBrowser("" + props));
-        pushInnerHTML(target, resources, textEmbedded);
+        pushInnerHTML(target, textEmbedded, responseState);
         target.push("</", "style", ">");
         target = null;
       } else {
-        selected = "[style]" + value;
-        propValue$jscomp$0 = resources.stylesMap.get(selected);
-        if (!propValue$jscomp$0) {
-          (propValue$jscomp$0 =
-            resources.stylePrecedences.get(propKey$jscomp$0))
-            ? propValue$jscomp$0.props.hrefs.push(value)
-            : ((propValue$jscomp$0 = {
+        propValue$jscomp$0 = "[style]" + propValue;
+        formTarget = resources.stylesMap.get(propValue$jscomp$0);
+        if (!formTarget) {
+          (formTarget = resources.stylePrecedences.get(responseState))
+            ? formTarget.props.hrefs.push(propValue)
+            : ((formTarget = {
                 type: "style",
                 chunks: [],
                 state: 0,
-                props: { precedence: propKey$jscomp$0, hrefs: [value] }
+                props: { precedence: responseState, hrefs: [propValue] }
               }),
-              resources.stylePrecedences.set(
-                propKey$jscomp$0,
-                propValue$jscomp$0
-              ),
-              (value = new Set()),
-              value.add(propValue$jscomp$0),
-              resources.precedences.set(propKey$jscomp$0, value));
-          resources.stylesMap.set(selected, propValue$jscomp$0);
+              resources.stylePrecedences.set(responseState, formTarget),
+              (propValue = new Set()),
+              propValue.add(formTarget),
+              resources.precedences.set(responseState, propValue));
+          resources.stylesMap.set(propValue$jscomp$0, formTarget);
           resources.boundaryResources &&
-            resources.boundaryResources.add(propValue$jscomp$0);
-          resources = propValue$jscomp$0.chunks;
-          value = propKey$jscomp$0 = null;
-          for (propValue in props)
+            resources.boundaryResources.add(formTarget);
+          responseState = formTarget.chunks;
+          resources = propValue = null;
+          for (selected in props)
             if (
-              hasOwnProperty.call(props, propValue) &&
-              ((selected = props[propValue]), null != selected)
+              hasOwnProperty.call(props, selected) &&
+              ((propValue$jscomp$0 = props[selected]),
+              null != propValue$jscomp$0)
             )
-              switch (propValue) {
+              switch (selected) {
                 case "children":
-                  propKey$jscomp$0 = selected;
+                  propValue = propValue$jscomp$0;
                   break;
                 case "dangerouslySetInnerHTML":
-                  value = selected;
+                  resources = propValue$jscomp$0;
               }
-          props = Array.isArray(propKey$jscomp$0)
-            ? 2 > propKey$jscomp$0.length
-              ? propKey$jscomp$0[0]
+          props = Array.isArray(propValue)
+            ? 2 > propValue.length
+              ? propValue[0]
               : null
-            : propKey$jscomp$0;
+            : propValue;
           "function" !== typeof props &&
             "symbol" !== typeof props &&
             null !== props &&
             void 0 !== props &&
-            resources.push(escapeTextForBrowser("" + props));
-          pushInnerHTML(resources, value, propKey$jscomp$0);
+            responseState.push(escapeTextForBrowser("" + props));
+          pushInnerHTML(responseState, resources, propValue);
         }
         textEmbedded && target.push("\x3c!-- --\x3e");
         target = void 0;
@@ -1063,38 +1207,38 @@ function pushStartInstance(
     case "listing":
     case "pre":
       target.push(startChunkForTag(type));
-      resources = textEmbedded = null;
-      for (var propKey$jscomp$2 in props)
+      textEmbedded = responseState = null;
+      for (propValue$jscomp$1 in props)
         if (
-          hasOwnProperty.call(props, propKey$jscomp$2) &&
-          ((propValue = props[propKey$jscomp$2]), null != propValue)
+          hasOwnProperty.call(props, propValue$jscomp$1) &&
+          ((propValue = props[propValue$jscomp$1]), null != propValue)
         )
-          switch (propKey$jscomp$2) {
+          switch (propValue$jscomp$1) {
             case "children":
-              textEmbedded = propValue;
+              responseState = propValue;
               break;
             case "dangerouslySetInnerHTML":
-              resources = propValue;
+              textEmbedded = propValue;
               break;
             default:
-              pushAttribute(target, propKey$jscomp$2, propValue);
+              pushAttribute(target, propValue$jscomp$1, propValue);
           }
       target.push(">");
-      if (null != resources) {
-        if (null != textEmbedded) throw Error(formatProdErrorMessage(60));
-        if ("object" !== typeof resources || !("__html" in resources))
+      if (null != textEmbedded) {
+        if (null != responseState) throw Error(formatProdErrorMessage(60));
+        if ("object" !== typeof textEmbedded || !("__html" in textEmbedded))
           throw Error(formatProdErrorMessage(61));
-        props = resources.__html;
+        props = textEmbedded.__html;
         null !== props &&
           void 0 !== props &&
           ("string" === typeof props && 0 < props.length && "\n" === props[0]
             ? target.push("\n", props)
             : target.push("" + props));
       }
-      "string" === typeof textEmbedded &&
-        "\n" === textEmbedded[0] &&
+      "string" === typeof responseState &&
+        "\n" === responseState[0] &&
         target.push("\n");
-      return textEmbedded;
+      return responseState;
     case "base":
     case "area":
     case "br":
@@ -1144,7 +1288,7 @@ function pushStartInstance(
     default:
       if (-1 !== type.indexOf("-")) {
         target.push(startChunkForTag(type));
-        resources = textEmbedded = null;
+        textEmbedded = responseState = null;
         for (var propKey$jscomp$3 in props)
           if (
             hasOwnProperty.call(props, propKey$jscomp$3) &&
@@ -1167,10 +1311,10 @@ function pushStartInstance(
               propKey$jscomp$3)
             ) {
               case "children":
-                textEmbedded = propValue;
+                responseState = propValue;
                 break;
               case "dangerouslySetInnerHTML":
-                resources = propValue;
+                textEmbedded = propValue;
                 break;
               case "style":
                 pushStyleAttribute(target, propValue);
@@ -1191,12 +1335,20 @@ function pushStartInstance(
                   );
             }
         target.push(">");
-        pushInnerHTML(target, resources, textEmbedded);
-        return textEmbedded;
+        pushInnerHTML(target, textEmbedded, responseState);
+        return responseState;
       }
   }
   return pushStartGenericElement(target, props, type);
 }
+function writeBootstrap(destination, responseState) {
+  responseState = responseState.bootstrapChunks;
+  for (var i = 0; i < responseState.length - 1; i++)
+    destination.push(responseState[i]);
+  return i < responseState.length
+    ? ((i = responseState[i]), (responseState.length = 0), destination.push(i))
+    : !0;
+}
 function writeStartPendingSuspenseBoundary(destination, responseState, id) {
   destination.push('\x3c!--$?--\x3e<template id="');
   if (null === id) throw Error(formatProdErrorMessage(395));
@@ -1461,10 +1613,11 @@ function writePreamble(
   !willFlushAllSegments &&
     responseState.externalRuntimeConfig &&
     ((willFlushAllSegments = responseState.externalRuntimeConfig),
-    preinitImpl(resources, willFlushAllSegments.src, {
-      as: "script",
-      integrity: willFlushAllSegments.integrity
-    }));
+    internalPreinitScript(
+      resources,
+      willFlushAllSegments.src,
+      willFlushAllSegments.integrity
+    ));
   willFlushAllSegments = responseState.htmlChunks;
   var headChunks = responseState.headChunks,
     i = 0;
@@ -1756,8 +1909,9 @@ function writeStyleResourceAttributeInAttr(destination, name, value) {
   destination.push(attributeName);
 }
 function prefetchDNS(href) {
-  if (currentResources) {
-    var resources = currentResources;
+  var request = currentRequest ? currentRequest : null;
+  if (request) {
+    var resources = request.resources;
     if ("string" === typeof href && href) {
       var key = "[prefetchDNS]" + href,
         resource = resources.preconnectsMap.get(key);
@@ -1766,12 +1920,14 @@ function prefetchDNS(href) {
         resources.preconnectsMap.set(key, resource),
         pushLinkImpl(resource.chunks, { href: href, rel: "dns-prefetch" }));
       resources.preconnects.add(resource);
+      enqueueFlush(request);
     }
   }
 }
 function preconnect(href, options) {
-  if (currentResources) {
-    var resources = currentResources;
+  var request = currentRequest ? currentRequest : null;
+  if (request) {
+    var resources = request.resources;
     if ("string" === typeof href && href) {
       options =
         null == options || "string" !== typeof options.crossOrigin
@@ -1791,12 +1947,14 @@ function preconnect(href, options) {
           crossOrigin: options
         }));
       resources.preconnects.add(resource);
+      enqueueFlush(request);
     }
   }
 }
 function preload(href, options) {
-  if (currentResources) {
-    var resources = currentResources;
+  var request = currentRequest ? currentRequest : null;
+  if (request) {
+    var resources = request.resources;
     if (
       "string" === typeof href &&
       href &&
@@ -1836,70 +1994,87 @@ function preload(href, options) {
         default:
           resources.explicitOtherPreloads.add(resource);
       }
+      enqueueFlush(request);
     }
   }
 }
 function preinit(href, options) {
-  currentResources && preinitImpl(currentResources, href, options);
-}
-function preinitImpl(resources, href, options) {
-  if (
-    "string" === typeof href &&
-    href &&
-    "object" === typeof options &&
-    null !== options
-  ) {
-    var as = options.as;
-    switch (as) {
-      case "style":
-        var key = "[" + as + "]" + href;
-        as = resources.stylesMap.get(key);
-        var precedence = options.precedence || "default";
-        as ||
-          ((as = {
-            type: "stylesheet",
-            chunks: [],
-            state: 0,
-            props: {
-              rel: "stylesheet",
-              href: href,
-              "data-precedence": precedence,
-              crossOrigin: options.crossOrigin,
-              integrity: options.integrity
-            }
-          }),
-          resources.stylesMap.set(key, as),
-          (href = resources.precedences.get(precedence)),
-          href ||
-            ((href = new Set()),
-            resources.precedences.set(precedence, href),
-            (options = {
-              type: "style",
+  var request = currentRequest ? currentRequest : null;
+  if (request) {
+    var resources = request.resources;
+    if (
+      "string" === typeof href &&
+      href &&
+      "object" === typeof options &&
+      null !== options
+    ) {
+      var as = options.as;
+      switch (as) {
+        case "style":
+          var key = "[" + as + "]" + href;
+          as = resources.stylesMap.get(key);
+          var precedence = options.precedence || "default";
+          as ||
+            ((as = {
+              type: "stylesheet",
               chunks: [],
               state: 0,
-              props: { precedence: precedence, hrefs: [] }
+              props: {
+                rel: "stylesheet",
+                href: href,
+                "data-precedence": precedence,
+                crossOrigin: options.crossOrigin,
+                integrity: options.integrity
+              }
             }),
-            href.add(options),
-            resources.stylePrecedences.set(precedence, options)),
-          href.add(as));
-        break;
-      case "script":
-        (precedence = "[" + as + "]" + href),
-          (as = resources.scriptsMap.get(precedence)),
-          as ||
-            ((as = { type: "script", chunks: [], state: 0, props: null }),
-            resources.scriptsMap.set(precedence, as),
-            (href = {
-              src: href,
-              async: !0,
-              crossOrigin: options.crossOrigin,
-              integrity: options.integrity
-            }),
-            resources.scripts.add(as),
-            pushScriptImpl(as.chunks, href));
+            resources.stylesMap.set(key, as),
+            (href = resources.precedences.get(precedence)),
+            href ||
+              ((href = new Set()),
+              resources.precedences.set(precedence, href),
+              (options = {
+                type: "style",
+                chunks: [],
+                state: 0,
+                props: { precedence: precedence, hrefs: [] }
+              }),
+              href.add(options),
+              resources.stylePrecedences.set(precedence, options)),
+            href.add(as),
+            enqueueFlush(request));
+          break;
+        case "script":
+          (precedence = "[" + as + "]" + href),
+            (as = resources.scriptsMap.get(precedence)),
+            as ||
+              ((as = { type: "script", chunks: [], state: 0, props: null }),
+              resources.scriptsMap.set(precedence, as),
+              (href = {
+                src: href,
+                async: !0,
+                crossOrigin: options.crossOrigin,
+                integrity: options.integrity
+              }),
+              resources.scripts.add(as),
+              pushScriptImpl(as.chunks, href),
+              enqueueFlush(request));
+      }
     }
   }
 }
+function internalPreinitScript(resources, src, integrity) {
+  var key = "[script]" + src,
+    resource = resources.scriptsMap.get(key);
+  resource ||
+    ((resource = { type: "script", chunks: [], state: 0, props: null }),
+    resources.scriptsMap.set(key, resource),
+    resources.scripts.add(resource),
+    pushScriptImpl(resource.chunks, {
+      async: !0,
+      src: src,
+      integrity: integrity
+    }));
+}
 function preloadAsStylePropsFromProps(href, props) {
   return {
     rel: "preload",
@@ -2365,6 +2540,17 @@ var HooksDispatcher = {
     readContext: function (context) {
       return context._currentValue2;
     },
+    use: function (usable) {
+      if (null !== usable && "object" === typeof usable) {
+        if ("function" === typeof usable.then) return unwrapThenable(usable);
+        if (
+          usable.$$typeof === REACT_CONTEXT_TYPE ||
+          usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
+        )
+          return usable._currentValue2;
+      }
+      throw Error(formatProdErrorMessage(438, String(usable)));
+    },
     useContext: function (context) {
       resolveCurrentlyRenderingComponent();
       return context._currentValue2;
@@ -2437,17 +2623,6 @@ var HooksDispatcher = {
       for (var data = Array(size), i = 0; i < size; i++)
         data[i] = REACT_MEMO_CACHE_SENTINEL;
       return data;
-    },
-    use: function (usable) {
-      if (null !== usable && "object" === typeof usable) {
-        if ("function" === typeof usable.then) return unwrapThenable(usable);
-        if (
-          usable.$$typeof === REACT_CONTEXT_TYPE ||
-          usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
-        )
-          return usable._currentValue2;
-      }
-      throw Error(formatProdErrorMessage(438, String(usable)));
     }
   },
   currentResponseState = null,
@@ -2477,6 +2652,7 @@ function createRequest(
   onShellError,
   onFatalError
 ) {
+  ReactDOMCurrentDispatcher.current = ReactDOMServerDispatcher;
   var pingedTasks = [],
     abortSet = new Set(),
     resources = {
@@ -2498,6 +2674,7 @@ function createRequest(
     };
   responseState = {
     destination: null,
+    flushScheduled: !1,
     responseState: responseState,
     progressiveChunkSize:
       void 0 === progressiveChunkSize ? 12800 : progressiveChunkSize,
@@ -2542,6 +2719,7 @@ function createRequest(
   pingedTasks.push(children);
   return responseState;
 }
+var currentRequest = null;
 function createTask(
   request,
   thenableState,
@@ -2560,9 +2738,10 @@ function createTask(
   var task = {
     node: node,
     ping: function () {
-      var pingedTasks = request.pingedTasks;
-      pingedTasks.push(task);
-      1 === pingedTasks.length && performWork(request);
+      request.pingedTasks.push(task);
+      1 === request.pingedTasks.length &&
+        ((request.flushScheduled = null !== request.destination),
+        performWork(request));
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
@@ -3209,11 +3388,8 @@ function performWork(request$jscomp$1) {
     ReactCurrentDispatcher.current = HooksDispatcher;
     var prevCacheDispatcher = ReactCurrentCache.current;
     ReactCurrentCache.current = DefaultCacheDispatcher;
-    var resources = request$jscomp$1.resources;
-    currentResourcesStack.push(currentResources);
-    currentResources = resources;
-    resources = ReactDOMCurrentDispatcher.current;
-    ReactDOMCurrentDispatcher.current = ReactDOMServerDispatcher;
+    var prevRequest = currentRequest;
+    currentRequest = request$jscomp$1;
     var prevResponseState = currentResponseState;
     currentResponseState = request$jscomp$1.responseState;
     try {
@@ -3300,9 +3476,8 @@ function performWork(request$jscomp$1) {
       (currentResponseState = prevResponseState),
         (ReactCurrentDispatcher.current = prevDispatcher),
         (ReactCurrentCache.current = prevCacheDispatcher),
-        (currentResources = currentResourcesStack.pop()),
-        (ReactDOMCurrentDispatcher.current = resources),
-        prevDispatcher === HooksDispatcher && switchContext(prevContext);
+        prevDispatcher === HooksDispatcher && switchContext(prevContext),
+        (currentRequest = prevRequest);
     }
   }
 }
@@ -3474,10 +3649,10 @@ function flushCompletedBoundary(request, destination, boundary) {
       : (destination.push('" data-sty="'),
         writeStyleResourceDependenciesInAttr(destination, boundary))
     : scriptFormat && destination.push('"');
-  destination = scriptFormat
+  completedSegments = scriptFormat
     ? destination.push(")\x3c/script>")
     : destination.push('"></template>');
-  return destination;
+  return writeBootstrap(destination, request) && completedSegments;
 }
 function flushPartiallyCompletedSegment(
   request,
@@ -3519,30 +3694,22 @@ function flushCompletedQueues(request, destination) {
     var i,
       completedRootSegment = request.completedRootSegment;
     if (null !== completedRootSegment)
-      if (0 === request.pendingRootTasks) {
+      if (0 === request.pendingRootTasks)
         writePreamble(
           destination,
           request.resources,
           request.responseState,
           0 === request.allPendingTasks
-        );
-        flushSegment(request, destination, completedRootSegment);
-        request.completedRootSegment = null;
-        var bootstrapChunks = request.responseState.bootstrapChunks;
-        for (
-          completedRootSegment = 0;
-          completedRootSegment < bootstrapChunks.length - 1;
-          completedRootSegment++
-        )
-          destination.push(bootstrapChunks[completedRootSegment]);
-        completedRootSegment < bootstrapChunks.length &&
-          destination.push(bootstrapChunks[completedRootSegment]);
-      } else return;
+        ),
+          flushSegment(request, destination, completedRootSegment),
+          (request.completedRootSegment = null),
+          writeBootstrap(destination, request.responseState);
+      else return;
     else writeHoistables(destination, request.resources, request.responseState);
     var clientRenderedBoundaries = request.clientRenderedBoundaries;
     for (i = 0; i < clientRenderedBoundaries.length; i++) {
       var boundary = clientRenderedBoundaries[i];
-      bootstrapChunks = destination;
+      completedRootSegment = destination;
       var responseState = request.responseState,
         boundaryID = boundary.id,
         errorDigest = boundary.errorDigest,
@@ -3550,54 +3717,54 @@ function flushCompletedQueues(request, destination) {
         errorComponentStack = boundary.errorComponentStack,
         scriptFormat = 0 === responseState.streamingFormat;
       scriptFormat
-        ? (bootstrapChunks.push(responseState.startInlineScript),
+        ? (completedRootSegment.push(responseState.startInlineScript),
           0 === (responseState.instructions & 4)
             ? ((responseState.instructions |= 4),
-              bootstrapChunks.push(
+              completedRootSegment.push(
                 '$RX=function(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};;$RX("'
               ))
-            : bootstrapChunks.push('$RX("'))
-        : bootstrapChunks.push('<template data-rxi="" data-bid="');
+            : completedRootSegment.push('$RX("'))
+        : completedRootSegment.push('<template data-rxi="" data-bid="');
       if (null === boundaryID) throw Error(formatProdErrorMessage(395));
-      bootstrapChunks.push(boundaryID);
-      scriptFormat && bootstrapChunks.push('"');
+      completedRootSegment.push(boundaryID);
+      scriptFormat && completedRootSegment.push('"');
       if (errorDigest || errorMessage || errorComponentStack)
         if (scriptFormat) {
-          bootstrapChunks.push(",");
+          completedRootSegment.push(",");
           var chunk = escapeJSStringsForInstructionScripts(errorDigest || "");
-          bootstrapChunks.push(chunk);
+          completedRootSegment.push(chunk);
         } else {
-          bootstrapChunks.push('" data-dgst="');
+          completedRootSegment.push('" data-dgst="');
           var chunk$jscomp$0 = escapeTextForBrowser(errorDigest || "");
-          bootstrapChunks.push(chunk$jscomp$0);
+          completedRootSegment.push(chunk$jscomp$0);
         }
       if (errorMessage || errorComponentStack)
         if (scriptFormat) {
-          bootstrapChunks.push(",");
+          completedRootSegment.push(",");
           var chunk$jscomp$1 = escapeJSStringsForInstructionScripts(
             errorMessage || ""
           );
-          bootstrapChunks.push(chunk$jscomp$1);
+          completedRootSegment.push(chunk$jscomp$1);
         } else {
-          bootstrapChunks.push('" data-msg="');
+          completedRootSegment.push('" data-msg="');
           var chunk$jscomp$2 = escapeTextForBrowser(errorMessage || "");
-          bootstrapChunks.push(chunk$jscomp$2);
+          completedRootSegment.push(chunk$jscomp$2);
         }
       if (errorComponentStack)
         if (scriptFormat) {
-          bootstrapChunks.push(",");
+          completedRootSegment.push(",");
           var chunk$jscomp$3 =
             escapeJSStringsForInstructionScripts(errorComponentStack);
-          bootstrapChunks.push(chunk$jscomp$3);
+          completedRootSegment.push(chunk$jscomp$3);
         } else {
-          bootstrapChunks.push('" data-stck="');
+          completedRootSegment.push('" data-stck="');
           var chunk$jscomp$4 = escapeTextForBrowser(errorComponentStack);
-          bootstrapChunks.push(chunk$jscomp$4);
+          completedRootSegment.push(chunk$jscomp$4);
         }
       if (
         scriptFormat
-          ? !bootstrapChunks.push(")\x3c/script>")
-          : !bootstrapChunks.push('"></template>')
+          ? !completedRootSegment.push(")\x3c/script>")
+          : !completedRootSegment.push('"></template>')
       ) {
         request.destination = null;
         i++;
@@ -3673,7 +3840,8 @@ function flushCompletedQueues(request, destination) {
       0 === request.pingedTasks.length &&
       0 === request.clientRenderedBoundaries.length &&
       0 === request.completedBoundaries.length &&
-      ((request = request.responseState),
+      ((request.flushScheduled = !1),
+      (request = request.responseState),
       request.hasBody &&
         (destination.push("</"),
         destination.push("body"),
@@ -3685,6 +3853,17 @@ function flushCompletedQueues(request, destination) {
       destination.push(null));
   }
 }
+function enqueueFlush(request) {
+  if (
+    !1 === request.flushScheduled &&
+    0 === request.pingedTasks.length &&
+    null !== request.destination
+  ) {
+    var destination = request.destination;
+    request.flushScheduled = !0;
+    flushCompletedQueues(request, destination);
+  }
+}
 function abort(request, reason) {
   try {
     var abortableTasks = request.abortableTasks;
@@ -3741,6 +3920,7 @@ function renderToStringImpl(
     void 0,
     void 0
   );
+  children.flushScheduled = null !== children.destination;
   performWork(children);
   abort(children, abortReason);
   if (1 === children.status)
@@ -3780,4 +3960,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 = "18.3.0-www-classic-5f07a9f9";
+exports.version = "18.3.0-www-classic-c76bb5a5";
diff --git a/compiled/facebook-www/ReactDOMServer-prod.modern.js b/compiled/facebook-www/ReactDOMServer-prod.modern.js
index 07956501dd..edf83d00af 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.modern.js
@@ -164,11 +164,11 @@ function escapeTextForBrowser(text) {
         default:
           continue;
       }
-      lastIndex !== index && (html += text.substring(lastIndex, index));
+      lastIndex !== index && (html += text.slice(lastIndex, index));
       lastIndex = index + 1;
       html += match;
     }
-    text = lastIndex !== index ? html + text.substring(lastIndex, index) : html;
+    text = lastIndex !== index ? html + text.slice(lastIndex, index) : html;
   }
   return text;
 }
@@ -189,9 +189,7 @@ var isArrayImpl = Array.isArray,
     preconnect: preconnect,
     preload: preload,
     preinit: preinit
-  },
-  currentResources = null,
-  currentResourcesStack = [];
+  };
 function createFormatContext(insertionMode, selectedValue, noscriptTagInScope) {
   return {
     insertionMode: insertionMode,
@@ -288,6 +286,24 @@ function pushStringAttribute(target, name, value) {
     "boolean" !== typeof value &&
     target.push(" ", name, '="', escapeTextForBrowser(value), '"');
 }
+escapeTextForBrowser(
+  "javascript:throw new Error('A React form was unexpectedly submitted.')"
+);
+function pushFormActionAttribute(
+  target,
+  responseState,
+  formAction,
+  formEncType,
+  formMethod,
+  formTarget,
+  name
+) {
+  null !== name && pushAttribute(target, "name", name);
+  null !== formAction && pushAttribute(target, "formAction", formAction);
+  null !== formEncType && pushAttribute(target, "formEncType", formEncType);
+  null !== formMethod && pushAttribute(target, "formMethod", formMethod);
+  null !== formTarget && pushAttribute(target, "formTarget", formTarget);
+}
 function pushAttribute(target, name, value) {
   switch (name) {
     case "className":
@@ -308,8 +324,8 @@ function pushAttribute(target, name, value) {
       break;
     case "src":
     case "href":
-    case "action":
       if ("" === value) break;
+    case "action":
     case "formAction":
       if (
         null == value ||
@@ -708,17 +724,17 @@ function pushStartInstance(
       break;
     case "select":
       target.push(startChunkForTag("select"));
-      resources = textEmbedded = null;
+      textEmbedded = responseState = null;
       for (var propKey in props)
         if (hasOwnProperty.call(props, propKey)) {
           var propValue = props[propKey];
           if (null != propValue)
             switch (propKey) {
               case "children":
-                textEmbedded = propValue;
+                responseState = propValue;
                 break;
               case "dangerouslySetInnerHTML":
-                resources = propValue;
+                textEmbedded = propValue;
                 break;
               case "defaultValue":
               case "value":
@@ -728,13 +744,12 @@ function pushStartInstance(
             }
         }
       target.push(">");
-      pushInnerHTML(target, resources, textEmbedded);
-      return textEmbedded;
+      pushInnerHTML(target, textEmbedded, responseState);
+      return responseState;
     case "option":
-      textEmbedded = formatContext.selectedValue;
+      responseState = formatContext.selectedValue;
       target.push(startChunkForTag("option"));
-      var value = (resources = null),
-        selected = null;
+      var selected = (resources = textEmbedded = null);
       propValue = null;
       for (var propKey$jscomp$0 in props)
         if (hasOwnProperty.call(props, propKey$jscomp$0)) {
@@ -742,7 +757,7 @@ function pushStartInstance(
           if (null != propValue$jscomp$0)
             switch (propKey$jscomp$0) {
               case "children":
-                resources = propValue$jscomp$0;
+                textEmbedded = propValue$jscomp$0;
                 break;
               case "selected":
                 selected = propValue$jscomp$0;
@@ -751,119 +766,251 @@ function pushStartInstance(
                 propValue = propValue$jscomp$0;
                 break;
               case "value":
-                value = propValue$jscomp$0;
+                resources = propValue$jscomp$0;
               default:
                 pushAttribute(target, propKey$jscomp$0, propValue$jscomp$0);
             }
         }
-      if (null != textEmbedded)
+      if (null != responseState)
         if (
           ((props =
-            null !== value ? "" + value : flattenOptionChildren(resources)),
-          isArrayImpl(textEmbedded))
+            null !== resources
+              ? "" + resources
+              : flattenOptionChildren(textEmbedded)),
+          isArrayImpl(responseState))
         )
-          for (
-            propKey$jscomp$0 = 0;
-            propKey$jscomp$0 < textEmbedded.length;
-            propKey$jscomp$0++
-          ) {
-            if ("" + textEmbedded[propKey$jscomp$0] === props) {
+          for (resources = 0; resources < responseState.length; resources++) {
+            if ("" + responseState[resources] === props) {
               target.push(' selected=""');
               break;
             }
           }
-        else "" + textEmbedded === props && target.push(' selected=""');
+        else "" + responseState === props && target.push(' selected=""');
       else selected && target.push(' selected=""');
       target.push(">");
-      pushInnerHTML(target, propValue, resources);
-      return resources;
+      pushInnerHTML(target, propValue, textEmbedded);
+      return textEmbedded;
     case "textarea":
       target.push(startChunkForTag("textarea"));
-      propValue = resources = textEmbedded = null;
-      for (propValue$jscomp$0 in props)
+      propValue = textEmbedded = responseState = null;
+      for (var propKey$jscomp$1 in props)
         if (
-          hasOwnProperty.call(props, propValue$jscomp$0) &&
-          ((propKey$jscomp$0 = props[propValue$jscomp$0]),
-          null != propKey$jscomp$0)
+          hasOwnProperty.call(props, propKey$jscomp$1) &&
+          ((resources = props[propKey$jscomp$1]), null != resources)
         )
-          switch (propValue$jscomp$0) {
+          switch (propKey$jscomp$1) {
             case "children":
-              propValue = propKey$jscomp$0;
+              propValue = resources;
               break;
             case "value":
-              textEmbedded = propKey$jscomp$0;
+              responseState = resources;
               break;
             case "defaultValue":
-              resources = propKey$jscomp$0;
+              textEmbedded = resources;
               break;
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(91));
             default:
-              pushAttribute(target, propValue$jscomp$0, propKey$jscomp$0);
+              pushAttribute(target, propKey$jscomp$1, resources);
           }
-      null === textEmbedded && null !== resources && (textEmbedded = resources);
+      null === responseState &&
+        null !== textEmbedded &&
+        (responseState = textEmbedded);
       target.push(">");
       if (null != propValue) {
-        if (null != textEmbedded) throw Error(formatProdErrorMessage(92));
+        if (null != responseState) throw Error(formatProdErrorMessage(92));
         if (isArrayImpl(propValue) && 1 < propValue.length)
           throw Error(formatProdErrorMessage(93));
-        textEmbedded = "" + propValue;
+        responseState = "" + propValue;
       }
-      "string" === typeof textEmbedded &&
-        "\n" === textEmbedded[0] &&
+      "string" === typeof responseState &&
+        "\n" === responseState[0] &&
         target.push("\n");
-      null !== textEmbedded &&
-        target.push(escapeTextForBrowser("" + textEmbedded));
+      null !== responseState &&
+        target.push(escapeTextForBrowser("" + responseState));
       return null;
     case "input":
       target.push(startChunkForTag("input"));
-      propKey$jscomp$0 = propValue = resources = textEmbedded = null;
-      for (value in props)
-        if (
-          hasOwnProperty.call(props, value) &&
-          ((selected = props[value]), null != selected)
-        )
-          switch (value) {
-            case "children":
-            case "dangerouslySetInnerHTML":
-              throw Error(formatProdErrorMessage(399, "input"));
-            case "defaultChecked":
-              propKey$jscomp$0 = selected;
-              break;
-            case "defaultValue":
-              resources = selected;
-              break;
-            case "checked":
-              propValue = selected;
-              break;
-            case "value":
-              textEmbedded = selected;
-              break;
-            default:
-              pushAttribute(target, value, selected);
-          }
-      null !== propValue
-        ? pushBooleanAttribute(target, "checked", propValue)
-        : null !== propKey$jscomp$0 &&
-          pushBooleanAttribute(target, "checked", propKey$jscomp$0);
-      null !== textEmbedded
-        ? pushAttribute(target, "value", textEmbedded)
-        : null !== resources && pushAttribute(target, "value", resources);
+      var formTarget =
+          (propValue$jscomp$0 =
+          selected =
+          resources =
+          textEmbedded =
+            null),
+        defaultValue = (propKey$jscomp$0 = null);
+      propKey = propKey$jscomp$1 = null;
+      for (propValue in props)
+        if (hasOwnProperty.call(props, propValue)) {
+          var propValue$jscomp$1 = props[propValue];
+          if (null != propValue$jscomp$1)
+            switch (propValue) {
+              case "children":
+              case "dangerouslySetInnerHTML":
+                throw Error(formatProdErrorMessage(399, "input"));
+              case "name":
+                textEmbedded = propValue$jscomp$1;
+                break;
+              case "formAction":
+                resources = propValue$jscomp$1;
+                break;
+              case "formEncType":
+                selected = propValue$jscomp$1;
+                break;
+              case "formMethod":
+                propValue$jscomp$0 = propValue$jscomp$1;
+                break;
+              case "formTarget":
+                formTarget = propValue$jscomp$1;
+                break;
+              case "defaultChecked":
+                propKey = propValue$jscomp$1;
+                break;
+              case "defaultValue":
+                defaultValue = propValue$jscomp$1;
+                break;
+              case "checked":
+                propKey$jscomp$1 = propValue$jscomp$1;
+                break;
+              case "value":
+                propKey$jscomp$0 = propValue$jscomp$1;
+                break;
+              default:
+                pushAttribute(target, propValue, propValue$jscomp$1);
+            }
+        }
+      pushFormActionAttribute(
+        target,
+        responseState,
+        resources,
+        selected,
+        propValue$jscomp$0,
+        formTarget,
+        textEmbedded
+      );
+      null !== propKey$jscomp$1
+        ? pushBooleanAttribute(target, "checked", propKey$jscomp$1)
+        : null !== propKey && pushBooleanAttribute(target, "checked", propKey);
+      null !== propKey$jscomp$0
+        ? pushAttribute(target, "value", propKey$jscomp$0)
+        : null !== defaultValue && pushAttribute(target, "value", defaultValue);
       target.push("/>");
       return null;
+    case "button":
+      target.push(startChunkForTag("button"));
+      defaultValue =
+        propKey$jscomp$0 =
+        formTarget =
+        selected =
+        resources =
+        propValue =
+        textEmbedded =
+          null;
+      for (propValue$jscomp$0 in props)
+        if (
+          hasOwnProperty.call(props, propValue$jscomp$0) &&
+          ((propKey$jscomp$1 = props[propValue$jscomp$0]),
+          null != propKey$jscomp$1)
+        )
+          switch (propValue$jscomp$0) {
+            case "children":
+              textEmbedded = propKey$jscomp$1;
+              break;
+            case "dangerouslySetInnerHTML":
+              propValue = propKey$jscomp$1;
+              break;
+            case "name":
+              resources = propKey$jscomp$1;
+              break;
+            case "formAction":
+              selected = propKey$jscomp$1;
+              break;
+            case "formEncType":
+              formTarget = propKey$jscomp$1;
+              break;
+            case "formMethod":
+              propKey$jscomp$0 = propKey$jscomp$1;
+              break;
+            case "formTarget":
+              defaultValue = propKey$jscomp$1;
+              break;
+            default:
+              pushAttribute(target, propValue$jscomp$0, propKey$jscomp$1);
+          }
+      pushFormActionAttribute(
+        target,
+        responseState,
+        selected,
+        formTarget,
+        propKey$jscomp$0,
+        defaultValue,
+        resources
+      );
+      target.push(">");
+      pushInnerHTML(target, propValue, textEmbedded);
+      "string" === typeof textEmbedded
+        ? (target.push(escapeTextForBrowser(textEmbedded)), (target = null))
+        : (target = textEmbedded);
+      return target;
+    case "form":
+      target.push(startChunkForTag("form"));
+      propValue$jscomp$0 =
+        selected =
+        resources =
+        propValue =
+        textEmbedded =
+        responseState =
+          null;
+      for (formTarget in props)
+        if (
+          hasOwnProperty.call(props, formTarget) &&
+          ((propKey$jscomp$0 = props[formTarget]), null != propKey$jscomp$0)
+        )
+          switch (formTarget) {
+            case "children":
+              responseState = propKey$jscomp$0;
+              break;
+            case "dangerouslySetInnerHTML":
+              textEmbedded = propKey$jscomp$0;
+              break;
+            case "action":
+              propValue = propKey$jscomp$0;
+              break;
+            case "encType":
+              resources = propKey$jscomp$0;
+              break;
+            case "method":
+              selected = propKey$jscomp$0;
+              break;
+            case "target":
+              propValue$jscomp$0 = propKey$jscomp$0;
+              break;
+            default:
+              pushAttribute(target, formTarget, propKey$jscomp$0);
+          }
+      null !== propValue && pushAttribute(target, "action", propValue);
+      null !== resources && pushAttribute(target, "encType", resources);
+      null !== selected && pushAttribute(target, "method", selected);
+      null !== propValue$jscomp$0 &&
+        pushAttribute(target, "target", propValue$jscomp$0);
+      target.push(">");
+      pushInnerHTML(target, textEmbedded, responseState);
+      "string" === typeof responseState
+        ? (target.push(escapeTextForBrowser(responseState)), (target = null))
+        : (target = responseState);
+      return target;
     case "menuitem":
       target.push(startChunkForTag("menuitem"));
-      for (var propKey$jscomp$1 in props)
+      for (var propKey$jscomp$2 in props)
         if (
-          hasOwnProperty.call(props, propKey$jscomp$1) &&
-          ((textEmbedded = props[propKey$jscomp$1]), null != textEmbedded)
+          hasOwnProperty.call(props, propKey$jscomp$2) &&
+          ((responseState = props[propKey$jscomp$2]), null != responseState)
         )
-          switch (propKey$jscomp$1) {
+          switch (propKey$jscomp$2) {
             case "children":
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(400));
             default:
-              pushAttribute(target, propKey$jscomp$1, textEmbedded);
+              pushAttribute(target, propKey$jscomp$2, responseState);
           }
       target.push(">");
       return null;
@@ -897,13 +1044,13 @@ function pushStartInstance(
       )
         target = pushScriptImpl(target, props);
       else {
-        value = "[script]" + props.src;
+        selected = "[script]" + props.src;
         if (!0 !== props.async || props.onLoad || props.onError) {
           if (
             (!0 !== props.noModule &&
-              ((propValue = resources.preloadsMap.get(value)),
-              propValue ||
-                ((propValue = {
+              ((responseState = resources.preloadsMap.get(selected)),
+              responseState ||
+                ((responseState = {
                   type: "preload",
                   chunks: [],
                   state: 0,
@@ -916,9 +1063,9 @@ function pushStartInstance(
                     referrerPolicy: props.referrerPolicy
                   }
                 }),
-                resources.preloadsMap.set(value, propValue),
-                resources.usedScripts.add(propValue),
-                pushLinkImpl(propValue.chunks, propValue.props))),
+                resources.preloadsMap.set(selected, responseState),
+                resources.usedScripts.add(responseState),
+                pushLinkImpl(responseState.chunks, responseState.props))),
             !0 !== props.async)
           ) {
             pushScriptImpl(target, props);
@@ -926,116 +1073,113 @@ function pushStartInstance(
             break a;
           }
         } else if (
-          ((propValue = resources.scriptsMap.get(value)), !propValue)
+          ((responseState = resources.scriptsMap.get(selected)), !responseState)
         ) {
-          propValue = { type: "script", chunks: [], state: 0, props: null };
-          resources.scriptsMap.set(value, propValue);
-          resources.scripts.add(propValue);
-          propKey$jscomp$0 = props;
-          if ((resources = resources.preloadsMap.get(value)))
+          responseState = { type: "script", chunks: [], state: 0, props: null };
+          resources.scriptsMap.set(selected, responseState);
+          resources.scripts.add(responseState);
+          propValue = props;
+          if ((resources = resources.preloadsMap.get(selected)))
             (resources.state |= 4),
-              (props = propKey$jscomp$0 = assign({}, props)),
+              (props = propValue = assign({}, props)),
               (resources = resources.props),
               null == props.crossOrigin &&
                 (props.crossOrigin = resources.crossOrigin),
               null == props.integrity &&
                 (props.integrity = resources.integrity);
-          pushScriptImpl(propValue.chunks, propKey$jscomp$0);
+          pushScriptImpl(responseState.chunks, propValue);
         }
         textEmbedded && target.push("\x3c!-- --\x3e");
         target = null;
       }
       return target;
     case "style":
-      propKey$jscomp$0 = props.precedence;
-      value = props.href;
+      responseState = props.precedence;
+      propValue = props.href;
       if (
         3 === formatContext.insertionMode ||
         formatContext.noscriptTagInScope ||
         null != props.itemProp ||
-        "string" !== typeof propKey$jscomp$0 ||
-        "string" !== typeof value ||
-        "" === value
+        "string" !== typeof responseState ||
+        "string" !== typeof propValue ||
+        "" === propValue
       ) {
         target.push(startChunkForTag("style"));
-        resources = textEmbedded = null;
-        for (selected in props)
+        textEmbedded = responseState = null;
+        for (defaultValue in props)
           if (
-            hasOwnProperty.call(props, selected) &&
-            ((propValue = props[selected]), null != propValue)
+            hasOwnProperty.call(props, defaultValue) &&
+            ((propValue = props[defaultValue]), null != propValue)
           )
-            switch (selected) {
+            switch (defaultValue) {
               case "children":
-                textEmbedded = propValue;
+                responseState = propValue;
                 break;
               case "dangerouslySetInnerHTML":
-                resources = propValue;
+                textEmbedded = propValue;
                 break;
               default:
-                pushAttribute(target, selected, propValue);
+                pushAttribute(target, defaultValue, propValue);
             }
         target.push(">");
-        props = Array.isArray(textEmbedded)
-          ? 2 > textEmbedded.length
-            ? textEmbedded[0]
+        props = Array.isArray(responseState)
+          ? 2 > responseState.length
+            ? responseState[0]
             : null
-          : textEmbedded;
+          : responseState;
         "function" !== typeof props &&
           "symbol" !== typeof props &&
           null !== props &&
           void 0 !== props &&
           target.push(escapeTextForBrowser("" + props));
-        pushInnerHTML(target, resources, textEmbedded);
+        pushInnerHTML(target, textEmbedded, responseState);
         target.push("</", "style", ">");
         target = null;
       } else {
-        selected = "[style]" + value;
-        propValue$jscomp$0 = resources.stylesMap.get(selected);
-        if (!propValue$jscomp$0) {
-          (propValue$jscomp$0 =
-            resources.stylePrecedences.get(propKey$jscomp$0))
-            ? propValue$jscomp$0.props.hrefs.push(value)
-            : ((propValue$jscomp$0 = {
+        propValue$jscomp$0 = "[style]" + propValue;
+        formTarget = resources.stylesMap.get(propValue$jscomp$0);
+        if (!formTarget) {
+          (formTarget = resources.stylePrecedences.get(responseState))
+            ? formTarget.props.hrefs.push(propValue)
+            : ((formTarget = {
                 type: "style",
                 chunks: [],
                 state: 0,
-                props: { precedence: propKey$jscomp$0, hrefs: [value] }
+                props: { precedence: responseState, hrefs: [propValue] }
               }),
-              resources.stylePrecedences.set(
-                propKey$jscomp$0,
-                propValue$jscomp$0
-              ),
-              (value = new Set()),
-              value.add(propValue$jscomp$0),
-              resources.precedences.set(propKey$jscomp$0, value));
-          resources.stylesMap.set(selected, propValue$jscomp$0);
+              resources.stylePrecedences.set(responseState, formTarget),
+              (propValue = new Set()),
+              propValue.add(formTarget),
+              resources.precedences.set(responseState, propValue));
+          resources.stylesMap.set(propValue$jscomp$0, formTarget);
           resources.boundaryResources &&
-            resources.boundaryResources.add(propValue$jscomp$0);
-          resources = propValue$jscomp$0.chunks;
-          value = propKey$jscomp$0 = null;
-          for (propValue in props)
+            resources.boundaryResources.add(formTarget);
+          responseState = formTarget.chunks;
+          resources = propValue = null;
+          for (selected in props)
             if (
-              hasOwnProperty.call(props, propValue) &&
-              ((selected = props[propValue]), null != selected)
+              hasOwnProperty.call(props, selected) &&
+              ((propValue$jscomp$0 = props[selected]),
+              null != propValue$jscomp$0)
             )
-              switch (propValue) {
+              switch (selected) {
                 case "children":
-                  propKey$jscomp$0 = selected;
+                  propValue = propValue$jscomp$0;
                   break;
                 case "dangerouslySetInnerHTML":
-                  value = selected;
+                  resources = propValue$jscomp$0;
               }
-          props = Array.isArray(propKey$jscomp$0)
-            ? 2 > propKey$jscomp$0.length
-              ? propKey$jscomp$0[0]
+          props = Array.isArray(propValue)
+            ? 2 > propValue.length
+              ? propValue[0]
               : null
-            : propKey$jscomp$0;
+            : propValue;
           "function" !== typeof props &&
             "symbol" !== typeof props &&
             null !== props &&
             void 0 !== props &&
-            resources.push(escapeTextForBrowser("" + props));
-          pushInnerHTML(resources, value, propKey$jscomp$0);
+            responseState.push(escapeTextForBrowser("" + props));
+          pushInnerHTML(responseState, resources, propValue);
         }
         textEmbedded && target.push("\x3c!-- --\x3e");
         target = void 0;
@@ -1061,38 +1205,38 @@ function pushStartInstance(
     case "listing":
     case "pre":
       target.push(startChunkForTag(type));
-      resources = textEmbedded = null;
-      for (var propKey$jscomp$2 in props)
+      textEmbedded = responseState = null;
+      for (propValue$jscomp$1 in props)
         if (
-          hasOwnProperty.call(props, propKey$jscomp$2) &&
-          ((propValue = props[propKey$jscomp$2]), null != propValue)
+          hasOwnProperty.call(props, propValue$jscomp$1) &&
+          ((propValue = props[propValue$jscomp$1]), null != propValue)
         )
-          switch (propKey$jscomp$2) {
+          switch (propValue$jscomp$1) {
             case "children":
-              textEmbedded = propValue;
+              responseState = propValue;
               break;
             case "dangerouslySetInnerHTML":
-              resources = propValue;
+              textEmbedded = propValue;
               break;
             default:
-              pushAttribute(target, propKey$jscomp$2, propValue);
+              pushAttribute(target, propValue$jscomp$1, propValue);
           }
       target.push(">");
-      if (null != resources) {
-        if (null != textEmbedded) throw Error(formatProdErrorMessage(60));
-        if ("object" !== typeof resources || !("__html" in resources))
+      if (null != textEmbedded) {
+        if (null != responseState) throw Error(formatProdErrorMessage(60));
+        if ("object" !== typeof textEmbedded || !("__html" in textEmbedded))
           throw Error(formatProdErrorMessage(61));
-        props = resources.__html;
+        props = textEmbedded.__html;
         null !== props &&
           void 0 !== props &&
           ("string" === typeof props && 0 < props.length && "\n" === props[0]
             ? target.push("\n", props)
             : target.push("" + props));
       }
-      "string" === typeof textEmbedded &&
-        "\n" === textEmbedded[0] &&
+      "string" === typeof responseState &&
+        "\n" === responseState[0] &&
         target.push("\n");
-      return textEmbedded;
+      return responseState;
     case "base":
     case "area":
     case "br":
@@ -1142,7 +1286,7 @@ function pushStartInstance(
     default:
       if (-1 !== type.indexOf("-")) {
         target.push(startChunkForTag(type));
-        resources = textEmbedded = null;
+        textEmbedded = responseState = null;
         for (var propKey$jscomp$3 in props)
           if (
             hasOwnProperty.call(props, propKey$jscomp$3) &&
@@ -1165,10 +1309,10 @@ function pushStartInstance(
               propKey$jscomp$3)
             ) {
               case "children":
-                textEmbedded = propValue;
+                responseState = propValue;
                 break;
               case "dangerouslySetInnerHTML":
-                resources = propValue;
+                textEmbedded = propValue;
                 break;
               case "style":
                 pushStyleAttribute(target, propValue);
@@ -1189,12 +1333,20 @@ function pushStartInstance(
                   );
             }
         target.push(">");
-        pushInnerHTML(target, resources, textEmbedded);
-        return textEmbedded;
+        pushInnerHTML(target, textEmbedded, responseState);
+        return responseState;
       }
   }
   return pushStartGenericElement(target, props, type);
 }
+function writeBootstrap(destination, responseState) {
+  responseState = responseState.bootstrapChunks;
+  for (var i = 0; i < responseState.length - 1; i++)
+    destination.push(responseState[i]);
+  return i < responseState.length
+    ? ((i = responseState[i]), (responseState.length = 0), destination.push(i))
+    : !0;
+}
 function writeStartPendingSuspenseBoundary(destination, responseState, id) {
   destination.push('\x3c!--$?--\x3e<template id="');
   if (null === id) throw Error(formatProdErrorMessage(395));
@@ -1459,10 +1611,11 @@ function writePreamble(
   !willFlushAllSegments &&
     responseState.externalRuntimeConfig &&
     ((willFlushAllSegments = responseState.externalRuntimeConfig),
-    preinitImpl(resources, willFlushAllSegments.src, {
-      as: "script",
-      integrity: willFlushAllSegments.integrity
-    }));
+    internalPreinitScript(
+      resources,
+      willFlushAllSegments.src,
+      willFlushAllSegments.integrity
+    ));
   willFlushAllSegments = responseState.htmlChunks;
   var headChunks = responseState.headChunks,
     i = 0;
@@ -1754,8 +1907,9 @@ function writeStyleResourceAttributeInAttr(destination, name, value) {
   destination.push(attributeName);
 }
 function prefetchDNS(href) {
-  if (currentResources) {
-    var resources = currentResources;
+  var request = currentRequest ? currentRequest : null;
+  if (request) {
+    var resources = request.resources;
     if ("string" === typeof href && href) {
       var key = "[prefetchDNS]" + href,
         resource = resources.preconnectsMap.get(key);
@@ -1764,12 +1918,14 @@ function prefetchDNS(href) {
         resources.preconnectsMap.set(key, resource),
         pushLinkImpl(resource.chunks, { href: href, rel: "dns-prefetch" }));
       resources.preconnects.add(resource);
+      enqueueFlush(request);
     }
   }
 }
 function preconnect(href, options) {
-  if (currentResources) {
-    var resources = currentResources;
+  var request = currentRequest ? currentRequest : null;
+  if (request) {
+    var resources = request.resources;
     if ("string" === typeof href && href) {
       options =
         null == options || "string" !== typeof options.crossOrigin
@@ -1789,12 +1945,14 @@ function preconnect(href, options) {
           crossOrigin: options
         }));
       resources.preconnects.add(resource);
+      enqueueFlush(request);
     }
   }
 }
 function preload(href, options) {
-  if (currentResources) {
-    var resources = currentResources;
+  var request = currentRequest ? currentRequest : null;
+  if (request) {
+    var resources = request.resources;
     if (
       "string" === typeof href &&
       href &&
@@ -1834,70 +1992,87 @@ function preload(href, options) {
         default:
           resources.explicitOtherPreloads.add(resource);
       }
+      enqueueFlush(request);
     }
   }
 }
 function preinit(href, options) {
-  currentResources && preinitImpl(currentResources, href, options);
-}
-function preinitImpl(resources, href, options) {
-  if (
-    "string" === typeof href &&
-    href &&
-    "object" === typeof options &&
-    null !== options
-  ) {
-    var as = options.as;
-    switch (as) {
-      case "style":
-        var key = "[" + as + "]" + href;
-        as = resources.stylesMap.get(key);
-        var precedence = options.precedence || "default";
-        as ||
-          ((as = {
-            type: "stylesheet",
-            chunks: [],
-            state: 0,
-            props: {
-              rel: "stylesheet",
-              href: href,
-              "data-precedence": precedence,
-              crossOrigin: options.crossOrigin,
-              integrity: options.integrity
-            }
-          }),
-          resources.stylesMap.set(key, as),
-          (href = resources.precedences.get(precedence)),
-          href ||
-            ((href = new Set()),
-            resources.precedences.set(precedence, href),
-            (options = {
-              type: "style",
+  var request = currentRequest ? currentRequest : null;
+  if (request) {
+    var resources = request.resources;
+    if (
+      "string" === typeof href &&
+      href &&
+      "object" === typeof options &&
+      null !== options
+    ) {
+      var as = options.as;
+      switch (as) {
+        case "style":
+          var key = "[" + as + "]" + href;
+          as = resources.stylesMap.get(key);
+          var precedence = options.precedence || "default";
+          as ||
+            ((as = {
+              type: "stylesheet",
               chunks: [],
               state: 0,
-              props: { precedence: precedence, hrefs: [] }
+              props: {
+                rel: "stylesheet",
+                href: href,
+                "data-precedence": precedence,
+                crossOrigin: options.crossOrigin,
+                integrity: options.integrity
+              }
             }),
-            href.add(options),
-            resources.stylePrecedences.set(precedence, options)),
-          href.add(as));
-        break;
-      case "script":
-        (precedence = "[" + as + "]" + href),
-          (as = resources.scriptsMap.get(precedence)),
-          as ||
-            ((as = { type: "script", chunks: [], state: 0, props: null }),
-            resources.scriptsMap.set(precedence, as),
-            (href = {
-              src: href,
-              async: !0,
-              crossOrigin: options.crossOrigin,
-              integrity: options.integrity
-            }),
-            resources.scripts.add(as),
-            pushScriptImpl(as.chunks, href));
+            resources.stylesMap.set(key, as),
+            (href = resources.precedences.get(precedence)),
+            href ||
+              ((href = new Set()),
+              resources.precedences.set(precedence, href),
+              (options = {
+                type: "style",
+                chunks: [],
+                state: 0,
+                props: { precedence: precedence, hrefs: [] }
+              }),
+              href.add(options),
+              resources.stylePrecedences.set(precedence, options)),
+            href.add(as),
+            enqueueFlush(request));
+          break;
+        case "script":
+          (precedence = "[" + as + "]" + href),
+            (as = resources.scriptsMap.get(precedence)),
+            as ||
+              ((as = { type: "script", chunks: [], state: 0, props: null }),
+              resources.scriptsMap.set(precedence, as),
+              (href = {
+                src: href,
+                async: !0,
+                crossOrigin: options.crossOrigin,
+                integrity: options.integrity
+              }),
+              resources.scripts.add(as),
+              pushScriptImpl(as.chunks, href),
+              enqueueFlush(request));
+      }
     }
   }
 }
+function internalPreinitScript(resources, src, integrity) {
+  var key = "[script]" + src,
+    resource = resources.scriptsMap.get(key);
+  resource ||
+    ((resource = { type: "script", chunks: [], state: 0, props: null }),
+    resources.scriptsMap.set(key, resource),
+    resources.scripts.add(resource),
+    pushScriptImpl(resource.chunks, {
+      async: !0,
+      src: src,
+      integrity: integrity
+    }));
+}
 function preloadAsStylePropsFromProps(href, props) {
   return {
     rel: "preload",
@@ -2298,6 +2473,17 @@ var HooksDispatcher = {
     readContext: function (context) {
       return context._currentValue2;
     },
+    use: function (usable) {
+      if (null !== usable && "object" === typeof usable) {
+        if ("function" === typeof usable.then) return unwrapThenable(usable);
+        if (
+          usable.$$typeof === REACT_CONTEXT_TYPE ||
+          usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
+        )
+          return usable._currentValue2;
+      }
+      throw Error(formatProdErrorMessage(438, String(usable)));
+    },
     useContext: function (context) {
       resolveCurrentlyRenderingComponent();
       return context._currentValue2;
@@ -2370,17 +2556,6 @@ var HooksDispatcher = {
       for (var data = Array(size), i = 0; i < size; i++)
         data[i] = REACT_MEMO_CACHE_SENTINEL;
       return data;
-    },
-    use: function (usable) {
-      if (null !== usable && "object" === typeof usable) {
-        if ("function" === typeof usable.then) return unwrapThenable(usable);
-        if (
-          usable.$$typeof === REACT_CONTEXT_TYPE ||
-          usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
-        )
-          return usable._currentValue2;
-      }
-      throw Error(formatProdErrorMessage(438, String(usable)));
     }
   },
   currentResponseState = null,
@@ -2410,6 +2585,7 @@ function createRequest(
   onShellError,
   onFatalError
 ) {
+  ReactDOMCurrentDispatcher.current = ReactDOMServerDispatcher;
   var pingedTasks = [],
     abortSet = new Set(),
     resources = {
@@ -2431,6 +2607,7 @@ function createRequest(
     };
   responseState = {
     destination: null,
+    flushScheduled: !1,
     responseState: responseState,
     progressiveChunkSize:
       void 0 === progressiveChunkSize ? 12800 : progressiveChunkSize,
@@ -2475,6 +2652,7 @@ function createRequest(
   pingedTasks.push(children);
   return responseState;
 }
+var currentRequest = null;
 function createTask(
   request,
   thenableState,
@@ -2493,9 +2671,10 @@ function createTask(
   var task = {
     node: node,
     ping: function () {
-      var pingedTasks = request.pingedTasks;
-      pingedTasks.push(task);
-      1 === pingedTasks.length && performWork(request);
+      request.pingedTasks.push(task);
+      1 === request.pingedTasks.length &&
+        ((request.flushScheduled = null !== request.destination),
+        performWork(request));
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
@@ -3106,11 +3285,8 @@ function performWork(request$jscomp$1) {
     ReactCurrentDispatcher.current = HooksDispatcher;
     var prevCacheDispatcher = ReactCurrentCache.current;
     ReactCurrentCache.current = DefaultCacheDispatcher;
-    var resources = request$jscomp$1.resources;
-    currentResourcesStack.push(currentResources);
-    currentResources = resources;
-    resources = ReactDOMCurrentDispatcher.current;
-    ReactDOMCurrentDispatcher.current = ReactDOMServerDispatcher;
+    var prevRequest = currentRequest;
+    currentRequest = request$jscomp$1;
     var prevResponseState = currentResponseState;
     currentResponseState = request$jscomp$1.responseState;
     try {
@@ -3197,9 +3373,8 @@ function performWork(request$jscomp$1) {
       (currentResponseState = prevResponseState),
         (ReactCurrentDispatcher.current = prevDispatcher),
         (ReactCurrentCache.current = prevCacheDispatcher),
-        (currentResources = currentResourcesStack.pop()),
-        (ReactDOMCurrentDispatcher.current = resources),
-        prevDispatcher === HooksDispatcher && switchContext(prevContext);
+        prevDispatcher === HooksDispatcher && switchContext(prevContext),
+        (currentRequest = prevRequest);
     }
   }
 }
@@ -3371,10 +3546,10 @@ function flushCompletedBoundary(request, destination, boundary) {
       : (destination.push('" data-sty="'),
         writeStyleResourceDependenciesInAttr(destination, boundary))
     : scriptFormat && destination.push('"');
-  destination = scriptFormat
+  completedSegments = scriptFormat
     ? destination.push(")\x3c/script>")
     : destination.push('"></template>');
-  return destination;
+  return writeBootstrap(destination, request) && completedSegments;
 }
 function flushPartiallyCompletedSegment(
   request,
@@ -3416,30 +3591,22 @@ function flushCompletedQueues(request, destination) {
     var i,
       completedRootSegment = request.completedRootSegment;
     if (null !== completedRootSegment)
-      if (0 === request.pendingRootTasks) {
+      if (0 === request.pendingRootTasks)
         writePreamble(
           destination,
           request.resources,
           request.responseState,
           0 === request.allPendingTasks
-        );
-        flushSegment(request, destination, completedRootSegment);
-        request.completedRootSegment = null;
-        var bootstrapChunks = request.responseState.bootstrapChunks;
-        for (
-          completedRootSegment = 0;
-          completedRootSegment < bootstrapChunks.length - 1;
-          completedRootSegment++
-        )
-          destination.push(bootstrapChunks[completedRootSegment]);
-        completedRootSegment < bootstrapChunks.length &&
-          destination.push(bootstrapChunks[completedRootSegment]);
-      } else return;
+        ),
+          flushSegment(request, destination, completedRootSegment),
+          (request.completedRootSegment = null),
+          writeBootstrap(destination, request.responseState);
+      else return;
     else writeHoistables(destination, request.resources, request.responseState);
     var clientRenderedBoundaries = request.clientRenderedBoundaries;
     for (i = 0; i < clientRenderedBoundaries.length; i++) {
       var boundary = clientRenderedBoundaries[i];
-      bootstrapChunks = destination;
+      completedRootSegment = destination;
       var responseState = request.responseState,
         boundaryID = boundary.id,
         errorDigest = boundary.errorDigest,
@@ -3447,54 +3614,54 @@ function flushCompletedQueues(request, destination) {
         errorComponentStack = boundary.errorComponentStack,
         scriptFormat = 0 === responseState.streamingFormat;
       scriptFormat
-        ? (bootstrapChunks.push(responseState.startInlineScript),
+        ? (completedRootSegment.push(responseState.startInlineScript),
           0 === (responseState.instructions & 4)
             ? ((responseState.instructions |= 4),
-              bootstrapChunks.push(
+              completedRootSegment.push(
                 '$RX=function(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};;$RX("'
               ))
-            : bootstrapChunks.push('$RX("'))
-        : bootstrapChunks.push('<template data-rxi="" data-bid="');
+            : completedRootSegment.push('$RX("'))
+        : completedRootSegment.push('<template data-rxi="" data-bid="');
       if (null === boundaryID) throw Error(formatProdErrorMessage(395));
-      bootstrapChunks.push(boundaryID);
-      scriptFormat && bootstrapChunks.push('"');
+      completedRootSegment.push(boundaryID);
+      scriptFormat && completedRootSegment.push('"');
       if (errorDigest || errorMessage || errorComponentStack)
         if (scriptFormat) {
-          bootstrapChunks.push(",");
+          completedRootSegment.push(",");
           var chunk = escapeJSStringsForInstructionScripts(errorDigest || "");
-          bootstrapChunks.push(chunk);
+          completedRootSegment.push(chunk);
         } else {
-          bootstrapChunks.push('" data-dgst="');
+          completedRootSegment.push('" data-dgst="');
           var chunk$jscomp$0 = escapeTextForBrowser(errorDigest || "");
-          bootstrapChunks.push(chunk$jscomp$0);
+          completedRootSegment.push(chunk$jscomp$0);
         }
       if (errorMessage || errorComponentStack)
         if (scriptFormat) {
-          bootstrapChunks.push(",");
+          completedRootSegment.push(",");
           var chunk$jscomp$1 = escapeJSStringsForInstructionScripts(
             errorMessage || ""
           );
-          bootstrapChunks.push(chunk$jscomp$1);
+          completedRootSegment.push(chunk$jscomp$1);
         } else {
-          bootstrapChunks.push('" data-msg="');
+          completedRootSegment.push('" data-msg="');
           var chunk$jscomp$2 = escapeTextForBrowser(errorMessage || "");
-          bootstrapChunks.push(chunk$jscomp$2);
+          completedRootSegment.push(chunk$jscomp$2);
         }
       if (errorComponentStack)
         if (scriptFormat) {
-          bootstrapChunks.push(",");
+          completedRootSegment.push(",");
           var chunk$jscomp$3 =
             escapeJSStringsForInstructionScripts(errorComponentStack);
-          bootstrapChunks.push(chunk$jscomp$3);
+          completedRootSegment.push(chunk$jscomp$3);
         } else {
-          bootstrapChunks.push('" data-stck="');
+          completedRootSegment.push('" data-stck="');
           var chunk$jscomp$4 = escapeTextForBrowser(errorComponentStack);
-          bootstrapChunks.push(chunk$jscomp$4);
+          completedRootSegment.push(chunk$jscomp$4);
         }
       if (
         scriptFormat
-          ? !bootstrapChunks.push(")\x3c/script>")
-          : !bootstrapChunks.push('"></template>')
+          ? !completedRootSegment.push(")\x3c/script>")
+          : !completedRootSegment.push('"></template>')
       ) {
         request.destination = null;
         i++;
@@ -3570,7 +3737,8 @@ function flushCompletedQueues(request, destination) {
       0 === request.pingedTasks.length &&
       0 === request.clientRenderedBoundaries.length &&
       0 === request.completedBoundaries.length &&
-      ((request = request.responseState),
+      ((request.flushScheduled = !1),
+      (request = request.responseState),
       request.hasBody &&
         (destination.push("</"),
         destination.push("body"),
@@ -3582,6 +3750,17 @@ function flushCompletedQueues(request, destination) {
       destination.push(null));
   }
 }
+function enqueueFlush(request) {
+  if (
+    !1 === request.flushScheduled &&
+    0 === request.pingedTasks.length &&
+    null !== request.destination
+  ) {
+    var destination = request.destination;
+    request.flushScheduled = !0;
+    flushCompletedQueues(request, destination);
+  }
+}
 function abort(request, reason) {
   try {
     var abortableTasks = request.abortableTasks;
@@ -3638,6 +3817,7 @@ function renderToStringImpl(
     void 0,
     void 0
   );
+  children.flushScheduled = null !== children.destination;
   performWork(children);
   abort(children, abortReason);
   if (1 === children.status)
@@ -3677,4 +3857,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 = "18.3.0-www-modern-5739700d";
+exports.version = "18.3.0-www-modern-86ff718c";
diff --git a/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js b/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
index f7d507bc4a..e08643e2e5 100644
--- a/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
@@ -1225,7 +1225,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
-    } // We can't rely on the event system being injected on the server.
+    }
 
     if (eventRegistry != null) {
       var registrationNameDependencies =
@@ -1752,14 +1752,14 @@ function escapeHtml(string) {
     }
 
     if (lastIndex !== index) {
-      html += str.substring(lastIndex, index);
+      html += str.slice(lastIndex, index);
     }
 
     lastIndex = index + 1;
     html += escape;
   }
 
-  return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
+  return lastIndex !== index ? html + str.slice(lastIndex, index) : html;
 } // end code copied and modified from escape-html
 
 /**
@@ -2336,18 +2336,8 @@ var ReactDOMServerDispatcher = {
   preload: preload,
   preinit: preinit
 };
-var currentResources = null;
-var currentResourcesStack = [];
-function prepareToRender(resources) {
-  currentResourcesStack.push(currentResources);
-  currentResources = resources;
-  var previousHostDispatcher = ReactDOMCurrentDispatcher.current;
+function prepareHostDispatcher() {
   ReactDOMCurrentDispatcher.current = ReactDOMServerDispatcher;
-  return previousHostDispatcher;
-}
-function cleanupAfterRender(previousDispatcher) {
-  currentResources = currentResourcesStack.pop();
-  ReactDOMCurrentDispatcher.current = previousDispatcher;
 } // Used to distinguish these contexts from ones used in other renderers.
 var ScriptStreamingFormat = 0;
 var DataStreamingFormat = 1;
@@ -2365,7 +2355,7 @@ var SentClientRenderFunction =
   4;
 var SentStyleInsertionFunction =
   /*       */
-  8; // Per response, global state that is not contextual to the rendering subtree.
+  8;
 
 var dataElementQuotedEnd = stringToPrecomputedChunk('"></template>');
 var startInlineScript = stringToPrecomputedChunk("<script>");
@@ -2822,6 +2812,47 @@ function pushStringAttribute(target, name, value) {
       attributeEnd
     );
   }
+} // Since this will likely be repeated a lot in the HTML, we use a more concise message
+// than on the client and hopefully it's googleable.
+
+stringToPrecomputedChunk(
+  escapeTextForBrowser(
+    // eslint-disable-next-line no-script-url
+    "javascript:throw new Error('A React form was unexpectedly submitted.')"
+  )
+);
+
+function pushFormActionAttribute(
+  target,
+  responseState,
+  formAction,
+  formEncType,
+  formMethod,
+  formTarget,
+  name
+) {
+  {
+    // Plain form actions support all the properties, so we have to emit them.
+    if (name !== null) {
+      pushAttribute(target, "name", name);
+    }
+
+    if (formAction !== null) {
+      pushAttribute(target, "formAction", formAction);
+    }
+
+    if (formEncType !== null) {
+      pushAttribute(target, "formEncType", formEncType);
+    }
+
+    if (formMethod !== null) {
+      pushAttribute(target, "formMethod", formMethod);
+    }
+
+    if (formTarget !== null) {
+      pushAttribute(target, "formTarget", formTarget);
+    }
+  }
 }
 
 function pushAttribute(target, name, value) {
@@ -2855,37 +2886,39 @@ function pushAttribute(target, name, value) {
     }
 
     case "src":
-    case "href":
-    case "action": {
-      if (value === "") {
-        {
-          if (name === "src") {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "This may cause the browser to download the whole page again over the network. " +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
-          } else {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
+    case "href": {
+      {
+        if (value === "") {
+          {
+            if (name === "src") {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "This may cause the browser to download the whole page again over the network. " +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            } else {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            }
           }
-        }
 
-        return;
+          return;
+        }
       }
     }
-
     // Fall through to the last case which shouldn't remove empty strings.
 
+    case "action":
     case "formAction": {
+      // TODO: Consider only special casing these for each tag.
       if (
         value == null ||
         typeof value === "function" ||
@@ -3193,6 +3226,7 @@ var didWarnDefaultTextareaValue = false;
 var didWarnInvalidOptionChildren = false;
 var didWarnInvalidOptionInnerHTML = false;
 var didWarnSelectedSetOnOption = false;
+var didWarnFormActionType = false;
 
 function checkSelectProp(props, propName) {
   {
@@ -3424,50 +3458,98 @@ function pushStartOption(target, props, formatContext) {
   return children;
 }
 
-function pushInput(target, props) {
-  {
-    checkControlledValueProps("input", props);
+function pushStartForm(target, props, responseState) {
+  target.push(startChunkForTag("form"));
+  var children = null;
+  var innerHTML = null;
+  var formAction = null;
+  var formEncType = null;
+  var formMethod = null;
+  var formTarget = null;
 
-    if (
-      props.checked !== undefined &&
-      props.defaultChecked !== undefined &&
-      !didWarnDefaultChecked
-    ) {
-      error(
-        "%s contains an input of type %s with both checked and defaultChecked props. " +
-          "Input elements must be either controlled or uncontrolled " +
-          "(specify either the checked prop, or the defaultChecked prop, but not " +
-          "both). Decide between using a controlled or uncontrolled input " +
-          "element and remove one of these props. More info: " +
-          "https://reactjs.org/link/controlled-components",
-        "A component",
-        props.type
-      );
+  for (var propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      var propValue = props[propKey];
 
-      didWarnDefaultChecked = true;
-    }
+      if (propValue == null) {
+        continue;
+      }
 
-    if (
-      props.value !== undefined &&
-      props.defaultValue !== undefined &&
-      !didWarnDefaultInputValue
-    ) {
-      error(
-        "%s contains an input of type %s with both value and defaultValue props. " +
-          "Input elements must be either controlled or uncontrolled " +
-          "(specify either the value prop, or the defaultValue prop, but not " +
-          "both). Decide between using a controlled or uncontrolled input " +
-          "element and remove one of these props. More info: " +
-          "https://reactjs.org/link/controlled-components",
-        "A component",
-        props.type
-      );
+      switch (propKey) {
+        case "children":
+          children = propValue;
+          break;
 
-      didWarnDefaultInputValue = true;
+        case "dangerouslySetInnerHTML":
+          innerHTML = propValue;
+          break;
+
+        case "action":
+          formAction = propValue;
+          break;
+
+        case "encType":
+          formEncType = propValue;
+          break;
+
+        case "method":
+          formMethod = propValue;
+          break;
+
+        case "target":
+          formTarget = propValue;
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
     }
   }
 
+  {
+    // Plain form actions support all the properties, so we have to emit them.
+    if (formAction !== null) {
+      pushAttribute(target, "action", formAction);
+    }
+
+    if (formEncType !== null) {
+      pushAttribute(target, "encType", formEncType);
+    }
+
+    if (formMethod !== null) {
+      pushAttribute(target, "method", formMethod);
+    }
+
+    if (formTarget !== null) {
+      pushAttribute(target, "target", formTarget);
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === "string") {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
+function pushInput(target, props, responseState) {
+  {
+    checkControlledValueProps("input", props);
+  }
+
   target.push(startChunkForTag("input"));
+  var name = null;
+  var formAction = null;
+  var formEncType = null;
+  var formMethod = null;
+  var formTarget = null;
   var value = null;
   var defaultValue = null;
   var checked = null;
@@ -3490,6 +3572,26 @@ function pushInput(target, props) {
               "use `dangerouslySetInnerHTML`."
           );
 
+        case "name":
+          name = propValue;
+          break;
+
+        case "formAction":
+          formAction = propValue;
+          break;
+
+        case "formEncType":
+          formEncType = propValue;
+          break;
+
+        case "formMethod":
+          formMethod = propValue;
+          break;
+
+        case "formTarget":
+          formTarget = propValue;
+          break;
+
         case "defaultChecked":
           defaultChecked = propValue;
           break;
@@ -3513,6 +3615,63 @@ function pushInput(target, props) {
     }
   }
 
+  {
+    if (
+      formAction !== null &&
+      props.type !== "image" &&
+      props.type !== "submit" &&
+      !didWarnFormActionType
+    ) {
+      didWarnFormActionType = true;
+
+      error(
+        'An input can only specify a formAction along with type="submit" or type="image".'
+      );
+    }
+  }
+
+  pushFormActionAttribute(
+    target,
+    responseState,
+    formAction,
+    formEncType,
+    formMethod,
+    formTarget,
+    name
+  );
+
+  {
+    if (checked !== null && defaultChecked !== null && !didWarnDefaultChecked) {
+      error(
+        "%s contains an input of type %s with both checked and defaultChecked props. " +
+          "Input elements must be either controlled or uncontrolled " +
+          "(specify either the checked prop, or the defaultChecked prop, but not " +
+          "both). Decide between using a controlled or uncontrolled input " +
+          "element and remove one of these props. More info: " +
+          "https://reactjs.org/link/controlled-components",
+        "A component",
+        props.type
+      );
+
+      didWarnDefaultChecked = true;
+    }
+
+    if (value !== null && defaultValue !== null && !didWarnDefaultInputValue) {
+      error(
+        "%s contains an input of type %s with both value and defaultValue props. " +
+          "Input elements must be either controlled or uncontrolled " +
+          "(specify either the value prop, or the defaultValue prop, but not " +
+          "both). Decide between using a controlled or uncontrolled input " +
+          "element and remove one of these props. More info: " +
+          "https://reactjs.org/link/controlled-components",
+        "A component",
+        props.type
+      );
+
+      didWarnDefaultInputValue = true;
+    }
+  }
+
   if (checked !== null) {
     pushBooleanAttribute(target, "checked", checked);
   } else if (defaultChecked !== null) {
@@ -3529,6 +3688,97 @@ function pushInput(target, props) {
   return null;
 }
 
+function pushStartButton(target, props, responseState) {
+  target.push(startChunkForTag("button"));
+  var children = null;
+  var innerHTML = null;
+  var name = null;
+  var formAction = null;
+  var formEncType = null;
+  var formMethod = null;
+  var formTarget = null;
+
+  for (var propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      var propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case "children":
+          children = propValue;
+          break;
+
+        case "dangerouslySetInnerHTML":
+          innerHTML = propValue;
+          break;
+
+        case "name":
+          name = propValue;
+          break;
+
+        case "formAction":
+          formAction = propValue;
+          break;
+
+        case "formEncType":
+          formEncType = propValue;
+          break;
+
+        case "formMethod":
+          formMethod = propValue;
+          break;
+
+        case "formTarget":
+          formTarget = propValue;
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  {
+    if (
+      formAction !== null &&
+      props.type != null &&
+      props.type !== "submit" &&
+      !didWarnFormActionType
+    ) {
+      didWarnFormActionType = true;
+
+      error(
+        'A button can only specify a formAction along with type="submit" or no type.'
+      );
+    }
+  }
+
+  pushFormActionAttribute(
+    target,
+    responseState,
+    formAction,
+    formEncType,
+    formMethod,
+    formTarget,
+    name
+  );
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === "string") {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartTextArea(target, props) {
   {
     checkControlledValueProps("textarea", props);
@@ -4886,7 +5136,13 @@ function pushStartInstance(
       return pushStartTextArea(target, props);
 
     case "input":
-      return pushInput(target, props);
+      return pushInput(target, props, responseState);
+
+    case "button":
+      return pushStartButton(target, props, responseState);
+
+    case "form":
+      return pushStartForm(target, props);
 
     case "menuitem":
       return pushStartMenuItem(target, props);
@@ -4973,7 +5229,7 @@ function pushStartInstance(
     case "font-face-format":
     case "font-face-name":
     case "missing-glyph": {
-      return pushStartGenericElement(target, props, type);
+      break;
     }
     // Preamble start tags
 
@@ -5061,7 +5317,8 @@ function pushEndInstance(target, type, props, responseState, formatContext) {
 
   target.push(endTag1, stringToChunk(type), endTag2);
 }
-function writeCompletedRoot(destination, responseState) {
+
+function writeBootstrap(destination, responseState) {
   var bootstrapChunks = responseState.bootstrapChunks;
   var i = 0;
 
@@ -5070,10 +5327,16 @@ function writeCompletedRoot(destination, responseState) {
   }
 
   if (i < bootstrapChunks.length) {
-    return writeChunkAndReturn(destination, bootstrapChunks[i]);
+    var lastChunk = bootstrapChunks[i];
+    bootstrapChunks.length = 0;
+    return writeChunkAndReturn(destination, lastChunk);
   }
 
   return true;
+}
+
+function writeCompletedRoot(destination, responseState) {
+  return writeBootstrap(destination, responseState);
 } // Structural Nodes
 // A placeholder is a node inside a hidden partial tree that can be filled in later, but before
 // display. It's never visible to users. We use the template tag because it can be used in every
@@ -5495,11 +5758,15 @@ function writeCompletedBoundaryInstruction(
     }
   }
 
+  var writeMore;
+
   if (scriptFormat) {
-    return writeChunkAndReturn(destination, completeBoundaryScriptEnd);
+    writeMore = writeChunkAndReturn(destination, completeBoundaryScriptEnd);
   } else {
-    return writeChunkAndReturn(destination, completeBoundaryDataEnd);
+    writeMore = writeChunkAndReturn(destination, completeBoundaryDataEnd);
   }
+
+  return writeBootstrap(destination, responseState) && writeMore;
 }
 var clientRenderScript1Full = stringToPrecomputedChunk(
   clientRenderBoundary + ';$RX("'
@@ -5921,10 +6188,7 @@ function writePreamble(
     var _responseState$extern = responseState.externalRuntimeConfig,
       src = _responseState$extern.src,
       integrity = _responseState$extern.integrity;
-    preinitImpl(resources, src, {
-      as: "script",
-      integrity: integrity
-    });
+    internalPreinitScript(resources, src, integrity);
   }
 
   var htmlChunks = responseState.htmlChunks;
@@ -6584,17 +6848,18 @@ function getResourceKey(as, href) {
 }
 
 function prefetchDNS(href, options) {
-  if (!currentResources) {
-    // While we expect that preconnect calls are primarily going to be observed
-    // during render because effects and events don't run on the server it is
-    // still possible that these get called in module scope. This is valid on
-    // the client since there is still a document to interact with but on the
-    // server we need a request to associate the call to. Because of this we
-    // simply return and do not warn.
+  var request = resolveRequest();
+
+  if (!request) {
+    // In async contexts we can sometimes resolve resources from AsyncLocalStorage. If we can't we can also
+    // possibly get them from the stack if we are not in an async context. Since we were not able to resolve
+    // 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.
     return;
   }
 
-  var resources = currentResources;
+  var resources = getResources(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6639,20 +6904,22 @@ function prefetchDNS(href, options) {
     }
 
     resources.preconnects.add(resource);
+    flushResources(request);
   }
 }
 function preconnect(href, options) {
-  if (!currentResources) {
-    // While we expect that preconnect calls are primarily going to be observed
-    // during render because effects and events don't run on the server it is
-    // still possible that these get called in module scope. This is valid on
-    // the client since there is still a document to interact with but on the
-    // server we need a request to associate the call to. Because of this we
-    // simply return and do not warn.
+  var request = resolveRequest();
+
+  if (!request) {
+    // In async contexts we can sometimes resolve resources from AsyncLocalStorage. If we can't we can also
+    // possibly get them from the stack if we are not in an async context. Since we were not able to resolve
+    // 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.
     return;
   }
 
-  var resources = currentResources;
+  var resources = getResources(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6703,20 +6970,22 @@ function preconnect(href, options) {
     }
 
     resources.preconnects.add(resource);
+    flushResources(request);
   }
 }
 function preload(href, options) {
-  if (!currentResources) {
-    // While we expect that preload calls are primarily going to be observed
-    // during render because effects and events don't run on the server it is
-    // still possible that these get called in module scope. This is valid on
-    // the client since there is still a document to interact with but on the
-    // server we need a request to associate the call to. Because of this we
-    // simply return and do not warn.
+  var request = resolveRequest();
+
+  if (!request) {
+    // In async contexts we can sometimes resolve resources from AsyncLocalStorage. If we can't we can also
+    // possibly get them from the stack if we are not in an async context. Since we were not able to resolve
+    // 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.
     return;
   }
 
-  var resources = currentResources;
+  var resources = getResources(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6853,25 +7122,25 @@ function preload(href, options) {
         resources.explicitOtherPreloads.add(resource);
       }
     }
+
+    flushResources(request);
   }
 }
+
 function preinit(href, options) {
-  if (!currentResources) {
-    // While we expect that preinit calls are primarily going to be observed
-    // during render because effects and events don't run on the server it is
-    // still possible that these get called in module scope. This is valid on
-    // the client since there is still a document to interact with but on the
-    // server we need a request to associate the call to. Because of this we
-    // simply return and do not warn.
+  var request = resolveRequest();
+
+  if (!request) {
+    // In async contexts we can sometimes resolve resources from AsyncLocalStorage. If we can't we can also
+    // possibly get them from the stack if we are not in an async context. Since we were not able to resolve
+    // 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.
     return;
   }
 
-  preinitImpl(currentResources, href, options);
-} // On the server, preinit may be called outside of render when sending an
-// external SSR runtime as part of the initial resources payload. Since this
-// is an internal React call, we do not need to use the resources stack.
+  var resources = getResources(request);
 
-function preinitImpl(resources, href, options) {
   {
     if (typeof href !== "string" || !href) {
       error(
@@ -7036,6 +7305,7 @@ function preinitImpl(resources, href, options) {
           }
 
           precedenceSet.add(resource);
+          flushResources(request);
         }
 
         return;
@@ -7126,12 +7396,38 @@ function preinitImpl(resources, href, options) {
 
           resources.scripts.add(_resource3);
           pushScriptImpl(_resource3.chunks, _resourceProps);
+          flushResources(request);
         }
 
         return;
       }
     }
   }
+} // This method is trusted. It must only be called from within this codebase and it assumes the arguments
+// conform to the types because no user input is being passed in. It also assumes that it is being called as
+// part of a work or flush loop and therefore does not need to request Fizz to flush Resources.
+
+function internalPreinitScript(resources, src, integrity) {
+  var key = getResourceKey("script", src);
+  var resource = resources.scriptsMap.get(key);
+
+  if (!resource) {
+    resource = {
+      type: "script",
+      chunks: [],
+      state: NoState,
+      props: null
+    };
+    resources.scriptsMap.set(key, resource);
+    resources.scripts.add(resource);
+    pushScriptImpl(resource.chunks, {
+      async: true,
+      src: src,
+      integrity: integrity
+    });
+  }
+
+  return;
 }
 
 function preloadPropsFromPreloadOptions(href, as, options) {
@@ -9470,6 +9766,7 @@ function noop$1() {}
 
 var HooksDispatcher = {
   readContext: readContext,
+  use: use,
   useContext: useContext,
   useMemo: useMemo,
   useReducer: useReducer,
@@ -9504,10 +9801,6 @@ var HooksDispatcher = {
   HooksDispatcher.useMemoCache = useMemoCache;
 }
 
-{
-  HooksDispatcher.use = use;
-}
-
 var currentResponseState = null;
 function setCurrentResponseState(responseState) {
   currentResponseState = responseState;
@@ -9602,11 +9895,13 @@ function createRequest(
   onShellError,
   onFatalError
 ) {
+  prepareHostDispatcher();
   var pingedTasks = [];
   var abortSet = new Set();
   var resources = createResources();
   var request = {
     destination: null,
+    flushScheduled: false,
     responseState: responseState,
     progressiveChunkSize:
       progressiveChunkSize === undefined
@@ -9655,10 +9950,20 @@ function createRequest(
   pingedTasks.push(rootTask);
   return request;
 }
+var currentRequest = null;
+function resolveRequest() {
+  if (currentRequest) return currentRequest;
+
+  return null;
+}
 
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
   pingedTasks.push(task);
+
+  if (request.pingedTasks.length === 1) {
+    request.flushScheduled = request.destination !== null;
+  }
 }
 
 function createSuspenseBoundary(request, fallbackAbortableTasks) {
@@ -11161,7 +11466,8 @@ function performWork(request) {
     ReactCurrentCache.current = DefaultCacheDispatcher;
   }
 
-  var previousHostDispatcher = prepareToRender(request.resources);
+  var prevRequest = currentRequest;
+  currentRequest = request;
   var prevGetCurrentStackImpl;
 
   {
@@ -11197,8 +11503,6 @@ function performWork(request) {
       ReactCurrentCache.current = prevCacheDispatcher;
     }
 
-    cleanupAfterRender(previousHostDispatcher);
-
     {
       ReactDebugCurrentFrame.getCurrentStack = prevGetCurrentStackImpl;
     }
@@ -11213,6 +11517,8 @@ function performWork(request) {
       // we'll to restore the context to what it was before returning.
       switchContext(prevContext);
     }
+
+    currentRequest = prevRequest;
   }
 }
 
@@ -11585,6 +11891,8 @@ function flushCompletedQueues(request, destination) {
       request.completedBoundaries.length === 0 // We don't need to check any partially completed segments because
       // either they have pending task or they're complete.
     ) {
+      request.flushScheduled = false;
+
       {
         writePostamble(destination, request.responseState);
       }
@@ -11601,6 +11909,22 @@ function flushCompletedQueues(request, destination) {
     }
   }
 }
+
+function startWork(request) {
+  request.flushScheduled = request.destination !== null;
+}
+
+function enqueueFlush(request) {
+  if (
+    request.flushScheduled === false && // If there are pinged tasks we are going to flush anyway after work completes
+    request.pingedTasks.length === 0 && // If there is no destination there is nothing we can flush to. A flush will
+    // happen when we start flowing again
+    request.destination !== null
+  ) {
+    request.flushScheduled = true;
+  }
+}
+
 function startFlowing(request, destination) {
   if (request.status === CLOSING) {
     request.status = CLOSED;
@@ -11650,6 +11974,12 @@ function abort(request, reason) {
     fatalError(request, error);
   }
 }
+function flushResources(request) {
+  enqueueFlush(request);
+}
+function getResources(request) {
+  return request.resources;
+}
 
 function renderToStream(children, options) {
   var destination = {
@@ -11674,6 +12004,7 @@ function renderToStream(children, options) {
     undefined,
     undefined
   );
+  startWork(request);
 
   if (destination.fatal) {
     throw destination.error;
diff --git a/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js b/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
index 1aec99e69a..d2d4793167 100644
--- a/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
@@ -152,11 +152,11 @@ function escapeTextForBrowser(text) {
         default:
           continue;
       }
-      lastIndex !== index && (html += text.substring(lastIndex, index));
+      lastIndex !== index && (html += text.slice(lastIndex, index));
       lastIndex = index + 1;
       html += match;
     }
-    text = lastIndex !== index ? html + text.substring(lastIndex, index) : html;
+    text = lastIndex !== index ? html + text.slice(lastIndex, index) : html;
   }
   return text;
 }
@@ -178,8 +178,6 @@ var isArrayImpl = Array.isArray,
     preload: preload,
     preinit: preinit
   },
-  currentResources = null,
-  currentResourcesStack = [],
   scriptRegex = /(<\/|<)(s)(cript)/gi;
 function scriptReplacer(match, prefix, s, suffix) {
   return "" + prefix + ("s" === s ? "\\u0073" : "\\u0053") + suffix;
@@ -289,6 +287,24 @@ function pushStringAttribute(target, name, value) {
     "boolean" !== typeof value &&
     target.push(" ", name, '="', escapeTextForBrowser(value), '"');
 }
+escapeTextForBrowser(
+  "javascript:throw new Error('A React form was unexpectedly submitted.')"
+);
+function pushFormActionAttribute(
+  target,
+  responseState,
+  formAction,
+  formEncType,
+  formMethod,
+  formTarget,
+  name
+) {
+  null !== name && pushAttribute(target, "name", name);
+  null !== formAction && pushAttribute(target, "formAction", formAction);
+  null !== formEncType && pushAttribute(target, "formEncType", formEncType);
+  null !== formMethod && pushAttribute(target, "formMethod", formMethod);
+  null !== formTarget && pushAttribute(target, "formTarget", formTarget);
+}
 function pushAttribute(target, name, value) {
   switch (name) {
     case "className":
@@ -309,8 +325,8 @@ function pushAttribute(target, name, value) {
       break;
     case "src":
     case "href":
-    case "action":
       if ("" === value) break;
+    case "action":
     case "formAction":
       if (
         null == value ||
@@ -718,17 +734,17 @@ function pushStartInstance(
       break;
     case "select":
       target.push(startChunkForTag("select"));
-      resources = textEmbedded = null;
+      textEmbedded = responseState = null;
       for (var propKey in props)
         if (hasOwnProperty.call(props, propKey)) {
           var propValue = props[propKey];
           if (null != propValue)
             switch (propKey) {
               case "children":
-                textEmbedded = propValue;
+                responseState = propValue;
                 break;
               case "dangerouslySetInnerHTML":
-                resources = propValue;
+                textEmbedded = propValue;
                 break;
               case "defaultValue":
               case "value":
@@ -738,13 +754,12 @@ function pushStartInstance(
             }
         }
       target.push(">");
-      pushInnerHTML(target, resources, textEmbedded);
-      return textEmbedded;
+      pushInnerHTML(target, textEmbedded, responseState);
+      return responseState;
     case "option":
-      textEmbedded = formatContext.selectedValue;
+      responseState = formatContext.selectedValue;
       target.push(startChunkForTag("option"));
-      var value = (resources = null),
-        selected = null;
+      var selected = (resources = textEmbedded = null);
       propValue = null;
       for (var propKey$jscomp$0 in props)
         if (hasOwnProperty.call(props, propKey$jscomp$0)) {
@@ -752,7 +767,7 @@ function pushStartInstance(
           if (null != propValue$jscomp$0)
             switch (propKey$jscomp$0) {
               case "children":
-                resources = propValue$jscomp$0;
+                textEmbedded = propValue$jscomp$0;
                 break;
               case "selected":
                 selected = propValue$jscomp$0;
@@ -761,128 +776,260 @@ function pushStartInstance(
                 propValue = propValue$jscomp$0;
                 break;
               case "value":
-                value = propValue$jscomp$0;
+                resources = propValue$jscomp$0;
               default:
                 pushAttribute(target, propKey$jscomp$0, propValue$jscomp$0);
             }
         }
-      if (null != textEmbedded)
+      if (null != responseState)
         if (
           ((props =
-            null !== value ? "" + value : flattenOptionChildren(resources)),
-          isArrayImpl(textEmbedded))
+            null !== resources
+              ? "" + resources
+              : flattenOptionChildren(textEmbedded)),
+          isArrayImpl(responseState))
         )
-          for (
-            propKey$jscomp$0 = 0;
-            propKey$jscomp$0 < textEmbedded.length;
-            propKey$jscomp$0++
-          ) {
-            if ("" + textEmbedded[propKey$jscomp$0] === props) {
+          for (resources = 0; resources < responseState.length; resources++) {
+            if ("" + responseState[resources] === props) {
               target.push(' selected=""');
               break;
             }
           }
-        else "" + textEmbedded === props && target.push(' selected=""');
+        else "" + responseState === props && target.push(' selected=""');
       else selected && target.push(' selected=""');
       target.push(">");
-      pushInnerHTML(target, propValue, resources);
-      return resources;
+      pushInnerHTML(target, propValue, textEmbedded);
+      return textEmbedded;
     case "textarea":
       target.push(startChunkForTag("textarea"));
-      propValue = resources = textEmbedded = null;
-      for (propValue$jscomp$0 in props)
+      propValue = textEmbedded = responseState = null;
+      for (var propKey$jscomp$1 in props)
         if (
-          hasOwnProperty.call(props, propValue$jscomp$0) &&
-          ((propKey$jscomp$0 = props[propValue$jscomp$0]),
-          null != propKey$jscomp$0)
+          hasOwnProperty.call(props, propKey$jscomp$1) &&
+          ((resources = props[propKey$jscomp$1]), null != resources)
         )
-          switch (propValue$jscomp$0) {
+          switch (propKey$jscomp$1) {
             case "children":
-              propValue = propKey$jscomp$0;
+              propValue = resources;
               break;
             case "value":
-              textEmbedded = propKey$jscomp$0;
+              responseState = resources;
               break;
             case "defaultValue":
-              resources = propKey$jscomp$0;
+              textEmbedded = resources;
               break;
             case "dangerouslySetInnerHTML":
               throw Error(
                 "`dangerouslySetInnerHTML` does not make sense on <textarea>."
               );
             default:
-              pushAttribute(target, propValue$jscomp$0, propKey$jscomp$0);
+              pushAttribute(target, propKey$jscomp$1, resources);
           }
-      null === textEmbedded && null !== resources && (textEmbedded = resources);
+      null === responseState &&
+        null !== textEmbedded &&
+        (responseState = textEmbedded);
       target.push(">");
       if (null != propValue) {
-        if (null != textEmbedded)
+        if (null != responseState)
           throw Error(
             "If you supply `defaultValue` on a <textarea>, do not pass children."
           );
         if (isArrayImpl(propValue) && 1 < propValue.length)
           throw Error("<textarea> can only have at most one child.");
-        textEmbedded = "" + propValue;
+        responseState = "" + propValue;
       }
-      "string" === typeof textEmbedded &&
-        "\n" === textEmbedded[0] &&
+      "string" === typeof responseState &&
+        "\n" === responseState[0] &&
         target.push("\n");
-      null !== textEmbedded &&
-        target.push(escapeTextForBrowser("" + textEmbedded));
+      null !== responseState &&
+        target.push(escapeTextForBrowser("" + responseState));
       return null;
     case "input":
       target.push(startChunkForTag("input"));
-      propKey$jscomp$0 = propValue = resources = textEmbedded = null;
-      for (value in props)
-        if (
-          hasOwnProperty.call(props, value) &&
-          ((selected = props[value]), null != selected)
-        )
-          switch (value) {
-            case "children":
-            case "dangerouslySetInnerHTML":
-              throw Error(
-                "input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
-              );
-            case "defaultChecked":
-              propKey$jscomp$0 = selected;
-              break;
-            case "defaultValue":
-              resources = selected;
-              break;
-            case "checked":
-              propValue = selected;
-              break;
-            case "value":
-              textEmbedded = selected;
-              break;
-            default:
-              pushAttribute(target, value, selected);
-          }
-      null !== propValue
-        ? pushBooleanAttribute(target, "checked", propValue)
-        : null !== propKey$jscomp$0 &&
-          pushBooleanAttribute(target, "checked", propKey$jscomp$0);
-      null !== textEmbedded
-        ? pushAttribute(target, "value", textEmbedded)
-        : null !== resources && pushAttribute(target, "value", resources);
+      var formTarget =
+          (propValue$jscomp$0 =
+          selected =
+          resources =
+          textEmbedded =
+            null),
+        defaultValue = (propKey$jscomp$0 = null);
+      propKey = propKey$jscomp$1 = null;
+      for (propValue in props)
+        if (hasOwnProperty.call(props, propValue)) {
+          var propValue$jscomp$1 = props[propValue];
+          if (null != propValue$jscomp$1)
+            switch (propValue) {
+              case "children":
+              case "dangerouslySetInnerHTML":
+                throw Error(
+                  "input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
+                );
+              case "name":
+                textEmbedded = propValue$jscomp$1;
+                break;
+              case "formAction":
+                resources = propValue$jscomp$1;
+                break;
+              case "formEncType":
+                selected = propValue$jscomp$1;
+                break;
+              case "formMethod":
+                propValue$jscomp$0 = propValue$jscomp$1;
+                break;
+              case "formTarget":
+                formTarget = propValue$jscomp$1;
+                break;
+              case "defaultChecked":
+                propKey = propValue$jscomp$1;
+                break;
+              case "defaultValue":
+                defaultValue = propValue$jscomp$1;
+                break;
+              case "checked":
+                propKey$jscomp$1 = propValue$jscomp$1;
+                break;
+              case "value":
+                propKey$jscomp$0 = propValue$jscomp$1;
+                break;
+              default:
+                pushAttribute(target, propValue, propValue$jscomp$1);
+            }
+        }
+      pushFormActionAttribute(
+        target,
+        responseState,
+        resources,
+        selected,
+        propValue$jscomp$0,
+        formTarget,
+        textEmbedded
+      );
+      null !== propKey$jscomp$1
+        ? pushBooleanAttribute(target, "checked", propKey$jscomp$1)
+        : null !== propKey && pushBooleanAttribute(target, "checked", propKey);
+      null !== propKey$jscomp$0
+        ? pushAttribute(target, "value", propKey$jscomp$0)
+        : null !== defaultValue && pushAttribute(target, "value", defaultValue);
       target.push("/>");
       return null;
+    case "button":
+      target.push(startChunkForTag("button"));
+      defaultValue =
+        propKey$jscomp$0 =
+        formTarget =
+        selected =
+        resources =
+        propValue =
+        textEmbedded =
+          null;
+      for (propValue$jscomp$0 in props)
+        if (
+          hasOwnProperty.call(props, propValue$jscomp$0) &&
+          ((propKey$jscomp$1 = props[propValue$jscomp$0]),
+          null != propKey$jscomp$1)
+        )
+          switch (propValue$jscomp$0) {
+            case "children":
+              textEmbedded = propKey$jscomp$1;
+              break;
+            case "dangerouslySetInnerHTML":
+              propValue = propKey$jscomp$1;
+              break;
+            case "name":
+              resources = propKey$jscomp$1;
+              break;
+            case "formAction":
+              selected = propKey$jscomp$1;
+              break;
+            case "formEncType":
+              formTarget = propKey$jscomp$1;
+              break;
+            case "formMethod":
+              propKey$jscomp$0 = propKey$jscomp$1;
+              break;
+            case "formTarget":
+              defaultValue = propKey$jscomp$1;
+              break;
+            default:
+              pushAttribute(target, propValue$jscomp$0, propKey$jscomp$1);
+          }
+      pushFormActionAttribute(
+        target,
+        responseState,
+        selected,
+        formTarget,
+        propKey$jscomp$0,
+        defaultValue,
+        resources
+      );
+      target.push(">");
+      pushInnerHTML(target, propValue, textEmbedded);
+      "string" === typeof textEmbedded
+        ? (target.push(escapeTextForBrowser(textEmbedded)), (target = null))
+        : (target = textEmbedded);
+      return target;
+    case "form":
+      target.push(startChunkForTag("form"));
+      propValue$jscomp$0 =
+        selected =
+        resources =
+        propValue =
+        textEmbedded =
+        responseState =
+          null;
+      for (formTarget in props)
+        if (
+          hasOwnProperty.call(props, formTarget) &&
+          ((propKey$jscomp$0 = props[formTarget]), null != propKey$jscomp$0)
+        )
+          switch (formTarget) {
+            case "children":
+              responseState = propKey$jscomp$0;
+              break;
+            case "dangerouslySetInnerHTML":
+              textEmbedded = propKey$jscomp$0;
+              break;
+            case "action":
+              propValue = propKey$jscomp$0;
+              break;
+            case "encType":
+              resources = propKey$jscomp$0;
+              break;
+            case "method":
+              selected = propKey$jscomp$0;
+              break;
+            case "target":
+              propValue$jscomp$0 = propKey$jscomp$0;
+              break;
+            default:
+              pushAttribute(target, formTarget, propKey$jscomp$0);
+          }
+      null !== propValue && pushAttribute(target, "action", propValue);
+      null !== resources && pushAttribute(target, "encType", resources);
+      null !== selected && pushAttribute(target, "method", selected);
+      null !== propValue$jscomp$0 &&
+        pushAttribute(target, "target", propValue$jscomp$0);
+      target.push(">");
+      pushInnerHTML(target, textEmbedded, responseState);
+      "string" === typeof responseState
+        ? (target.push(escapeTextForBrowser(responseState)), (target = null))
+        : (target = responseState);
+      return target;
     case "menuitem":
       target.push(startChunkForTag("menuitem"));
-      for (var propKey$jscomp$1 in props)
+      for (var propKey$jscomp$2 in props)
         if (
-          hasOwnProperty.call(props, propKey$jscomp$1) &&
-          ((textEmbedded = props[propKey$jscomp$1]), null != textEmbedded)
+          hasOwnProperty.call(props, propKey$jscomp$2) &&
+          ((responseState = props[propKey$jscomp$2]), null != responseState)
         )
-          switch (propKey$jscomp$1) {
+          switch (propKey$jscomp$2) {
             case "children":
             case "dangerouslySetInnerHTML":
               throw Error(
                 "menuitems cannot have `children` nor `dangerouslySetInnerHTML`."
               );
             default:
-              pushAttribute(target, propKey$jscomp$1, textEmbedded);
+              pushAttribute(target, propKey$jscomp$2, responseState);
           }
       target.push(">");
       return null;
@@ -916,13 +1063,13 @@ function pushStartInstance(
       )
         target = pushScriptImpl(target, props);
       else {
-        value = "[script]" + props.src;
+        selected = "[script]" + props.src;
         if (!0 !== props.async || props.onLoad || props.onError) {
           if (
             (!0 !== props.noModule &&
-              ((propValue = resources.preloadsMap.get(value)),
-              propValue ||
-                ((propValue = {
+              ((responseState = resources.preloadsMap.get(selected)),
+              responseState ||
+                ((responseState = {
                   type: "preload",
                   chunks: [],
                   state: 0,
@@ -935,9 +1082,9 @@ function pushStartInstance(
                     referrerPolicy: props.referrerPolicy
                   }
                 }),
-                resources.preloadsMap.set(value, propValue),
-                resources.usedScripts.add(propValue),
-                pushLinkImpl(propValue.chunks, propValue.props))),
+                resources.preloadsMap.set(selected, responseState),
+                resources.usedScripts.add(responseState),
+                pushLinkImpl(responseState.chunks, responseState.props))),
             !0 !== props.async)
           ) {
             pushScriptImpl(target, props);
@@ -945,116 +1092,113 @@ function pushStartInstance(
             break a;
           }
         } else if (
-          ((propValue = resources.scriptsMap.get(value)), !propValue)
+          ((responseState = resources.scriptsMap.get(selected)), !responseState)
         ) {
-          propValue = { type: "script", chunks: [], state: 0, props: null };
-          resources.scriptsMap.set(value, propValue);
-          resources.scripts.add(propValue);
-          propKey$jscomp$0 = props;
-          if ((resources = resources.preloadsMap.get(value)))
+          responseState = { type: "script", chunks: [], state: 0, props: null };
+          resources.scriptsMap.set(selected, responseState);
+          resources.scripts.add(responseState);
+          propValue = props;
+          if ((resources = resources.preloadsMap.get(selected)))
             (resources.state |= 4),
-              (props = propKey$jscomp$0 = assign({}, props)),
+              (props = propValue = assign({}, props)),
               (resources = resources.props),
               null == props.crossOrigin &&
                 (props.crossOrigin = resources.crossOrigin),
               null == props.integrity &&
                 (props.integrity = resources.integrity);
-          pushScriptImpl(propValue.chunks, propKey$jscomp$0);
+          pushScriptImpl(responseState.chunks, propValue);
         }
         textEmbedded && target.push("\x3c!-- --\x3e");
         target = null;
       }
       return target;
     case "style":
-      propKey$jscomp$0 = props.precedence;
-      value = props.href;
+      responseState = props.precedence;
+      propValue = props.href;
       if (
         3 === formatContext.insertionMode ||
         formatContext.noscriptTagInScope ||
         null != props.itemProp ||
-        "string" !== typeof propKey$jscomp$0 ||
-        "string" !== typeof value ||
-        "" === value
+        "string" !== typeof responseState ||
+        "string" !== typeof propValue ||
+        "" === propValue
       ) {
         target.push(startChunkForTag("style"));
-        resources = textEmbedded = null;
-        for (selected in props)
+        textEmbedded = responseState = null;
+        for (defaultValue in props)
           if (
-            hasOwnProperty.call(props, selected) &&
-            ((propValue = props[selected]), null != propValue)
+            hasOwnProperty.call(props, defaultValue) &&
+            ((propValue = props[defaultValue]), null != propValue)
           )
-            switch (selected) {
+            switch (defaultValue) {
               case "children":
-                textEmbedded = propValue;
+                responseState = propValue;
                 break;
               case "dangerouslySetInnerHTML":
-                resources = propValue;
+                textEmbedded = propValue;
                 break;
               default:
-                pushAttribute(target, selected, propValue);
+                pushAttribute(target, defaultValue, propValue);
             }
         target.push(">");
-        props = Array.isArray(textEmbedded)
-          ? 2 > textEmbedded.length
-            ? textEmbedded[0]
+        props = Array.isArray(responseState)
+          ? 2 > responseState.length
+            ? responseState[0]
             : null
-          : textEmbedded;
+          : responseState;
         "function" !== typeof props &&
           "symbol" !== typeof props &&
           null !== props &&
           void 0 !== props &&
           target.push(escapeTextForBrowser("" + props));
-        pushInnerHTML(target, resources, textEmbedded);
+        pushInnerHTML(target, textEmbedded, responseState);
         target.push("</", "style", ">");
         target = null;
       } else {
-        selected = "[style]" + value;
-        propValue$jscomp$0 = resources.stylesMap.get(selected);
-        if (!propValue$jscomp$0) {
-          (propValue$jscomp$0 =
-            resources.stylePrecedences.get(propKey$jscomp$0))
-            ? propValue$jscomp$0.props.hrefs.push(value)
-            : ((propValue$jscomp$0 = {
+        propValue$jscomp$0 = "[style]" + propValue;
+        formTarget = resources.stylesMap.get(propValue$jscomp$0);
+        if (!formTarget) {
+          (formTarget = resources.stylePrecedences.get(responseState))
+            ? formTarget.props.hrefs.push(propValue)
+            : ((formTarget = {
                 type: "style",
                 chunks: [],
                 state: 0,
-                props: { precedence: propKey$jscomp$0, hrefs: [value] }
+                props: { precedence: responseState, hrefs: [propValue] }
               }),
-              resources.stylePrecedences.set(
-                propKey$jscomp$0,
-                propValue$jscomp$0
-              ),
-              (value = new Set()),
-              value.add(propValue$jscomp$0),
-              resources.precedences.set(propKey$jscomp$0, value));
-          resources.stylesMap.set(selected, propValue$jscomp$0);
+              resources.stylePrecedences.set(responseState, formTarget),
+              (propValue = new Set()),
+              propValue.add(formTarget),
+              resources.precedences.set(responseState, propValue));
+          resources.stylesMap.set(propValue$jscomp$0, formTarget);
           resources.boundaryResources &&
-            resources.boundaryResources.add(propValue$jscomp$0);
-          resources = propValue$jscomp$0.chunks;
-          value = propKey$jscomp$0 = null;
-          for (propValue in props)
+            resources.boundaryResources.add(formTarget);
+          responseState = formTarget.chunks;
+          resources = propValue = null;
+          for (selected in props)
             if (
-              hasOwnProperty.call(props, propValue) &&
-              ((selected = props[propValue]), null != selected)
+              hasOwnProperty.call(props, selected) &&
+              ((propValue$jscomp$0 = props[selected]),
+              null != propValue$jscomp$0)
             )
-              switch (propValue) {
+              switch (selected) {
                 case "children":
-                  propKey$jscomp$0 = selected;
+                  propValue = propValue$jscomp$0;
                   break;
                 case "dangerouslySetInnerHTML":
-                  value = selected;
+                  resources = propValue$jscomp$0;
               }
-          props = Array.isArray(propKey$jscomp$0)
-            ? 2 > propKey$jscomp$0.length
-              ? propKey$jscomp$0[0]
+          props = Array.isArray(propValue)
+            ? 2 > propValue.length
+              ? propValue[0]
               : null
-            : propKey$jscomp$0;
+            : propValue;
           "function" !== typeof props &&
             "symbol" !== typeof props &&
             null !== props &&
             void 0 !== props &&
-            resources.push(escapeTextForBrowser("" + props));
-          pushInnerHTML(resources, value, propKey$jscomp$0);
+            responseState.push(escapeTextForBrowser("" + props));
+          pushInnerHTML(responseState, resources, propValue);
         }
         textEmbedded && target.push("\x3c!-- --\x3e");
         target = void 0;
@@ -1080,43 +1224,43 @@ function pushStartInstance(
     case "listing":
     case "pre":
       target.push(startChunkForTag(type));
-      resources = textEmbedded = null;
-      for (var propKey$jscomp$2 in props)
+      textEmbedded = responseState = null;
+      for (propValue$jscomp$1 in props)
         if (
-          hasOwnProperty.call(props, propKey$jscomp$2) &&
-          ((propValue = props[propKey$jscomp$2]), null != propValue)
+          hasOwnProperty.call(props, propValue$jscomp$1) &&
+          ((propValue = props[propValue$jscomp$1]), null != propValue)
         )
-          switch (propKey$jscomp$2) {
+          switch (propValue$jscomp$1) {
             case "children":
-              textEmbedded = propValue;
+              responseState = propValue;
               break;
             case "dangerouslySetInnerHTML":
-              resources = propValue;
+              textEmbedded = propValue;
               break;
             default:
-              pushAttribute(target, propKey$jscomp$2, propValue);
+              pushAttribute(target, propValue$jscomp$1, propValue);
           }
       target.push(">");
-      if (null != resources) {
-        if (null != textEmbedded)
+      if (null != textEmbedded) {
+        if (null != responseState)
           throw Error(
             "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
           );
-        if ("object" !== typeof resources || !("__html" in resources))
+        if ("object" !== typeof textEmbedded || !("__html" in textEmbedded))
           throw Error(
             "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information."
           );
-        props = resources.__html;
+        props = textEmbedded.__html;
         null !== props &&
           void 0 !== props &&
           ("string" === typeof props && 0 < props.length && "\n" === props[0]
             ? target.push("\n", props)
             : target.push("" + props));
       }
-      "string" === typeof textEmbedded &&
-        "\n" === textEmbedded[0] &&
+      "string" === typeof responseState &&
+        "\n" === responseState[0] &&
         target.push("\n");
-      return textEmbedded;
+      return responseState;
     case "base":
     case "area":
     case "br":
@@ -1166,7 +1310,7 @@ function pushStartInstance(
     default:
       if (-1 !== type.indexOf("-")) {
         target.push(startChunkForTag(type));
-        resources = textEmbedded = null;
+        textEmbedded = responseState = null;
         for (var propKey$jscomp$3 in props)
           if (
             hasOwnProperty.call(props, propKey$jscomp$3) &&
@@ -1189,10 +1333,10 @@ function pushStartInstance(
               propKey$jscomp$3)
             ) {
               case "children":
-                textEmbedded = propValue;
+                responseState = propValue;
                 break;
               case "dangerouslySetInnerHTML":
-                resources = propValue;
+                textEmbedded = propValue;
                 break;
               case "style":
                 pushStyleAttribute(target, propValue);
@@ -1213,12 +1357,22 @@ function pushStartInstance(
                   );
             }
         target.push(">");
-        pushInnerHTML(target, resources, textEmbedded);
-        return textEmbedded;
+        pushInnerHTML(target, textEmbedded, responseState);
+        return responseState;
       }
   }
   return pushStartGenericElement(target, props, type);
 }
+function writeBootstrap(destination, responseState) {
+  responseState = responseState.bootstrapChunks;
+  for (var i = 0; i < responseState.length - 1; i++)
+    destination.buffer += responseState[i];
+  return i < responseState.length
+    ? ((i = responseState[i]),
+      (responseState.length = 0),
+      writeChunkAndReturn(destination, i))
+    : !0;
+}
 function writeStartPendingSuspenseBoundary(destination, responseState, id) {
   destination.buffer += '\x3c!--$?--\x3e<template id="';
   if (null === id)
@@ -1488,10 +1642,11 @@ function writePreamble(
   !willFlushAllSegments &&
     responseState.externalRuntimeConfig &&
     ((willFlushAllSegments = responseState.externalRuntimeConfig),
-    preinitImpl(resources, willFlushAllSegments.src, {
-      as: "script",
-      integrity: willFlushAllSegments.integrity
-    }));
+    internalPreinitScript(
+      resources,
+      willFlushAllSegments.src,
+      willFlushAllSegments.integrity
+    ));
   willFlushAllSegments = responseState.htmlChunks;
   var headChunks = responseState.headChunks,
     i = 0;
@@ -1804,8 +1959,9 @@ function writeStyleResourceAttributeInAttr(destination, name, value) {
   destination.buffer += attributeName;
 }
 function prefetchDNS(href) {
-  if (currentResources) {
-    var resources = currentResources;
+  var request = currentRequest ? currentRequest : null;
+  if (request) {
+    var resources = request.resources;
     if ("string" === typeof href && href) {
       var key = "[prefetchDNS]" + href,
         resource = resources.preconnectsMap.get(key);
@@ -1814,12 +1970,14 @@ function prefetchDNS(href) {
         resources.preconnectsMap.set(key, resource),
         pushLinkImpl(resource.chunks, { href: href, rel: "dns-prefetch" }));
       resources.preconnects.add(resource);
+      enqueueFlush(request);
     }
   }
 }
 function preconnect(href, options) {
-  if (currentResources) {
-    var resources = currentResources;
+  var request = currentRequest ? currentRequest : null;
+  if (request) {
+    var resources = request.resources;
     if ("string" === typeof href && href) {
       options =
         null == options || "string" !== typeof options.crossOrigin
@@ -1839,12 +1997,14 @@ function preconnect(href, options) {
           crossOrigin: options
         }));
       resources.preconnects.add(resource);
+      enqueueFlush(request);
     }
   }
 }
 function preload(href, options) {
-  if (currentResources) {
-    var resources = currentResources;
+  var request = currentRequest ? currentRequest : null;
+  if (request) {
+    var resources = request.resources;
     if (
       "string" === typeof href &&
       href &&
@@ -1884,70 +2044,87 @@ function preload(href, options) {
         default:
           resources.explicitOtherPreloads.add(resource);
       }
+      enqueueFlush(request);
     }
   }
 }
 function preinit(href, options) {
-  currentResources && preinitImpl(currentResources, href, options);
-}
-function preinitImpl(resources, href, options) {
-  if (
-    "string" === typeof href &&
-    href &&
-    "object" === typeof options &&
-    null !== options
-  ) {
-    var as = options.as;
-    switch (as) {
-      case "style":
-        var key = "[" + as + "]" + href;
-        as = resources.stylesMap.get(key);
-        var precedence = options.precedence || "default";
-        as ||
-          ((as = {
-            type: "stylesheet",
-            chunks: [],
-            state: 0,
-            props: {
-              rel: "stylesheet",
-              href: href,
-              "data-precedence": precedence,
-              crossOrigin: options.crossOrigin,
-              integrity: options.integrity
-            }
-          }),
-          resources.stylesMap.set(key, as),
-          (href = resources.precedences.get(precedence)),
-          href ||
-            ((href = new Set()),
-            resources.precedences.set(precedence, href),
-            (options = {
-              type: "style",
+  var request = currentRequest ? currentRequest : null;
+  if (request) {
+    var resources = request.resources;
+    if (
+      "string" === typeof href &&
+      href &&
+      "object" === typeof options &&
+      null !== options
+    ) {
+      var as = options.as;
+      switch (as) {
+        case "style":
+          var key = "[" + as + "]" + href;
+          as = resources.stylesMap.get(key);
+          var precedence = options.precedence || "default";
+          as ||
+            ((as = {
+              type: "stylesheet",
               chunks: [],
               state: 0,
-              props: { precedence: precedence, hrefs: [] }
+              props: {
+                rel: "stylesheet",
+                href: href,
+                "data-precedence": precedence,
+                crossOrigin: options.crossOrigin,
+                integrity: options.integrity
+              }
             }),
-            href.add(options),
-            resources.stylePrecedences.set(precedence, options)),
-          href.add(as));
-        break;
-      case "script":
-        (precedence = "[" + as + "]" + href),
-          (as = resources.scriptsMap.get(precedence)),
-          as ||
-            ((as = { type: "script", chunks: [], state: 0, props: null }),
-            resources.scriptsMap.set(precedence, as),
-            (href = {
-              src: href,
-              async: !0,
-              crossOrigin: options.crossOrigin,
-              integrity: options.integrity
-            }),
-            resources.scripts.add(as),
-            pushScriptImpl(as.chunks, href));
+            resources.stylesMap.set(key, as),
+            (href = resources.precedences.get(precedence)),
+            href ||
+              ((href = new Set()),
+              resources.precedences.set(precedence, href),
+              (options = {
+                type: "style",
+                chunks: [],
+                state: 0,
+                props: { precedence: precedence, hrefs: [] }
+              }),
+              href.add(options),
+              resources.stylePrecedences.set(precedence, options)),
+            href.add(as),
+            enqueueFlush(request));
+          break;
+        case "script":
+          (precedence = "[" + as + "]" + href),
+            (as = resources.scriptsMap.get(precedence)),
+            as ||
+              ((as = { type: "script", chunks: [], state: 0, props: null }),
+              resources.scriptsMap.set(precedence, as),
+              (href = {
+                src: href,
+                async: !0,
+                crossOrigin: options.crossOrigin,
+                integrity: options.integrity
+              }),
+              resources.scripts.add(as),
+              pushScriptImpl(as.chunks, href),
+              enqueueFlush(request));
+      }
     }
   }
 }
+function internalPreinitScript(resources, src, integrity) {
+  var key = "[script]" + src,
+    resource = resources.scriptsMap.get(key);
+  resource ||
+    ((resource = { type: "script", chunks: [], state: 0, props: null }),
+    resources.scriptsMap.set(key, resource),
+    resources.scripts.add(resource),
+    pushScriptImpl(resource.chunks, {
+      async: !0,
+      src: src,
+      integrity: integrity
+    }));
+}
 function preloadAsStylePropsFromProps(href, props) {
   return {
     rel: "preload",
@@ -2327,6 +2504,17 @@ var HooksDispatcher = {
     readContext: function (context) {
       return context._currentValue;
     },
+    use: function (usable) {
+      if (null !== usable && "object" === typeof usable) {
+        if ("function" === typeof usable.then) return unwrapThenable(usable);
+        if (
+          usable.$$typeof === REACT_CONTEXT_TYPE ||
+          usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
+        )
+          return usable._currentValue;
+      }
+      throw Error("An unsupported type was passed to use(): " + String(usable));
+    },
     useContext: function (context) {
       resolveCurrentlyRenderingComponent();
       return context._currentValue;
@@ -2404,17 +2592,6 @@ var HooksDispatcher = {
       for (var data = Array(size), i = 0; i < size; i++)
         data[i] = REACT_MEMO_CACHE_SENTINEL;
       return data;
-    },
-    use: function (usable) {
-      if (null !== usable && "object" === typeof usable) {
-        if ("function" === typeof usable.then) return unwrapThenable(usable);
-        if (
-          usable.$$typeof === REACT_CONTEXT_TYPE ||
-          usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
-        )
-          return usable._currentValue;
-      }
-      throw Error("An unsupported type was passed to use(): " + String(usable));
     }
   },
   currentResponseState = null,
@@ -2433,6 +2610,7 @@ function defaultErrorHandler(error) {
   return null;
 }
 function noop() {}
+var currentRequest = null;
 function createTask(
   request,
   thenableState,
@@ -2452,6 +2630,8 @@ function createTask(
     node: node,
     ping: function () {
       request.pingedTasks.push(task);
+      1 === request.pingedTasks.length &&
+        (request.flushScheduled = null !== request.destination);
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
@@ -3226,10 +3406,10 @@ function flushCompletedBoundary(request, destination, boundary) {
       : (writeChunk(destination, '" data-sty="'),
         writeStyleResourceDependenciesInAttr(destination, boundary))
     : scriptFormat && writeChunk(destination, '"');
-  destination = scriptFormat
+  completedSegments = scriptFormat
     ? writeChunkAndReturn(destination, ")\x3c/script>")
     : writeChunkAndReturn(destination, '"></template>');
-  return destination;
+  return writeBootstrap(destination, request) && completedSegments;
 }
 function flushPartiallyCompletedSegment(
   request,
@@ -3276,33 +3456,22 @@ function flushCompletedQueues(request, destination) {
     var i,
       completedRootSegment = request.completedRootSegment;
     if (null !== completedRootSegment)
-      if (0 === request.pendingRootTasks) {
+      if (0 === request.pendingRootTasks)
         writePreamble(
           destination,
           request.resources,
           request.responseState,
           0 === request.allPendingTasks
-        );
-        flushSegment(request, destination, completedRootSegment);
-        request.completedRootSegment = null;
-        var bootstrapChunks = request.responseState.bootstrapChunks;
-        for (
-          completedRootSegment = 0;
-          completedRootSegment < bootstrapChunks.length - 1;
-          completedRootSegment++
-        )
-          writeChunk(destination, bootstrapChunks[completedRootSegment]);
-        completedRootSegment < bootstrapChunks.length &&
-          writeChunkAndReturn(
-            destination,
-            bootstrapChunks[completedRootSegment]
-          );
-      } else return;
+        ),
+          flushSegment(request, destination, completedRootSegment),
+          (request.completedRootSegment = null),
+          writeBootstrap(destination, request.responseState);
+      else return;
     else writeHoistables(destination, request.resources, request.responseState);
     var clientRenderedBoundaries = request.clientRenderedBoundaries;
     for (i = 0; i < clientRenderedBoundaries.length; i++) {
       var boundary = clientRenderedBoundaries[i];
-      bootstrapChunks = destination;
+      completedRootSegment = destination;
       var responseState = request.responseState,
         boundaryID = boundary.id,
         errorDigest = boundary.errorDigest,
@@ -3310,56 +3479,56 @@ function flushCompletedQueues(request, destination) {
         errorComponentStack = boundary.errorComponentStack,
         scriptFormat = 0 === responseState.streamingFormat;
       scriptFormat
-        ? ((bootstrapChunks.buffer += responseState.startInlineScript),
+        ? ((completedRootSegment.buffer += responseState.startInlineScript),
           0 === (responseState.instructions & 4)
             ? ((responseState.instructions |= 4),
-              (bootstrapChunks.buffer +=
+              (completedRootSegment.buffer +=
                 '$RX=function(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};;$RX("'))
-            : (bootstrapChunks.buffer += '$RX("'))
-        : (bootstrapChunks.buffer += '<template data-rxi="" data-bid="');
+            : (completedRootSegment.buffer += '$RX("'))
+        : (completedRootSegment.buffer += '<template data-rxi="" data-bid="');
       if (null === boundaryID)
         throw Error(
           "An ID must have been assigned before we can complete the boundary."
         );
-      bootstrapChunks.buffer += boundaryID;
-      scriptFormat && (bootstrapChunks.buffer += '"');
+      completedRootSegment.buffer += boundaryID;
+      scriptFormat && (completedRootSegment.buffer += '"');
       if (errorDigest || errorMessage || errorComponentStack)
         if (scriptFormat) {
-          bootstrapChunks.buffer += ",";
+          completedRootSegment.buffer += ",";
           var chunk = escapeJSStringsForInstructionScripts(errorDigest || "");
-          bootstrapChunks.buffer += chunk;
+          completedRootSegment.buffer += chunk;
         } else {
-          bootstrapChunks.buffer += '" data-dgst="';
+          completedRootSegment.buffer += '" data-dgst="';
           var chunk$jscomp$0 = escapeTextForBrowser(errorDigest || "");
-          bootstrapChunks.buffer += chunk$jscomp$0;
+          completedRootSegment.buffer += chunk$jscomp$0;
         }
       if (errorMessage || errorComponentStack)
         if (scriptFormat) {
-          bootstrapChunks.buffer += ",";
+          completedRootSegment.buffer += ",";
           var chunk$jscomp$1 = escapeJSStringsForInstructionScripts(
             errorMessage || ""
           );
-          bootstrapChunks.buffer += chunk$jscomp$1;
+          completedRootSegment.buffer += chunk$jscomp$1;
         } else {
-          bootstrapChunks.buffer += '" data-msg="';
+          completedRootSegment.buffer += '" data-msg="';
           var chunk$jscomp$2 = escapeTextForBrowser(errorMessage || "");
-          bootstrapChunks.buffer += chunk$jscomp$2;
+          completedRootSegment.buffer += chunk$jscomp$2;
         }
       if (errorComponentStack)
         if (scriptFormat) {
-          bootstrapChunks.buffer += ",";
+          completedRootSegment.buffer += ",";
           var chunk$jscomp$3 =
             escapeJSStringsForInstructionScripts(errorComponentStack);
-          bootstrapChunks.buffer += chunk$jscomp$3;
+          completedRootSegment.buffer += chunk$jscomp$3;
         } else {
-          bootstrapChunks.buffer += '" data-stck="';
+          completedRootSegment.buffer += '" data-stck="';
           var chunk$jscomp$4 = escapeTextForBrowser(errorComponentStack);
-          bootstrapChunks.buffer += chunk$jscomp$4;
+          completedRootSegment.buffer += chunk$jscomp$4;
         }
       if (
         scriptFormat
-          ? !writeChunkAndReturn(bootstrapChunks, ")\x3c/script>")
-          : !writeChunkAndReturn(bootstrapChunks, '"></template>')
+          ? !writeChunkAndReturn(completedRootSegment, ")\x3c/script>")
+          : !writeChunkAndReturn(completedRootSegment, '"></template>')
       ) {
         request.destination = null;
         i++;
@@ -3435,7 +3604,8 @@ function flushCompletedQueues(request, destination) {
       0 === request.pingedTasks.length &&
       0 === request.clientRenderedBoundaries.length &&
       0 === request.completedBoundaries.length &&
-      ((request = request.responseState),
+      ((request.flushScheduled = !1),
+      (request = request.responseState),
       request.hasBody &&
         (writeChunk(destination, "</"),
         writeChunk(destination, "body"),
@@ -3447,6 +3617,12 @@ function flushCompletedQueues(request, destination) {
       (destination.done = !0));
   }
 }
+function enqueueFlush(request) {
+  !1 === request.flushScheduled &&
+    0 === request.pingedTasks.length &&
+    null !== request.destination &&
+    (request.flushScheduled = !0);
+}
 function abort(request, reason) {
   try {
     var abortableTasks = request.abortableTasks;
@@ -3492,11 +3668,8 @@ exports.renderNextChunk = function (stream) {
     ReactCurrentDispatcher.current = HooksDispatcher;
     var prevCacheDispatcher = ReactCurrentCache.current;
     ReactCurrentCache.current = DefaultCacheDispatcher;
-    var resources = request.resources;
-    currentResourcesStack.push(currentResources);
-    currentResources = resources;
-    resources = ReactDOMCurrentDispatcher.current;
-    ReactDOMCurrentDispatcher.current = ReactDOMServerDispatcher;
+    var prevRequest = currentRequest;
+    currentRequest = request;
     var prevResponseState = currentResponseState;
     currentResponseState = request.responseState;
     try {
@@ -3574,9 +3747,8 @@ exports.renderNextChunk = function (stream) {
       (currentResponseState = prevResponseState),
         (ReactCurrentDispatcher.current = prevDispatcher),
         (ReactCurrentCache.current = prevCacheDispatcher),
-        (currentResources = currentResourcesStack.pop()),
-        (ReactDOMCurrentDispatcher.current = resources),
-        prevDispatcher === HooksDispatcher && switchContext(prevContext);
+        prevDispatcher === HooksDispatcher && switchContext(prevContext),
+        (currentRequest = prevRequest);
     }
   }
   if (1 === request.status)
@@ -3697,6 +3869,7 @@ exports.renderToStream = function (children, options) {
   bootstrapModules = createFormatContext(0, null, !1);
   externalRuntimeDesc = options ? options.progressiveChunkSize : void 0;
   streamingFormat = options.onError;
+  ReactDOMCurrentDispatcher.current = ReactDOMServerDispatcher;
   options = [];
   identifierPrefix = new Set();
   bootstrapScripts = {
@@ -3718,6 +3891,7 @@ exports.renderToStream = function (children, options) {
   };
   JSCompiler_inline_result = {
     destination: null,
+    flushScheduled: !1,
     responseState: JSCompiler_inline_result,
     progressiveChunkSize:
       void 0 === externalRuntimeDesc ? 12800 : externalRuntimeDesc,
@@ -3760,6 +3934,8 @@ exports.renderToStream = function (children, options) {
     emptyTreeContext
   );
   options.push(children);
+  JSCompiler_inline_result.flushScheduled =
+    null !== JSCompiler_inline_result.destination;
   if (destination.fatal) throw destination.error;
   return { destination: destination, request: JSCompiler_inline_result };
 };
diff --git a/compiled/facebook-www/ReactDOMTesting-dev.classic.js b/compiled/facebook-www/ReactDOMTesting-dev.classic.js
index e971e03b1d..c4ba0514eb 100644
--- a/compiled/facebook-www/ReactDOMTesting-dev.classic.js
+++ b/compiled/facebook-www/ReactDOMTesting-dev.classic.js
@@ -118,8 +118,6 @@ var disableInputAttributeSyncing =
   disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
-  revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
   replayFailedUnitOfWorkWithInvokeGuardedCallback =
     dynamicFeatureFlags.replayFailedUnitOfWorkWithInvokeGuardedCallback,
   enableLegacyFBSupport = dynamicFeatureFlags.enableLegacyFBSupport,
@@ -134,7 +132,9 @@ var disableInputAttributeSyncing =
     dynamicFeatureFlags.enableCustomElementPropertySupport,
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
-  diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase; // On WWW, false is used for a new modern build.
+  diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries; // On WWW, false is used for a new modern build.
 var enableProfilerTimer = true;
 var enableProfilerCommitHooks = true;
 var enableProfilerNestedUpdatePhase = true;
@@ -2073,24 +2073,6 @@ function getNextLanes(root, wipLanes) {
 
   return nextLanes;
 }
-function getMostRecentEventTime(root, lanes) {
-  var eventTimes = root.eventTimes;
-  var mostRecentEventTime = NoTimestamp;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    var eventTime = eventTimes[index];
-
-    if (eventTime > mostRecentEventTime) {
-      mostRecentEventTime = eventTime;
-    }
-
-    lanes &= ~lane;
-  }
-
-  return mostRecentEventTime;
-}
 
 function computeExpirationTime(lane, currentTime) {
   switch (lane) {
@@ -2337,7 +2319,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -2355,12 +2337,6 @@ function markRootUpdated(root, updateLane, eventTime) {
     root.suspendedLanes = NoLanes;
     root.pingedLanes = NoLanes;
   }
-
-  var eventTimes = root.eventTimes;
-  var index = laneToIndex(updateLane); // We can always overwrite an existing timestamp because we prefer the most
-  // recent event, and we assume time is monotonically increasing.
-
-  eventTimes[index] = eventTime;
 }
 function markRootSuspended$1(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
@@ -2393,7 +2369,6 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   var entanglements = root.entanglements;
-  var eventTimes = root.eventTimes;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
 
@@ -2403,7 +2378,6 @@ function markRootFinished(root, remainingLanes) {
     var index = pickArbitraryLaneIndex(lanes);
     var lane = 1 << index;
     entanglements[index] = NoLanes;
-    eventTimes[index] = NoTimestamp;
     expirationTimes[index] = NoTimestamp;
     var hiddenUpdatesForLane = hiddenUpdates[index];
 
@@ -2829,14 +2803,151 @@ function checkFormFieldValueStringCoercion(value) {
   }
 }
 
-var Internals = {
-  usingClientEntryPoint: false,
-  Events: null,
-  Dispatcher: {
-    current: null
-  }
+// Below code forked from dom-accessibility-api
+var tagToRoleMappings = {
+  ARTICLE: "article",
+  ASIDE: "complementary",
+  BODY: "document",
+  BUTTON: "button",
+  DATALIST: "listbox",
+  DD: "definition",
+  DETAILS: "group",
+  DIALOG: "dialog",
+  DT: "term",
+  FIELDSET: "group",
+  FIGURE: "figure",
+  // WARNING: Only with an accessible name
+  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",
+  // WARNING: Only in certain context
+  OPTION: "option",
+  OUTPUT: "status",
+  PROGRESS: "progressbar",
+  // WARNING: Only with an accessible name
+  SECTION: "region",
+  SUMMARY: "button",
+  TABLE: "table",
+  TBODY: "rowgroup",
+  TEXTAREA: "textbox",
+  TFOOT: "rowgroup",
+  // WARNING: Only in certain context
+  TD: "cell",
+  TH: "columnheader",
+  THEAD: "rowgroup",
+  TR: "row",
+  UL: "list"
 };
 
+function getImplicitRole(element) {
+  var mappedByTag = tagToRoleMappings[element.tagName];
+
+  if (mappedByTag !== undefined) {
+    return mappedByTag;
+  }
+
+  switch (element.tagName) {
+    case "A":
+    case "AREA":
+    case "LINK":
+      if (element.hasAttribute("href")) {
+        return "link";
+      }
+
+      break;
+
+    case "IMG":
+      if ((element.getAttribute("alt") || "").length > 0) {
+        return "img";
+      }
+
+      break;
+
+    case "INPUT": {
+      var type = element.type;
+
+      switch (type) {
+        case "button":
+        case "image":
+        case "reset":
+        case "submit":
+          return "button";
+
+        case "checkbox":
+        case "radio":
+          return type;
+
+        case "range":
+          return "slider";
+
+        case "email":
+        case "tel":
+        case "text":
+        case "url":
+          if (element.hasAttribute("list")) {
+            return "combobox";
+          }
+
+          return "textbox";
+
+        case "search":
+          if (element.hasAttribute("list")) {
+            return "combobox";
+          }
+
+          return "searchbox";
+
+        default:
+          return null;
+      }
+    }
+
+    case "SELECT":
+      if (element.hasAttribute("multiple") || element.size > 1) {
+        return "listbox";
+      }
+
+      return "combobox";
+  }
+
+  return null;
+}
+
+function getExplicitRoles(element) {
+  var role = element.getAttribute("role");
+
+  if (role) {
+    return role.trim().split(" ");
+  }
+
+  return null;
+} // https://w3c.github.io/html-aria/#document-conformance-requirements-for-use-of-aria-attributes-in-html
+
+function hasRole(element, role) {
+  var explicitRoles = getExplicitRoles(element);
+
+  if (explicitRoles !== null && explicitRoles.indexOf(role) >= 0) {
+    return true;
+  }
+
+  return role === getImplicitRole(element);
+}
+
 var allNativeEvents = new Set();
 
 {
@@ -2888,51 +2999,6 @@ function registerDirectEvent(registrationName, dependencies) {
   }
 }
 
-var IS_EVENT_HANDLE_NON_MANAGED_NODE = 1;
-var IS_NON_DELEGATED = 1 << 1;
-var IS_CAPTURE_PHASE = 1 << 2;
-var IS_LEGACY_FB_SUPPORT_MODE = 1 << 4;
-var SHOULD_NOT_DEFER_CLICK_FOR_FB_SUPPORT_MODE =
-  IS_LEGACY_FB_SUPPORT_MODE | IS_CAPTURE_PHASE; // We do not want to defer if the event system has already been
-// set to LEGACY_FB_SUPPORT. LEGACY_FB_SUPPORT only gets set when
-// we call willDeferLaterForLegacyFBSupport, thus not bailing out
-// will result in endless cycles like an infinite loop.
-// We also don't want to defer during event replaying.
-
-var SHOULD_NOT_PROCESS_POLYFILL_EVENT_PLUGINS =
-  IS_EVENT_HANDLE_NON_MANAGED_NODE | IS_NON_DELEGATED | IS_CAPTURE_PHASE;
-
-/**
- * HTML nodeType values that represent the type of the node
- */
-var ELEMENT_NODE = 1;
-var TEXT_NODE = 3;
-var COMMENT_NODE = 8;
-var DOCUMENT_NODE = 9;
-var DOCUMENT_TYPE_NODE = 10;
-var DOCUMENT_FRAGMENT_NODE = 11;
-
-/**
- * Gets the target node from a native browser event by accounting for
- * inconsistencies in browser DOM APIs.
- *
- * @param {object} nativeEvent Native browser event.
- * @return {DOMEventTarget} Target node.
- */
-
-function getEventTarget(nativeEvent) {
-  // Fallback to nativeEvent.srcElement for IE9
-  // https://github.com/facebook/react/issues/12506
-  var target = nativeEvent.target || nativeEvent.srcElement || window; // Normalize SVG <use> element events #4963
-
-  if (target.correspondingUseElement) {
-    target = target.correspondingUseElement;
-  } // Safari may fire events on text nodes (Node.TEXT_NODE is 3).
-  // @see http://www.quirksmode.org/js/events_properties.html
-
-  return target.nodeType === TEXT_NODE ? target.parentNode : target;
-}
-
 var canUseDOM = !!(
   typeof window !== "undefined" &&
   typeof window.document !== "undefined" &&
@@ -3204,7 +3270,7 @@ function setValueForNamespacedAttribute(node, namespace, name, value) {
 function setValueForPropertyOnCustomComponent(node, name, value) {
   if (name[0] === "o" && name[1] === "n") {
     var useCapture = name.endsWith("Capture");
-    var eventName = name.substr(2, useCapture ? name.length - 9 : undefined);
+    var eventName = name.slice(2, useCapture ? name.length - 7 : undefined);
     var prevProps = getFiberCurrentPropsFromNode(node);
     var prevValue = prevProps != null ? prevProps[name] : null;
 
@@ -3774,6 +3840,21 @@ function getActiveElement(doc) {
   }
 }
 
+// When passing user input into querySelector(All) the embedded string must not alter
+// the semantics of the query. This escape function is safe to use when we know the
+// provided value is going to be wrapped in double quotes as part of an attribute selector
+// Do not use it anywhere else
+// we escape double quotes and backslashes
+var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n\"\\]/g;
+function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
+  return value.replace(
+    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
+    function (ch) {
+      return "\\" + ch.charCodeAt(0).toString(16) + " ";
+    }
+  );
+}
+
 var didWarnValueDefaultValue$1 = false;
 var didWarnCheckedDefaultChecked = false;
 /**
@@ -3844,9 +3925,30 @@ function updateInput(
   lastDefaultValue,
   checked,
   defaultChecked,
-  type
+  type,
+  name
 ) {
-  var node = element;
+  var node = element; // Temporarily disconnect the input from any radio buttons.
+  // Changing the type or name as the same time as changing the checked value
+  // needs to be atomically applied. We can only ensure that by disconnecting
+  // the name while do the mutations and then reapply the name after that's done.
+
+  node.name = "";
+
+  if (
+    type != null &&
+    typeof type !== "function" &&
+    typeof type !== "symbol" &&
+    typeof type !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(type, "type");
+    }
+
+    node.type = type;
+  } else {
+    node.removeAttribute("type");
+  }
 
   if (value != null) {
     if (type === "number") {
@@ -3865,7 +3967,6 @@ function updateInput(
     // Submit/reset inputs need the attribute removed completely to avoid
     // blank-text buttons.
     node.removeAttribute("value");
-    return;
   }
 
   if (disableInputAttributeSyncing) {
@@ -3912,6 +4013,21 @@ function updateInput(
   if (checked != null && node.checked !== !!checked) {
     node.checked = checked;
   }
+
+  if (
+    name != null &&
+    typeof name !== "function" &&
+    typeof name !== "symbol" &&
+    typeof name !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(name, "name");
+    }
+
+    node.name = toString(getToStringValue(name));
+  } else {
+    node.removeAttribute("name");
+  }
 }
 function initInput(
   element,
@@ -3920,10 +4036,24 @@ function initInput(
   checked,
   defaultChecked,
   type,
+  name,
   isHydrating
 ) {
   var node = element;
 
+  if (
+    type != null &&
+    typeof type !== "function" &&
+    typeof type !== "symbol" &&
+    typeof type !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(type, "type");
+    }
+
+    node.type = type;
+  }
+
   if (value != null || defaultValue != null) {
     var isButton = type === "submit" || type === "reset"; // Avoid setting value attribute on submit/reset inputs as it overrides the
     // default value provided by the browser. See: #12872
@@ -3986,12 +4116,6 @@ function initInput(
   // Reference: https://bugs.chromium.org/p/chromium/issues/detail?id=608416
   // We need to temporarily unset name to avoid disrupting radio button groups.
 
-  var name = node.name;
-
-  if (name !== "") {
-    node.name = "";
-  }
-
   var checkedOrDefault = checked != null ? checked : defaultChecked; // TODO: This 'function' or 'symbol' check isn't replicated in other places
   // so this semantic is inconsistent.
 
@@ -4025,9 +4149,18 @@ function initInput(
     //   3. Otherwise, false
     node.defaultChecked = !node.defaultChecked;
     node.defaultChecked = !!initialChecked;
-  }
+  } // Name needs to be set at the end so that it applies atomically to connected radio buttons.
+
+  if (
+    name != null &&
+    typeof name !== "function" &&
+    typeof name !== "symbol" &&
+    typeof name !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(name, "name");
+    }
 
-  if (name !== "") {
     node.name = name;
   }
 }
@@ -4040,7 +4173,8 @@ function restoreControlledInputState(element, props) {
     props.defaultValue,
     props.checked,
     props.defaultChecked,
-    props.type
+    props.type,
+    props.name
   );
   var name = props.name;
 
@@ -4062,7 +4196,9 @@ function restoreControlledInputState(element, props) {
     }
 
     var group = queryRoot.querySelectorAll(
-      "input[name=" + JSON.stringify("" + name) + '][type="radio"]'
+      'input[name="' +
+        escapeSelectorAttributeValueInsideDoubleQuotes("" + name) +
+        '"][type="radio"]'
     );
 
     for (var i = 0; i < group.length; i++) {
@@ -4096,7 +4232,8 @@ function restoreControlledInputState(element, props) {
         otherProps.defaultValue,
         otherProps.checked,
         otherProps.defaultChecked,
-        otherProps.type
+        otherProps.type,
+        otherProps.name
       );
     }
   }
@@ -4961,35 +5098,8 @@ function validateTextNesting(childText, parentTag) {
   }
 }
 
-var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
 var MATH_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
-var SVG_NAMESPACE = "http://www.w3.org/2000/svg"; // Assumes there is no parent namespace.
-
-function getIntrinsicNamespace(type) {
-  switch (type) {
-    case "svg":
-      return SVG_NAMESPACE;
-
-    case "math":
-      return MATH_NAMESPACE;
-
-    default:
-      return HTML_NAMESPACE;
-  }
-}
-function getChildNamespace(parentNamespace, type) {
-  if (parentNamespace == null || parentNamespace === HTML_NAMESPACE) {
-    // No (or default) parent namespace: potential entry point.
-    return getIntrinsicNamespace(type);
-  }
-
-  if (parentNamespace === SVG_NAMESPACE && type === "foreignObject") {
-    // We're leaving SVG.
-    return HTML_NAMESPACE;
-  } // By default, pass namespace below.
-
-  return parentNamespace;
-}
+var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 
 var reusableSVGContainer;
 
@@ -5054,6 +5164,16 @@ if (typeof MSApp !== "undefined" && MSApp.execUnsafeLocalFunction) {
 
 var setInnerHTML$1 = setInnerHTML;
 
+/**
+ * HTML nodeType values that represent the type of the node
+ */
+var ELEMENT_NODE = 1;
+var TEXT_NODE = 3;
+var COMMENT_NODE = 8;
+var DOCUMENT_NODE = 9;
+var DOCUMENT_TYPE_NODE = 10;
+var DOCUMENT_FRAGMENT_NODE = 11;
+
 /**
  * Set the textContent property of a node. For text updates, it's faster
  * to set the `nodeValue` of the Text node directly instead of using
@@ -6581,7 +6701,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
-    } // We can't rely on the event system being injected on the server.
+    }
 
     if (eventRegistry != null) {
       var registrationNameDependencies =
@@ -6963,3481 +7083,39 @@ function sanitizeURL(url) {
   return url;
 }
 
-var didWarnControlledToUncontrolled = false;
-var didWarnUncontrolledToControlled = false;
-var didWarnInvalidHydration = false;
-var canDiffStyleForHydrationWarning;
-
-{
-  // IE 11 parses & normalizes the style attribute as opposed to other
-  // browsers. It adds spaces and sorts the properties in some
-  // non-alphabetical order. Handling that would require sorting CSS
-  // properties in the client & server versions or applying
-  // `expectedStyle` to a temporary DOM node to read its `style` attribute
-  // normalized. Since it only affects IE, we're skipping style warnings
-  // in that browser completely in favor of doing all that work.
-  // See https://github.com/facebook/react/issues/11807
-  canDiffStyleForHydrationWarning =
-    disableIEWorkarounds || (canUseDOM && !document.documentMode);
-}
-
-function validatePropertiesInDevelopment(type, props) {
-  {
-    validateProperties$2(type, props);
-    validateProperties$1(type, props);
-    validateProperties(type, props, {
-      registrationNameDependencies: registrationNameDependencies,
-      possibleRegistrationNames: possibleRegistrationNames
-    });
-
-    if (
-      props.contentEditable &&
-      !props.suppressContentEditableWarning &&
-      props.children != null
-    ) {
-      error(
-        "A component is `contentEditable` and contains `children` managed by " +
-          "React. It is now your responsibility to guarantee that none of " +
-          "those nodes are unexpectedly modified or duplicated. This is " +
-          "probably not intentional."
-      );
-    }
-  }
-}
-
-function warnForPropDifference(propName, serverValue, clientValue) {
-  {
-    if (didWarnInvalidHydration) {
-      return;
-    }
-
-    if (serverValue === clientValue) {
-      return;
-    }
-
-    var normalizedClientValue = normalizeMarkupForTextOrAttribute(clientValue);
-    var normalizedServerValue = normalizeMarkupForTextOrAttribute(serverValue);
-
-    if (normalizedServerValue === normalizedClientValue) {
-      return;
-    }
-
-    didWarnInvalidHydration = true;
-
-    error(
-      "Prop `%s` did not match. Server: %s Client: %s",
-      propName,
-      JSON.stringify(normalizedServerValue),
-      JSON.stringify(normalizedClientValue)
-    );
-  }
-}
-
-function warnForExtraAttributes(attributeNames) {
-  {
-    if (didWarnInvalidHydration) {
-      return;
-    }
-
-    didWarnInvalidHydration = true;
-    var names = [];
-    attributeNames.forEach(function (name) {
-      names.push(name);
-    });
-
-    error("Extra attributes from the server: %s", names);
-  }
-}
-
-function warnForInvalidEventListener(registrationName, listener) {
-  {
-    if (listener === false) {
-      error(
-        "Expected `%s` listener to be a function, instead got `false`.\n\n" +
-          "If you used to conditionally omit it with %s={condition && value}, " +
-          "pass %s={condition ? value : undefined} instead.",
-        registrationName,
-        registrationName,
-        registrationName
-      );
-    } else {
-      error(
-        "Expected `%s` listener to be a function, instead got a value of `%s` type.",
-        registrationName,
-        typeof listener
-      );
-    }
-  }
-} // Parse the HTML and read it back to normalize the HTML string so that it
-// can be used for comparison.
-
-function normalizeHTML(parent, html) {
-  {
-    // We could have created a separate document here to avoid
-    // re-initializing custom elements if they exist. But this breaks
-    // how <noscript> is being handled. So we use the same document.
-    // See the discussion in https://github.com/facebook/react/pull/11157.
-    var testElement =
-      parent.namespaceURI === HTML_NAMESPACE
-        ? parent.ownerDocument.createElement(parent.tagName)
-        : parent.ownerDocument.createElementNS(
-            parent.namespaceURI,
-            parent.tagName
-          );
-    testElement.innerHTML = html;
-    return testElement.innerHTML;
-  }
-} // HTML parsing normalizes CR and CRLF to LF.
-// It also can turn \u0000 into \uFFFD inside attributes.
-// https://www.w3.org/TR/html5/single-page.html#preprocessing-the-input-stream
-// If we have a mismatch, it might be caused by that.
-// We will still patch up in this case but not fire the warning.
-
-var NORMALIZE_NEWLINES_REGEX = /\r\n?/g;
-var NORMALIZE_NULL_AND_REPLACEMENT_REGEX = /\u0000|\uFFFD/g;
-
-function normalizeMarkupForTextOrAttribute(markup) {
-  {
-    checkHtmlStringCoercion(markup);
-  }
-
-  var markupString = typeof markup === "string" ? markup : "" + markup;
-  return markupString
-    .replace(NORMALIZE_NEWLINES_REGEX, "\n")
-    .replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX, "");
-}
-
-function checkForUnmatchedText(
-  serverText,
-  clientText,
-  isConcurrentMode,
-  shouldWarnDev
-) {
-  var normalizedClientText = normalizeMarkupForTextOrAttribute(clientText);
-  var normalizedServerText = normalizeMarkupForTextOrAttribute(serverText);
-
-  if (normalizedServerText === normalizedClientText) {
-    return;
-  }
-
-  if (shouldWarnDev) {
-    {
-      if (!didWarnInvalidHydration) {
-        didWarnInvalidHydration = true;
-
-        error(
-          'Text content did not match. Server: "%s" Client: "%s"',
-          normalizedServerText,
-          normalizedClientText
-        );
-      }
-    }
-  }
-
-  if (isConcurrentMode && enableClientRenderFallbackOnTextMismatch) {
-    // In concurrent roots, we throw when there's a text mismatch and revert to
-    // client rendering, up to the nearest Suspense boundary.
-    throw new Error("Text content does not match server-rendered HTML.");
-  }
-}
-
-function noop$2() {}
-
-function trapClickOnNonInteractiveElement(node) {
-  // Mobile Safari does not fire properly bubble click events on
-  // non-interactive elements, which means delegated click listeners do not
-  // fire. The workaround for this bug involves attaching an empty click
-  // listener on the target node.
-  // https://www.quirksmode.org/blog/archives/2010/09/click_event_del.html
-  // Just set it using the onclick property so that we don't have to manage any
-  // 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$2;
-}
-var xlinkNamespace = "http://www.w3.org/1999/xlink";
-var xmlNamespace = "http://www.w3.org/XML/1998/namespace";
-
-function setProp(domElement, tag, key, value, props, prevValue) {
-  switch (key) {
-    case "children": {
-      if (typeof value === "string") {
-        {
-          validateTextNesting(value, tag);
-        } // Avoid setting initial textContent when the text is empty. In IE11 setting
-        // textContent on a <textarea> will cause the placeholder to not
-        // show within the <textarea> until it has been focused and blurred again.
-        // https://github.com/facebook/react/issues/6731#issuecomment-254874553
-
-        var canSetTextContent =
-          tag !== "body" && (tag !== "textarea" || value !== "");
-
-        if (canSetTextContent) {
-          setTextContent(domElement, value);
-        }
-      } else if (typeof value === "number") {
-        {
-          validateTextNesting("" + value, tag);
-        }
-
-        var _canSetTextContent = tag !== "body";
-
-        if (_canSetTextContent) {
-          setTextContent(domElement, "" + value);
-        }
-      }
-
-      break;
-    }
-    // These are very common props and therefore are in the beginning of the switch.
-    // TODO: aria-label is a very common prop but allows booleans so is not like the others
-    // but should ideally go in this list too.
-
-    case "className":
-      setValueForKnownAttribute(domElement, "class", value);
-      break;
-
-    case "tabIndex":
-      // This has to be case sensitive in SVG.
-      setValueForKnownAttribute(domElement, "tabindex", value);
-      break;
-
-    case "dir":
-    case "role":
-    case "viewBox":
-    case "width":
-    case "height": {
-      setValueForKnownAttribute(domElement, key, value);
-      break;
-    }
-
-    case "style": {
-      setValueForStyles(domElement, value, prevValue);
-      break;
-    }
-    // These attributes accept URLs. These must not allow javascript: URLS.
-
-    case "src":
-    case "href":
-    case "action": {
-      if (value === "") {
-        {
-          if (key === "src") {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "This may cause the browser to download the whole page again over the network. " +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              key,
-              key
-            );
-          } else {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              key,
-              key
-            );
-          }
-        }
-
-        domElement.removeAttribute(key);
-        break;
-      }
-    }
-
-    // Fall through to the last case which shouldn't remove empty strings.
-
-    case "formAction": {
-      if (
-        value == null ||
-        typeof value === "function" ||
-        typeof value === "symbol" ||
-        typeof value === "boolean"
-      ) {
-        domElement.removeAttribute(key);
-        break;
-      } // `setAttribute` with objects becomes only `[object]` in IE8/9,
-      // ('' + value) makes it output the correct toString()-value.
-
-      {
-        checkAttributeStringCoercion(value, key);
-      }
-
-      var sanitizedValue = sanitizeURL(
-        enableTrustedTypesIntegration ? value : "" + value
-      );
-      domElement.setAttribute(key, sanitizedValue);
-      break;
-    }
-
-    case "onClick": {
-      // TODO: This cast may not be sound for SVG, MathML or custom elements.
-      if (value != null) {
-        if (typeof value !== "function") {
-          warnForInvalidEventListener(key, value);
-        }
-
-        trapClickOnNonInteractiveElement(domElement);
-      }
-
-      break;
-    }
-
-    case "onScroll": {
-      if (value != null) {
-        if (typeof value !== "function") {
-          warnForInvalidEventListener(key, value);
-        }
-
-        listenToNonDelegatedEvent("scroll", domElement);
-      }
-
-      break;
-    }
-
-    case "dangerouslySetInnerHTML": {
-      if (value != null) {
-        if (typeof value !== "object" || !("__html" in value)) {
-          throw new Error(
-            "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
-              "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
-              "for more information."
-          );
-        }
-
-        var nextHtml = value.__html;
-
-        if (nextHtml != null) {
-          if (props.children != null) {
-            throw new Error(
-              "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
-            );
-          }
-
-          if (disableIEWorkarounds) {
-            domElement.innerHTML = nextHtml;
-          } else {
-            setInnerHTML$1(domElement, nextHtml);
-          }
-        }
-      }
-
-      break;
-    }
-    // Note: `option.selected` is not updated if `select.multiple` is
-    // disabled with `removeAttribute`. We have special logic for handling this.
-
-    case "multiple": {
-      domElement.multiple =
-        value && typeof value !== "function" && typeof value !== "symbol";
-      break;
-    }
-
-    case "muted": {
-      domElement.muted =
-        value && typeof value !== "function" && typeof value !== "symbol";
-      break;
-    }
-
-    case "suppressContentEditableWarning":
-    case "suppressHydrationWarning":
-    case "defaultValue": // Reserved
-
-    case "defaultChecked":
-    case "innerHTML": {
-      // Noop
-      break;
-    }
-
-    case "autoFocus": {
-      // We polyfill it separately on the client during commit.
-      // We could have excluded it in the property list instead of
-      // adding a special case here, but then it wouldn't be emitted
-      // on server rendering (but we *do* want to emit it in SSR).
-      break;
-    }
-
-    case "xlinkHref": {
-      if (
-        value == null ||
-        typeof value === "function" ||
-        typeof value === "boolean" ||
-        typeof value === "symbol"
-      ) {
-        domElement.removeAttribute("xlink:href");
-        break;
-      } // `setAttribute` with objects becomes only `[object]` in IE8/9,
-      // ('' + value) makes it output the correct toString()-value.
-
-      {
-        checkAttributeStringCoercion(value, key);
-      }
-
-      var _sanitizedValue = sanitizeURL(
-        enableTrustedTypesIntegration ? value : "" + value
-      );
-
-      domElement.setAttributeNS(xlinkNamespace, "xlink:href", _sanitizedValue);
-      break;
-    }
-
-    case "contentEditable":
-    case "spellCheck":
-    case "draggable":
-    case "value":
-    case "autoReverse":
-    case "externalResourcesRequired":
-    case "focusable":
-    case "preserveAlpha": {
-      // Booleanish String
-      // These are "enumerated" attributes that accept "true" and "false".
-      // In React, we let users pass `true` and `false` even though technically
-      // these aren't boolean attributes (they are coerced to strings).
-      // The SVG attributes are case-sensitive. Since the HTML attributes are
-      // insensitive they also work even though we canonically use lower case.
-      if (
-        value != null &&
-        typeof value !== "function" &&
-        typeof value !== "symbol"
-      ) {
-        {
-          checkAttributeStringCoercion(value, key);
-        }
-
-        domElement.setAttribute(key, value);
-      } else {
-        domElement.removeAttribute(key);
-      }
-
-      break;
-    }
-    // Boolean
-
-    case "allowFullScreen":
-    case "async":
-    case "autoPlay":
-    case "controls":
-    case "default":
-    case "defer":
-    case "disabled":
-    case "disablePictureInPicture":
-    case "disableRemotePlayback":
-    case "formNoValidate":
-    case "hidden":
-    case "loop":
-    case "noModule":
-    case "noValidate":
-    case "open":
-    case "playsInline":
-    case "readOnly":
-    case "required":
-    case "reversed":
-    case "scoped":
-    case "seamless":
-    case "itemScope": {
-      if (value && typeof value !== "function" && typeof value !== "symbol") {
-        domElement.setAttribute(key, "");
-      } else {
-        domElement.removeAttribute(key);
-      }
-
-      break;
-    }
-    // Overloaded Boolean
-
-    case "capture":
-    case "download": {
-      // An attribute that can be used as a flag as well as with a value.
-      // When true, it should be present (set either to an empty string or its name).
-      // When false, it should be omitted.
-      // For any other value, should be present with that value.
-      if (value === true) {
-        domElement.setAttribute(key, "");
-      } else if (
-        value !== false &&
-        value != null &&
-        typeof value !== "function" &&
-        typeof value !== "symbol"
-      ) {
-        {
-          checkAttributeStringCoercion(value, key);
-        }
-
-        domElement.setAttribute(key, value);
-      } else {
-        domElement.removeAttribute(key);
-      }
-
-      break;
-    }
-
-    case "cols":
-    case "rows":
-    case "size":
-    case "span": {
-      // These are HTML attributes that must be positive numbers.
-      if (
-        value != null &&
-        typeof value !== "function" &&
-        typeof value !== "symbol" &&
-        !isNaN(value) &&
-        value >= 1
-      ) {
-        {
-          checkAttributeStringCoercion(value, key);
-        }
-
-        domElement.setAttribute(key, value);
-      } else {
-        domElement.removeAttribute(key);
-      }
-
-      break;
-    }
-
-    case "rowSpan":
-    case "start": {
-      // These are HTML attributes that must be numbers.
-      if (
-        value != null &&
-        typeof value !== "function" &&
-        typeof value !== "symbol" &&
-        !isNaN(value)
-      ) {
-        {
-          checkAttributeStringCoercion(value, key);
-        }
-
-        domElement.setAttribute(key, value);
-      } else {
-        domElement.removeAttribute(key);
-      }
-
-      break;
-    }
-
-    case "xlinkActuate":
-      setValueForNamespacedAttribute(
-        domElement,
-        xlinkNamespace,
-        "xlink:actuate",
-        value
-      );
-      break;
-
-    case "xlinkArcrole":
-      setValueForNamespacedAttribute(
-        domElement,
-        xlinkNamespace,
-        "xlink:arcrole",
-        value
-      );
-      break;
-
-    case "xlinkRole":
-      setValueForNamespacedAttribute(
-        domElement,
-        xlinkNamespace,
-        "xlink:role",
-        value
-      );
-      break;
-
-    case "xlinkShow":
-      setValueForNamespacedAttribute(
-        domElement,
-        xlinkNamespace,
-        "xlink:show",
-        value
-      );
-      break;
-
-    case "xlinkTitle":
-      setValueForNamespacedAttribute(
-        domElement,
-        xlinkNamespace,
-        "xlink:title",
-        value
-      );
-      break;
-
-    case "xlinkType":
-      setValueForNamespacedAttribute(
-        domElement,
-        xlinkNamespace,
-        "xlink:type",
-        value
-      );
-      break;
-
-    case "xmlBase":
-      setValueForNamespacedAttribute(
-        domElement,
-        xmlNamespace,
-        "xml:base",
-        value
-      );
-      break;
-
-    case "xmlLang":
-      setValueForNamespacedAttribute(
-        domElement,
-        xmlNamespace,
-        "xml:lang",
-        value
-      );
-      break;
-
-    case "xmlSpace":
-      setValueForNamespacedAttribute(
-        domElement,
-        xmlNamespace,
-        "xml:space",
-        value
-      );
-      break;
-    // Properties that should not be allowed on custom elements.
-
-    case "is": {
-      {
-        if (prevValue != null) {
-          error('Cannot update the "is" prop after it has been initialized.');
-        }
-      } // TODO: We shouldn't actually set this attribute, because we've already
-      // passed it to createElement. We don't also need the attribute.
-      // However, our tests currently query for it so it's plausible someone
-      // else does too so it's break.
-
-      setValueForAttribute(domElement, "is", value);
-      break;
-    }
-
-    case "innerText":
-    case "textContent":
-      if (enableCustomElementPropertySupport) {
-        break;
-      }
-
-    // Fall through
-
-    default: {
-      if (
-        key.length > 2 &&
-        (key[0] === "o" || key[0] === "O") &&
-        (key[1] === "n" || key[1] === "N")
-      ) {
-        if (
-          registrationNameDependencies.hasOwnProperty(key) &&
-          value != null &&
-          typeof value !== "function"
-        ) {
-          warnForInvalidEventListener(key, value);
-        }
-      } else {
-        var attributeName = getAttributeAlias(key);
-        setValueForAttribute(domElement, attributeName, value);
-      }
-    }
-  }
-}
-
-function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
-  switch (key) {
-    case "style": {
-      setValueForStyles(domElement, value, prevValue);
-      break;
-    }
-
-    case "dangerouslySetInnerHTML": {
-      if (value != null) {
-        if (typeof value !== "object" || !("__html" in value)) {
-          throw new Error(
-            "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
-              "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
-              "for more information."
-          );
-        }
-
-        var nextHtml = value.__html;
-
-        if (nextHtml != null) {
-          if (props.children != null) {
-            throw new Error(
-              "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
-            );
-          }
-
-          if (disableIEWorkarounds) {
-            domElement.innerHTML = nextHtml;
-          } else {
-            setInnerHTML$1(domElement, nextHtml);
-          }
-        }
-      }
-
-      break;
-    }
-
-    case "children": {
-      if (typeof value === "string") {
-        setTextContent(domElement, value);
-      } else if (typeof value === "number") {
-        setTextContent(domElement, "" + value);
-      }
-
-      break;
-    }
-
-    case "onScroll": {
-      if (value != null) {
-        if (typeof value !== "function") {
-          warnForInvalidEventListener(key, value);
-        }
-
-        listenToNonDelegatedEvent("scroll", domElement);
-      }
-
-      break;
-    }
-
-    case "onClick": {
-      // TODO: This cast may not be sound for SVG, MathML or custom elements.
-      if (value != null) {
-        if (typeof value !== "function") {
-          warnForInvalidEventListener(key, value);
-        }
-
-        trapClickOnNonInteractiveElement(domElement);
-      }
-
-      break;
-    }
-
-    case "suppressContentEditableWarning":
-    case "suppressHydrationWarning":
-    case "innerHTML": {
-      // Noop
-      break;
-    }
-
-    case "innerText": // Properties
-
-    case "textContent":
-      if (enableCustomElementPropertySupport) {
-        break;
-      }
-
-    // Fall through
-
-    default: {
-      if (registrationNameDependencies.hasOwnProperty(key)) {
-        if (value != null && typeof value !== "function") {
-          warnForInvalidEventListener(key, value);
-        }
-      } else {
-        if (enableCustomElementPropertySupport) {
-          setValueForPropertyOnCustomComponent(domElement, key, value);
-        } else {
-          if (typeof value === "boolean") {
-            // Special case before the new flag is on
-            value = "" + value;
-          }
-
-          setValueForAttribute(domElement, key, value);
-        }
-      }
-    }
-  }
-}
-
-function setInitialProperties(domElement, tag, props) {
-  {
-    validatePropertiesInDevelopment(tag, props);
-  } // TODO: Make sure that we check isMounted before firing any of these events.
-
-  switch (tag) {
-    case "div":
-    case "span":
-    case "svg":
-    case "path":
-    case "a":
-    case "g":
-    case "p":
-    case "li": {
-      // Fast track the most common tag types
-      break;
-    }
-
-    case "input": {
-      {
-        checkControlledValueProps("input", props);
-      } // We listen to this event in case to ensure emulated bubble
-      // listeners still fire for the invalid event.
-
-      listenToNonDelegatedEvent("invalid", domElement);
-      var type = null;
-      var value = null;
-      var defaultValue = null;
-      var checked = null;
-      var defaultChecked = null;
-
-      for (var propKey in props) {
-        if (!props.hasOwnProperty(propKey)) {
-          continue;
-        }
-
-        var propValue = props[propKey];
-
-        if (propValue == null) {
-          continue;
-        }
-
-        switch (propKey) {
-          case "type": {
-            // Fast path since 'type' is very common on inputs
-            if (
-              propValue != null &&
-              typeof propValue !== "function" &&
-              typeof propValue !== "symbol" &&
-              typeof propValue !== "boolean"
-            ) {
-              type = propValue;
-
-              {
-                checkAttributeStringCoercion(propValue, propKey);
-              }
-
-              domElement.setAttribute(propKey, propValue);
-            }
-
-            break;
-          }
-
-          case "checked": {
-            checked = propValue;
-            var checkedValue =
-              propValue != null ? propValue : props.defaultChecked;
-            var inputElement = domElement;
-            inputElement.checked =
-              !!checkedValue &&
-              typeof checkedValue !== "function" &&
-              checkedValue !== "symbol";
-            break;
-          }
-
-          case "defaultChecked": {
-            defaultChecked = propValue;
-            break;
-          }
-
-          case "value": {
-            value = propValue;
-            break;
-          }
-
-          case "defaultValue": {
-            defaultValue = propValue;
-            break;
-          }
-
-          case "children":
-          case "dangerouslySetInnerHTML": {
-            if (propValue != null) {
-              throw new Error(
-                tag +
-                  " is a void element tag and must neither have `children` nor " +
-                  "use `dangerouslySetInnerHTML`."
-              );
-            }
-
-            break;
-          }
-
-          default: {
-            setProp(domElement, tag, propKey, propValue, props, null);
-          }
-        }
-      } // TODO: Make sure we check if this is still unmounted or do any clean
-      // up necessary since we never stop tracking anymore.
-
-      track(domElement);
-      validateInputProps(domElement, props);
-      initInput(
-        domElement,
-        value,
-        defaultValue,
-        checked,
-        defaultChecked,
-        type,
-        false
-      );
-      return;
-    }
-
-    case "select": {
-      {
-        checkControlledValueProps("select", props);
-      } // We listen to this event in case to ensure emulated bubble
-      // listeners still fire for the invalid event.
-
-      listenToNonDelegatedEvent("invalid", domElement);
-      var _value = null;
-      var _defaultValue = null;
-      var multiple = null;
-
-      for (var _propKey in props) {
-        if (!props.hasOwnProperty(_propKey)) {
-          continue;
-        }
-
-        var _propValue = props[_propKey];
-
-        if (_propValue == null) {
-          continue;
-        }
-
-        switch (_propKey) {
-          case "value": {
-            _value = _propValue; // This is handled by initSelect below.
-
-            break;
-          }
-
-          case "defaultValue": {
-            _defaultValue = _propValue; // This is handled by initSelect below.
-
-            break;
-          }
-
-          case "multiple": {
-            multiple = _propValue; // TODO: We don't actually have to fall through here because we set it
-            // in initSelect anyway. We can remove the special case in setProp.
-          }
-          // Fallthrough
-
-          default: {
-            setProp(domElement, tag, _propKey, _propValue, props, null);
-          }
-        }
-      }
-
-      validateSelectProps(domElement, props);
-      initSelect(domElement, _value, _defaultValue, multiple);
-      return;
-    }
-
-    case "textarea": {
-      {
-        checkControlledValueProps("textarea", props);
-      } // We listen to this event in case to ensure emulated bubble
-      // listeners still fire for the invalid event.
-
-      listenToNonDelegatedEvent("invalid", domElement);
-      var _value2 = null;
-      var _defaultValue2 = null;
-      var children = null;
-
-      for (var _propKey2 in props) {
-        if (!props.hasOwnProperty(_propKey2)) {
-          continue;
-        }
-
-        var _propValue2 = props[_propKey2];
-
-        if (_propValue2 == null) {
-          continue;
-        }
-
-        switch (_propKey2) {
-          case "value": {
-            _value2 = _propValue2; // This is handled by initTextarea below.
-
-            break;
-          }
-
-          case "defaultValue": {
-            _defaultValue2 = _propValue2;
-            break;
-          }
-
-          case "children": {
-            children = _propValue2; // Handled by initTextarea above.
-
-            break;
-          }
-
-          case "dangerouslySetInnerHTML": {
-            if (_propValue2 != null) {
-              // TODO: Do we really need a special error message for this. It's also pretty blunt.
-              throw new Error(
-                "`dangerouslySetInnerHTML` does not make sense on <textarea>."
-              );
-            }
-
-            break;
-          }
-
-          default: {
-            setProp(domElement, tag, _propKey2, _propValue2, props);
-          }
-        }
-      } // TODO: Make sure we check if this is still unmounted or do any clean
-      // up necessary since we never stop tracking anymore.
-
-      track(domElement);
-      validateTextareaProps(domElement, props);
-      initTextarea(domElement, _value2, _defaultValue2, children);
-      return;
-    }
-
-    case "option": {
-      validateOptionProps(domElement, props);
-
-      for (var _propKey3 in props) {
-        if (!props.hasOwnProperty(_propKey3)) {
-          continue;
-        }
-
-        var _propValue3 = props[_propKey3];
-
-        if (_propValue3 == null) {
-          continue;
-        }
-
-        switch (_propKey3) {
-          case "selected": {
-            // TODO: Remove support for selected on option.
-            domElement.selected =
-              _propValue3 &&
-              typeof _propValue3 !== "function" &&
-              typeof _propValue3 !== "symbol";
-            break;
-          }
-
-          default: {
-            setProp(domElement, tag, _propKey3, _propValue3, props);
-          }
-        }
-      }
-
-      return;
-    }
-
-    case "dialog": {
-      listenToNonDelegatedEvent("cancel", domElement);
-      listenToNonDelegatedEvent("close", domElement);
-      break;
-    }
-
-    case "iframe":
-    case "object": {
-      // We listen to this event in case to ensure emulated bubble
-      // listeners still fire for the load event.
-      listenToNonDelegatedEvent("load", domElement);
-      break;
-    }
-
-    case "video":
-    case "audio": {
-      // We listen to these events in case to ensure emulated bubble
-      // listeners still fire for all the media events.
-      for (var i = 0; i < mediaEventTypes.length; i++) {
-        listenToNonDelegatedEvent(mediaEventTypes[i], domElement);
-      }
-
-      break;
-    }
-
-    case "image": {
-      // We listen to these events in case to ensure emulated bubble
-      // listeners still fire for error and load events.
-      listenToNonDelegatedEvent("error", domElement);
-      listenToNonDelegatedEvent("load", domElement);
-      break;
-    }
-
-    case "details": {
-      // We listen to this event in case to ensure emulated bubble
-      // listeners still fire for the toggle event.
-      listenToNonDelegatedEvent("toggle", domElement);
-      break;
-    }
-
-    case "embed":
-    case "source":
-    case "img":
-    case "link": {
-      // These are void elements that also need delegated events.
-      listenToNonDelegatedEvent("error", domElement);
-      listenToNonDelegatedEvent("load", domElement); // We fallthrough to the return of the void elements
-    }
-
-    case "area":
-    case "base":
-    case "br":
-    case "col":
-    case "hr":
-    case "keygen":
-    case "meta":
-    case "param":
-    case "track":
-    case "wbr":
-    case "menuitem": {
-      // Void elements
-      for (var _propKey4 in props) {
-        if (!props.hasOwnProperty(_propKey4)) {
-          continue;
-        }
-
-        var _propValue4 = props[_propKey4];
-
-        if (_propValue4 == null) {
-          continue;
-        }
-
-        switch (_propKey4) {
-          case "children":
-          case "dangerouslySetInnerHTML": {
-            // TODO: Can we make this a DEV warning to avoid this deny list?
-            throw new Error(
-              tag +
-                " is a void element tag and must neither have `children` nor " +
-                "use `dangerouslySetInnerHTML`."
-            );
-          }
-          // defaultChecked and defaultValue are ignored by setProp
-
-          default: {
-            setProp(domElement, tag, _propKey4, _propValue4, props, null);
-          }
-        }
-      }
-
-      return;
-    }
-
-    default: {
-      if (isCustomElement(tag)) {
-        for (var _propKey5 in props) {
-          if (!props.hasOwnProperty(_propKey5)) {
-            continue;
-          }
-
-          var _propValue5 = props[_propKey5];
-
-          if (_propValue5 == null) {
-            continue;
-          }
-
-          setPropOnCustomElement(
-            domElement,
-            tag,
-            _propKey5,
-            _propValue5,
-            props,
-            null
-          );
-        }
-
-        return;
-      }
-    }
-  }
-
-  for (var _propKey6 in props) {
-    if (!props.hasOwnProperty(_propKey6)) {
-      continue;
-    }
-
-    var _propValue6 = props[_propKey6];
-
-    if (_propValue6 == null) {
-      continue;
-    }
-
-    setProp(domElement, tag, _propKey6, _propValue6, props, null);
-  }
-} // Calculate the diff between the two objects.
-
-function diffProperties(domElement, tag, lastProps, nextProps) {
-  {
-    validatePropertiesInDevelopment(tag, nextProps);
-  }
-
-  var updatePayload = null;
-  var propKey;
-  var styleName;
-  var styleUpdates = null;
-
-  for (propKey in lastProps) {
-    if (
-      nextProps.hasOwnProperty(propKey) ||
-      !lastProps.hasOwnProperty(propKey) ||
-      lastProps[propKey] == null
-    ) {
-      continue;
-    }
-
-    switch (propKey) {
-      case "style": {
-        var lastStyle = lastProps[propKey];
-
-        for (styleName in lastStyle) {
-          if (lastStyle.hasOwnProperty(styleName)) {
-            if (!styleUpdates) {
-              styleUpdates = {};
-            }
-
-            styleUpdates[styleName] = "";
-          }
-        }
-
-        break;
-      }
-
-      default: {
-        // For all other deleted properties we add it to the queue. We use
-        // the allowed property list in the commit phase instead.
-        (updatePayload = updatePayload || []).push(propKey, null);
-      }
-    }
-  }
-
-  for (propKey in nextProps) {
-    var nextProp = nextProps[propKey];
-    var lastProp = lastProps != null ? lastProps[propKey] : undefined;
-
-    if (
-      nextProps.hasOwnProperty(propKey) &&
-      nextProp !== lastProp &&
-      (nextProp != null || lastProp != null)
-    ) {
-      switch (propKey) {
-        case "style": {
-          if (lastProp) {
-            // Unset styles on `lastProp` but not on `nextProp`.
-            for (styleName in lastProp) {
-              if (
-                lastProp.hasOwnProperty(styleName) &&
-                (!nextProp || !nextProp.hasOwnProperty(styleName))
-              ) {
-                if (!styleUpdates) {
-                  styleUpdates = {};
-                }
-
-                styleUpdates[styleName] = "";
-              }
-            } // Update styles that changed since `lastProp`.
-
-            for (styleName in nextProp) {
-              if (
-                nextProp.hasOwnProperty(styleName) &&
-                lastProp[styleName] !== nextProp[styleName]
-              ) {
-                if (!styleUpdates) {
-                  styleUpdates = {};
-                }
-
-                styleUpdates[styleName] = nextProp[styleName];
-              }
-            }
-          } else {
-            // Relies on `updateStylesByID` not mutating `styleUpdates`.
-            if (!styleUpdates) {
-              if (!updatePayload) {
-                updatePayload = [];
-              }
-
-              updatePayload.push(propKey, styleUpdates);
-            }
-
-            styleUpdates = nextProp;
-          }
-
-          break;
-        }
-
-        case "is": {
-          error('Cannot update the "is" prop after it has been initialized.');
-        }
-
-        // Fall through
-
-        default: {
-          (updatePayload = updatePayload || []).push(propKey, nextProp);
-        }
-      }
-    }
-  }
-
-  if (styleUpdates) {
-    {
-      validateShorthandPropertyCollisionInDev(lastProps.style, nextProps.style);
-    }
-
-    (updatePayload = updatePayload || []).push("style", styleUpdates);
-  }
-
-  return updatePayload;
-}
-function updateProperties(domElement, tag, lastProps, nextProps) {
-  {
-    validatePropertiesInDevelopment(tag, nextProps);
-  }
-
-  switch (tag) {
-    case "div":
-    case "span":
-    case "svg":
-    case "path":
-    case "a":
-    case "g":
-    case "p":
-    case "li": {
-      // Fast track the most common tag types
-      break;
-    }
-
-    case "input": {
-      var name = null;
-      var type = null;
-      var value = null;
-      var defaultValue = null;
-      var lastDefaultValue = null;
-      var checked = null;
-      var defaultChecked = null;
-
-      for (var propKey in lastProps) {
-        var lastProp = lastProps[propKey];
-
-        if (lastProps.hasOwnProperty(propKey) && lastProp != null) {
-          switch (propKey) {
-            case "checked": {
-              if (!nextProps.hasOwnProperty(propKey)) {
-                var checkedValue = nextProps.defaultChecked;
-                var inputElement = domElement;
-                inputElement.checked =
-                  !!checkedValue &&
-                  typeof checkedValue !== "function" &&
-                  checkedValue !== "symbol";
-              }
-
-              break;
-            }
-
-            case "value": {
-              // This is handled by updateWrapper below.
-              break;
-            }
-
-            case "defaultValue": {
-              lastDefaultValue = lastProp;
-            }
-            // defaultChecked and defaultValue are ignored by setProp
-            // Fallthrough
-
-            default: {
-              if (!nextProps.hasOwnProperty(propKey))
-                setProp(domElement, tag, propKey, null, nextProps, lastProp);
-            }
-          }
-        }
-      }
-
-      for (var _propKey7 in nextProps) {
-        var nextProp = nextProps[_propKey7];
-        var _lastProp = lastProps[_propKey7];
-
-        if (
-          nextProps.hasOwnProperty(_propKey7) &&
-          (nextProp != null || _lastProp != null)
-        ) {
-          switch (_propKey7) {
-            case "type": {
-              type = nextProp; // Fast path since 'type' is very common on inputs
-
-              if (nextProp !== _lastProp) {
-                if (
-                  nextProp != null &&
-                  typeof nextProp !== "function" &&
-                  typeof nextProp !== "symbol" &&
-                  typeof nextProp !== "boolean"
-                ) {
-                  {
-                    checkAttributeStringCoercion(nextProp, _propKey7);
-                  }
-
-                  domElement.setAttribute(_propKey7, nextProp);
-                } else {
-                  domElement.removeAttribute(_propKey7);
-                }
-              }
-
-              break;
-            }
-
-            case "name": {
-              name = nextProp;
-              break;
-            }
-
-            case "checked": {
-              checked = nextProp;
-
-              if (nextProp !== _lastProp) {
-                var _checkedValue =
-                  nextProp != null ? nextProp : nextProps.defaultChecked;
-
-                var _inputElement = domElement;
-                _inputElement.checked =
-                  !!_checkedValue &&
-                  typeof _checkedValue !== "function" &&
-                  _checkedValue !== "symbol";
-              }
-
-              break;
-            }
-
-            case "defaultChecked": {
-              defaultChecked = nextProp;
-              break;
-            }
-
-            case "value": {
-              value = nextProp;
-              break;
-            }
-
-            case "defaultValue": {
-              defaultValue = nextProp;
-              break;
-            }
-
-            case "children":
-            case "dangerouslySetInnerHTML": {
-              if (nextProp != null) {
-                throw new Error(
-                  tag +
-                    " is a void element tag and must neither have `children` nor " +
-                    "use `dangerouslySetInnerHTML`."
-                );
-              }
-
-              break;
-            }
-
-            default: {
-              if (nextProp !== _lastProp)
-                setProp(
-                  domElement,
-                  tag,
-                  _propKey7,
-                  nextProp,
-                  nextProps,
-                  _lastProp
-                );
-            }
-          }
-        }
-      }
-
-      {
-        var wasControlled =
-          lastProps.type === "checkbox" || lastProps.type === "radio"
-            ? lastProps.checked != null
-            : lastProps.value != null;
-        var isControlled =
-          nextProps.type === "checkbox" || nextProps.type === "radio"
-            ? nextProps.checked != null
-            : nextProps.value != null;
-
-        if (
-          !wasControlled &&
-          isControlled &&
-          !didWarnUncontrolledToControlled
-        ) {
-          error(
-            "A component is changing an uncontrolled input to be controlled. " +
-              "This is likely caused by the value changing from undefined to " +
-              "a defined value, which should not happen. " +
-              "Decide between using a controlled or uncontrolled input " +
-              "element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components"
-          );
-
-          didWarnUncontrolledToControlled = true;
-        }
-
-        if (
-          wasControlled &&
-          !isControlled &&
-          !didWarnControlledToUncontrolled
-        ) {
-          error(
-            "A component is changing a controlled input to be uncontrolled. " +
-              "This is likely caused by the value changing from a defined to " +
-              "undefined, which should not happen. " +
-              "Decide between using a controlled or uncontrolled input " +
-              "element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components"
-          );
-
-          didWarnControlledToUncontrolled = true;
-        }
-      } // Update checked *before* name.
-      // In the middle of an update, it is possible to have multiple checked.
-      // When a checked radio tries to change name, browser makes another radio's checked false.
-
-      if (
-        name != null &&
-        typeof name !== "function" &&
-        typeof name !== "symbol" &&
-        typeof name !== "boolean"
-      ) {
-        {
-          checkAttributeStringCoercion(name, "name");
-        }
-
-        domElement.setAttribute("name", name);
-      } else {
-        domElement.removeAttribute("name");
-      } // Update the wrapper around inputs *after* updating props. This has to
-      // happen after updating the rest of props. Otherwise HTML5 input validations
-      // raise warnings and prevent the new value from being assigned.
-
-      updateInput(
-        domElement,
-        value,
-        defaultValue,
-        lastDefaultValue,
-        checked,
-        defaultChecked,
-        type
-      );
-      return;
-    }
-
-    case "select": {
-      var _value3 = null;
-      var _defaultValue3 = null;
-      var multiple = null;
-      var wasMultiple = null;
-
-      for (var _propKey8 in lastProps) {
-        var _lastProp2 = lastProps[_propKey8];
-
-        if (lastProps.hasOwnProperty(_propKey8) && _lastProp2 != null) {
-          switch (_propKey8) {
-            case "value": {
-              // This is handled by updateWrapper below.
-              break;
-            }
-            // defaultValue are ignored by setProp
-
-            case "multiple": {
-              wasMultiple = _lastProp2; // TODO: Move special case in here from setProp.
-            }
-            // Fallthrough
-
-            default: {
-              if (!nextProps.hasOwnProperty(_propKey8))
-                setProp(
-                  domElement,
-                  tag,
-                  _propKey8,
-                  null,
-                  nextProps,
-                  _lastProp2
-                );
-            }
-          }
-        }
-      }
-
-      for (var _propKey9 in nextProps) {
-        var _nextProp = nextProps[_propKey9];
-        var _lastProp3 = lastProps[_propKey9];
-
-        if (
-          nextProps.hasOwnProperty(_propKey9) &&
-          (_nextProp != null || _lastProp3 != null)
-        ) {
-          switch (_propKey9) {
-            case "value": {
-              _value3 = _nextProp; // This is handled by updateSelect below.
-
-              break;
-            }
-
-            case "defaultValue": {
-              _defaultValue3 = _nextProp;
-              break;
-            }
-
-            case "multiple": {
-              multiple = _nextProp; // TODO: Just move the special case in here from setProp.
-            }
-            // Fallthrough
-
-            default: {
-              if (_nextProp !== _lastProp3)
-                setProp(
-                  domElement,
-                  tag,
-                  _propKey9,
-                  _nextProp,
-                  nextProps,
-                  _lastProp3
-                );
-            }
-          }
-        }
-      } // <select> value update needs to occur after <option> children
-      // reconciliation
-
-      updateSelect(domElement, _value3, _defaultValue3, multiple, wasMultiple);
-      return;
-    }
-
-    case "textarea": {
-      var _value4 = null;
-      var _defaultValue4 = null;
-
-      for (var _propKey10 in lastProps) {
-        var _lastProp4 = lastProps[_propKey10];
-
-        if (
-          lastProps.hasOwnProperty(_propKey10) &&
-          _lastProp4 != null &&
-          !nextProps.hasOwnProperty(_propKey10)
-        ) {
-          switch (_propKey10) {
-            case "value": {
-              // This is handled by updateTextarea below.
-              break;
-            }
-
-            case "children": {
-              // TODO: This doesn't actually do anything if it updates.
-              break;
-            }
-            // defaultValue is ignored by setProp
-
-            default: {
-              setProp(domElement, tag, _propKey10, null, nextProps, _lastProp4);
-            }
-          }
-        }
-      }
-
-      for (var _propKey11 in nextProps) {
-        var _nextProp2 = nextProps[_propKey11];
-        var _lastProp5 = lastProps[_propKey11];
-
-        if (
-          nextProps.hasOwnProperty(_propKey11) &&
-          (_nextProp2 != null || _lastProp5 != null)
-        ) {
-          switch (_propKey11) {
-            case "value": {
-              _value4 = _nextProp2; // This is handled by updateTextarea below.
-
-              break;
-            }
-
-            case "defaultValue": {
-              _defaultValue4 = _nextProp2;
-              break;
-            }
-
-            case "children": {
-              // TODO: This doesn't actually do anything if it updates.
-              break;
-            }
-
-            case "dangerouslySetInnerHTML": {
-              if (_nextProp2 != null) {
-                // TODO: Do we really need a special error message for this. It's also pretty blunt.
-                throw new Error(
-                  "`dangerouslySetInnerHTML` does not make sense on <textarea>."
-                );
-              }
-
-              break;
-            }
-
-            default: {
-              if (_nextProp2 !== _lastProp5)
-                setProp(
-                  domElement,
-                  tag,
-                  _propKey11,
-                  _nextProp2,
-                  nextProps,
-                  _lastProp5
-                );
-            }
-          }
-        }
-      }
-
-      updateTextarea(domElement, _value4, _defaultValue4);
-      return;
-    }
-
-    case "option": {
-      for (var _propKey12 in lastProps) {
-        var _lastProp6 = lastProps[_propKey12];
-
-        if (
-          lastProps.hasOwnProperty(_propKey12) &&
-          _lastProp6 != null &&
-          !nextProps.hasOwnProperty(_propKey12)
-        ) {
-          switch (_propKey12) {
-            case "selected": {
-              // TODO: Remove support for selected on option.
-              domElement.selected = false;
-              break;
-            }
-
-            default: {
-              setProp(domElement, tag, _propKey12, null, nextProps, _lastProp6);
-            }
-          }
-        }
-      }
-
-      for (var _propKey13 in nextProps) {
-        var _nextProp3 = nextProps[_propKey13];
-        var _lastProp7 = lastProps[_propKey13];
-
-        if (
-          nextProps.hasOwnProperty(_propKey13) &&
-          _nextProp3 !== _lastProp7 &&
-          (_nextProp3 != null || _lastProp7 != null)
-        ) {
-          switch (_propKey13) {
-            case "selected": {
-              // TODO: Remove support for selected on option.
-              domElement.selected =
-                _nextProp3 &&
-                typeof _nextProp3 !== "function" &&
-                typeof _nextProp3 !== "symbol";
-              break;
-            }
-
-            default: {
-              setProp(
-                domElement,
-                tag,
-                _propKey13,
-                _nextProp3,
-                nextProps,
-                _lastProp7
-              );
-            }
-          }
-        }
-      }
-
-      return;
-    }
-
-    case "img":
-    case "link":
-    case "area":
-    case "base":
-    case "br":
-    case "col":
-    case "embed":
-    case "hr":
-    case "keygen":
-    case "meta":
-    case "param":
-    case "source":
-    case "track":
-    case "wbr":
-    case "menuitem": {
-      // Void elements
-      for (var _propKey14 in lastProps) {
-        var _lastProp8 = lastProps[_propKey14];
-
-        if (
-          lastProps.hasOwnProperty(_propKey14) &&
-          _lastProp8 != null &&
-          !nextProps.hasOwnProperty(_propKey14)
-        ) {
-          setProp(domElement, tag, _propKey14, null, nextProps, _lastProp8);
-        }
-      }
-
-      for (var _propKey15 in nextProps) {
-        var _nextProp4 = nextProps[_propKey15];
-        var _lastProp9 = lastProps[_propKey15];
-
-        if (
-          nextProps.hasOwnProperty(_propKey15) &&
-          _nextProp4 !== _lastProp9 &&
-          (_nextProp4 != null || _lastProp9 != null)
-        ) {
-          switch (_propKey15) {
-            case "children":
-            case "dangerouslySetInnerHTML": {
-              if (_nextProp4 != null) {
-                // TODO: Can we make this a DEV warning to avoid this deny list?
-                throw new Error(
-                  tag +
-                    " is a void element tag and must neither have `children` nor " +
-                    "use `dangerouslySetInnerHTML`."
-                );
-              }
-
-              break;
-            }
-            // defaultChecked and defaultValue are ignored by setProp
-
-            default: {
-              setProp(
-                domElement,
-                tag,
-                _propKey15,
-                _nextProp4,
-                nextProps,
-                _lastProp9
-              );
-            }
-          }
-        }
-      }
-
-      return;
-    }
-
-    default: {
-      if (isCustomElement(tag)) {
-        for (var _propKey16 in lastProps) {
-          var _lastProp10 = lastProps[_propKey16];
-
-          if (
-            lastProps.hasOwnProperty(_propKey16) &&
-            _lastProp10 != null &&
-            !nextProps.hasOwnProperty(_propKey16)
-          ) {
-            setPropOnCustomElement(
-              domElement,
-              tag,
-              _propKey16,
-              null,
-              nextProps,
-              _lastProp10
-            );
-          }
-        }
-
-        for (var _propKey17 in nextProps) {
-          var _nextProp5 = nextProps[_propKey17];
-          var _lastProp11 = lastProps[_propKey17];
-
-          if (
-            nextProps.hasOwnProperty(_propKey17) &&
-            _nextProp5 !== _lastProp11 &&
-            (_nextProp5 != null || _lastProp11 != null)
-          ) {
-            setPropOnCustomElement(
-              domElement,
-              tag,
-              _propKey17,
-              _nextProp5,
-              nextProps,
-              _lastProp11
-            );
-          }
-        }
-
-        return;
-      }
-    }
-  }
-
-  for (var _propKey18 in lastProps) {
-    var _lastProp12 = lastProps[_propKey18];
-
-    if (
-      lastProps.hasOwnProperty(_propKey18) &&
-      _lastProp12 != null &&
-      !nextProps.hasOwnProperty(_propKey18)
-    ) {
-      setProp(domElement, tag, _propKey18, null, nextProps, _lastProp12);
-    }
-  }
-
-  for (var _propKey19 in nextProps) {
-    var _nextProp6 = nextProps[_propKey19];
-    var _lastProp13 = lastProps[_propKey19];
-
-    if (
-      nextProps.hasOwnProperty(_propKey19) &&
-      _nextProp6 !== _lastProp13 &&
-      (_nextProp6 != null || _lastProp13 != null)
-    ) {
-      setProp(domElement, tag, _propKey19, _nextProp6, nextProps, _lastProp13);
-    }
-  }
-} // Apply the diff.
-
-function updatePropertiesWithDiff(
-  domElement,
-  updatePayload,
-  tag,
-  lastProps,
-  nextProps
-) {
-  switch (tag) {
-    case "div":
-    case "span":
-    case "svg":
-    case "path":
-    case "a":
-    case "g":
-    case "p":
-    case "li": {
-      // Fast track the most common tag types
-      break;
-    }
-
-    case "input": {
-      var name = nextProps.name;
-      var type = nextProps.type;
-      var value = nextProps.value;
-      var defaultValue = nextProps.defaultValue;
-      var lastDefaultValue = lastProps.defaultValue;
-      var checked = nextProps.checked;
-      var defaultChecked = nextProps.defaultChecked;
-
-      for (var i = 0; i < updatePayload.length; i += 2) {
-        var propKey = updatePayload[i];
-        var propValue = updatePayload[i + 1];
-
-        switch (propKey) {
-          case "type": {
-            // Fast path since 'type' is very common on inputs
-            if (
-              propValue != null &&
-              typeof propValue !== "function" &&
-              typeof propValue !== "symbol" &&
-              typeof propValue !== "boolean"
-            ) {
-              {
-                checkAttributeStringCoercion(propValue, propKey);
-              }
-
-              domElement.setAttribute(propKey, propValue);
-            } else {
-              domElement.removeAttribute(propKey);
-            }
-
-            break;
-          }
-
-          case "name": {
-            break;
-          }
-
-          case "checked": {
-            var checkedValue =
-              propValue != null ? propValue : nextProps.defaultChecked;
-            var inputElement = domElement;
-            inputElement.checked =
-              !!checkedValue &&
-              typeof checkedValue !== "function" &&
-              checkedValue !== "symbol";
-            break;
-          }
-
-          case "defaultChecked": {
-            break;
-          }
-
-          case "value": {
-            break;
-          }
-
-          case "defaultValue": {
-            break;
-          }
-
-          case "children":
-          case "dangerouslySetInnerHTML": {
-            if (propValue != null) {
-              throw new Error(
-                tag +
-                  " is a void element tag and must neither have `children` nor " +
-                  "use `dangerouslySetInnerHTML`."
-              );
-            }
-
-            break;
-          }
-
-          default: {
-            setProp(domElement, tag, propKey, propValue, nextProps, null);
-          }
-        }
-      }
-
-      {
-        var wasControlled =
-          lastProps.type === "checkbox" || lastProps.type === "radio"
-            ? lastProps.checked != null
-            : lastProps.value != null;
-        var isControlled =
-          nextProps.type === "checkbox" || nextProps.type === "radio"
-            ? nextProps.checked != null
-            : nextProps.value != null;
-
-        if (
-          !wasControlled &&
-          isControlled &&
-          !didWarnUncontrolledToControlled
-        ) {
-          error(
-            "A component is changing an uncontrolled input to be controlled. " +
-              "This is likely caused by the value changing from undefined to " +
-              "a defined value, which should not happen. " +
-              "Decide between using a controlled or uncontrolled input " +
-              "element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components"
-          );
-
-          didWarnUncontrolledToControlled = true;
-        }
-
-        if (
-          wasControlled &&
-          !isControlled &&
-          !didWarnControlledToUncontrolled
-        ) {
-          error(
-            "A component is changing a controlled input to be uncontrolled. " +
-              "This is likely caused by the value changing from a defined to " +
-              "undefined, which should not happen. " +
-              "Decide between using a controlled or uncontrolled input " +
-              "element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components"
-          );
-
-          didWarnControlledToUncontrolled = true;
-        }
-      } // Update checked *before* name.
-      // In the middle of an update, it is possible to have multiple checked.
-      // When a checked radio tries to change name, browser makes another radio's checked false.
-
-      if (
-        name != null &&
-        typeof name !== "function" &&
-        typeof name !== "symbol" &&
-        typeof name !== "boolean"
-      ) {
-        {
-          checkAttributeStringCoercion(name, "name");
-        }
-
-        domElement.setAttribute("name", name);
-      } else {
-        domElement.removeAttribute("name");
-      } // Update the wrapper around inputs *after* updating props. This has to
-      // happen after updating the rest of props. Otherwise HTML5 input validations
-      // raise warnings and prevent the new value from being assigned.
-
-      updateInput(
-        domElement,
-        value,
-        defaultValue,
-        lastDefaultValue,
-        checked,
-        defaultChecked,
-        type
-      );
-      return;
-    }
-
-    case "select": {
-      var _value5 = nextProps.value;
-      var _defaultValue5 = nextProps.defaultValue;
-      var multiple = nextProps.multiple;
-      var wasMultiple = lastProps.multiple;
-
-      for (var _i = 0; _i < updatePayload.length; _i += 2) {
-        var _propKey20 = updatePayload[_i];
-        var _propValue7 = updatePayload[_i + 1];
-
-        switch (_propKey20) {
-          case "value": {
-            // This is handled by updateWrapper below.
-            break;
-          }
-          // defaultValue are ignored by setProp
-
-          default: {
-            setProp(domElement, tag, _propKey20, _propValue7, nextProps, null);
-          }
-        }
-      } // <select> value update needs to occur after <option> children
-      // reconciliation
-
-      updateSelect(domElement, _value5, _defaultValue5, multiple, wasMultiple);
-      return;
-    }
-
-    case "textarea": {
-      var _value6 = nextProps.value;
-      var _defaultValue6 = nextProps.defaultValue;
-
-      for (var _i2 = 0; _i2 < updatePayload.length; _i2 += 2) {
-        var _propKey21 = updatePayload[_i2];
-        var _propValue8 = updatePayload[_i2 + 1];
-
-        switch (_propKey21) {
-          case "value": {
-            // This is handled by updateWrapper below.
-            break;
-          }
-
-          case "children": {
-            // TODO: This doesn't actually do anything if it updates.
-            break;
-          }
-
-          case "dangerouslySetInnerHTML": {
-            if (_propValue8 != null) {
-              // TODO: Do we really need a special error message for this. It's also pretty blunt.
-              throw new Error(
-                "`dangerouslySetInnerHTML` does not make sense on <textarea>."
-              );
-            }
-
-            break;
-          }
-          // defaultValue is ignored by setProp
-
-          default: {
-            setProp(domElement, tag, _propKey21, _propValue8, nextProps, null);
-          }
-        }
-      }
-
-      updateTextarea(domElement, _value6, _defaultValue6);
-      return;
-    }
-
-    case "option": {
-      for (var _i3 = 0; _i3 < updatePayload.length; _i3 += 2) {
-        var _propKey22 = updatePayload[_i3];
-        var _propValue9 = updatePayload[_i3 + 1];
-
-        switch (_propKey22) {
-          case "selected": {
-            // TODO: Remove support for selected on option.
-            domElement.selected =
-              _propValue9 &&
-              typeof _propValue9 !== "function" &&
-              typeof _propValue9 !== "symbol";
-            break;
-          }
-
-          default: {
-            setProp(domElement, tag, _propKey22, _propValue9, nextProps, null);
-          }
-        }
-      }
-
-      return;
-    }
-
-    case "img":
-    case "link":
-    case "area":
-    case "base":
-    case "br":
-    case "col":
-    case "embed":
-    case "hr":
-    case "keygen":
-    case "meta":
-    case "param":
-    case "source":
-    case "track":
-    case "wbr":
-    case "menuitem": {
-      // Void elements
-      for (var _i4 = 0; _i4 < updatePayload.length; _i4 += 2) {
-        var _propKey23 = updatePayload[_i4];
-        var _propValue10 = updatePayload[_i4 + 1];
-
-        switch (_propKey23) {
-          case "children":
-          case "dangerouslySetInnerHTML": {
-            if (_propValue10 != null) {
-              // TODO: Can we make this a DEV warning to avoid this deny list?
-              throw new Error(
-                tag +
-                  " is a void element tag and must neither have `children` nor " +
-                  "use `dangerouslySetInnerHTML`."
-              );
-            }
-
-            break;
-          }
-          // defaultChecked and defaultValue are ignored by setProp
-
-          default: {
-            setProp(domElement, tag, _propKey23, _propValue10, nextProps, null);
-          }
-        }
-      }
-
-      return;
-    }
-
-    default: {
-      if (isCustomElement(tag)) {
-        for (var _i5 = 0; _i5 < updatePayload.length; _i5 += 2) {
-          var _propKey24 = updatePayload[_i5];
-          var _propValue11 = updatePayload[_i5 + 1];
-          setPropOnCustomElement(
-            domElement,
-            tag,
-            _propKey24,
-            _propValue11,
-            nextProps,
-            null
-          );
-        }
-
-        return;
-      }
-    }
-  } // Apply the diff.
-
-  for (var _i6 = 0; _i6 < updatePayload.length; _i6 += 2) {
-    var _propKey25 = updatePayload[_i6];
-    var _propValue12 = updatePayload[_i6 + 1];
-    setProp(domElement, tag, _propKey25, _propValue12, nextProps, null);
-  }
-}
-
-function getPossibleStandardName(propName) {
-  {
-    var lowerCasedName = propName.toLowerCase();
-
-    if (!possibleStandardNames.hasOwnProperty(lowerCasedName)) {
-      return null;
-    }
-
-    return possibleStandardNames[lowerCasedName] || null;
-  }
-}
-
-function diffHydratedStyles(domElement, value) {
-  if (value != null && typeof value !== "object") {
-    throw new Error(
-      "The `style` prop expects a mapping from style properties to values, " +
-        "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
-        "using JSX."
-    );
-  }
-
-  if (canDiffStyleForHydrationWarning) {
-    var expectedStyle = createDangerousStringForStyles(value);
-    var serverValue = domElement.getAttribute("style");
-    warnForPropDifference("style", serverValue, expectedStyle);
-  }
-}
-
-function hydrateAttribute(
-  domElement,
-  propKey,
-  attributeName,
-  value,
-  extraAttributes
-) {
-  extraAttributes.delete(attributeName);
-  var serverValue = domElement.getAttribute(attributeName);
-
-  if (serverValue === null) {
-    switch (typeof value) {
-      case "undefined":
-      case "function":
-      case "symbol":
-      case "boolean":
-        return;
-    }
-  } else {
-    if (value == null);
-    else {
-      switch (typeof value) {
-        case "function":
-        case "symbol":
-        case "boolean":
-          break;
-
-        default: {
-          {
-            checkAttributeStringCoercion(value, propKey);
-          }
-
-          if (serverValue === "" + value) {
-            return;
-          }
-        }
-      }
-    }
-  }
-
-  warnForPropDifference(propKey, serverValue, value);
-}
-
-function hydrateBooleanAttribute(
-  domElement,
-  propKey,
-  attributeName,
-  value,
-  extraAttributes
-) {
-  extraAttributes.delete(attributeName);
-  var serverValue = domElement.getAttribute(attributeName);
-
-  if (serverValue === null) {
-    switch (typeof value) {
-      case "function":
-      case "symbol":
-        return;
-    }
-
-    if (!value) {
-      return;
-    }
-  } else {
-    switch (typeof value) {
-      case "function":
-      case "symbol":
-        break;
-
-      default: {
-        if (value) {
-          // If this was a boolean, it doesn't matter what the value is
-          // the fact that we have it is the same as the expected.
-          // As long as it's positive.
-          return;
-        }
-      }
-    }
-  }
-
-  warnForPropDifference(propKey, serverValue, value);
-}
-
-function hydrateOverloadedBooleanAttribute(
-  domElement,
-  propKey,
-  attributeName,
-  value,
-  extraAttributes
-) {
-  extraAttributes.delete(attributeName);
-  var serverValue = domElement.getAttribute(attributeName);
-
-  if (serverValue === null) {
-    switch (typeof value) {
-      case "undefined":
-      case "function":
-      case "symbol":
-        return;
-
-      default:
-        if (value === false) {
-          return;
-        }
-    }
-  } else {
-    if (value == null);
-    else {
-      switch (typeof value) {
-        case "function":
-        case "symbol":
-          break;
-
-        case "boolean":
-          if (value === true && serverValue === "") {
-            return;
-          }
-
-          break;
-
-        default: {
-          {
-            checkAttributeStringCoercion(value, propKey);
-          }
-
-          if (serverValue === "" + value) {
-            return;
-          }
-        }
-      }
-    }
-  }
-
-  warnForPropDifference(propKey, serverValue, value);
-}
-
-function hydrateBooleanishAttribute(
-  domElement,
-  propKey,
-  attributeName,
-  value,
-  extraAttributes
-) {
-  extraAttributes.delete(attributeName);
-  var serverValue = domElement.getAttribute(attributeName);
-
-  if (serverValue === null) {
-    switch (typeof value) {
-      case "undefined":
-      case "function":
-      case "symbol":
-        return;
-    }
-  } else {
-    if (value == null);
-    else {
-      switch (typeof value) {
-        case "function":
-        case "symbol":
-          break;
-
-        default: {
-          {
-            checkAttributeStringCoercion(value, attributeName);
-          }
-
-          if (serverValue === "" + value) {
-            return;
-          }
-        }
-      }
-    }
-  }
-
-  warnForPropDifference(propKey, serverValue, value);
-}
-
-function hydrateNumericAttribute(
-  domElement,
-  propKey,
-  attributeName,
-  value,
-  extraAttributes
-) {
-  extraAttributes.delete(attributeName);
-  var serverValue = domElement.getAttribute(attributeName);
-
-  if (serverValue === null) {
-    switch (typeof value) {
-      case "undefined":
-      case "function":
-      case "symbol":
-      case "boolean":
-        return;
-
-      default:
-        if (isNaN(value)) {
-          return;
-        }
-    }
-  } else {
-    if (value == null);
-    else {
-      switch (typeof value) {
-        case "function":
-        case "symbol":
-        case "boolean":
-          break;
-
-        default: {
-          if (isNaN(value)) {
-            // We had an attribute but shouldn't have had one, so read it
-            // for the error message.
-            break;
-          }
-
-          {
-            checkAttributeStringCoercion(value, propKey);
-          }
-
-          if (serverValue === "" + value) {
-            return;
-          }
-        }
-      }
-    }
-  }
-
-  warnForPropDifference(propKey, serverValue, value);
-}
-
-function hydratePositiveNumericAttribute(
-  domElement,
-  propKey,
-  attributeName,
-  value,
-  extraAttributes
-) {
-  extraAttributes.delete(attributeName);
-  var serverValue = domElement.getAttribute(attributeName);
-
-  if (serverValue === null) {
-    switch (typeof value) {
-      case "undefined":
-      case "function":
-      case "symbol":
-      case "boolean":
-        return;
-
-      default:
-        if (isNaN(value) || value < 1) {
-          return;
-        }
-    }
-  } else {
-    if (value == null);
-    else {
-      switch (typeof value) {
-        case "function":
-        case "symbol":
-        case "boolean":
-          break;
-
-        default: {
-          if (isNaN(value) || value < 1) {
-            // We had an attribute but shouldn't have had one, so read it
-            // for the error message.
-            break;
-          }
-
-          {
-            checkAttributeStringCoercion(value, propKey);
-          }
-
-          if (serverValue === "" + value) {
-            return;
-          }
-        }
-      }
-    }
-  }
-
-  warnForPropDifference(propKey, serverValue, value);
-}
-
-function hydrateSanitizedAttribute(
-  domElement,
-  propKey,
-  attributeName,
-  value,
-  extraAttributes
-) {
-  extraAttributes.delete(attributeName);
-  var serverValue = domElement.getAttribute(attributeName);
-
-  if (serverValue === null) {
-    switch (typeof value) {
-      case "undefined":
-      case "function":
-      case "symbol":
-      case "boolean":
-        return;
-    }
-  } else {
-    if (value == null);
-    else {
-      switch (typeof value) {
-        case "function":
-        case "symbol":
-        case "boolean":
-          break;
-
-        default: {
-          {
-            checkAttributeStringCoercion(value, propKey);
-          }
-
-          var sanitizedValue = sanitizeURL("" + value);
-
-          if (serverValue === sanitizedValue) {
-            return;
-          }
-        }
-      }
-    }
-  }
-
-  warnForPropDifference(propKey, serverValue, value);
-}
-
-function diffHydratedCustomComponent(
-  domElement,
-  tag,
-  props,
-  parentNamespaceDev,
-  extraAttributes
-) {
-  for (var propKey in props) {
-    if (!props.hasOwnProperty(propKey)) {
-      continue;
-    }
-
-    var value = props[propKey];
-
-    if (value == null) {
-      continue;
-    }
-
-    if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      if (typeof value !== "function") {
-        warnForInvalidEventListener(propKey, value);
-      }
-
-      continue;
-    }
-
-    if (props.suppressHydrationWarning === true) {
-      // Don't bother comparing. We're ignoring all these warnings.
-      continue;
-    } // Validate that the properties correspond to their expected values.
-
-    switch (propKey) {
-      case "children": // Checked above already
-
-      case "suppressContentEditableWarning":
-      case "suppressHydrationWarning":
-      case "defaultValue":
-      case "defaultChecked":
-      case "innerHTML":
-        // Noop
-        continue;
-
-      case "dangerouslySetInnerHTML":
-        var serverHTML = domElement.innerHTML;
-        var nextHtml = value ? value.__html : undefined;
-
-        if (nextHtml != null) {
-          var expectedHTML = normalizeHTML(domElement, nextHtml);
-          warnForPropDifference(propKey, serverHTML, expectedHTML);
-        }
-
-        continue;
-
-      case "style":
-        extraAttributes.delete(propKey);
-        diffHydratedStyles(domElement, value);
-        continue;
-
-      case "offsetParent":
-      case "offsetTop":
-      case "offsetLeft":
-      case "offsetWidth":
-      case "offsetHeight":
-      case "isContentEditable":
-      case "outerText":
-      case "outerHTML":
-        if (enableCustomElementPropertySupport) {
-          extraAttributes.delete(propKey.toLowerCase());
-
-          {
-            error(
-              "Assignment to read-only property will result in a no-op: `%s`",
-              propKey
-            );
-          }
-
-          continue;
-        }
-
-      // Fall through
-
-      case "className":
-        if (enableCustomElementPropertySupport) {
-          // className is a special cased property on the server to render as an attribute.
-          extraAttributes.delete("class");
-          var serverValue = getValueForAttributeOnCustomComponent(
-            domElement,
-            "class",
-            value
-          );
-          warnForPropDifference("className", serverValue, value);
-          continue;
-        }
-
-      // Fall through
-
-      default: {
-        var ownNamespaceDev = parentNamespaceDev;
-
-        if (ownNamespaceDev === HTML_NAMESPACE) {
-          ownNamespaceDev = getIntrinsicNamespace(tag);
-        }
-
-        if (ownNamespaceDev === HTML_NAMESPACE) {
-          extraAttributes.delete(propKey.toLowerCase());
-        } else {
-          extraAttributes.delete(propKey);
-        }
-
-        var _serverValue = getValueForAttributeOnCustomComponent(
-          domElement,
-          propKey,
-          value
-        );
-
-        warnForPropDifference(propKey, _serverValue, value);
-      }
-    }
-  }
-}
-
-function diffHydratedGenericElement(
-  domElement,
-  tag,
-  props,
-  parentNamespaceDev,
-  extraAttributes
-) {
-  for (var propKey in props) {
-    if (!props.hasOwnProperty(propKey)) {
-      continue;
-    }
-
-    var value = props[propKey];
-
-    if (value == null) {
-      continue;
-    }
-
-    if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      if (typeof value !== "function") {
-        warnForInvalidEventListener(propKey, value);
-      }
-
-      continue;
-    }
-
-    if (props.suppressHydrationWarning === true) {
-      // Don't bother comparing. We're ignoring all these warnings.
-      continue;
-    } // Validate that the properties correspond to their expected values.
-
-    switch (propKey) {
-      case "children": // Checked above already
-
-      case "suppressContentEditableWarning":
-      case "suppressHydrationWarning":
-      case "value": // Controlled attributes are not validated
-
-      case "checked": // TODO: Only ignore them on controlled tags.
-
-      case "selected":
-      case "defaultValue":
-      case "defaultChecked":
-      case "innerHTML":
-        // Noop
-        continue;
-
-      case "dangerouslySetInnerHTML":
-        var serverHTML = domElement.innerHTML;
-        var nextHtml = value ? value.__html : undefined;
-
-        if (nextHtml != null) {
-          var expectedHTML = normalizeHTML(domElement, nextHtml);
-          warnForPropDifference(propKey, serverHTML, expectedHTML);
-        }
-
-        continue;
-
-      case "className":
-        hydrateAttribute(domElement, propKey, "class", value, extraAttributes);
-        continue;
-
-      case "tabIndex":
-        hydrateAttribute(
-          domElement,
-          propKey,
-          "tabindex",
-          value,
-          extraAttributes
-        );
-        continue;
-
-      case "style":
-        extraAttributes.delete(propKey);
-        diffHydratedStyles(domElement, value);
-        continue;
-
-      case "multiple": {
-        extraAttributes.delete(propKey);
-        var serverValue = domElement.multiple;
-        warnForPropDifference(propKey, serverValue, value);
-        continue;
-      }
-
-      case "muted": {
-        extraAttributes.delete(propKey);
-        var _serverValue2 = domElement.muted;
-        warnForPropDifference(propKey, _serverValue2, value);
-        continue;
-      }
-
-      case "autoFocus": {
-        extraAttributes.delete("autofocus");
-        var _serverValue3 = domElement.autofocus;
-        warnForPropDifference(propKey, _serverValue3, value);
-        continue;
-      }
-
-      case "src":
-      case "href":
-      case "action":
-        {
-          if (value === "") {
-            {
-              if (propKey === "src") {
-                error(
-                  'An empty string ("") was passed to the %s attribute. ' +
-                    "This may cause the browser to download the whole page again over the network. " +
-                    "To fix this, either do not render the element at all " +
-                    "or pass null to %s instead of an empty string.",
-                  propKey,
-                  propKey
-                );
-              } else {
-                error(
-                  'An empty string ("") was passed to the %s attribute. ' +
-                    "To fix this, either do not render the element at all " +
-                    "or pass null to %s instead of an empty string.",
-                  propKey,
-                  propKey
-                );
-              }
-            }
-
-            hydrateSanitizedAttribute(
-              domElement,
-              propKey,
-              propKey,
-              null,
-              extraAttributes
-            );
-            continue;
-          }
-        }
-
-        hydrateSanitizedAttribute(
-          domElement,
-          propKey,
-          propKey,
-          value,
-          extraAttributes
-        );
-        continue;
-
-      case "formAction":
-        hydrateSanitizedAttribute(
-          domElement,
-          propKey,
-          "formaction",
-          value,
-          extraAttributes
-        );
-        continue;
-
-      case "xlinkHref":
-        hydrateSanitizedAttribute(
-          domElement,
-          propKey,
-          "xlink:href",
-          value,
-          extraAttributes
-        );
-        continue;
-
-      case "contentEditable": {
-        // Lower-case Booleanish String
-        hydrateBooleanishAttribute(
-          domElement,
-          propKey,
-          "contenteditable",
-          value,
-          extraAttributes
-        );
-        continue;
-      }
-
-      case "spellCheck": {
-        // Lower-case Booleanish String
-        hydrateBooleanishAttribute(
-          domElement,
-          propKey,
-          "spellcheck",
-          value,
-          extraAttributes
-        );
-        continue;
-      }
-
-      case "draggable":
-      case "autoReverse":
-      case "externalResourcesRequired":
-      case "focusable":
-      case "preserveAlpha": {
-        // Case-sensitive Booleanish String
-        hydrateBooleanishAttribute(
-          domElement,
-          propKey,
-          propKey,
-          value,
-          extraAttributes
-        );
-        continue;
-      }
-
-      case "allowFullScreen":
-      case "async":
-      case "autoPlay":
-      case "controls":
-      case "default":
-      case "defer":
-      case "disabled":
-      case "disablePictureInPicture":
-      case "disableRemotePlayback":
-      case "formNoValidate":
-      case "hidden":
-      case "loop":
-      case "noModule":
-      case "noValidate":
-      case "open":
-      case "playsInline":
-      case "readOnly":
-      case "required":
-      case "reversed":
-      case "scoped":
-      case "seamless":
-      case "itemScope": {
-        // Some of these need to be lower case to remove them from the extraAttributes list.
-        hydrateBooleanAttribute(
-          domElement,
-          propKey,
-          propKey.toLowerCase(),
-          value,
-          extraAttributes
-        );
-        continue;
-      }
-
-      case "capture":
-      case "download": {
-        hydrateOverloadedBooleanAttribute(
-          domElement,
-          propKey,
-          propKey,
-          value,
-          extraAttributes
-        );
-        continue;
-      }
-
-      case "cols":
-      case "rows":
-      case "size":
-      case "span": {
-        hydratePositiveNumericAttribute(
-          domElement,
-          propKey,
-          propKey,
-          value,
-          extraAttributes
-        );
-        continue;
-      }
-
-      case "rowSpan": {
-        hydrateNumericAttribute(
-          domElement,
-          propKey,
-          "rowspan",
-          value,
-          extraAttributes
-        );
-        continue;
-      }
-
-      case "start": {
-        hydrateNumericAttribute(
-          domElement,
-          propKey,
-          propKey,
-          value,
-          extraAttributes
-        );
-        continue;
-      }
-
-      case "xHeight":
-        hydrateAttribute(
-          domElement,
-          propKey,
-          "x-height",
-          value,
-          extraAttributes
-        );
-        continue;
-
-      case "xlinkActuate":
-        hydrateAttribute(
-          domElement,
-          propKey,
-          "xlink:actuate",
-          value,
-          extraAttributes
-        );
-        continue;
-
-      case "xlinkArcrole":
-        hydrateAttribute(
-          domElement,
-          propKey,
-          "xlink:arcrole",
-          value,
-          extraAttributes
-        );
-        continue;
-
-      case "xlinkRole":
-        hydrateAttribute(
-          domElement,
-          propKey,
-          "xlink:role",
-          value,
-          extraAttributes
-        );
-        continue;
-
-      case "xlinkShow":
-        hydrateAttribute(
-          domElement,
-          propKey,
-          "xlink:show",
-          value,
-          extraAttributes
-        );
-        continue;
-
-      case "xlinkTitle":
-        hydrateAttribute(
-          domElement,
-          propKey,
-          "xlink:title",
-          value,
-          extraAttributes
-        );
-        continue;
-
-      case "xlinkType":
-        hydrateAttribute(
-          domElement,
-          propKey,
-          "xlink:type",
-          value,
-          extraAttributes
-        );
-        continue;
-
-      case "xmlBase":
-        hydrateAttribute(
-          domElement,
-          propKey,
-          "xml:base",
-          value,
-          extraAttributes
-        );
-        continue;
-
-      case "xmlLang":
-        hydrateAttribute(
-          domElement,
-          propKey,
-          "xml:lang",
-          value,
-          extraAttributes
-        );
-        continue;
-
-      case "xmlSpace":
-        hydrateAttribute(
-          domElement,
-          propKey,
-          "xml:space",
-          value,
-          extraAttributes
-        );
-        continue;
-
-      default: {
-        if (
-          // shouldIgnoreAttribute
-          // We have already filtered out null/undefined and reserved words.
-          propKey.length > 2 &&
-          (propKey[0] === "o" || propKey[0] === "O") &&
-          (propKey[1] === "n" || propKey[1] === "N")
-        ) {
-          continue;
-        }
-
-        var attributeName = getAttributeAlias(propKey);
-        var isMismatchDueToBadCasing = false;
-        var ownNamespaceDev = parentNamespaceDev;
-
-        if (ownNamespaceDev === HTML_NAMESPACE) {
-          ownNamespaceDev = getIntrinsicNamespace(tag);
-        }
-
-        if (ownNamespaceDev === HTML_NAMESPACE) {
-          extraAttributes.delete(attributeName.toLowerCase());
-        } else {
-          var standardName = getPossibleStandardName(propKey);
-
-          if (standardName !== null && standardName !== propKey) {
-            // If an SVG prop is supplied with bad casing, it will
-            // be successfully parsed from HTML, but will produce a mismatch
-            // (and would be incorrectly rendered on the client).
-            // However, we already warn about bad casing elsewhere.
-            // So we'll skip the misleading extra mismatch warning in this case.
-            isMismatchDueToBadCasing = true;
-            extraAttributes.delete(standardName);
-          }
-
-          extraAttributes.delete(attributeName);
-        }
-
-        var _serverValue4 = getValueForAttribute(
-          domElement,
-          attributeName,
-          value
-        );
-
-        if (!isMismatchDueToBadCasing) {
-          warnForPropDifference(propKey, _serverValue4, value);
-        }
-      }
-    }
-  }
-}
-
-function diffHydratedProperties(
-  domElement,
-  tag,
-  props,
-  isConcurrentMode,
-  shouldWarnDev,
-  parentNamespaceDev
-) {
-  {
-    validatePropertiesInDevelopment(tag, props);
-  } // TODO: Make sure that we check isMounted before firing any of these events.
-
-  switch (tag) {
-    case "dialog":
-      listenToNonDelegatedEvent("cancel", domElement);
-      listenToNonDelegatedEvent("close", domElement);
-      break;
-
-    case "iframe":
-    case "object":
-    case "embed":
-      // We listen to this event in case to ensure emulated bubble
-      // listeners still fire for the load event.
-      listenToNonDelegatedEvent("load", domElement);
-      break;
-
-    case "video":
-    case "audio":
-      // We listen to these events in case to ensure emulated bubble
-      // listeners still fire for all the media events.
-      for (var i = 0; i < mediaEventTypes.length; i++) {
-        listenToNonDelegatedEvent(mediaEventTypes[i], domElement);
-      }
-
-      break;
-
-    case "source":
-      // We listen to this event in case to ensure emulated bubble
-      // listeners still fire for the error event.
-      listenToNonDelegatedEvent("error", domElement);
-      break;
-
-    case "img":
-    case "image":
-    case "link":
-      // We listen to these events in case to ensure emulated bubble
-      // listeners still fire for error and load events.
-      listenToNonDelegatedEvent("error", domElement);
-      listenToNonDelegatedEvent("load", domElement);
-      break;
-
-    case "details":
-      // We listen to this event in case to ensure emulated bubble
-      // listeners still fire for the toggle event.
-      listenToNonDelegatedEvent("toggle", domElement);
-      break;
-
-    case "input":
-      {
-        checkControlledValueProps("input", props);
-      } // We listen to this event in case to ensure emulated bubble
-      // listeners still fire for the invalid event.
-
-      listenToNonDelegatedEvent("invalid", domElement); // TODO: Make sure we check if this is still unmounted or do any clean
-      // up necessary since we never stop tracking anymore.
-
-      track(domElement);
-      validateInputProps(domElement, props); // For input and textarea we current always set the value property at
-      // post mount to force it to diverge from attributes. However, for
-      // option and select we don't quite do the same thing and select
-      // is not resilient to the DOM state changing so we don't do that here.
-      // TODO: Consider not doing this for input and textarea.
-
-      initInput(
-        domElement,
-        props.value,
-        props.defaultValue,
-        props.checked,
-        props.defaultChecked,
-        props.type,
-        true
-      );
-      break;
-
-    case "option":
-      validateOptionProps(domElement, props);
-      break;
-
-    case "select":
-      {
-        checkControlledValueProps("select", props);
-      } // We listen to this event in case to ensure emulated bubble
-      // listeners still fire for the invalid event.
-
-      listenToNonDelegatedEvent("invalid", domElement);
-      validateSelectProps(domElement, props);
-      break;
-
-    case "textarea":
-      {
-        checkControlledValueProps("textarea", props);
-      } // We listen to this event in case to ensure emulated bubble
-      // listeners still fire for the invalid event.
-
-      listenToNonDelegatedEvent("invalid", domElement); // TODO: Make sure we check if this is still unmounted or do any clean
-      // up necessary since we never stop tracking anymore.
-
-      track(domElement);
-      validateTextareaProps(domElement, props);
-      initTextarea(domElement, props.value, props.defaultValue, props.children);
-      break;
-  }
-
-  var updatePayload = null;
-  var children = props.children; // For text content children we compare against textContent. This
-  // might match additional HTML that is hidden when we read it using
-  // textContent. E.g. "foo" will match "f<span>oo</span>" but that still
-  // satisfies our requirement. Our requirement is not to produce perfect
-  // HTML and attributes. Ideally we should preserve structure but it's
-  // ok not to if the visible content is still enough to indicate what
-  // even listeners these nodes might be wired up to.
-  // TODO: Warn if there is more than a single textNode as a child.
-  // TODO: Should we use domElement.firstChild.nodeValue to compare?
-
-  if (typeof children === "string" || typeof children === "number") {
-    if (domElement.textContent !== "" + children) {
-      if (props.suppressHydrationWarning !== true) {
-        checkForUnmatchedText(
-          domElement.textContent,
-          children,
-          isConcurrentMode,
-          shouldWarnDev
-        );
-      }
-
-      if (!isConcurrentMode || !enableClientRenderFallbackOnTextMismatch) {
-        if (diffInCommitPhase) {
-          // We really should be patching this in the commit phase but since
-          // this only affects legacy mode hydration which is deprecated anyway
-          // we can get away with it.
-          // Host singletons get their children appended and don't use the text
-          // content mechanism.
-          if (tag !== "body") {
-            domElement.textContent = children;
-          }
-        } else {
-          updatePayload = ["children", children];
-        }
-      }
-    }
-  }
-
-  if (props.onScroll != null) {
-    listenToNonDelegatedEvent("scroll", domElement);
-  }
-
-  if (props.onClick != null) {
-    // TODO: This cast may not be sound for SVG, MathML or custom elements.
-    trapClickOnNonInteractiveElement(domElement);
-  }
-
-  if (shouldWarnDev) {
-    var extraAttributes = new Set();
-    var attributes = domElement.attributes;
-
-    for (var _i7 = 0; _i7 < attributes.length; _i7++) {
-      var name = attributes[_i7].name.toLowerCase();
-
-      switch (name) {
-        // Controlled attributes are not validated
-        // TODO: Only ignore them on controlled tags.
-        case "value":
-          break;
-
-        case "checked":
-          break;
-
-        case "selected":
-          break;
-
-        default:
-          // Intentionally use the original name.
-          // See discussion in https://github.com/facebook/react/pull/10676.
-          extraAttributes.add(attributes[_i7].name);
-      }
-    }
-
-    if (isCustomElement(tag)) {
-      diffHydratedCustomComponent(
-        domElement,
-        tag,
-        props,
-        parentNamespaceDev,
-        extraAttributes
-      );
-    } else {
-      diffHydratedGenericElement(
-        domElement,
-        tag,
-        props,
-        parentNamespaceDev,
-        extraAttributes
-      );
-    }
-
-    if (extraAttributes.size > 0 && props.suppressHydrationWarning !== true) {
-      warnForExtraAttributes(extraAttributes);
-    }
-  }
-
-  return updatePayload;
-}
-function diffHydratedText(textNode, text, isConcurrentMode) {
-  var isDifferent = textNode.nodeValue !== text;
-  return isDifferent;
-}
-function warnForDeletedHydratableElement(parentNode, child) {
-  {
-    if (didWarnInvalidHydration) {
-      return;
-    }
-
-    didWarnInvalidHydration = true;
-
-    error(
-      "Did not expect server HTML to contain a <%s> in <%s>.",
-      child.nodeName.toLowerCase(),
-      parentNode.nodeName.toLowerCase()
-    );
-  }
-}
-function warnForDeletedHydratableText(parentNode, child) {
-  {
-    if (didWarnInvalidHydration) {
-      return;
-    }
-
-    didWarnInvalidHydration = true;
-
-    error(
-      'Did not expect server HTML to contain the text node "%s" in <%s>.',
-      child.nodeValue,
-      parentNode.nodeName.toLowerCase()
-    );
-  }
-}
-function warnForInsertedHydratedElement(parentNode, tag, props) {
-  {
-    if (didWarnInvalidHydration) {
-      return;
-    }
-
-    didWarnInvalidHydration = true;
-
-    error(
-      "Expected server HTML to contain a matching <%s> in <%s>.",
-      tag,
-      parentNode.nodeName.toLowerCase()
-    );
-  }
-}
-function warnForInsertedHydratedText(parentNode, text) {
-  {
-    if (text === "") {
-      // We expect to insert empty text nodes since they're not represented in
-      // the HTML.
-      // TODO: Remove this special case if we can just avoid inserting empty
-      // text nodes.
-      return;
-    }
-
-    if (didWarnInvalidHydration) {
-      return;
-    }
-
-    didWarnInvalidHydration = true;
-
-    error(
-      'Expected server HTML to contain a matching text node for "%s" in <%s>.',
-      text,
-      parentNode.nodeName.toLowerCase()
-    );
-  }
-}
-function restoreControlledState(domElement, tag, props) {
-  switch (tag) {
-    case "input":
-      restoreControlledInputState(domElement, props);
-      return;
-
-    case "textarea":
-      restoreControlledTextareaState(domElement, props);
-      return;
-
-    case "select":
-      restoreControlledSelectState(domElement, props);
-      return;
-  }
+var IS_EVENT_HANDLE_NON_MANAGED_NODE = 1;
+var IS_NON_DELEGATED = 1 << 1;
+var IS_CAPTURE_PHASE = 1 << 2;
+var IS_LEGACY_FB_SUPPORT_MODE = 1 << 4;
+var SHOULD_NOT_DEFER_CLICK_FOR_FB_SUPPORT_MODE =
+  IS_LEGACY_FB_SUPPORT_MODE | IS_CAPTURE_PHASE; // We do not want to defer if the event system has already been
+// set to LEGACY_FB_SUPPORT. LEGACY_FB_SUPPORT only gets set when
+// we call willDeferLaterForLegacyFBSupport, thus not bailing out
+// will result in endless cycles like an infinite loop.
+// We also don't want to defer during event replaying.
+
+var SHOULD_NOT_PROCESS_POLYFILL_EVENT_PLUGINS =
+  IS_EVENT_HANDLE_NON_MANAGED_NODE | IS_NON_DELEGATED | IS_CAPTURE_PHASE;
+
+/**
+ * Gets the target node from a native browser event by accounting for
+ * inconsistencies in browser DOM APIs.
+ *
+ * @param {object} nativeEvent Native browser event.
+ * @return {DOMEventTarget} Target node.
+ */
+
+function getEventTarget(nativeEvent) {
+  // Fallback to nativeEvent.srcElement for IE9
+  // https://github.com/facebook/react/issues/12506
+  var target = nativeEvent.target || nativeEvent.srcElement || window; // Normalize SVG <use> element events #4963
+
+  if (target.correspondingUseElement) {
+    target = target.correspondingUseElement;
+  } // Safari may fire events on text nodes (Node.TEXT_NODE is 3).
+  // @see http://www.quirksmode.org/js/events_properties.html
+
+  return target.nodeType === TEXT_NODE ? target.parentNode : target;
 }
 
 var restoreTarget = null;
@@ -13324,7 +10002,7 @@ function isThenableResolved(thenable) {
   return status === "fulfilled" || status === "rejected";
 }
 
-function noop$1() {}
+function noop$2() {}
 
 function trackUsedThenable(thenableState, thenable, index) {
   if (ReactCurrentActQueue$3.current !== null) {
@@ -13341,7 +10019,7 @@ function trackUsedThenable(thenableState, thenable, index) {
       // they represent the same value, because components are idempotent.
       // Avoid an unhandled rejection errors for the Promises that we'll
       // intentionally ignore.
-      thenable.then(noop$1, noop$1);
+      thenable.then(noop$2, noop$2);
       thenable = previous;
     }
   } // We use an expando to track the status and result of a thenable so that we
@@ -13369,7 +10047,7 @@ function trackUsedThenable(thenableState, thenable, index) {
         // 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$2, noop$2);
       } else {
         var pendingThenable = thenable;
         pendingThenable.status = "pending";
@@ -15318,6 +11996,515 @@ function registerMutableSourceForHydration(root, mutableSource) {
   }
 }
 
+var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
+
+var firstScheduledRoot = null;
+var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+
+var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
+// microtask, so we have to dedupe those separately. This wouldn't be an issue
+// if we required all `act` calls to be awaited, which we might in the future.
+
+var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
+
+var mightHavePendingSyncWork = false;
+var isFlushingWork = false;
+var currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null);
+  else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+    } else {
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
+    }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
+
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  if (ReactCurrentActQueue$2.current !== null) {
+    // We're inside an `act` scope.
+    if (!didScheduleMicrotask_act) {
+      didScheduleMicrotask_act = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  } else {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  }
+
+  if (!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());
+  }
+
+  if (ReactCurrentActQueue$2.isBatchingLegacy && root.tag === LegacyRoot) {
+    // Special `act` case: Record whenever a legacy update is scheduled.
+    ReactCurrentActQueue$2.didScheduleLegacyUpdate = true;
+  }
+}
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
+
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
+    return;
+  }
+
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  }
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
+
+  var didPerformSomeWork;
+  var errors = null;
+  isFlushingWork = true;
+
+  do {
+    didPerformSomeWork = false;
+    var root = firstScheduledRoot;
+
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot);
+      else {
+        var nextLanes = getNextLanes(
+          root,
+          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+        );
+
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            // TODO: Pass nextLanes as an argument instead of computing it again
+            // inside performSyncWorkOnRoot.
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
+
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
+
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
+
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === "function") {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
+      } else {
+        for (var i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
+
+        var firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      var error = errors[0];
+      throw error;
+    }
+  }
+}
+
+function throwError(error) {
+  throw error;
+}
+
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
+
+  {
+    didScheduleMicrotask_act = false;
+  } // We'll recompute this as we iterate through all the roots and schedule them.
+
+  mightHavePendingSyncWork = false;
+  var currentTime = now$1();
+  var prev = null;
+  var root = firstScheduledRoot;
+
+  while (root !== null) {
+    var next = root.next;
+
+    if (
+      currentEventTransitionLane !== NoLane &&
+      shouldAttemptEagerTransition()
+    ) {
+      markRootEntangled(root, mergeLanes(currentEventTransitionLane, SyncLane));
+    }
+
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
+
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
+      }
+
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
+      }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
+
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
+      }
+    }
+
+    root = next;
+  }
+
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
+}
+
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  var nextLanes = getNextLanes(
+    root,
+    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+  );
+  var existingCallbackNode = root.callbackNode;
+
+  if (
+    // Check if there's nothing to work on
+    nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+    // schedule a task to render it. We'll either wait for a ping, or wait to
+    // receive an update.
+    //
+    // Suspended render phase
+    (root === workInProgressRoot && isWorkLoopSuspendedOnData()) || // Suspended commit phase
+    root.cancelPendingCommit !== null
+  ) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
+
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    var existingCallbackPriority = root.callbackPriority;
+    var newCallbackPriority = getHighestPriorityLane(nextLanes);
+
+    if (
+      newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+      // Scheduler task, rather than an `act` task, cancel it and re-schedule
+      // on the `act` queue.
+      !(
+        ReactCurrentActQueue$2.current !== null &&
+        existingCallbackNode !== fakeActCallbackNode$1
+      )
+    ) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
+
+    var schedulerPriorityLevel;
+
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
+
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
+
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
+
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
+
+    var newCallbackNode = scheduleCallback$2(
+      schedulerPriorityLevel,
+      performConcurrentWorkOnRoot.bind(null, root)
+    );
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
+
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
+
+  return null;
+}
+var fakeActCallbackNode$1 = {};
+
+function scheduleCallback$2(priorityLevel, callback) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: We're inside an `act` scope (a testing utility).
+    // Instead of scheduling work in the host environment, add it to a
+    // fake internal queue that's managed by the `act` implementation.
+    ReactCurrentActQueue$2.current.push(callback);
+    return fakeActCallbackNode$1;
+  } else {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode === fakeActCallbackNode$1);
+  else if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
+
+function scheduleImmediateTask(cb) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
+    // callback queue. This is because we currently support calling `act`
+    // without awaiting the result. The plan is to deprecate that, and require
+    // that you always await the result so that the microtasks have a chance to
+    // run. But it hasn't happened yet.
+    ReactCurrentActQueue$2.current.push(function () {
+      cb();
+      return null;
+    });
+  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
+  // Alternatively, can we move this check to the host config?
+
+  {
+    scheduleMicrotask(function () {
+      // In Safari, appending an iframe forces microtasks to run.
+      // https://github.com/facebook/react/issues/22459
+      // We don't support running callbacks in the middle of render
+      // or commit so we need to check against that.
+      var executionContext = getExecutionContext();
+
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        // Note that this would still prematurely flush the callbacks
+        // if this happens outside render or commit phase (e.g. in an event).
+        // Intentionally using a macrotask instead of a microtask here. This is
+        // wrong semantically but it prevents an infinite loop. The bug is
+        // Safari's, not ours, so we just do our best to not crash even though
+        // the behavior isn't completely correct.
+        scheduleCallback$3(ImmediatePriority, cb);
+        return;
+      }
+
+      cb();
+    });
+  }
+}
+
+function requestTransitionLane() {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
+
+  return currentEventTransitionLane;
+}
+
+var currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    actionReturnValue !== null &&
+    typeof actionReturnValue === "object" &&
+    typeof actionReturnValue.then === "function"
+  ) {
+    // This is an async action.
+    //
+    // Return a thenable that resolves once the action scope (i.e. the async
+    // function passed to startTransition) has finished running. The fulfilled
+    // value is `false` to represent that the action is not pending.
+    var thenable = actionReturnValue;
+
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope. Create a new one.
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: false,
+        reason: undefined,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(thenable, asyncAction);
+      currentAsyncAction = asyncAction;
+      return asyncAction;
+    } else {
+      // Inherit the outer scope.
+      var _asyncAction = currentAsyncAction;
+      attachPingListeners(thenable, _asyncAction);
+      return _asyncAction;
+    }
+  } else {
+    // This is not an async action, but it may be part of an outer async action.
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope.
+      return false;
+    } else {
+      // Inherit the outer scope.
+      return currentAsyncAction;
+    }
+  }
+}
+function peekAsyncActionContext() {
+  return currentAsyncAction;
+}
+
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      if (--asyncAction.count === 0) {
+        var fulfilledAsyncAction = asyncAction;
+        fulfilledAsyncAction.status = "fulfilled";
+        completeAsyncActionScope(asyncAction);
+      }
+    },
+    function (error) {
+      if (--asyncAction.count === 0) {
+        var rejectedAsyncAction = asyncAction;
+        rejectedAsyncAction.status = "rejected";
+        rejectedAsyncAction.reason = error;
+        completeAsyncActionScope(asyncAction);
+      }
+    }
+  );
+  return asyncAction;
+}
+
+function completeAsyncActionScope(action) {
+  if (currentAsyncAction === action) {
+    currentAsyncAction = null;
+  }
+
+  var listeners = action.listeners;
+  action.listeners = [];
+
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(false);
+  }
+}
+
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
@@ -15820,7 +13007,6 @@ function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
 
   return children;
 }
-
 function checkDidRenderIdHook() {
   // This should be called immediately after every renderWithHooks call.
   // Conceptually, it's part of the return value of renderWithHooks; it's only a
@@ -16004,38 +13190,42 @@ var createFunctionComponentUpdateQueue;
   };
 }
 
+function useThenable(thenable) {
+  // Track the position of the thenable within this fiber.
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  var result = trackUsedThenable(thenableState, thenable, index);
+
+  if (
+    currentlyRenderingFiber$1.alternate === null &&
+    (workInProgressHook === null
+      ? currentlyRenderingFiber$1.memoizedState === null
+      : workInProgressHook.next === null)
+  ) {
+    // Initial render, and either this is the first time the component is
+    // called, or there were no Hooks called after this use() the previous
+    // time (perhaps because it threw). Subsequent Hook calls should use the
+    // mount dispatcher.
+    {
+      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+    }
+  }
+
+  return result;
+}
+
 function use(usable) {
   if (usable !== null && typeof usable === "object") {
     // $FlowFixMe[method-unbinding]
     if (typeof usable.then === "function") {
       // This is a thenable.
-      var thenable = usable; // Track the position of the thenable within this fiber.
-
-      var index = thenableIndexCounter;
-      thenableIndexCounter += 1;
-
-      if (thenableState === null) {
-        thenableState = createThenableState();
-      }
-
-      var result = trackUsedThenable(thenableState, thenable, index);
-
-      if (
-        currentlyRenderingFiber$1.alternate === null &&
-        (workInProgressHook === null
-          ? currentlyRenderingFiber$1.memoizedState === null
-          : workInProgressHook.next === null)
-      ) {
-        // Initial render, and either this is the first time the component is
-        // called, or there were no Hooks called after this use() the previous
-        // time (perhaps because it threw). Subsequent Hook calls should use the
-        // mount dispatcher.
-        {
-          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
-        }
-      }
-
-      return result;
+      var thenable = usable;
+      return useThenable(thenable);
     } else if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -16827,7 +14017,7 @@ function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
   if (root !== null) {
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -17364,8 +14554,35 @@ function startTransition(setPending, callback, options) {
   }
 
   try {
-    setPending(false);
-    callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(); // `isPending` is either `false` or a thenable that resolves to `false`,
+      // depending on whether the action scope is an async function. In the
+      // async case, the resulting render will suspend until the async action
+      // scope has finished.
+
+      var isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else {
+      // Async actions are not enabled.
+      setPending(false);
+      callback();
+    }
+  } catch (error) {
+    if (enableAsyncActions) {
+      // This is a trick to get the `useTransition` hook to rethrow the error.
+      // When it unwraps the thenable with the `use` algorithm, the error
+      // will be thrown.
+      var rejectedThenable = {
+        then: function () {},
+        status: "rejected",
+        reason: error
+      };
+      setPending(rejectedThenable);
+    } else {
+      // The error rethrowing behavior is only enabled when the async actions
+      // feature is on, even for sync actions.
+      throw error;
+    }
   } finally {
     setCurrentUpdatePriority(previousPriority);
     ReactCurrentBatchConfig$3.transition = prevTransition;
@@ -17390,30 +14607,37 @@ function startTransition(setPending, callback, options) {
 
 function mountTransition() {
   var _mountState = mountState(false),
-    isPending = _mountState[0],
     setPending = _mountState[1]; // The `start` method never changes.
 
   var start = startTransition.bind(null, setPending);
   var hook = mountWorkInProgressHook();
   hook.memoizedState = start;
-  return [isPending, start];
+  return [false, start];
 }
 
 function updateTransition() {
   var _updateState = updateState(),
-    isPending = _updateState[0];
+    booleanOrThenable = _updateState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
 function rerenderTransition() {
   var _rerenderState = rerenderState(),
-    isPending = _rerenderState[0];
+    booleanOrThenable = _rerenderState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
@@ -17488,8 +14712,7 @@ function refreshCache(fiber, seedKey, seedValue) {
         var root = enqueueUpdate(provider, refreshUpdate, lane);
 
         if (root !== null) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, provider, lane, eventTime);
+          scheduleUpdateOnFiber(root, provider, lane);
           entangleTransitions(root, provider, lane);
         } // TODO: If a refresh never commits, the new cache created here must be
         // released. A simple case is start refreshing a cache boundary, but then
@@ -17543,8 +14766,7 @@ function dispatchReducerAction(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -17627,8 +14849,7 @@ function dispatchSetState(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -17699,6 +14920,7 @@ function markUpdateInDevTools(fiber, lane, action) {
 
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -17721,10 +14943,6 @@ var ContextOnlyDispatcher = {
   ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
 }
 
-{
-  ContextOnlyDispatcher.use = throwInvalidHookError;
-}
-
 {
   ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 }
@@ -17764,6 +14982,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       mountHookTypesDev();
@@ -17884,10 +15103,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnMountInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnMountInDEV.useMemoCache = useMemoCache;
   }
@@ -17906,6 +15121,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -18021,10 +15237,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnMountWithHookTypesInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnMountWithHookTypesInDEV.useMemoCache = useMemoCache;
   }
@@ -18042,6 +15254,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -18156,10 +15369,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnUpdateInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnUpdateInDEV.useMemoCache = useMemoCache;
   }
@@ -18178,6 +15387,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -18293,10 +15503,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnRerenderInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnRerenderInDEV.useMemoCache = useMemoCache;
   }
@@ -18316,6 +15522,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -18447,13 +15657,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnMountInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnMountInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -18476,6 +15679,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -18607,13 +15814,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnUpdateInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnUpdateInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -18636,6 +15836,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -18767,13 +15971,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnRerenderInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnRerenderInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -19115,8 +16312,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -19151,8 +16347,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -19187,8 +16382,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -23436,16 +20630,9 @@ function updateDehydratedSuspenseComponent(
           // Intentionally mutating since this render will get interrupted. This
           // is one of the very rare times where we mutate the current tree
           // during the render phase.
-          suspenseState.retryLane = attemptHydrationAtLane; // TODO: Ideally this would inherit the event time of the current render
-
-          var eventTime = NoTimestamp;
+          suspenseState.retryLane = attemptHydrationAtLane;
           enqueueConcurrentRenderForLane(current, attemptHydrationAtLane);
-          scheduleUpdateOnFiber(
-            root,
-            current,
-            attemptHydrationAtLane,
-            eventTime
-          ); // Throw a special object that signals to the work loop that it should
+          scheduleUpdateOnFiber(root, current, attemptHydrationAtLane); // Throw a special object that signals to the work loop that it should
           // interrupt the current render.
           //
           // Because we're inside a React-only execution stack, we don't
@@ -25476,7 +22663,7 @@ var AbortControllerLocal =
       }; // Intentionally not named imports because Rollup would
 // use dynamic dispatch for CommonJS interop named imports.
 
-var scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+var scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority;
 var CacheContext = {
   $$typeof: REACT_CONTEXT_TYPE,
@@ -25532,7 +22719,7 @@ function releaseCache(cache) {
   }
 
   if (cache.refCount === 0) {
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
   }
@@ -29775,7 +26962,7 @@ function detachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility |= OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 function attachOffscreenInstance(instance) {
@@ -29796,7 +26983,7 @@ function attachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility &= ~OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -32517,7 +29704,7 @@ function observeVisibleRects(hostRoot, selectors, callback, options) {
   };
 }
 
-var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue;
+var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
 function isLegacyActEnvironment(fiber) {
   {
     // Legacy mode. We preserve the behavior of React 17's act. It assumes an
@@ -32542,7 +29729,7 @@ function isConcurrentActEnvironment() {
 
     if (
       !isReactActEnvironmentGlobal &&
-      ReactCurrentActQueue$2.current !== null
+      ReactCurrentActQueue$1.current !== null
     ) {
       // TODO: Include link to relevant documentation page.
       error(
@@ -32573,402 +29760,6 @@ function schedulePostPaintCallback(callback) {
   }
 }
 
-var ReactCurrentActQueue$1 = 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;
-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$1.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());
-  }
-
-  if (ReactCurrentActQueue$1.isBatchingLegacy && root.tag === LegacyRoot) {
-    // Special `act` case: Record whenever a legacy update is scheduled.
-    ReactCurrentActQueue$1.didScheduleLegacyUpdate = true;
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
-
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
-  }
-
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  }
-
-  var workInProgressRoot = getWorkInProgressRoot();
-  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
-
-  var didPerformSomeWork;
-  var errors = null;
-  isFlushingWork = true;
-
-  do {
-    didPerformSomeWork = false;
-    var root = firstScheduledRoot;
-
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot);
-      else {
-        var nextLanes = getNextLanes(
-          root,
-          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
-        );
-
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            // TODO: Pass nextLanes as an argument instead of computing it again
-            // inside performSyncWorkOnRoot.
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
-          }
-        }
-      }
-
-      root = root.next;
-    }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
-
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === "function") {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (var i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
-
-        var firstError = errors[0];
-        throw firstError;
-      }
-    } else {
-      var error = errors[0];
-      throw error;
-    }
-  }
-}
-
-function throwError(error) {
-  throw error;
-}
-
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
-
-  {
-    didScheduleMicrotask_act = false;
-  } // We'll recompute this as we iterate through all the roots and schedule them.
-
-  mightHavePendingSyncWork = false;
-  var currentTime = now$1();
-  var prev = null;
-  var root = firstScheduledRoot;
-
-  while (root !== null) {
-    var next = root.next;
-    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;
-  } // 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$1.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$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 (ReactCurrentActQueue$1.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$1.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$1.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$1.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();
-    });
-  }
-}
-
-var ceil = Math.ceil;
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
@@ -33233,12 +30024,7 @@ var isFlushingPassiveEffects = false;
 var didScheduleUpdateDuringPassiveEffects = false;
 var NESTED_PASSIVE_UPDATE_LIMIT = 50;
 var nestedPassiveUpdateCount = 0;
-var rootWithPassiveNestedUpdates = null; // If two updates are scheduled within the same event, we should treat their
-// event times as simultaneous, even if the actual clock time has advanced
-// between the first and second call.
-
-var currentEventTime = NoTimestamp;
-var currentEventTransitionLane = NoLanes;
+var rootWithPassiveNestedUpdates = null;
 var isRunningInsertionEffect = false;
 function getWorkInProgressRoot() {
   return workInProgressRoot;
@@ -33249,20 +30035,6 @@ function getWorkInProgressRootRenderLanes() {
 function isWorkLoopSuspendedOnData() {
   return workInProgressSuspendedReason === SuspendedOnData;
 }
-function requestEventTime() {
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    // We're inside React, so it's fine to read the actual time.
-    return now$1();
-  } // We're not inside React, so we may be in the middle of a browser event.
-
-  if (currentEventTime !== NoTimestamp) {
-    // Use the same start time for all updates until we enter React again.
-    return currentEventTime;
-  } // This is the first update since React yielded. Compute a new start time.
-
-  currentEventTime = now$1();
-  return currentEventTime;
-}
 function requestUpdateLane(fiber) {
   // Special cases
   var mode = fiber.mode;
@@ -33296,20 +30068,14 @@ function requestUpdateLane(fiber) {
       }
 
       transition._updatedFibers.add(fiber);
-    } // 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;
+    var asyncAction = peekAsyncActionContext();
+    return asyncAction !== null // We're inside an async action scope. Reuse the same lane.
+      ? asyncAction.lane // We may or may not be inside an async action scope. If we are, this
+      : // 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.
   //
@@ -33346,7 +30112,7 @@ function requestRetryLane(fiber) {
   return claimNextRetryLane();
 }
 
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   {
     if (isRunningInsertionEffect) {
       error("useInsertionEffect must not schedule updates.");
@@ -33372,7 +30138,7 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
     markRootSuspended(root, workInProgressRootRenderLanes);
   } // Mark that the root has a pending update.
 
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
 
   if (
     (executionContext & RenderContext) !== NoLanes &&
@@ -33474,7 +30240,7 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
     }
   }
 }
-function scheduleInitialHydrationOnRoot(root, lane, eventTime) {
+function scheduleInitialHydrationOnRoot(root, lane) {
   // This is a special fork of scheduleUpdateOnFiber that is only used to
   // schedule the initial hydration of a root that has just been created. Most
   // of the stuff in scheduleUpdateOnFiber can be skipped.
@@ -33486,7 +30252,7 @@ function scheduleInitialHydrationOnRoot(root, lane, eventTime) {
   // match what was rendered on the server.
   var current = root.current;
   current.lanes = lane;
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
   ensureRootIsScheduled(root);
 }
 function isUnsafeClassRenderPhaseUpdate(fiber) {
@@ -33499,11 +30265,7 @@ function isUnsafeClassRenderPhaseUpdate(fiber) {
 function performConcurrentWorkOnRoot(root, didTimeout) {
   {
     resetNestedUpdateFlag();
-  } // Since we know we're in a React event, we can clear the current
-  // event time. The next update will compute a new event time.
-
-  currentEventTime = NoTimestamp;
-  currentEventTransitionLane = NoLanes;
+  }
 
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
     throw new Error("Should not already be working.");
@@ -33729,133 +30491,30 @@ function queueRecoverableErrors(errors) {
 }
 
 function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
+  // TODO: The fact that most of these branches are identical suggests that some
+  // of the exit statuses are not best modeled as exit statuses and should be
+  // tracked orthogonally.
   switch (exitStatus) {
     case RootInProgress:
     case RootFatalErrored: {
       throw new Error("Root did not complete. This is a bug in React.");
     }
 
-    case RootErrored: {
-      // We should have already attempted to retry this tree. If we reached
-      // this point, it errored again. Commit it.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
-    case RootSuspended: {
-      markRootSuspended(root, lanes); // We have an acceptable loading state. We need to figure out if we
-      // should immediately commit it or wait a bit.
-
-      if (
-        includesOnlyRetries(lanes) && // do not delay if we're inside an act() scope
-        !shouldForceFlushFallbacksInDEV()
-      ) {
-        // This render only included retries, no updates. Throttle committing
-        // retries so that we don't show too many loading states too quickly.
-        var msUntilTimeout =
-          globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
-
-        if (msUntilTimeout > 10) {
-          var nextLanes = getNextLanes(root, NoLanes);
-
-          if (nextLanes !== NoLanes) {
-            // There's additional work on this root.
-            break;
-          } // The render is suspended, it hasn't timed out, and there's no
-          // lower priority work to do. Instead of committing the fallback
-          // immediately, wait for more data to arrive.
-
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            msUntilTimeout
-          );
-          break;
-        }
-      } // The work expired. Commit immediately.
-
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
     case RootSuspendedWithDelay: {
-      markRootSuspended(root, lanes);
-
       if (includesOnlyTransitions(lanes)) {
         // This is a transition, so we should exit without committing a
         // placeholder and without scheduling a timeout. Delay indefinitely
         // until we receive more data.
-        break;
-      }
-
-      if (!shouldForceFlushFallbacksInDEV()) {
-        // This is not a transition, but we did trigger an avoided state.
-        // Schedule a placeholder to display after a short delay, using the Just
-        // Noticeable Difference.
-        // TODO: Is the JND optimization worth the added complexity? If this is
-        // the only reason we track the event time, then probably not.
-        // Consider removing.
-        var mostRecentEventTime = getMostRecentEventTime(root, lanes);
-        var eventTimeMs = mostRecentEventTime;
-        var timeElapsedMs = now$1() - eventTimeMs;
-
-        var _msUntilTimeout = jnd(timeElapsedMs) - timeElapsedMs; // Don't bother with a very short suspense time.
-
-        if (_msUntilTimeout > 10) {
-          // Instead of committing the fallback immediately, wait for more data
-          // to arrive.
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            _msUntilTimeout
-          );
-          break;
-        }
+        markRootSuspended(root, lanes);
+        return;
       } // Commit the placeholder.
 
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
+    case RootErrored:
+    case RootSuspended:
     case RootCompleted: {
-      // The work completed.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
@@ -33863,6 +30522,61 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
       throw new Error("Unknown root exit status.");
     }
   }
+
+  if (shouldForceFlushFallbacksInDEV()) {
+    // We're inside an `act` scope. Commit immediately.
+    commitRoot(
+      root,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions
+    );
+  } else {
+    if (
+      includesOnlyRetries(lanes) &&
+      (alwaysThrottleRetries || exitStatus === RootSuspended)
+    ) {
+      // This render only included retries, no updates. Throttle committing
+      // retries so that we don't show too many loading states too quickly.
+      var msUntilTimeout =
+        globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
+
+      if (msUntilTimeout > 10) {
+        markRootSuspended(root, lanes);
+        var nextLanes = getNextLanes(root, NoLanes);
+
+        if (nextLanes !== NoLanes) {
+          // There's additional work we can do on this root. We might as well
+          // attempt to work on that while we're suspended.
+          return;
+        } // The render is suspended, it hasn't timed out, and there's no
+        // lower priority work to do. Instead of committing the fallback
+        // immediately, wait for more data to arrive.
+        // TODO: Combine retry throttling with Suspensey commits. Right now they
+        // run one after the other.
+
+        root.timeoutHandle = scheduleTimeout(
+          commitRootWhenReady.bind(
+            null,
+            root,
+            finishedWork,
+            workInProgressRootRecoverableErrors,
+            workInProgressTransitions,
+            lanes
+          ),
+          msUntilTimeout
+        );
+        return;
+      }
+    }
+
+    commitRootWhenReady(
+      root,
+      finishedWork,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions,
+      lanes
+    );
+  }
 }
 
 function commitRootWhenReady(
@@ -33872,6 +30586,8 @@ function commitRootWhenReady(
   transitions,
   lanes
 ) {
+  // TODO: Combine retry throttling with Suspensey commits. Right now they run
+  // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
     // Before committing, ask the renderer whether the host tree is ready.
     // If it's not, we'll wait until it notifies us.
@@ -33894,22 +30610,14 @@ function commitRootWhenReady(
       // us that it's ready. This will be canceled if we start work on the
       // root again.
       root.cancelPendingCommit = schedulePendingCommit(
-        commitRoot.bind(
-          null,
-          root,
-          workInProgressRootRecoverableErrors,
-          workInProgressTransitions
-        )
+        commitRoot.bind(null, root, recoverableErrors, transitions)
       );
+      markRootSuspended(root, lanes);
       return;
     }
   } // Otherwise, commit immediately.
 
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -34395,7 +31103,6 @@ function shouldRemainOnPreviousScreen() {
 }
 
 function pushDispatcher(container) {
-  prepareRendererToRender(container);
   var prevDispatcher = ReactCurrentDispatcher.current;
   ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
@@ -34410,7 +31117,6 @@ function pushDispatcher(container) {
 }
 
 function popDispatcher(prevDispatcher) {
-  resetRendererAfterRender();
   ReactCurrentDispatcher.current = prevDispatcher;
 }
 
@@ -34488,7 +31194,7 @@ function renderHasNotSuspendedYet() {
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= RenderContext;
-  var prevDispatcher = pushDispatcher(root.containerInfo);
+  var prevDispatcher = pushDispatcher();
   var prevCacheDispatcher = pushCacheDispatcher(); // If the root or lanes have changed, throw out the existing stack
   // and prepare a fresh one. Otherwise we'll continue where we left off.
 
@@ -34609,7 +31315,7 @@ function workLoopSync() {
 function renderRootConcurrent(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= RenderContext;
-  var prevDispatcher = pushDispatcher(root.containerInfo);
+  var prevDispatcher = pushDispatcher();
   var prevCacheDispatcher = pushCacheDispatcher(); // If the root or lanes have changed, throw out the existing stack
   // and prepare a fresh one. Otherwise we'll continue where we left off.
 
@@ -34986,6 +31692,16 @@ function replaySuspendedUnitOfWork(unitOfWork) {
       break;
     }
 
+    case HostComponent: {
+      // Some host components are stateful (that's how we implement form
+      // actions) but we don't bother to reuse the memoized state because it's
+      // not worth the extra code. The main reason to reuse the previous hooks
+      // is to reuse uncached promises, but we happen to know that the only
+      // promises that a host component might suspend on are definitely cached
+      // because they are controlled by us. So don't bother.
+      resetHooksOnUnwind(); // Fallthrough to the next branch.
+    }
+
     default: {
       // Other types besides function components are reset completely before
       // being replayed. Currently this only happens when a Usable type is
@@ -35091,28 +31807,14 @@ function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
 
   do {
-    if (revertRemovalOfSiblingPrerendering) {
+    {
       if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-        // This fiber did not complete, because one of its children did not
-        // complete. Switch to unwinding the stack instead of completing it.
-        //
-        // The reason "unwind" and "complete" is interleaved is because when
-        // something suspends, we continue rendering the siblings even though
-        // they will be replaced by a fallback.
-        // TODO: Disable sibling prerendering, then remove this branch.
-        unwindUnitOfWork(completedWork);
-        return;
-      }
-    } else {
-      {
-        if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-          // NOTE: If we re-enable sibling prerendering in some cases, this branch
-          // is where we would switch to the unwinding path.
-          error(
-            "Internal React error: Expected this fiber to be complete, but " +
-              "it isn't. It should have been unwound. This is a bug in React."
-          );
-        }
+        // NOTE: If we re-enable sibling prerendering in some cases, this branch
+        // is where we would switch to the unwinding path.
+        error(
+          "Internal React error: Expected this fiber to be complete, but " +
+            "it isn't. It should have been unwound. This is a bug in React."
+        );
       }
     } // The current, flushed, state of this fiber is the alternate. Ideally
     // nothing should rely on this, but relying on it here means that we don't
@@ -35211,23 +31913,10 @@ function unwindUnitOfWork(unitOfWork) {
       returnFiber.flags |= Incomplete;
       returnFiber.subtreeFlags = NoFlags$1;
       returnFiber.deletions = null;
-    }
-
-    if (revertRemovalOfSiblingPrerendering) {
-      // If there are siblings, work on them now even though they're going to be
-      // replaced by a fallback. We're "prerendering" them. Historically our
-      // rationale for this behavior has been to initiate any lazy data requests
-      // in the siblings, and also to warm up the CPU cache.
-      // TODO: Don't prerender siblings. With `use`, we suspend the work loop
-      // until the data has resolved, anyway.
-      var siblingFiber = incompleteWork.sibling;
-
-      if (siblingFiber !== null) {
-        // This branch will return us to the normal work loop.
-        workInProgress = siblingFiber;
-        return;
-      }
-    } // Otherwise, return to the parent
+    } // NOTE: If we re-enable sibling prerendering in some cases, here we
+    // would switch to the normal completion path: check if a sibling
+    // exists, and if so, begin work on it.
+    // Otherwise, return to the parent
     // $FlowFixMe[incompatible-type] we bail out when we get a null
 
     incompleteWork = returnFiber; // Update the next thing we're working on in case something throws.
@@ -35871,10 +32560,9 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   var errorInfo = createCapturedValueAtFiber(error, sourceFiber);
   var update = createRootErrorUpdate(rootFiber, errorInfo, SyncLane);
   var root = enqueueUpdate(rootFiber, update, SyncLane);
-  var eventTime = requestEventTime();
 
   if (root !== null) {
-    markRootUpdated(root, SyncLane, eventTime);
+    markRootUpdated(root, SyncLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -35910,10 +32598,9 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) {
         var errorInfo = createCapturedValueAtFiber(error$1, sourceFiber);
         var update = createClassErrorUpdate(fiber, errorInfo, SyncLane);
         var root = enqueueUpdate(fiber, update, SyncLane);
-        var eventTime = requestEventTime();
 
         if (root !== null) {
-          markRootUpdated(root, SyncLane, eventTime);
+          markRootUpdated(root, SyncLane);
           ensureRootIsScheduled(root);
         }
 
@@ -36039,11 +32726,10 @@ function retryTimedOutBoundary(boundaryFiber, retryLane) {
     retryLane = requestRetryLane(boundaryFiber);
   } // TODO: Special case idle priority?
 
-  var eventTime = requestEventTime();
   var root = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
 
   if (root !== null) {
-    markRootUpdated(root, retryLane, eventTime);
+    markRootUpdated(root, retryLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -36098,32 +32784,7 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
   }
 
   retryTimedOutBoundary(boundaryFiber, retryLane);
-} // Computes the next Just Noticeable Difference (JND) boundary.
-// The theory is that a person can't tell the difference between small differences in time.
-// Therefore, if we wait a bit longer than necessary that won't translate to a noticeable
-// difference in the experience. However, waiting for longer might mean that we can avoid
-// showing an intermediate loading state. The longer we have already waited, the harder it
-// is to tell small differences in time. Therefore, the longer we've already waited,
-// the longer we can wait additionally. At some point we have to give up though.
-// We pick a train model where the next boundary commits at a consistent schedule.
-// These particular numbers are vague estimates. We expect to adjust them based on research.
-
-function jnd(timeElapsed) {
-  return timeElapsed < 120
-    ? 120
-    : timeElapsed < 480
-    ? 480
-    : timeElapsed < 1080
-    ? 1080
-    : timeElapsed < 1920
-    ? 1920
-    : timeElapsed < 3000
-    ? 3000
-    : timeElapsed < 4320
-    ? 4320
-    : ceil(timeElapsed / 1960) * 1960;
 }
-
 function throwIfInfiniteUpdateLoopDetected() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
@@ -36804,7 +33465,7 @@ function scheduleFibersWithFamiliesRecursively(
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
 
@@ -37717,7 +34378,6 @@ function FiberRootNode(
   this.next = null;
   this.callbackNode = null;
   this.callbackPriority = NoLane;
-  this.eventTimes = createLaneMap(NoLanes);
   this.expirationTimes = createLaneMap(NoTimestamp);
   this.pendingLanes = NoLanes;
   this.suspendedLanes = NoLanes;
@@ -37848,7 +34508,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-885b9748";
+var ReactVersion = "18.3.0-www-classic-cbba93aa";
 
 function createPortal$1(
   children,
@@ -38034,9 +34694,8 @@ function createHydrationContainer(
   var update = createUpdate(lane);
   update.callback =
     callback !== undefined && callback !== null ? callback : null;
-  var eventTime = requestEventTime();
   enqueueUpdate(current, update, lane);
-  scheduleInitialHydrationOnRoot(root, lane, eventTime);
+  scheduleInitialHydrationOnRoot(root, lane);
   return root;
 }
 function updateContainer(element, container, parentComponent, callback) {
@@ -38098,8 +34757,7 @@ function updateContainer(element, container, parentComponent, callback) {
   var root = enqueueUpdate(current$1, update, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, current$1, lane, eventTime);
+    scheduleUpdateOnFiber(root, current$1, lane);
     entangleTransitions(root, current$1, lane);
   }
 
@@ -38140,8 +34798,7 @@ function attemptSynchronousHydration(fiber) {
         var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
         if (root !== null) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, fiber, SyncLane, eventTime);
+          scheduleUpdateOnFiber(root, fiber, SyncLane);
         }
       }); // If we're still blocked after this, we need to increase
       // the priority of any promises resolving within this
@@ -38187,8 +34844,7 @@ function attemptContinuousHydration(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+    scheduleUpdateOnFiber(root, fiber, lane);
   }
 
   markRetryLaneIfNotHydrated(fiber, lane);
@@ -38204,8 +34860,7 @@ function attemptHydrationAtCurrentPriority(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+    scheduleUpdateOnFiber(root, fiber, lane);
   }
 
   markRetryLaneIfNotHydrated(fiber, lane);
@@ -38361,7 +35016,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -38382,7 +35037,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -38403,7 +35058,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
@@ -38418,7 +35073,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -38432,7 +35087,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -38446,7 +35101,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -38454,7 +35109,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -41057,6 +37712,8 @@ function extractEvents$1(
       // Firefox creates a keypress event for function keys too. This removes
       // the unwanted keypress events. Enter is however both printable and
       // non-printable. One would expect Tab to be as well (but it isn't).
+      // TODO: Fixed in https://bugzilla.mozilla.org/show_bug.cgi?id=968056. Can
+      // probably remove.
       if (getEventCharCode(nativeEvent) === 0) {
         return;
       }
@@ -41086,6 +37743,8 @@ function extractEvents$1(
     case "click":
       // Firefox creates a click event on right mouse clicks. This removes the
       // unwanted click events.
+      // TODO: Fixed in https://phabricator.services.mozilla.com/D26793. Can
+      // probably remove.
       if (nativeEvent.button === 2) {
         return;
       }
@@ -42128,1111 +38787,3557 @@ function getListenerSetKey(domEventName, capture) {
   return domEventName + "__" + (capture ? "capture" : "bubble");
 }
 
-var Dispatcher$1 = Internals.Dispatcher;
-/* global reportError */
+var didWarnControlledToUncontrolled = false;
+var didWarnUncontrolledToControlled = false;
+var didWarnInvalidHydration = false;
+var didWarnFormActionType = false;
+var didWarnFormActionName = false;
+var didWarnFormActionTarget = false;
+var didWarnFormActionMethod = false;
+var canDiffStyleForHydrationWarning;
 
-var defaultOnRecoverableError =
-  typeof reportError === "function" // In modern browsers, reportError will dispatch an error event,
-    ? // emulating an uncaught JavaScript error.
-      reportError
-    : function (error) {
-        // In older browsers and test environments, fallback to console.error.
-        // eslint-disable-next-line react-internal/no-production-logging
-        console["error"](error);
-      }; // $FlowFixMe[missing-this-annot]
+{
+  // IE 11 parses & normalizes the style attribute as opposed to other
+  // browsers. It adds spaces and sorts the properties in some
+  // non-alphabetical order. Handling that would require sorting CSS
+  // properties in the client & server versions or applying
+  // `expectedStyle` to a temporary DOM node to read its `style` attribute
+  // normalized. Since it only affects IE, we're skipping style warnings
+  // in that browser completely in favor of doing all that work.
+  // See https://github.com/facebook/react/issues/11807
+  canDiffStyleForHydrationWarning =
+    disableIEWorkarounds || (canUseDOM && !document.documentMode);
+}
 
-function ReactDOMRoot(internalRoot) {
-  this._internalRoot = internalRoot;
-} // $FlowFixMe[prop-missing] found when upgrading Flow
+function validatePropertiesInDevelopment(type, props) {
+  {
+    validateProperties$2(type, props);
+    validateProperties$1(type, props);
+    validateProperties(type, props, {
+      registrationNameDependencies: registrationNameDependencies,
+      possibleRegistrationNames: possibleRegistrationNames
+    });
 
-ReactDOMHydrationRoot.prototype.render = ReactDOMRoot.prototype.render = // $FlowFixMe[missing-this-annot]
-  function (children) {
-    var root = this._internalRoot;
+    if (
+      props.contentEditable &&
+      !props.suppressContentEditableWarning &&
+      props.children != null
+    ) {
+      error(
+        "A component is `contentEditable` and contains `children` managed by " +
+          "React. It is now your responsibility to guarantee that none of " +
+          "those nodes are unexpectedly modified or duplicated. This is " +
+          "probably not intentional."
+      );
+    }
+  }
+}
 
-    if (root === null) {
-      throw new Error("Cannot update an unmounted root.");
+function validateFormActionInDevelopment(tag, key, value, props) {
+  {
+    if (value == null) {
+      return;
     }
 
+    if (tag === "form") {
+      if (key === "formAction") {
+        error(
+          "You can only pass the formAction prop to <input> or <button>. Use the action prop on <form>."
+        );
+      } else if (typeof value === "function") {
+        if (
+          (props.encType != null || props.method != null) &&
+          !didWarnFormActionMethod
+        ) {
+          didWarnFormActionMethod = true;
+
+          error(
+            "Cannot specify a encType or method for a form that specifies a " +
+              "function as the action. React provides those automatically. " +
+              "They will get overridden."
+          );
+        }
+
+        if (props.target != null && !didWarnFormActionTarget) {
+          didWarnFormActionTarget = true;
+
+          error(
+            "Cannot specify a target for a form that specifies a function as the action. " +
+              "The function will always be executed in the same window."
+          );
+        }
+      }
+    } else if (tag === "input" || tag === "button") {
+      if (key === "action") {
+        error(
+          "You can only pass the action prop to <form>. Use the formAction prop on <input> or <button>."
+        );
+      } else if (
+        tag === "input" &&
+        props.type !== "submit" &&
+        props.type !== "image" &&
+        !didWarnFormActionType
+      ) {
+        didWarnFormActionType = true;
+
+        error(
+          'An input can only specify a formAction along with type="submit" or type="image".'
+        );
+      } else if (
+        tag === "button" &&
+        props.type != null &&
+        props.type !== "submit" &&
+        !didWarnFormActionType
+      ) {
+        didWarnFormActionType = true;
+
+        error(
+          'A button can only specify a formAction along with type="submit" or no type.'
+        );
+      } else if (typeof value === "function") {
+        // Function form actions cannot control the form properties
+        if (props.name != null && !didWarnFormActionName) {
+          didWarnFormActionName = true;
+
+          error(
+            'Cannot specify a "name" prop for a button that specifies a function as a formAction. ' +
+              "React needs it to encode which action should be invoked. It will get overridden."
+          );
+        }
+
+        if (
+          (props.formEncType != null || props.formMethod != null) &&
+          !didWarnFormActionMethod
+        ) {
+          didWarnFormActionMethod = true;
+
+          error(
+            "Cannot specify a formEncType or formMethod for a button that specifies a " +
+              "function as a formAction. React provides those automatically. They will get overridden."
+          );
+        }
+
+        if (props.formTarget != null && !didWarnFormActionTarget) {
+          didWarnFormActionTarget = true;
+
+          error(
+            "Cannot specify a formTarget for a button that specifies a function as a formAction. " +
+              "The function will always be executed in the same window."
+          );
+        }
+      }
+    } else {
+      if (key === "action") {
+        error("You can only pass the action prop to <form>.");
+      } else {
+        error("You can only pass the formAction prop to <input> or <button>.");
+      }
+    }
+  }
+}
+
+function warnForPropDifference(propName, serverValue, clientValue) {
+  {
+    if (didWarnInvalidHydration) {
+      return;
+    }
+
+    if (serverValue === clientValue) {
+      return;
+    }
+
+    var normalizedClientValue = normalizeMarkupForTextOrAttribute(clientValue);
+    var normalizedServerValue = normalizeMarkupForTextOrAttribute(serverValue);
+
+    if (normalizedServerValue === normalizedClientValue) {
+      return;
+    }
+
+    didWarnInvalidHydration = true;
+
+    error(
+      "Prop `%s` did not match. Server: %s Client: %s",
+      propName,
+      JSON.stringify(normalizedServerValue),
+      JSON.stringify(normalizedClientValue)
+    );
+  }
+}
+
+function warnForExtraAttributes(attributeNames) {
+  {
+    if (didWarnInvalidHydration) {
+      return;
+    }
+
+    didWarnInvalidHydration = true;
+    var names = [];
+    attributeNames.forEach(function (name) {
+      names.push(name);
+    });
+
+    error("Extra attributes from the server: %s", names);
+  }
+}
+
+function warnForInvalidEventListener(registrationName, listener) {
+  {
+    if (listener === false) {
+      error(
+        "Expected `%s` listener to be a function, instead got `false`.\n\n" +
+          "If you used to conditionally omit it with %s={condition && value}, " +
+          "pass %s={condition ? value : undefined} instead.",
+        registrationName,
+        registrationName,
+        registrationName
+      );
+    } else {
+      error(
+        "Expected `%s` listener to be a function, instead got a value of `%s` type.",
+        registrationName,
+        typeof listener
+      );
+    }
+  }
+} // Parse the HTML and read it back to normalize the HTML string so that it
+// can be used for comparison.
+
+function normalizeHTML(parent, html) {
+  {
+    // We could have created a separate document here to avoid
+    // re-initializing custom elements if they exist. But this breaks
+    // how <noscript> is being handled. So we use the same document.
+    // See the discussion in https://github.com/facebook/react/pull/11157.
+    var testElement =
+      parent.namespaceURI === MATH_NAMESPACE ||
+      parent.namespaceURI === SVG_NAMESPACE
+        ? parent.ownerDocument.createElementNS(
+            parent.namespaceURI,
+            parent.tagName
+          )
+        : parent.ownerDocument.createElement(parent.tagName);
+    testElement.innerHTML = html;
+    return testElement.innerHTML;
+  }
+} // HTML parsing normalizes CR and CRLF to LF.
+// It also can turn \u0000 into \uFFFD inside attributes.
+// https://www.w3.org/TR/html5/single-page.html#preprocessing-the-input-stream
+// If we have a mismatch, it might be caused by that.
+// We will still patch up in this case but not fire the warning.
+
+var NORMALIZE_NEWLINES_REGEX = /\r\n?/g;
+var NORMALIZE_NULL_AND_REPLACEMENT_REGEX = /\u0000|\uFFFD/g;
+
+function normalizeMarkupForTextOrAttribute(markup) {
+  {
+    checkHtmlStringCoercion(markup);
+  }
+
+  var markupString = typeof markup === "string" ? markup : "" + markup;
+  return markupString
+    .replace(NORMALIZE_NEWLINES_REGEX, "\n")
+    .replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX, "");
+}
+
+function checkForUnmatchedText(
+  serverText,
+  clientText,
+  isConcurrentMode,
+  shouldWarnDev
+) {
+  var normalizedClientText = normalizeMarkupForTextOrAttribute(clientText);
+  var normalizedServerText = normalizeMarkupForTextOrAttribute(serverText);
+
+  if (normalizedServerText === normalizedClientText) {
+    return;
+  }
+
+  if (shouldWarnDev) {
     {
-      if (typeof arguments[1] === "function") {
+      if (!didWarnInvalidHydration) {
+        didWarnInvalidHydration = true;
+
         error(
-          "render(...): does not support the second callback argument. " +
-            "To execute a side effect after rendering, declare it in a component body with useEffect()."
-        );
-      } else if (isValidContainer(arguments[1])) {
-        error(
-          "You passed a container to the second argument of root.render(...). " +
-            "You don't need to pass it again since you already passed it to create the root."
-        );
-      } else if (typeof arguments[1] !== "undefined") {
-        error(
-          "You passed a second argument to root.render(...) but it only accepts " +
-            "one argument."
+          'Text content did not match. Server: "%s" Client: "%s"',
+          normalizedServerText,
+          normalizedClientText
         );
       }
     }
+  }
 
-    updateContainer(children, root, null, null);
-  }; // $FlowFixMe[prop-missing] found when upgrading Flow
+  if (isConcurrentMode && enableClientRenderFallbackOnTextMismatch) {
+    // In concurrent roots, we throw when there's a text mismatch and revert to
+    // client rendering, up to the nearest Suspense boundary.
+    throw new Error("Text content does not match server-rendered HTML.");
+  }
+}
 
-ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount = // $FlowFixMe[missing-this-annot]
-  function () {
-    {
-      if (typeof arguments[0] === "function") {
-        error(
-          "unmount(...): does not support a callback argument. " +
-            "To execute a side effect after rendering, declare it in a component body with useEffect()."
-        );
+function noop$1() {}
+
+function trapClickOnNonInteractiveElement(node) {
+  // Mobile Safari does not fire properly bubble click events on
+  // non-interactive elements, which means delegated click listeners do not
+  // fire. The workaround for this bug involves attaching an empty click
+  // listener on the target node.
+  // https://www.quirksmode.org/blog/archives/2010/09/click_event_del.html
+  // Just set it using the onclick property so that we don't have to manage any
+  // 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;
+}
+var xlinkNamespace = "http://www.w3.org/1999/xlink";
+var xmlNamespace = "http://www.w3.org/XML/1998/namespace";
+
+function setProp(domElement, tag, key, value, props, prevValue) {
+  switch (key) {
+    case "children": {
+      if (typeof value === "string") {
+        {
+          validateTextNesting(value, tag);
+        } // Avoid setting initial textContent when the text is empty. In IE11 setting
+        // textContent on a <textarea> will cause the placeholder to not
+        // show within the <textarea> until it has been focused and blurred again.
+        // https://github.com/facebook/react/issues/6731#issuecomment-254874553
+
+        var canSetTextContent =
+          tag !== "body" && (tag !== "textarea" || value !== "");
+
+        if (canSetTextContent) {
+          setTextContent(domElement, value);
+        }
+      } else if (typeof value === "number") {
+        {
+          validateTextNesting("" + value, tag);
+        }
+
+        var _canSetTextContent = tag !== "body";
+
+        if (_canSetTextContent) {
+          setTextContent(domElement, "" + value);
+        }
       }
+
+      break;
+    }
+    // These are very common props and therefore are in the beginning of the switch.
+    // TODO: aria-label is a very common prop but allows booleans so is not like the others
+    // but should ideally go in this list too.
+
+    case "className":
+      setValueForKnownAttribute(domElement, "class", value);
+      break;
+
+    case "tabIndex":
+      // This has to be case sensitive in SVG.
+      setValueForKnownAttribute(domElement, "tabindex", value);
+      break;
+
+    case "dir":
+    case "role":
+    case "viewBox":
+    case "width":
+    case "height": {
+      setValueForKnownAttribute(domElement, key, value);
+      break;
     }
 
-    var root = this._internalRoot;
+    case "style": {
+      setValueForStyles(domElement, value, prevValue);
+      break;
+    }
+    // These attributes accept URLs. These must not allow javascript: URLS.
 
-    if (root !== null) {
-      this._internalRoot = null;
-      var container = root.containerInfo;
+    case "src":
+    case "href": {
+      {
+        if (value === "") {
+          {
+            if (key === "src") {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "This may cause the browser to download the whole page again over the network. " +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                key,
+                key
+              );
+            } else {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                key,
+                key
+              );
+            }
+          }
+
+          domElement.removeAttribute(key);
+          break;
+        }
+      }
+
+      if (
+        value == null ||
+        typeof value === "function" ||
+        typeof value === "symbol" ||
+        typeof value === "boolean"
+      ) {
+        domElement.removeAttribute(key);
+        break;
+      } // `setAttribute` with objects becomes only `[object]` in IE8/9,
+      // ('' + value) makes it output the correct toString()-value.
 
       {
-        if (isAlreadyRendering()) {
-          error(
-            "Attempted to synchronously unmount a root while React was already " +
-              "rendering. React cannot finish unmounting the root until the " +
-              "current render has completed, which may lead to a race condition."
+        checkAttributeStringCoercion(value, key);
+      }
+
+      var sanitizedValue = sanitizeURL(
+        enableTrustedTypesIntegration ? value : "" + value
+      );
+      domElement.setAttribute(key, sanitizedValue);
+      break;
+    }
+
+    case "action":
+    case "formAction": {
+      // TODO: Consider moving these special cases to the form, input and button tags.
+      {
+        validateFormActionInDevelopment(tag, key, value, props);
+      }
+
+      if (
+        value == null ||
+        typeof value === "function" ||
+        typeof value === "symbol" ||
+        typeof value === "boolean"
+      ) {
+        domElement.removeAttribute(key);
+        break;
+      } // `setAttribute` with objects becomes only `[object]` in IE8/9,
+      // ('' + value) makes it output the correct toString()-value.
+
+      {
+        checkAttributeStringCoercion(value, key);
+      }
+
+      var _sanitizedValue = sanitizeURL(
+        enableTrustedTypesIntegration ? value : "" + value
+      );
+
+      domElement.setAttribute(key, _sanitizedValue);
+      break;
+    }
+
+    case "onClick": {
+      // TODO: This cast may not be sound for SVG, MathML or custom elements.
+      if (value != null) {
+        if (typeof value !== "function") {
+          warnForInvalidEventListener(key, value);
+        }
+
+        trapClickOnNonInteractiveElement(domElement);
+      }
+
+      break;
+    }
+
+    case "onScroll": {
+      if (value != null) {
+        if (typeof value !== "function") {
+          warnForInvalidEventListener(key, value);
+        }
+
+        listenToNonDelegatedEvent("scroll", domElement);
+      }
+
+      break;
+    }
+
+    case "dangerouslySetInnerHTML": {
+      if (value != null) {
+        if (typeof value !== "object" || !("__html" in value)) {
+          throw new Error(
+            "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
+              "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
+              "for more information."
           );
         }
+
+        var nextHtml = value.__html;
+
+        if (nextHtml != null) {
+          if (props.children != null) {
+            throw new Error(
+              "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
+            );
+          }
+
+          if (disableIEWorkarounds) {
+            domElement.innerHTML = nextHtml;
+          } else {
+            setInnerHTML$1(domElement, nextHtml);
+          }
+        }
       }
 
-      flushSync$1(function () {
-        updateContainer(null, root, null, null);
-      });
-      unmarkContainerAsRoot(container);
+      break;
     }
-  };
+    // Note: `option.selected` is not updated if `select.multiple` is
+    // disabled with `removeAttribute`. We have special logic for handling this.
 
-function createRoot$1(container, options) {
-  if (!isValidContainer(container)) {
-    throw new Error("createRoot(...): Target container is not a DOM element.");
-  }
+    case "multiple": {
+      domElement.multiple =
+        value && typeof value !== "function" && typeof value !== "symbol";
+      break;
+    }
 
-  warnIfReactDOMContainerInDEV(container);
-  var isStrictMode = false;
-  var concurrentUpdatesByDefaultOverride = false;
-  var identifierPrefix = "";
-  var onRecoverableError = defaultOnRecoverableError;
-  var transitionCallbacks = null;
+    case "muted": {
+      domElement.muted =
+        value && typeof value !== "function" && typeof value !== "symbol";
+      break;
+    }
 
-  if (options !== null && options !== undefined) {
-    {
-      if (options.hydrate) {
-        warn(
-          "hydrate through createRoot is deprecated. Use ReactDOMClient.hydrateRoot(container, <App />) instead."
+    case "suppressContentEditableWarning":
+    case "suppressHydrationWarning":
+    case "defaultValue": // Reserved
+
+    case "defaultChecked":
+    case "innerHTML": {
+      // Noop
+      break;
+    }
+
+    case "autoFocus": {
+      // We polyfill it separately on the client during commit.
+      // We could have excluded it in the property list instead of
+      // adding a special case here, but then it wouldn't be emitted
+      // on server rendering (but we *do* want to emit it in SSR).
+      break;
+    }
+
+    case "xlinkHref": {
+      if (
+        value == null ||
+        typeof value === "function" ||
+        typeof value === "boolean" ||
+        typeof value === "symbol"
+      ) {
+        domElement.removeAttribute("xlink:href");
+        break;
+      } // `setAttribute` with objects becomes only `[object]` in IE8/9,
+      // ('' + value) makes it output the correct toString()-value.
+
+      {
+        checkAttributeStringCoercion(value, key);
+      }
+
+      var _sanitizedValue2 = sanitizeURL(
+        enableTrustedTypesIntegration ? value : "" + value
+      );
+
+      domElement.setAttributeNS(xlinkNamespace, "xlink:href", _sanitizedValue2);
+      break;
+    }
+
+    case "contentEditable":
+    case "spellCheck":
+    case "draggable":
+    case "value":
+    case "autoReverse":
+    case "externalResourcesRequired":
+    case "focusable":
+    case "preserveAlpha": {
+      // Booleanish String
+      // These are "enumerated" attributes that accept "true" and "false".
+      // In React, we let users pass `true` and `false` even though technically
+      // these aren't boolean attributes (they are coerced to strings).
+      // The SVG attributes are case-sensitive. Since the HTML attributes are
+      // insensitive they also work even though we canonically use lower case.
+      if (
+        value != null &&
+        typeof value !== "function" &&
+        typeof value !== "symbol"
+      ) {
+        {
+          checkAttributeStringCoercion(value, key);
+        }
+
+        domElement.setAttribute(
+          key,
+          enableTrustedTypesIntegration ? value : "" + value
         );
       } else {
+        domElement.removeAttribute(key);
+      }
+
+      break;
+    }
+    // Boolean
+
+    case "allowFullScreen":
+    case "async":
+    case "autoPlay":
+    case "controls":
+    case "default":
+    case "defer":
+    case "disabled":
+    case "disablePictureInPicture":
+    case "disableRemotePlayback":
+    case "formNoValidate":
+    case "hidden":
+    case "loop":
+    case "noModule":
+    case "noValidate":
+    case "open":
+    case "playsInline":
+    case "readOnly":
+    case "required":
+    case "reversed":
+    case "scoped":
+    case "seamless":
+    case "itemScope": {
+      if (value && typeof value !== "function" && typeof value !== "symbol") {
+        domElement.setAttribute(key, "");
+      } else {
+        domElement.removeAttribute(key);
+      }
+
+      break;
+    }
+    // Overloaded Boolean
+
+    case "capture":
+    case "download": {
+      // An attribute that can be used as a flag as well as with a value.
+      // When true, it should be present (set either to an empty string or its name).
+      // When false, it should be omitted.
+      // For any other value, should be present with that value.
+      if (value === true) {
+        domElement.setAttribute(key, "");
+      } else if (
+        value !== false &&
+        value != null &&
+        typeof value !== "function" &&
+        typeof value !== "symbol"
+      ) {
+        {
+          checkAttributeStringCoercion(value, key);
+        }
+
+        domElement.setAttribute(key, value);
+      } else {
+        domElement.removeAttribute(key);
+      }
+
+      break;
+    }
+
+    case "cols":
+    case "rows":
+    case "size":
+    case "span": {
+      // These are HTML attributes that must be positive numbers.
+      if (
+        value != null &&
+        typeof value !== "function" &&
+        typeof value !== "symbol" &&
+        !isNaN(value) &&
+        value >= 1
+      ) {
+        {
+          checkAttributeStringCoercion(value, key);
+        }
+
+        domElement.setAttribute(key, value);
+      } else {
+        domElement.removeAttribute(key);
+      }
+
+      break;
+    }
+
+    case "rowSpan":
+    case "start": {
+      // These are HTML attributes that must be numbers.
+      if (
+        value != null &&
+        typeof value !== "function" &&
+        typeof value !== "symbol" &&
+        !isNaN(value)
+      ) {
+        {
+          checkAttributeStringCoercion(value, key);
+        }
+
+        domElement.setAttribute(key, value);
+      } else {
+        domElement.removeAttribute(key);
+      }
+
+      break;
+    }
+
+    case "xlinkActuate":
+      setValueForNamespacedAttribute(
+        domElement,
+        xlinkNamespace,
+        "xlink:actuate",
+        value
+      );
+      break;
+
+    case "xlinkArcrole":
+      setValueForNamespacedAttribute(
+        domElement,
+        xlinkNamespace,
+        "xlink:arcrole",
+        value
+      );
+      break;
+
+    case "xlinkRole":
+      setValueForNamespacedAttribute(
+        domElement,
+        xlinkNamespace,
+        "xlink:role",
+        value
+      );
+      break;
+
+    case "xlinkShow":
+      setValueForNamespacedAttribute(
+        domElement,
+        xlinkNamespace,
+        "xlink:show",
+        value
+      );
+      break;
+
+    case "xlinkTitle":
+      setValueForNamespacedAttribute(
+        domElement,
+        xlinkNamespace,
+        "xlink:title",
+        value
+      );
+      break;
+
+    case "xlinkType":
+      setValueForNamespacedAttribute(
+        domElement,
+        xlinkNamespace,
+        "xlink:type",
+        value
+      );
+      break;
+
+    case "xmlBase":
+      setValueForNamespacedAttribute(
+        domElement,
+        xmlNamespace,
+        "xml:base",
+        value
+      );
+      break;
+
+    case "xmlLang":
+      setValueForNamespacedAttribute(
+        domElement,
+        xmlNamespace,
+        "xml:lang",
+        value
+      );
+      break;
+
+    case "xmlSpace":
+      setValueForNamespacedAttribute(
+        domElement,
+        xmlNamespace,
+        "xml:space",
+        value
+      );
+      break;
+    // Properties that should not be allowed on custom elements.
+
+    case "is": {
+      {
+        if (prevValue != null) {
+          error('Cannot update the "is" prop after it has been initialized.');
+        }
+      } // TODO: We shouldn't actually set this attribute, because we've already
+      // passed it to createElement. We don't also need the attribute.
+      // However, our tests currently query for it so it's plausible someone
+      // else does too so it's break.
+
+      setValueForAttribute(domElement, "is", value);
+      break;
+    }
+
+    case "innerText":
+    case "textContent":
+      if (enableCustomElementPropertySupport) {
+        break;
+      }
+
+    // Fall through
+
+    default: {
+      if (
+        key.length > 2 &&
+        (key[0] === "o" || key[0] === "O") &&
+        (key[1] === "n" || key[1] === "N")
+      ) {
         if (
-          typeof options === "object" &&
-          options !== null &&
-          options.$$typeof === REACT_ELEMENT_TYPE
+          registrationNameDependencies.hasOwnProperty(key) &&
+          value != null &&
+          typeof value !== "function"
+        ) {
+          warnForInvalidEventListener(key, value);
+        }
+      } else {
+        var attributeName = getAttributeAlias(key);
+        setValueForAttribute(domElement, attributeName, value);
+      }
+    }
+  }
+}
+
+function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
+  switch (key) {
+    case "style": {
+      setValueForStyles(domElement, value, prevValue);
+      break;
+    }
+
+    case "dangerouslySetInnerHTML": {
+      if (value != null) {
+        if (typeof value !== "object" || !("__html" in value)) {
+          throw new Error(
+            "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
+              "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
+              "for more information."
+          );
+        }
+
+        var nextHtml = value.__html;
+
+        if (nextHtml != null) {
+          if (props.children != null) {
+            throw new Error(
+              "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
+            );
+          }
+
+          if (disableIEWorkarounds) {
+            domElement.innerHTML = nextHtml;
+          } else {
+            setInnerHTML$1(domElement, nextHtml);
+          }
+        }
+      }
+
+      break;
+    }
+
+    case "children": {
+      if (typeof value === "string") {
+        setTextContent(domElement, value);
+      } else if (typeof value === "number") {
+        setTextContent(domElement, "" + value);
+      }
+
+      break;
+    }
+
+    case "onScroll": {
+      if (value != null) {
+        if (typeof value !== "function") {
+          warnForInvalidEventListener(key, value);
+        }
+
+        listenToNonDelegatedEvent("scroll", domElement);
+      }
+
+      break;
+    }
+
+    case "onClick": {
+      // TODO: This cast may not be sound for SVG, MathML or custom elements.
+      if (value != null) {
+        if (typeof value !== "function") {
+          warnForInvalidEventListener(key, value);
+        }
+
+        trapClickOnNonInteractiveElement(domElement);
+      }
+
+      break;
+    }
+
+    case "suppressContentEditableWarning":
+    case "suppressHydrationWarning":
+    case "innerHTML": {
+      // Noop
+      break;
+    }
+
+    case "innerText": // Properties
+
+    case "textContent":
+      if (enableCustomElementPropertySupport) {
+        break;
+      }
+
+    // Fall through
+
+    default: {
+      if (registrationNameDependencies.hasOwnProperty(key)) {
+        if (value != null && typeof value !== "function") {
+          warnForInvalidEventListener(key, value);
+        }
+      } else {
+        if (enableCustomElementPropertySupport) {
+          setValueForPropertyOnCustomComponent(domElement, key, value);
+        } else {
+          if (typeof value === "boolean") {
+            // Special case before the new flag is on
+            value = "" + value;
+          }
+
+          setValueForAttribute(domElement, key, value);
+        }
+      }
+    }
+  }
+}
+
+function setInitialProperties(domElement, tag, props) {
+  {
+    validatePropertiesInDevelopment(tag, props);
+  } // TODO: Make sure that we check isMounted before firing any of these events.
+
+  switch (tag) {
+    case "div":
+    case "span":
+    case "svg":
+    case "path":
+    case "a":
+    case "g":
+    case "p":
+    case "li": {
+      // Fast track the most common tag types
+      break;
+    }
+
+    case "input": {
+      {
+        checkControlledValueProps("input", props);
+      } // We listen to this event in case to ensure emulated bubble
+      // listeners still fire for the invalid event.
+
+      listenToNonDelegatedEvent("invalid", domElement);
+      var name = null;
+      var type = null;
+      var value = null;
+      var defaultValue = null;
+      var checked = null;
+      var defaultChecked = null;
+
+      for (var propKey in props) {
+        if (!props.hasOwnProperty(propKey)) {
+          continue;
+        }
+
+        var propValue = props[propKey];
+
+        if (propValue == null) {
+          continue;
+        }
+
+        switch (propKey) {
+          case "name": {
+            name = propValue;
+            break;
+          }
+
+          case "type": {
+            type = propValue;
+            break;
+          }
+
+          case "checked": {
+            checked = propValue;
+            break;
+          }
+
+          case "defaultChecked": {
+            defaultChecked = propValue;
+            break;
+          }
+
+          case "value": {
+            value = propValue;
+            break;
+          }
+
+          case "defaultValue": {
+            defaultValue = propValue;
+            break;
+          }
+
+          case "children":
+          case "dangerouslySetInnerHTML": {
+            if (propValue != null) {
+              throw new Error(
+                tag +
+                  " is a void element tag and must neither have `children` nor " +
+                  "use `dangerouslySetInnerHTML`."
+              );
+            }
+
+            break;
+          }
+
+          default: {
+            setProp(domElement, tag, propKey, propValue, props, null);
+          }
+        }
+      } // TODO: Make sure we check if this is still unmounted or do any clean
+      // up necessary since we never stop tracking anymore.
+
+      validateInputProps(domElement, props);
+      initInput(
+        domElement,
+        value,
+        defaultValue,
+        checked,
+        defaultChecked,
+        type,
+        name,
+        false
+      );
+      track(domElement);
+      return;
+    }
+
+    case "select": {
+      {
+        checkControlledValueProps("select", props);
+      } // We listen to this event in case to ensure emulated bubble
+      // listeners still fire for the invalid event.
+
+      listenToNonDelegatedEvent("invalid", domElement);
+      var _value = null;
+      var _defaultValue = null;
+      var multiple = null;
+
+      for (var _propKey in props) {
+        if (!props.hasOwnProperty(_propKey)) {
+          continue;
+        }
+
+        var _propValue = props[_propKey];
+
+        if (_propValue == null) {
+          continue;
+        }
+
+        switch (_propKey) {
+          case "value": {
+            _value = _propValue; // This is handled by initSelect below.
+
+            break;
+          }
+
+          case "defaultValue": {
+            _defaultValue = _propValue; // This is handled by initSelect below.
+
+            break;
+          }
+
+          case "multiple": {
+            multiple = _propValue; // TODO: We don't actually have to fall through here because we set it
+            // in initSelect anyway. We can remove the special case in setProp.
+          }
+          // Fallthrough
+
+          default: {
+            setProp(domElement, tag, _propKey, _propValue, props, null);
+          }
+        }
+      }
+
+      validateSelectProps(domElement, props);
+      initSelect(domElement, _value, _defaultValue, multiple);
+      return;
+    }
+
+    case "textarea": {
+      {
+        checkControlledValueProps("textarea", props);
+      } // We listen to this event in case to ensure emulated bubble
+      // listeners still fire for the invalid event.
+
+      listenToNonDelegatedEvent("invalid", domElement);
+      var _value2 = null;
+      var _defaultValue2 = null;
+      var children = null;
+
+      for (var _propKey2 in props) {
+        if (!props.hasOwnProperty(_propKey2)) {
+          continue;
+        }
+
+        var _propValue2 = props[_propKey2];
+
+        if (_propValue2 == null) {
+          continue;
+        }
+
+        switch (_propKey2) {
+          case "value": {
+            _value2 = _propValue2; // This is handled by initTextarea below.
+
+            break;
+          }
+
+          case "defaultValue": {
+            _defaultValue2 = _propValue2;
+            break;
+          }
+
+          case "children": {
+            children = _propValue2; // Handled by initTextarea above.
+
+            break;
+          }
+
+          case "dangerouslySetInnerHTML": {
+            if (_propValue2 != null) {
+              // TODO: Do we really need a special error message for this. It's also pretty blunt.
+              throw new Error(
+                "`dangerouslySetInnerHTML` does not make sense on <textarea>."
+              );
+            }
+
+            break;
+          }
+
+          default: {
+            setProp(domElement, tag, _propKey2, _propValue2, props, null);
+          }
+        }
+      } // TODO: Make sure we check if this is still unmounted or do any clean
+      // up necessary since we never stop tracking anymore.
+
+      validateTextareaProps(domElement, props);
+      initTextarea(domElement, _value2, _defaultValue2, children);
+      track(domElement);
+      return;
+    }
+
+    case "option": {
+      validateOptionProps(domElement, props);
+
+      for (var _propKey3 in props) {
+        if (!props.hasOwnProperty(_propKey3)) {
+          continue;
+        }
+
+        var _propValue3 = props[_propKey3];
+
+        if (_propValue3 == null) {
+          continue;
+        }
+
+        switch (_propKey3) {
+          case "selected": {
+            // TODO: Remove support for selected on option.
+            domElement.selected =
+              _propValue3 &&
+              typeof _propValue3 !== "function" &&
+              typeof _propValue3 !== "symbol";
+            break;
+          }
+
+          default: {
+            setProp(domElement, tag, _propKey3, _propValue3, props, null);
+          }
+        }
+      }
+
+      return;
+    }
+
+    case "dialog": {
+      listenToNonDelegatedEvent("cancel", domElement);
+      listenToNonDelegatedEvent("close", domElement);
+      break;
+    }
+
+    case "iframe":
+    case "object": {
+      // We listen to this event in case to ensure emulated bubble
+      // listeners still fire for the load event.
+      listenToNonDelegatedEvent("load", domElement);
+      break;
+    }
+
+    case "video":
+    case "audio": {
+      // We listen to these events in case to ensure emulated bubble
+      // listeners still fire for all the media events.
+      for (var i = 0; i < mediaEventTypes.length; i++) {
+        listenToNonDelegatedEvent(mediaEventTypes[i], domElement);
+      }
+
+      break;
+    }
+
+    case "image": {
+      // We listen to these events in case to ensure emulated bubble
+      // listeners still fire for error and load events.
+      listenToNonDelegatedEvent("error", domElement);
+      listenToNonDelegatedEvent("load", domElement);
+      break;
+    }
+
+    case "details": {
+      // We listen to this event in case to ensure emulated bubble
+      // listeners still fire for the toggle event.
+      listenToNonDelegatedEvent("toggle", domElement);
+      break;
+    }
+
+    case "embed":
+    case "source":
+    case "img":
+    case "link": {
+      // These are void elements that also need delegated events.
+      listenToNonDelegatedEvent("error", domElement);
+      listenToNonDelegatedEvent("load", domElement); // We fallthrough to the return of the void elements
+    }
+
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "track":
+    case "wbr":
+    case "menuitem": {
+      // Void elements
+      for (var _propKey4 in props) {
+        if (!props.hasOwnProperty(_propKey4)) {
+          continue;
+        }
+
+        var _propValue4 = props[_propKey4];
+
+        if (_propValue4 == null) {
+          continue;
+        }
+
+        switch (_propKey4) {
+          case "children":
+          case "dangerouslySetInnerHTML": {
+            // TODO: Can we make this a DEV warning to avoid this deny list?
+            throw new Error(
+              tag +
+                " is a void element tag and must neither have `children` nor " +
+                "use `dangerouslySetInnerHTML`."
+            );
+          }
+          // defaultChecked and defaultValue are ignored by setProp
+
+          default: {
+            setProp(domElement, tag, _propKey4, _propValue4, props, null);
+          }
+        }
+      }
+
+      return;
+    }
+
+    default: {
+      if (isCustomElement(tag)) {
+        for (var _propKey5 in props) {
+          if (!props.hasOwnProperty(_propKey5)) {
+            continue;
+          }
+
+          var _propValue5 = props[_propKey5];
+
+          if (_propValue5 == null) {
+            continue;
+          }
+
+          setPropOnCustomElement(
+            domElement,
+            tag,
+            _propKey5,
+            _propValue5,
+            props,
+            null
+          );
+        }
+
+        return;
+      }
+    }
+  }
+
+  for (var _propKey6 in props) {
+    if (!props.hasOwnProperty(_propKey6)) {
+      continue;
+    }
+
+    var _propValue6 = props[_propKey6];
+
+    if (_propValue6 == null) {
+      continue;
+    }
+
+    setProp(domElement, tag, _propKey6, _propValue6, props, null);
+  }
+} // Calculate the diff between the two objects.
+
+function diffProperties(domElement, tag, lastProps, nextProps) {
+  {
+    validatePropertiesInDevelopment(tag, nextProps);
+  }
+
+  var updatePayload = null;
+  var propKey;
+  var styleName;
+  var styleUpdates = null;
+
+  for (propKey in lastProps) {
+    if (
+      nextProps.hasOwnProperty(propKey) ||
+      !lastProps.hasOwnProperty(propKey) ||
+      lastProps[propKey] == null
+    ) {
+      continue;
+    }
+
+    switch (propKey) {
+      case "style": {
+        var lastStyle = lastProps[propKey];
+
+        for (styleName in lastStyle) {
+          if (lastStyle.hasOwnProperty(styleName)) {
+            if (!styleUpdates) {
+              styleUpdates = {};
+            }
+
+            styleUpdates[styleName] = "";
+          }
+        }
+
+        break;
+      }
+
+      default: {
+        // For all other deleted properties we add it to the queue. We use
+        // the allowed property list in the commit phase instead.
+        (updatePayload = updatePayload || []).push(propKey, null);
+      }
+    }
+  }
+
+  for (propKey in nextProps) {
+    var nextProp = nextProps[propKey];
+    var lastProp = lastProps != null ? lastProps[propKey] : undefined;
+
+    if (
+      nextProps.hasOwnProperty(propKey) &&
+      nextProp !== lastProp &&
+      (nextProp != null || lastProp != null)
+    ) {
+      switch (propKey) {
+        case "style": {
+          if (lastProp) {
+            // Unset styles on `lastProp` but not on `nextProp`.
+            for (styleName in lastProp) {
+              if (
+                lastProp.hasOwnProperty(styleName) &&
+                (!nextProp || !nextProp.hasOwnProperty(styleName))
+              ) {
+                if (!styleUpdates) {
+                  styleUpdates = {};
+                }
+
+                styleUpdates[styleName] = "";
+              }
+            } // Update styles that changed since `lastProp`.
+
+            for (styleName in nextProp) {
+              if (
+                nextProp.hasOwnProperty(styleName) &&
+                lastProp[styleName] !== nextProp[styleName]
+              ) {
+                if (!styleUpdates) {
+                  styleUpdates = {};
+                }
+
+                styleUpdates[styleName] = nextProp[styleName];
+              }
+            }
+          } else {
+            // Relies on `updateStylesByID` not mutating `styleUpdates`.
+            if (!styleUpdates) {
+              if (!updatePayload) {
+                updatePayload = [];
+              }
+
+              updatePayload.push(propKey, styleUpdates);
+            }
+
+            styleUpdates = nextProp;
+          }
+
+          break;
+        }
+
+        case "is": {
+          error('Cannot update the "is" prop after it has been initialized.');
+        }
+
+        // Fall through
+
+        default: {
+          (updatePayload = updatePayload || []).push(propKey, nextProp);
+        }
+      }
+    }
+  }
+
+  if (styleUpdates) {
+    {
+      validateShorthandPropertyCollisionInDev(lastProps.style, nextProps.style);
+    }
+
+    (updatePayload = updatePayload || []).push("style", styleUpdates);
+  }
+
+  return updatePayload;
+}
+function updateProperties(domElement, tag, lastProps, nextProps) {
+  {
+    validatePropertiesInDevelopment(tag, nextProps);
+  }
+
+  switch (tag) {
+    case "div":
+    case "span":
+    case "svg":
+    case "path":
+    case "a":
+    case "g":
+    case "p":
+    case "li": {
+      // Fast track the most common tag types
+      break;
+    }
+
+    case "input": {
+      var name = null;
+      var type = null;
+      var value = null;
+      var defaultValue = null;
+      var lastDefaultValue = null;
+      var checked = null;
+      var defaultChecked = null;
+
+      for (var propKey in lastProps) {
+        var lastProp = lastProps[propKey];
+
+        if (lastProps.hasOwnProperty(propKey) && lastProp != null) {
+          switch (propKey) {
+            case "checked": {
+              break;
+            }
+
+            case "value": {
+              // This is handled by updateWrapper below.
+              break;
+            }
+
+            case "defaultValue": {
+              lastDefaultValue = lastProp;
+            }
+            // defaultChecked and defaultValue are ignored by setProp
+            // Fallthrough
+
+            default: {
+              if (!nextProps.hasOwnProperty(propKey))
+                setProp(domElement, tag, propKey, null, nextProps, lastProp);
+            }
+          }
+        }
+      }
+
+      for (var _propKey7 in nextProps) {
+        var nextProp = nextProps[_propKey7];
+        var _lastProp = lastProps[_propKey7];
+
+        if (
+          nextProps.hasOwnProperty(_propKey7) &&
+          (nextProp != null || _lastProp != null)
+        ) {
+          switch (_propKey7) {
+            case "type": {
+              type = nextProp;
+              break;
+            }
+
+            case "name": {
+              name = nextProp;
+              break;
+            }
+
+            case "checked": {
+              checked = nextProp;
+              break;
+            }
+
+            case "defaultChecked": {
+              defaultChecked = nextProp;
+              break;
+            }
+
+            case "value": {
+              value = nextProp;
+              break;
+            }
+
+            case "defaultValue": {
+              defaultValue = nextProp;
+              break;
+            }
+
+            case "children":
+            case "dangerouslySetInnerHTML": {
+              if (nextProp != null) {
+                throw new Error(
+                  tag +
+                    " is a void element tag and must neither have `children` nor " +
+                    "use `dangerouslySetInnerHTML`."
+                );
+              }
+
+              break;
+            }
+
+            default: {
+              if (nextProp !== _lastProp)
+                setProp(
+                  domElement,
+                  tag,
+                  _propKey7,
+                  nextProp,
+                  nextProps,
+                  _lastProp
+                );
+            }
+          }
+        }
+      }
+
+      {
+        var wasControlled =
+          lastProps.type === "checkbox" || lastProps.type === "radio"
+            ? lastProps.checked != null
+            : lastProps.value != null;
+        var isControlled =
+          nextProps.type === "checkbox" || nextProps.type === "radio"
+            ? nextProps.checked != null
+            : nextProps.value != null;
+
+        if (
+          !wasControlled &&
+          isControlled &&
+          !didWarnUncontrolledToControlled
         ) {
           error(
-            "You passed a JSX element to createRoot. You probably meant to " +
-              "call root.render instead. " +
-              "Example usage:\n\n" +
-              "  let root = createRoot(domContainer);\n" +
-              "  root.render(<App />);"
+            "A component is changing an uncontrolled input to be controlled. " +
+              "This is likely caused by the value changing from undefined to " +
+              "a defined value, which should not happen. " +
+              "Decide between using a controlled or uncontrolled input " +
+              "element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components"
           );
+
+          didWarnUncontrolledToControlled = true;
         }
-      }
-    }
 
-    if (options.unstable_strictMode === true) {
-      isStrictMode = true;
-    }
-
-    if (options.unstable_concurrentUpdatesByDefault === true) {
-      concurrentUpdatesByDefaultOverride = true;
-    }
-
-    if (options.identifierPrefix !== undefined) {
-      identifierPrefix = options.identifierPrefix;
-    }
-
-    if (options.onRecoverableError !== undefined) {
-      onRecoverableError = options.onRecoverableError;
-    }
-
-    if (options.unstable_transitionCallbacks !== undefined) {
-      transitionCallbacks = options.unstable_transitionCallbacks;
-    }
-  }
-
-  var root = createContainer(
-    container,
-    ConcurrentRoot,
-    null,
-    isStrictMode,
-    concurrentUpdatesByDefaultOverride,
-    identifierPrefix,
-    onRecoverableError,
-    transitionCallbacks
-  );
-  markContainerAsRoot(root.current, container);
-
-  {
-    // Set the default dispatcher to the client dispatcher
-    Dispatcher$1.current = ReactDOMClientDispatcher;
-  }
-
-  var rootContainerElement =
-    container.nodeType === COMMENT_NODE ? container.parentNode : container;
-  listenToAllSupportedEvents(rootContainerElement); // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
-
-  return new ReactDOMRoot(root);
-} // $FlowFixMe[missing-this-annot]
-
-function ReactDOMHydrationRoot(internalRoot) {
-  this._internalRoot = internalRoot;
-}
-
-function scheduleHydration(target) {
-  if (target) {
-    queueExplicitHydrationTarget(target);
-  }
-} // $FlowFixMe[prop-missing] found when upgrading Flow
-
-ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = scheduleHydration;
-function hydrateRoot$1(container, initialChildren, options) {
-  if (!isValidContainer(container)) {
-    throw new Error("hydrateRoot(...): Target container is not a DOM element.");
-  }
-
-  warnIfReactDOMContainerInDEV(container);
-
-  {
-    if (initialChildren === undefined) {
-      error(
-        "Must provide initial children as second argument to hydrateRoot. " +
-          "Example usage: hydrateRoot(domContainer, <App />)"
-      );
-    }
-  } // For now we reuse the whole bag of options since they contain
-  // the hydration callbacks.
-
-  var hydrationCallbacks = options != null ? options : null; // TODO: Delete this option
-
-  var mutableSources = (options != null && options.hydratedSources) || null;
-  var isStrictMode = false;
-  var concurrentUpdatesByDefaultOverride = false;
-  var identifierPrefix = "";
-  var onRecoverableError = defaultOnRecoverableError;
-  var transitionCallbacks = null;
-
-  if (options !== null && options !== undefined) {
-    if (options.unstable_strictMode === true) {
-      isStrictMode = true;
-    }
-
-    if (options.unstable_concurrentUpdatesByDefault === true) {
-      concurrentUpdatesByDefaultOverride = true;
-    }
-
-    if (options.identifierPrefix !== undefined) {
-      identifierPrefix = options.identifierPrefix;
-    }
-
-    if (options.onRecoverableError !== undefined) {
-      onRecoverableError = options.onRecoverableError;
-    }
-
-    if (options.unstable_transitionCallbacks !== undefined) {
-      transitionCallbacks = options.unstable_transitionCallbacks;
-    }
-  }
-
-  var root = createHydrationContainer(
-    initialChildren,
-    null,
-    container,
-    ConcurrentRoot,
-    hydrationCallbacks,
-    isStrictMode,
-    concurrentUpdatesByDefaultOverride,
-    identifierPrefix,
-    onRecoverableError,
-    transitionCallbacks
-  );
-  markContainerAsRoot(root.current, container);
-
-  {
-    // Set the default dispatcher to the client dispatcher
-    Dispatcher$1.current = ReactDOMClientDispatcher;
-  } // This can't be a comment node since hydration doesn't work on comment nodes anyway.
-
-  listenToAllSupportedEvents(container);
-
-  if (mutableSources) {
-    for (var i = 0; i < mutableSources.length; i++) {
-      var mutableSource = mutableSources[i];
-      registerMutableSourceForHydration(root, mutableSource);
-    }
-  } // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
-
-  return new ReactDOMHydrationRoot(root);
-}
-function isValidContainer(node) {
-  return !!(
-    node &&
-    (node.nodeType === ELEMENT_NODE ||
-      node.nodeType === DOCUMENT_NODE ||
-      node.nodeType === DOCUMENT_FRAGMENT_NODE ||
-      (node.nodeType === COMMENT_NODE &&
-        node.nodeValue === " react-mount-point-unstable "))
-  );
-} // TODO: Remove this function which also includes comment nodes.
-// We only use it in places that are currently more relaxed.
-
-function isValidContainerLegacy(node) {
-  return !!(
-    node &&
-    (node.nodeType === ELEMENT_NODE ||
-      node.nodeType === DOCUMENT_NODE ||
-      node.nodeType === DOCUMENT_FRAGMENT_NODE ||
-      (node.nodeType === COMMENT_NODE &&
-        node.nodeValue === " react-mount-point-unstable "))
-  );
-}
-
-function warnIfReactDOMContainerInDEV(container) {
-  {
-    if (isContainerMarkedAsRoot(container)) {
-      if (container._reactRootContainer) {
-        error(
-          "You are calling ReactDOMClient.createRoot() on a container that was previously " +
-            "passed to ReactDOM.render(). This is not supported."
-        );
-      } else {
-        error(
-          "You are calling ReactDOMClient.createRoot() on a container that " +
-            "has already been passed to createRoot() before. Instead, call " +
-            "root.render() on the existing root instead if you want to update it."
-        );
-      }
-    }
-  }
-}
-
-var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-var topLevelUpdateWarnings;
-
-{
-  topLevelUpdateWarnings = function (container) {
-    if (container._reactRootContainer && container.nodeType !== COMMENT_NODE) {
-      var hostInstance = findHostInstanceWithNoPortals(
-        container._reactRootContainer.current
-      );
-
-      if (hostInstance) {
-        if (hostInstance.parentNode !== container) {
+        if (
+          wasControlled &&
+          !isControlled &&
+          !didWarnControlledToUncontrolled
+        ) {
           error(
-            "render(...): It looks like the React-rendered content of this " +
-              "container was removed without using React. This is not " +
-              "supported and will cause errors. Instead, call " +
-              "ReactDOM.unmountComponentAtNode to empty a container."
+            "A component is changing a controlled input to be uncontrolled. " +
+              "This is likely caused by the value changing from a defined to " +
+              "undefined, which should not happen. " +
+              "Decide between using a controlled or uncontrolled input " +
+              "element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components"
+          );
+
+          didWarnControlledToUncontrolled = true;
+        }
+      } // Update the wrapper around inputs *after* updating props. This has to
+      // happen after updating the rest of props. Otherwise HTML5 input validations
+      // raise warnings and prevent the new value from being assigned.
+
+      updateInput(
+        domElement,
+        value,
+        defaultValue,
+        lastDefaultValue,
+        checked,
+        defaultChecked,
+        type,
+        name
+      );
+      return;
+    }
+
+    case "select": {
+      var _value3 = null;
+      var _defaultValue3 = null;
+      var multiple = null;
+      var wasMultiple = null;
+
+      for (var _propKey8 in lastProps) {
+        var _lastProp2 = lastProps[_propKey8];
+
+        if (lastProps.hasOwnProperty(_propKey8) && _lastProp2 != null) {
+          switch (_propKey8) {
+            case "value": {
+              // This is handled by updateWrapper below.
+              break;
+            }
+            // defaultValue are ignored by setProp
+
+            case "multiple": {
+              wasMultiple = _lastProp2; // TODO: Move special case in here from setProp.
+            }
+            // Fallthrough
+
+            default: {
+              if (!nextProps.hasOwnProperty(_propKey8))
+                setProp(
+                  domElement,
+                  tag,
+                  _propKey8,
+                  null,
+                  nextProps,
+                  _lastProp2
+                );
+            }
+          }
+        }
+      }
+
+      for (var _propKey9 in nextProps) {
+        var _nextProp = nextProps[_propKey9];
+        var _lastProp3 = lastProps[_propKey9];
+
+        if (
+          nextProps.hasOwnProperty(_propKey9) &&
+          (_nextProp != null || _lastProp3 != null)
+        ) {
+          switch (_propKey9) {
+            case "value": {
+              _value3 = _nextProp; // This is handled by updateSelect below.
+
+              break;
+            }
+
+            case "defaultValue": {
+              _defaultValue3 = _nextProp;
+              break;
+            }
+
+            case "multiple": {
+              multiple = _nextProp; // TODO: Just move the special case in here from setProp.
+            }
+            // Fallthrough
+
+            default: {
+              if (_nextProp !== _lastProp3)
+                setProp(
+                  domElement,
+                  tag,
+                  _propKey9,
+                  _nextProp,
+                  nextProps,
+                  _lastProp3
+                );
+            }
+          }
+        }
+      } // <select> value update needs to occur after <option> children
+      // reconciliation
+
+      updateSelect(domElement, _value3, _defaultValue3, multiple, wasMultiple);
+      return;
+    }
+
+    case "textarea": {
+      var _value4 = null;
+      var _defaultValue4 = null;
+
+      for (var _propKey10 in lastProps) {
+        var _lastProp4 = lastProps[_propKey10];
+
+        if (
+          lastProps.hasOwnProperty(_propKey10) &&
+          _lastProp4 != null &&
+          !nextProps.hasOwnProperty(_propKey10)
+        ) {
+          switch (_propKey10) {
+            case "value": {
+              // This is handled by updateTextarea below.
+              break;
+            }
+
+            case "children": {
+              // TODO: This doesn't actually do anything if it updates.
+              break;
+            }
+            // defaultValue is ignored by setProp
+
+            default: {
+              setProp(domElement, tag, _propKey10, null, nextProps, _lastProp4);
+            }
+          }
+        }
+      }
+
+      for (var _propKey11 in nextProps) {
+        var _nextProp2 = nextProps[_propKey11];
+        var _lastProp5 = lastProps[_propKey11];
+
+        if (
+          nextProps.hasOwnProperty(_propKey11) &&
+          (_nextProp2 != null || _lastProp5 != null)
+        ) {
+          switch (_propKey11) {
+            case "value": {
+              _value4 = _nextProp2; // This is handled by updateTextarea below.
+
+              break;
+            }
+
+            case "defaultValue": {
+              _defaultValue4 = _nextProp2;
+              break;
+            }
+
+            case "children": {
+              // TODO: This doesn't actually do anything if it updates.
+              break;
+            }
+
+            case "dangerouslySetInnerHTML": {
+              if (_nextProp2 != null) {
+                // TODO: Do we really need a special error message for this. It's also pretty blunt.
+                throw new Error(
+                  "`dangerouslySetInnerHTML` does not make sense on <textarea>."
+                );
+              }
+
+              break;
+            }
+
+            default: {
+              if (_nextProp2 !== _lastProp5)
+                setProp(
+                  domElement,
+                  tag,
+                  _propKey11,
+                  _nextProp2,
+                  nextProps,
+                  _lastProp5
+                );
+            }
+          }
+        }
+      }
+
+      updateTextarea(domElement, _value4, _defaultValue4);
+      return;
+    }
+
+    case "option": {
+      for (var _propKey12 in lastProps) {
+        var _lastProp6 = lastProps[_propKey12];
+
+        if (
+          lastProps.hasOwnProperty(_propKey12) &&
+          _lastProp6 != null &&
+          !nextProps.hasOwnProperty(_propKey12)
+        ) {
+          switch (_propKey12) {
+            case "selected": {
+              // TODO: Remove support for selected on option.
+              domElement.selected = false;
+              break;
+            }
+
+            default: {
+              setProp(domElement, tag, _propKey12, null, nextProps, _lastProp6);
+            }
+          }
+        }
+      }
+
+      for (var _propKey13 in nextProps) {
+        var _nextProp3 = nextProps[_propKey13];
+        var _lastProp7 = lastProps[_propKey13];
+
+        if (
+          nextProps.hasOwnProperty(_propKey13) &&
+          _nextProp3 !== _lastProp7 &&
+          (_nextProp3 != null || _lastProp7 != null)
+        ) {
+          switch (_propKey13) {
+            case "selected": {
+              // TODO: Remove support for selected on option.
+              domElement.selected =
+                _nextProp3 &&
+                typeof _nextProp3 !== "function" &&
+                typeof _nextProp3 !== "symbol";
+              break;
+            }
+
+            default: {
+              setProp(
+                domElement,
+                tag,
+                _propKey13,
+                _nextProp3,
+                nextProps,
+                _lastProp7
+              );
+            }
+          }
+        }
+      }
+
+      return;
+    }
+
+    case "img":
+    case "link":
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "embed":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "source":
+    case "track":
+    case "wbr":
+    case "menuitem": {
+      // Void elements
+      for (var _propKey14 in lastProps) {
+        var _lastProp8 = lastProps[_propKey14];
+
+        if (
+          lastProps.hasOwnProperty(_propKey14) &&
+          _lastProp8 != null &&
+          !nextProps.hasOwnProperty(_propKey14)
+        ) {
+          setProp(domElement, tag, _propKey14, null, nextProps, _lastProp8);
+        }
+      }
+
+      for (var _propKey15 in nextProps) {
+        var _nextProp4 = nextProps[_propKey15];
+        var _lastProp9 = lastProps[_propKey15];
+
+        if (
+          nextProps.hasOwnProperty(_propKey15) &&
+          _nextProp4 !== _lastProp9 &&
+          (_nextProp4 != null || _lastProp9 != null)
+        ) {
+          switch (_propKey15) {
+            case "children":
+            case "dangerouslySetInnerHTML": {
+              if (_nextProp4 != null) {
+                // TODO: Can we make this a DEV warning to avoid this deny list?
+                throw new Error(
+                  tag +
+                    " is a void element tag and must neither have `children` nor " +
+                    "use `dangerouslySetInnerHTML`."
+                );
+              }
+
+              break;
+            }
+            // defaultChecked and defaultValue are ignored by setProp
+
+            default: {
+              setProp(
+                domElement,
+                tag,
+                _propKey15,
+                _nextProp4,
+                nextProps,
+                _lastProp9
+              );
+            }
+          }
+        }
+      }
+
+      return;
+    }
+
+    default: {
+      if (isCustomElement(tag)) {
+        for (var _propKey16 in lastProps) {
+          var _lastProp10 = lastProps[_propKey16];
+
+          if (
+            lastProps.hasOwnProperty(_propKey16) &&
+            _lastProp10 != null &&
+            !nextProps.hasOwnProperty(_propKey16)
+          ) {
+            setPropOnCustomElement(
+              domElement,
+              tag,
+              _propKey16,
+              null,
+              nextProps,
+              _lastProp10
+            );
+          }
+        }
+
+        for (var _propKey17 in nextProps) {
+          var _nextProp5 = nextProps[_propKey17];
+          var _lastProp11 = lastProps[_propKey17];
+
+          if (
+            nextProps.hasOwnProperty(_propKey17) &&
+            _nextProp5 !== _lastProp11 &&
+            (_nextProp5 != null || _lastProp11 != null)
+          ) {
+            setPropOnCustomElement(
+              domElement,
+              tag,
+              _propKey17,
+              _nextProp5,
+              nextProps,
+              _lastProp11
+            );
+          }
+        }
+
+        return;
+      }
+    }
+  }
+
+  for (var _propKey18 in lastProps) {
+    var _lastProp12 = lastProps[_propKey18];
+
+    if (
+      lastProps.hasOwnProperty(_propKey18) &&
+      _lastProp12 != null &&
+      !nextProps.hasOwnProperty(_propKey18)
+    ) {
+      setProp(domElement, tag, _propKey18, null, nextProps, _lastProp12);
+    }
+  }
+
+  for (var _propKey19 in nextProps) {
+    var _nextProp6 = nextProps[_propKey19];
+    var _lastProp13 = lastProps[_propKey19];
+
+    if (
+      nextProps.hasOwnProperty(_propKey19) &&
+      _nextProp6 !== _lastProp13 &&
+      (_nextProp6 != null || _lastProp13 != null)
+    ) {
+      setProp(domElement, tag, _propKey19, _nextProp6, nextProps, _lastProp13);
+    }
+  }
+} // Apply the diff.
+
+function updatePropertiesWithDiff(
+  domElement,
+  updatePayload,
+  tag,
+  lastProps,
+  nextProps
+) {
+  switch (tag) {
+    case "div":
+    case "span":
+    case "svg":
+    case "path":
+    case "a":
+    case "g":
+    case "p":
+    case "li": {
+      // Fast track the most common tag types
+      break;
+    }
+
+    case "input": {
+      var name = nextProps.name;
+      var type = nextProps.type;
+      var value = nextProps.value;
+      var defaultValue = nextProps.defaultValue;
+      var lastDefaultValue = lastProps.defaultValue;
+      var checked = nextProps.checked;
+      var defaultChecked = nextProps.defaultChecked;
+
+      for (var i = 0; i < updatePayload.length; i += 2) {
+        var propKey = updatePayload[i];
+        var propValue = updatePayload[i + 1];
+
+        switch (propKey) {
+          case "type": {
+            break;
+          }
+
+          case "name": {
+            break;
+          }
+
+          case "checked": {
+            break;
+          }
+
+          case "defaultChecked": {
+            break;
+          }
+
+          case "value": {
+            break;
+          }
+
+          case "defaultValue": {
+            break;
+          }
+
+          case "children":
+          case "dangerouslySetInnerHTML": {
+            if (propValue != null) {
+              throw new Error(
+                tag +
+                  " is a void element tag and must neither have `children` nor " +
+                  "use `dangerouslySetInnerHTML`."
+              );
+            }
+
+            break;
+          }
+
+          default: {
+            setProp(
+              domElement,
+              tag,
+              propKey,
+              propValue,
+              nextProps,
+              lastProps[propKey]
+            );
+          }
+        }
+      }
+
+      {
+        var wasControlled =
+          lastProps.type === "checkbox" || lastProps.type === "radio"
+            ? lastProps.checked != null
+            : lastProps.value != null;
+        var isControlled =
+          nextProps.type === "checkbox" || nextProps.type === "radio"
+            ? nextProps.checked != null
+            : nextProps.value != null;
+
+        if (
+          !wasControlled &&
+          isControlled &&
+          !didWarnUncontrolledToControlled
+        ) {
+          error(
+            "A component is changing an uncontrolled input to be controlled. " +
+              "This is likely caused by the value changing from undefined to " +
+              "a defined value, which should not happen. " +
+              "Decide between using a controlled or uncontrolled input " +
+              "element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components"
+          );
+
+          didWarnUncontrolledToControlled = true;
+        }
+
+        if (
+          wasControlled &&
+          !isControlled &&
+          !didWarnControlledToUncontrolled
+        ) {
+          error(
+            "A component is changing a controlled input to be uncontrolled. " +
+              "This is likely caused by the value changing from a defined to " +
+              "undefined, which should not happen. " +
+              "Decide between using a controlled or uncontrolled input " +
+              "element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components"
+          );
+
+          didWarnControlledToUncontrolled = true;
+        }
+      } // Update the wrapper around inputs *after* updating props. This has to
+      // happen after updating the rest of props. Otherwise HTML5 input validations
+      // raise warnings and prevent the new value from being assigned.
+
+      updateInput(
+        domElement,
+        value,
+        defaultValue,
+        lastDefaultValue,
+        checked,
+        defaultChecked,
+        type,
+        name
+      );
+      return;
+    }
+
+    case "select": {
+      var _value5 = nextProps.value;
+      var _defaultValue5 = nextProps.defaultValue;
+      var multiple = nextProps.multiple;
+      var wasMultiple = lastProps.multiple;
+
+      for (var _i = 0; _i < updatePayload.length; _i += 2) {
+        var _propKey20 = updatePayload[_i];
+        var _propValue7 = updatePayload[_i + 1];
+
+        switch (_propKey20) {
+          case "value": {
+            // This is handled by updateWrapper below.
+            break;
+          }
+          // defaultValue are ignored by setProp
+
+          default: {
+            setProp(
+              domElement,
+              tag,
+              _propKey20,
+              _propValue7,
+              nextProps,
+              lastProps[_propKey20]
+            );
+          }
+        }
+      } // <select> value update needs to occur after <option> children
+      // reconciliation
+
+      updateSelect(domElement, _value5, _defaultValue5, multiple, wasMultiple);
+      return;
+    }
+
+    case "textarea": {
+      var _value6 = nextProps.value;
+      var _defaultValue6 = nextProps.defaultValue;
+
+      for (var _i2 = 0; _i2 < updatePayload.length; _i2 += 2) {
+        var _propKey21 = updatePayload[_i2];
+        var _propValue8 = updatePayload[_i2 + 1];
+
+        switch (_propKey21) {
+          case "value": {
+            // This is handled by updateWrapper below.
+            break;
+          }
+
+          case "children": {
+            // TODO: This doesn't actually do anything if it updates.
+            break;
+          }
+
+          case "dangerouslySetInnerHTML": {
+            if (_propValue8 != null) {
+              // TODO: Do we really need a special error message for this. It's also pretty blunt.
+              throw new Error(
+                "`dangerouslySetInnerHTML` does not make sense on <textarea>."
+              );
+            }
+
+            break;
+          }
+          // defaultValue is ignored by setProp
+
+          default: {
+            setProp(
+              domElement,
+              tag,
+              _propKey21,
+              _propValue8,
+              nextProps,
+              lastProps[_propKey21]
+            );
+          }
+        }
+      }
+
+      updateTextarea(domElement, _value6, _defaultValue6);
+      return;
+    }
+
+    case "option": {
+      for (var _i3 = 0; _i3 < updatePayload.length; _i3 += 2) {
+        var _propKey22 = updatePayload[_i3];
+        var _propValue9 = updatePayload[_i3 + 1];
+
+        switch (_propKey22) {
+          case "selected": {
+            // TODO: Remove support for selected on option.
+            domElement.selected =
+              _propValue9 &&
+              typeof _propValue9 !== "function" &&
+              typeof _propValue9 !== "symbol";
+            break;
+          }
+
+          default: {
+            setProp(
+              domElement,
+              tag,
+              _propKey22,
+              _propValue9,
+              nextProps,
+              lastProps[_propKey22]
+            );
+          }
+        }
+      }
+
+      return;
+    }
+
+    case "img":
+    case "link":
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "embed":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "source":
+    case "track":
+    case "wbr":
+    case "menuitem": {
+      // Void elements
+      for (var _i4 = 0; _i4 < updatePayload.length; _i4 += 2) {
+        var _propKey23 = updatePayload[_i4];
+        var _propValue10 = updatePayload[_i4 + 1];
+
+        switch (_propKey23) {
+          case "children":
+          case "dangerouslySetInnerHTML": {
+            if (_propValue10 != null) {
+              // TODO: Can we make this a DEV warning to avoid this deny list?
+              throw new Error(
+                tag +
+                  " is a void element tag and must neither have `children` nor " +
+                  "use `dangerouslySetInnerHTML`."
+              );
+            }
+
+            break;
+          }
+          // defaultChecked and defaultValue are ignored by setProp
+
+          default: {
+            setProp(
+              domElement,
+              tag,
+              _propKey23,
+              _propValue10,
+              nextProps,
+              lastProps[_propKey23]
+            );
+          }
+        }
+      }
+
+      return;
+    }
+
+    default: {
+      if (isCustomElement(tag)) {
+        for (var _i5 = 0; _i5 < updatePayload.length; _i5 += 2) {
+          var _propKey24 = updatePayload[_i5];
+          var _propValue11 = updatePayload[_i5 + 1];
+          setPropOnCustomElement(
+            domElement,
+            tag,
+            _propKey24,
+            _propValue11,
+            nextProps,
+            lastProps[_propKey24]
           );
         }
+
+        return;
       }
     }
+  } // Apply the diff.
 
-    var isRootRenderedBySomeReact = !!container._reactRootContainer;
-    var rootEl = getReactRootElementInContainer(container);
-    var hasNonRootReactChild = !!(rootEl && getInstanceFromNode(rootEl));
-
-    if (hasNonRootReactChild && !isRootRenderedBySomeReact) {
-      error(
-        "render(...): Replacing React-rendered children with a new root " +
-          "component. If you intended to update the children of this node, " +
-          "you should instead have the existing children update their state " +
-          "and render the new components instead of calling ReactDOM.render."
-      );
-    }
-  };
-}
-
-function getReactRootElementInContainer(container) {
-  if (!container) {
-    return null;
-  }
-
-  if (container.nodeType === DOCUMENT_NODE) {
-    return container.documentElement;
-  } else {
-    return container.firstChild;
-  }
-}
-
-function noopOnRecoverableError() {
-  // This isn't reachable because onRecoverableError isn't called in the
-  // legacy API.
-}
-
-function legacyCreateRootFromDOMContainer(
-  container,
-  initialChildren,
-  parentComponent,
-  callback,
-  isHydrationContainer
-) {
-  if (isHydrationContainer) {
-    if (typeof callback === "function") {
-      var originalCallback = callback;
-
-      callback = function () {
-        var instance = getPublicRootInstance(root);
-        originalCallback.call(instance);
-      };
-    }
-
-    var root = createHydrationContainer(
-      initialChildren,
-      callback,
-      container,
-      LegacyRoot,
-      null, // hydrationCallbacks
-      false, // isStrictMode
-      false, // concurrentUpdatesByDefaultOverride,
-      "", // identifierPrefix
-      noopOnRecoverableError, // TODO(luna) Support hydration later
-      null
-    );
-    container._reactRootContainer = root;
-    markContainerAsRoot(root.current, container);
-    var rootContainerElement =
-      container.nodeType === COMMENT_NODE ? container.parentNode : container; // $FlowFixMe[incompatible-call]
-
-    listenToAllSupportedEvents(rootContainerElement);
-    flushSync$1();
-    return root;
-  } else {
-    // First clear any existing content.
-    clearContainer(container);
-
-    if (typeof callback === "function") {
-      var _originalCallback = callback;
-
-      callback = function () {
-        var instance = getPublicRootInstance(_root);
-
-        _originalCallback.call(instance);
-      };
-    }
-
-    var _root = createContainer(
-      container,
-      LegacyRoot,
-      null, // hydrationCallbacks
-      false, // isStrictMode
-      false, // concurrentUpdatesByDefaultOverride,
-      "", // identifierPrefix
-      noopOnRecoverableError, // onRecoverableError
-      null // transitionCallbacks
-    );
-
-    container._reactRootContainer = _root;
-    markContainerAsRoot(_root.current, container);
-
-    var _rootContainerElement =
-      container.nodeType === COMMENT_NODE ? container.parentNode : container; // $FlowFixMe[incompatible-call]
-
-    listenToAllSupportedEvents(_rootContainerElement); // Initial mount should not be batched.
-
-    flushSync$1(function () {
-      updateContainer(initialChildren, _root, parentComponent, callback);
-    });
-    return _root;
-  }
-}
-
-function warnOnInvalidCallback(callback, callerName) {
-  {
-    if (callback !== null && typeof callback !== "function") {
-      error(
-        "%s(...): Expected the last optional `callback` argument to be a " +
-          "function. Instead received: %s.",
-        callerName,
-        callback
-      );
-    }
-  }
-}
-
-function legacyRenderSubtreeIntoContainer(
-  parentComponent,
-  children,
-  container,
-  forceHydrate,
-  callback
-) {
-  {
-    topLevelUpdateWarnings(container);
-    warnOnInvalidCallback(callback === undefined ? null : callback, "render");
-  }
-
-  var maybeRoot = container._reactRootContainer;
-  var root;
-
-  if (!maybeRoot) {
-    // Initial mount
-    root = legacyCreateRootFromDOMContainer(
-      container,
-      children,
-      parentComponent,
-      callback,
-      forceHydrate
-    );
-  } else {
-    root = maybeRoot;
-
-    if (typeof callback === "function") {
-      var originalCallback = callback;
-
-      callback = function () {
-        var instance = getPublicRootInstance(root);
-        originalCallback.call(instance);
-      };
-    } // Update
-
-    updateContainer(children, root, parentComponent, callback);
-  }
-
-  return getPublicRootInstance(root);
-}
-
-function findDOMNode(componentOrElement) {
-  {
-    var owner = ReactCurrentOwner.current;
-
-    if (owner !== null && owner.stateNode !== null) {
-      var warnedAboutRefsInRender = owner.stateNode._warnedAboutRefsInRender;
-
-      if (!warnedAboutRefsInRender) {
-        error(
-          "%s is accessing findDOMNode inside its render(). " +
-            "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.",
-          getComponentNameFromType(owner.type) || "A component"
-        );
-      }
-
-      owner.stateNode._warnedAboutRefsInRender = true;
-    }
-  }
-
-  if (componentOrElement == null) {
-    return null;
-  }
-
-  if (componentOrElement.nodeType === ELEMENT_NODE) {
-    return componentOrElement;
-  }
-
-  {
-    return findHostInstanceWithWarning(componentOrElement, "findDOMNode");
-  }
-}
-function hydrate(element, container, callback) {
-  {
-    error(
-      "ReactDOM.hydrate is no longer supported in React 18. Use hydrateRoot " +
-        "instead. Until you switch to the new API, your app will behave as " +
-        "if it's running React 17. Learn " +
-        "more: https://reactjs.org/link/switch-to-createroot"
+  for (var _i6 = 0; _i6 < updatePayload.length; _i6 += 2) {
+    var _propKey25 = updatePayload[_i6];
+    var _propValue12 = updatePayload[_i6 + 1];
+    setProp(
+      domElement,
+      tag,
+      _propKey25,
+      _propValue12,
+      nextProps,
+      lastProps[_propKey25]
     );
   }
+}
 
-  if (!isValidContainerLegacy(container)) {
-    throw new Error("Target container is not a DOM element.");
-  }
-
+function getPossibleStandardName(propName) {
   {
-    var isModernRoot =
-      isContainerMarkedAsRoot(container) &&
-      container._reactRootContainer === undefined;
+    var lowerCasedName = propName.toLowerCase();
 
-    if (isModernRoot) {
-      error(
-        "You are calling ReactDOM.hydrate() on a container that was previously " +
-          "passed to ReactDOMClient.createRoot(). This is not supported. " +
-          "Did you mean to call hydrateRoot(container, element)?"
-      );
+    if (!possibleStandardNames.hasOwnProperty(lowerCasedName)) {
+      return null;
     }
-  } // TODO: throw or warn if we couldn't hydrate?
 
-  return legacyRenderSubtreeIntoContainer(
-    null,
-    element,
-    container,
-    true,
-    callback
-  );
+    return possibleStandardNames[lowerCasedName] || null;
+  }
 }
-function render(element, container, callback) {
-  {
-    error(
-      "ReactDOM.render is no longer supported in React 18. Use createRoot " +
-        "instead. Until you switch to the new API, your app will behave as " +
-        "if it's running React 17. Learn " +
-        "more: https://reactjs.org/link/switch-to-createroot"
-    );
-  }
 
-  if (!isValidContainerLegacy(container)) {
-    throw new Error("Target container is not a DOM element.");
-  }
-
-  {
-    var isModernRoot =
-      isContainerMarkedAsRoot(container) &&
-      container._reactRootContainer === undefined;
-
-    if (isModernRoot) {
-      error(
-        "You are calling ReactDOM.render() on a container that was previously " +
-          "passed to ReactDOMClient.createRoot(). This is not supported. " +
-          "Did you mean to call root.render(element)?"
-      );
-    }
-  }
-
-  return legacyRenderSubtreeIntoContainer(
-    null,
-    element,
-    container,
-    false,
-    callback
-  );
-}
-function unstable_renderSubtreeIntoContainer(
-  parentComponent,
-  element,
-  containerNode,
-  callback
-) {
-  {
-    error(
-      "ReactDOM.unstable_renderSubtreeIntoContainer() is no longer supported " +
-        "in 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://reactjs.org/link/switch-to-createroot"
-    );
-  }
-
-  if (!isValidContainerLegacy(containerNode)) {
-    throw new Error("Target container is not a DOM element.");
-  }
-
-  if (parentComponent == null || !has(parentComponent)) {
-    throw new Error("parentComponent must be a valid React Component");
-  }
-
-  return legacyRenderSubtreeIntoContainer(
-    parentComponent,
-    element,
-    containerNode,
-    false,
-    callback
-  );
-}
-function unmountComponentAtNode(container) {
-  if (!isValidContainerLegacy(container)) {
+function diffHydratedStyles(domElement, value) {
+  if (value != null && typeof value !== "object") {
     throw new Error(
-      "unmountComponentAtNode(...): Target container is not a DOM element."
+      "The `style` prop expects a mapping from style properties to values, " +
+        "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+        "using JSX."
     );
   }
 
-  {
-    var isModernRoot =
-      isContainerMarkedAsRoot(container) &&
-      container._reactRootContainer === undefined;
-
-    if (isModernRoot) {
-      error(
-        "You are calling ReactDOM.unmountComponentAtNode() on a container that was previously " +
-          "passed to ReactDOMClient.createRoot(). This is not supported. Did you mean to call root.unmount()?"
-      );
-    }
+  if (canDiffStyleForHydrationWarning) {
+    var expectedStyle = createDangerousStringForStyles(value);
+    var serverValue = domElement.getAttribute("style");
+    warnForPropDifference("style", serverValue, expectedStyle);
   }
+}
 
-  if (container._reactRootContainer) {
-    {
-      var rootEl = getReactRootElementInContainer(container);
-      var renderedByDifferentReact = rootEl && !getInstanceFromNode(rootEl);
+function hydrateAttribute(
+  domElement,
+  propKey,
+  attributeName,
+  value,
+  extraAttributes
+) {
+  extraAttributes.delete(attributeName);
+  var serverValue = domElement.getAttribute(attributeName);
 
-      if (renderedByDifferentReact) {
-        error(
-          "unmountComponentAtNode(): The node you're attempting to unmount " +
-            "was rendered by another copy of React."
-        );
-      }
-    } // Unmount should not be batched.
+  if (serverValue === null) {
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+      case "boolean":
+        return;
+    }
+  } else {
+    if (value == null);
+    else {
+      switch (typeof value) {
+        case "function":
+        case "symbol":
+        case "boolean":
+          break;
 
-    flushSync$1(function () {
-      legacyRenderSubtreeIntoContainer(
-        null,
-        null,
-        container,
-        false,
-        function () {
-          // $FlowFixMe[incompatible-type] This should probably use `delete container._reactRootContainer`
-          container._reactRootContainer = null;
-          unmarkContainerAsRoot(container);
+        default: {
+          {
+            checkAttributeStringCoercion(value, propKey);
+          }
+
+          if (serverValue === "" + value) {
+            return;
+          }
         }
-      );
-    }); // If you call unmountComponentAtNode twice in quick succession, you'll
-    // get `true` twice. That's probably fine?
-
-    return true;
-  } else {
-    {
-      var _rootEl = getReactRootElementInContainer(container);
-
-      var hasNonRootReactChild = !!(_rootEl && getInstanceFromNode(_rootEl)); // Check if the container itself is a React root node.
-
-      var isContainerReactRoot =
-        container.nodeType === ELEMENT_NODE &&
-        isValidContainerLegacy(container.parentNode) && // $FlowFixMe[prop-missing]
-        // $FlowFixMe[incompatible-use]
-        !!container.parentNode._reactRootContainer;
-
-      if (hasNonRootReactChild) {
-        error(
-          "unmountComponentAtNode(): The node you're attempting to unmount " +
-            "was rendered by React and is not a top-level container. %s",
-          isContainerReactRoot
-            ? "You may have accidentally passed in a React root node instead " +
-                "of its container."
-            : "Instead, have the parent component update its state and " +
-                "rerender in order to remove this component."
-        );
       }
     }
-
-    return false;
   }
+
+  warnForPropDifference(propKey, serverValue, value);
 }
 
-function isValidEventTarget(target) {
-  return typeof target.addEventListener === "function";
-}
-
-function isReactScope(target) {
-  return typeof target.getChildContextValues === "function";
-}
-
-function createEventHandleListener(type, isCapturePhaseListener, callback) {
-  return {
-    callback: callback,
-    capture: isCapturePhaseListener,
-    type: type
-  };
-}
-
-function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
-  if (target.nodeType === ELEMENT_NODE);
-  else if (isReactScope(target));
-  else if (isValidEventTarget(target)) {
-    var eventTarget = target; // These are valid event targets, but they are also
-    // non-managed React nodes.
-
-    listenToNativeEventForNonManagedEventTarget(
-      domEventName,
-      isCapturePhaseListener,
-      eventTarget
-    );
-  } else {
-    throw new Error(
-      "ReactDOM.createEventHandle: setter called on an invalid " +
-        "target. Provide a valid EventTarget or an element managed by React."
-    );
-  }
-}
-
-function createEventHandle(type, options) {
-  {
-    var domEventName = type; // We cannot support arbitrary native events with eager root listeners
-    // because the eager strategy relies on knowing the whole list ahead of time.
-    // If we wanted to support this, we'd have to add code to keep track
-    // (or search) for all portal and root containers, and lazily add listeners
-    // to them whenever we see a previously unknown event. This seems like a lot
-    // of complexity for something we don't even have a particular use case for.
-    // Unfortunately, the downside of this invariant is that *removing* a native
-    // event from the list of known events has now become a breaking change for
-    // any code relying on the createEventHandle API.
-
-    if (!allNativeEvents.has(domEventName)) {
-      throw new Error(
-        'Cannot call unstable_createEventHandle with "' +
-          domEventName +
-          '", as it is not an event known to React.'
-      );
-    }
-
-    var isCapturePhaseListener = false;
-
-    if (options != null) {
-      var optionsCapture = options.capture;
-
-      if (typeof optionsCapture === "boolean") {
-        isCapturePhaseListener = optionsCapture;
-      }
-    }
-
-    var eventHandle = function (target, callback) {
-      if (typeof callback !== "function") {
-        throw new Error(
-          "ReactDOM.createEventHandle: setter called with an invalid " +
-            "callback. The callback must be a function."
-        );
-      }
-
-      if (!doesTargetHaveEventHandle(target, eventHandle)) {
-        addEventHandleToTarget(target, eventHandle);
-        registerReactDOMEvent(target, domEventName, isCapturePhaseListener);
-      }
-
-      var listener = createEventHandleListener(
-        domEventName,
-        isCapturePhaseListener,
-        callback
-      );
-      var targetListeners = getEventHandlerListeners(target);
-
-      if (targetListeners === null) {
-        targetListeners = new Set();
-        setEventHandlerListeners(target, targetListeners);
-      }
-
-      targetListeners.add(listener);
-      return function () {
-        targetListeners.delete(listener);
-      };
-    };
-
-    return eventHandle;
-  }
-}
-
-function prefetchDNS$1() {
-  var dispatcher = ReactDOMSharedInternals.Dispatcher.current;
-
-  if (dispatcher) {
-    dispatcher.prefetchDNS.apply(this, arguments);
-  } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
-  // and the runtime may not be capable of responding. The function is optimistic and not critical
-  // so we favor silent bailout over warning or erroring.
-}
-function preconnect$1() {
-  var dispatcher = ReactDOMSharedInternals.Dispatcher.current;
-
-  if (dispatcher) {
-    dispatcher.preconnect.apply(this, arguments);
-  } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
-  // and the runtime may not be capable of responding. The function is optimistic and not critical
-  // so we favor silent bailout over warning or erroring.
-}
-function preload$1() {
-  var dispatcher = ReactDOMSharedInternals.Dispatcher.current;
-
-  if (dispatcher) {
-    dispatcher.preload.apply(this, arguments);
-  } // We don't error because preload needs to be resilient to being called in a variety of scopes
-  // and the runtime may not be capable of responding. The function is optimistic and not critical
-  // so we favor silent bailout over warning or erroring.
-}
-function preinit$1() {
-  var dispatcher = ReactDOMSharedInternals.Dispatcher.current;
-
-  if (dispatcher) {
-    dispatcher.preinit.apply(this, arguments);
-  } // We don't error because preinit needs to be resilient to being called in a variety of scopes
-  // and the runtime may not be capable of responding. The function is optimistic and not critical
-  // so we favor silent bailout over warning or erroring.
-}
-
-{
-  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://reactjs.org/link/react-polyfills"
-    );
-  }
-}
-
-function createPortal(children, container) {
-  var key =
-    arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
-  if (!isValidContainer(container)) {
-    throw new Error("Target container is not a DOM element.");
-  } // TODO: pass ReactDOM portal implementation as third argument
-  // $FlowFixMe[incompatible-return] The Flow type is opaque but there's no way to actually create it.
-
-  return createPortal$1(children, container, null, key);
-}
-
-function renderSubtreeIntoContainer(
-  parentComponent,
-  element,
-  containerNode,
-  callback
+function hydrateBooleanAttribute(
+  domElement,
+  propKey,
+  attributeName,
+  value,
+  extraAttributes
 ) {
-  return unstable_renderSubtreeIntoContainer(
-    parentComponent,
-    element,
-    containerNode,
-    callback
-  );
-}
+  extraAttributes.delete(attributeName);
+  var serverValue = domElement.getAttribute(attributeName);
 
-function createRoot(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".'
-      );
+  if (serverValue === null) {
+    switch (typeof value) {
+      case "function":
+      case "symbol":
+        return;
+    }
+
+    if (!value) {
+      return;
+    }
+  } else {
+    switch (typeof value) {
+      case "function":
+      case "symbol":
+        break;
+
+      default: {
+        if (value) {
+          // If this was a boolean, it doesn't matter what the value is
+          // the fact that we have it is the same as the expected.
+          // As long as it's positive.
+          return;
+        }
+      }
     }
   }
 
-  return createRoot$1(container, options);
+  warnForPropDifference(propKey, serverValue, value);
 }
 
-function hydrateRoot(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".'
-      );
+function hydrateOverloadedBooleanAttribute(
+  domElement,
+  propKey,
+  attributeName,
+  value,
+  extraAttributes
+) {
+  extraAttributes.delete(attributeName);
+  var serverValue = domElement.getAttribute(attributeName);
+
+  if (serverValue === null) {
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        return;
+
+      default:
+        if (value === false) {
+          return;
+        }
+    }
+  } else {
+    if (value == null);
+    else {
+      switch (typeof value) {
+        case "function":
+        case "symbol":
+          break;
+
+        case "boolean":
+          if (value === true && serverValue === "") {
+            return;
+          }
+
+          break;
+
+        default: {
+          {
+            checkAttributeStringCoercion(value, propKey);
+          }
+
+          if (serverValue === "" + value) {
+            return;
+          }
+        }
+      }
     }
   }
 
-  return hydrateRoot$1(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
+  warnForPropDifference(propKey, serverValue, value);
+}
 
-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."
-      );
+function hydrateBooleanishAttribute(
+  domElement,
+  propKey,
+  attributeName,
+  value,
+  extraAttributes
+) {
+  extraAttributes.delete(attributeName);
+  var serverValue = domElement.getAttribute(attributeName);
+
+  if (serverValue === null) {
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        return;
+    }
+  } else {
+    if (value == null);
+    else {
+      switch (typeof value) {
+        case "function":
+        case "symbol":
+          break;
+
+        default: {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          if (serverValue === "" + value) {
+            return;
+          }
+        }
+      }
     }
   }
 
-  return flushSync$1(fn);
+  warnForPropDifference(propKey, serverValue, value);
 }
-// This is an array for better minification.
 
-Internals.Events = [
-  getInstanceFromNode,
-  getNodeFromInstance,
-  getFiberCurrentPropsFromNode,
-  enqueueStateRestore,
-  restoreStateIfNeeded,
-  batchedUpdates$1
-];
-var foundDevTools = injectIntoDevTools({
-  findFiberByHostInstance: getClosestInstanceFromNode,
-  bundleType: 1,
-  version: ReactVersion,
-  rendererPackageName: "react-dom"
-});
+function hydrateNumericAttribute(
+  domElement,
+  propKey,
+  attributeName,
+  value,
+  extraAttributes
+) {
+  extraAttributes.delete(attributeName);
+  var serverValue = domElement.getAttribute(attributeName);
 
-{
-  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 (serverValue === null) {
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+      case "boolean":
+        return;
 
-      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://reactjs.org/link/react-devtools" +
-            (protocol === "file:"
-              ? "\nYou might need to use a local HTTP server (instead of file://): " +
-                "https://reactjs.org/link/react-devtools-faq"
-              : ""),
-          "font-weight:bold"
+      default:
+        if (isNaN(value)) {
+          return;
+        }
+    }
+  } else {
+    if (value == null);
+    else {
+      switch (typeof value) {
+        case "function":
+        case "symbol":
+        case "boolean":
+          break;
+
+        default: {
+          if (isNaN(value)) {
+            // We had an attribute but shouldn't have had one, so read it
+            // for the error message.
+            break;
+          }
+
+          {
+            checkAttributeStringCoercion(value, propKey);
+          }
+
+          if (serverValue === "" + value) {
+            return;
+          }
+        }
+      }
+    }
+  }
+
+  warnForPropDifference(propKey, serverValue, value);
+}
+
+function hydratePositiveNumericAttribute(
+  domElement,
+  propKey,
+  attributeName,
+  value,
+  extraAttributes
+) {
+  extraAttributes.delete(attributeName);
+  var serverValue = domElement.getAttribute(attributeName);
+
+  if (serverValue === null) {
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+      case "boolean":
+        return;
+
+      default:
+        if (isNaN(value) || value < 1) {
+          return;
+        }
+    }
+  } else {
+    if (value == null);
+    else {
+      switch (typeof value) {
+        case "function":
+        case "symbol":
+        case "boolean":
+          break;
+
+        default: {
+          if (isNaN(value) || value < 1) {
+            // We had an attribute but shouldn't have had one, so read it
+            // for the error message.
+            break;
+          }
+
+          {
+            checkAttributeStringCoercion(value, propKey);
+          }
+
+          if (serverValue === "" + value) {
+            return;
+          }
+        }
+      }
+    }
+  }
+
+  warnForPropDifference(propKey, serverValue, value);
+}
+
+function hydrateSanitizedAttribute(
+  domElement,
+  propKey,
+  attributeName,
+  value,
+  extraAttributes
+) {
+  extraAttributes.delete(attributeName);
+  var serverValue = domElement.getAttribute(attributeName);
+
+  if (serverValue === null) {
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+      case "boolean":
+        return;
+    }
+  } else {
+    if (value == null);
+    else {
+      switch (typeof value) {
+        case "function":
+        case "symbol":
+        case "boolean":
+          break;
+
+        default: {
+          {
+            checkAttributeStringCoercion(value, propKey);
+          }
+
+          var sanitizedValue = sanitizeURL("" + value);
+
+          if (serverValue === sanitizedValue) {
+            return;
+          }
+        }
+      }
+    }
+  }
+
+  warnForPropDifference(propKey, serverValue, value);
+}
+
+function diffHydratedCustomComponent(
+  domElement,
+  tag,
+  props,
+  hostContext,
+  extraAttributes
+) {
+  for (var propKey in props) {
+    if (!props.hasOwnProperty(propKey)) {
+      continue;
+    }
+
+    var value = props[propKey];
+
+    if (value == null) {
+      continue;
+    }
+
+    if (registrationNameDependencies.hasOwnProperty(propKey)) {
+      if (typeof value !== "function") {
+        warnForInvalidEventListener(propKey, value);
+      }
+
+      continue;
+    }
+
+    if (props.suppressHydrationWarning === true) {
+      // Don't bother comparing. We're ignoring all these warnings.
+      continue;
+    } // Validate that the properties correspond to their expected values.
+
+    switch (propKey) {
+      case "children": // Checked above already
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue":
+      case "defaultChecked":
+      case "innerHTML":
+        // Noop
+        continue;
+
+      case "dangerouslySetInnerHTML":
+        var serverHTML = domElement.innerHTML;
+        var nextHtml = value ? value.__html : undefined;
+
+        if (nextHtml != null) {
+          var expectedHTML = normalizeHTML(domElement, nextHtml);
+          warnForPropDifference(propKey, serverHTML, expectedHTML);
+        }
+
+        continue;
+
+      case "style":
+        extraAttributes.delete(propKey);
+        diffHydratedStyles(domElement, value);
+        continue;
+
+      case "offsetParent":
+      case "offsetTop":
+      case "offsetLeft":
+      case "offsetWidth":
+      case "offsetHeight":
+      case "isContentEditable":
+      case "outerText":
+      case "outerHTML":
+        if (enableCustomElementPropertySupport) {
+          extraAttributes.delete(propKey.toLowerCase());
+
+          {
+            error(
+              "Assignment to read-only property will result in a no-op: `%s`",
+              propKey
+            );
+          }
+
+          continue;
+        }
+
+      // Fall through
+
+      case "className":
+        if (enableCustomElementPropertySupport) {
+          // className is a special cased property on the server to render as an attribute.
+          extraAttributes.delete("class");
+          var serverValue = getValueForAttributeOnCustomComponent(
+            domElement,
+            "class",
+            value
+          );
+          warnForPropDifference("className", serverValue, value);
+          continue;
+        }
+
+      // Fall through
+
+      default: {
+        // This is a DEV-only path
+        var hostContextDev = hostContext;
+        var hostContextProd = hostContextDev.context;
+
+        if (
+          hostContextProd === HostContextNamespaceNone &&
+          tag !== "svg" &&
+          tag !== "math"
+        ) {
+          extraAttributes.delete(propKey.toLowerCase());
+        } else {
+          extraAttributes.delete(propKey);
+        }
+
+        var _serverValue = getValueForAttributeOnCustomComponent(
+          domElement,
+          propKey,
+          value
+        );
+
+        warnForPropDifference(propKey, _serverValue, value);
+      }
+    }
+  }
+} // This is the exact URL string we expect that Fizz renders if we provide a function action.
+
+function diffHydratedGenericElement(
+  domElement,
+  tag,
+  props,
+  hostContext,
+  extraAttributes
+) {
+  for (var propKey in props) {
+    if (!props.hasOwnProperty(propKey)) {
+      continue;
+    }
+
+    var value = props[propKey];
+
+    if (value == null) {
+      continue;
+    }
+
+    if (registrationNameDependencies.hasOwnProperty(propKey)) {
+      if (typeof value !== "function") {
+        warnForInvalidEventListener(propKey, value);
+      }
+
+      continue;
+    }
+
+    if (props.suppressHydrationWarning === true) {
+      // Don't bother comparing. We're ignoring all these warnings.
+      continue;
+    } // Validate that the properties correspond to their expected values.
+
+    switch (propKey) {
+      case "children": // Checked above already
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "value": // Controlled attributes are not validated
+
+      case "checked": // TODO: Only ignore them on controlled tags.
+
+      case "selected":
+      case "defaultValue":
+      case "defaultChecked":
+      case "innerHTML":
+        // Noop
+        continue;
+
+      case "dangerouslySetInnerHTML":
+        var serverHTML = domElement.innerHTML;
+        var nextHtml = value ? value.__html : undefined;
+
+        if (nextHtml != null) {
+          var expectedHTML = normalizeHTML(domElement, nextHtml);
+          warnForPropDifference(propKey, serverHTML, expectedHTML);
+        }
+
+        continue;
+
+      case "className":
+        hydrateAttribute(domElement, propKey, "class", value, extraAttributes);
+        continue;
+
+      case "tabIndex":
+        hydrateAttribute(
+          domElement,
+          propKey,
+          "tabindex",
+          value,
+          extraAttributes
+        );
+        continue;
+
+      case "style":
+        extraAttributes.delete(propKey);
+        diffHydratedStyles(domElement, value);
+        continue;
+
+      case "multiple": {
+        extraAttributes.delete(propKey);
+        var serverValue = domElement.multiple;
+        warnForPropDifference(propKey, serverValue, value);
+        continue;
+      }
+
+      case "muted": {
+        extraAttributes.delete(propKey);
+        var _serverValue2 = domElement.muted;
+        warnForPropDifference(propKey, _serverValue2, value);
+        continue;
+      }
+
+      case "autoFocus": {
+        extraAttributes.delete("autofocus");
+        var _serverValue3 = domElement.autofocus;
+        warnForPropDifference(propKey, _serverValue3, value);
+        continue;
+      }
+
+      case "src":
+      case "href":
+        {
+          if (value === "") {
+            {
+              if (propKey === "src") {
+                error(
+                  'An empty string ("") was passed to the %s attribute. ' +
+                    "This may cause the browser to download the whole page again over the network. " +
+                    "To fix this, either do not render the element at all " +
+                    "or pass null to %s instead of an empty string.",
+                  propKey,
+                  propKey
+                );
+              } else {
+                error(
+                  'An empty string ("") was passed to the %s attribute. ' +
+                    "To fix this, either do not render the element at all " +
+                    "or pass null to %s instead of an empty string.",
+                  propKey,
+                  propKey
+                );
+              }
+            }
+
+            hydrateSanitizedAttribute(
+              domElement,
+              propKey,
+              propKey,
+              null,
+              extraAttributes
+            );
+            continue;
+          }
+        }
+
+        hydrateSanitizedAttribute(
+          domElement,
+          propKey,
+          propKey,
+          value,
+          extraAttributes
+        );
+        continue;
+
+      case "action":
+      case "formAction":
+        hydrateSanitizedAttribute(
+          domElement,
+          propKey,
+          propKey.toLowerCase(),
+          value,
+          extraAttributes
+        );
+        continue;
+
+      case "xlinkHref":
+        hydrateSanitizedAttribute(
+          domElement,
+          propKey,
+          "xlink:href",
+          value,
+          extraAttributes
+        );
+        continue;
+
+      case "contentEditable": {
+        // Lower-case Booleanish String
+        hydrateBooleanishAttribute(
+          domElement,
+          propKey,
+          "contenteditable",
+          value,
+          extraAttributes
+        );
+        continue;
+      }
+
+      case "spellCheck": {
+        // Lower-case Booleanish String
+        hydrateBooleanishAttribute(
+          domElement,
+          propKey,
+          "spellcheck",
+          value,
+          extraAttributes
+        );
+        continue;
+      }
+
+      case "draggable":
+      case "autoReverse":
+      case "externalResourcesRequired":
+      case "focusable":
+      case "preserveAlpha": {
+        // Case-sensitive Booleanish String
+        hydrateBooleanishAttribute(
+          domElement,
+          propKey,
+          propKey,
+          value,
+          extraAttributes
+        );
+        continue;
+      }
+
+      case "allowFullScreen":
+      case "async":
+      case "autoPlay":
+      case "controls":
+      case "default":
+      case "defer":
+      case "disabled":
+      case "disablePictureInPicture":
+      case "disableRemotePlayback":
+      case "formNoValidate":
+      case "hidden":
+      case "loop":
+      case "noModule":
+      case "noValidate":
+      case "open":
+      case "playsInline":
+      case "readOnly":
+      case "required":
+      case "reversed":
+      case "scoped":
+      case "seamless":
+      case "itemScope": {
+        // Some of these need to be lower case to remove them from the extraAttributes list.
+        hydrateBooleanAttribute(
+          domElement,
+          propKey,
+          propKey.toLowerCase(),
+          value,
+          extraAttributes
+        );
+        continue;
+      }
+
+      case "capture":
+      case "download": {
+        hydrateOverloadedBooleanAttribute(
+          domElement,
+          propKey,
+          propKey,
+          value,
+          extraAttributes
+        );
+        continue;
+      }
+
+      case "cols":
+      case "rows":
+      case "size":
+      case "span": {
+        hydratePositiveNumericAttribute(
+          domElement,
+          propKey,
+          propKey,
+          value,
+          extraAttributes
+        );
+        continue;
+      }
+
+      case "rowSpan": {
+        hydrateNumericAttribute(
+          domElement,
+          propKey,
+          "rowspan",
+          value,
+          extraAttributes
+        );
+        continue;
+      }
+
+      case "start": {
+        hydrateNumericAttribute(
+          domElement,
+          propKey,
+          propKey,
+          value,
+          extraAttributes
+        );
+        continue;
+      }
+
+      case "xHeight":
+        hydrateAttribute(
+          domElement,
+          propKey,
+          "x-height",
+          value,
+          extraAttributes
+        );
+        continue;
+
+      case "xlinkActuate":
+        hydrateAttribute(
+          domElement,
+          propKey,
+          "xlink:actuate",
+          value,
+          extraAttributes
+        );
+        continue;
+
+      case "xlinkArcrole":
+        hydrateAttribute(
+          domElement,
+          propKey,
+          "xlink:arcrole",
+          value,
+          extraAttributes
+        );
+        continue;
+
+      case "xlinkRole":
+        hydrateAttribute(
+          domElement,
+          propKey,
+          "xlink:role",
+          value,
+          extraAttributes
+        );
+        continue;
+
+      case "xlinkShow":
+        hydrateAttribute(
+          domElement,
+          propKey,
+          "xlink:show",
+          value,
+          extraAttributes
+        );
+        continue;
+
+      case "xlinkTitle":
+        hydrateAttribute(
+          domElement,
+          propKey,
+          "xlink:title",
+          value,
+          extraAttributes
+        );
+        continue;
+
+      case "xlinkType":
+        hydrateAttribute(
+          domElement,
+          propKey,
+          "xlink:type",
+          value,
+          extraAttributes
+        );
+        continue;
+
+      case "xmlBase":
+        hydrateAttribute(
+          domElement,
+          propKey,
+          "xml:base",
+          value,
+          extraAttributes
+        );
+        continue;
+
+      case "xmlLang":
+        hydrateAttribute(
+          domElement,
+          propKey,
+          "xml:lang",
+          value,
+          extraAttributes
+        );
+        continue;
+
+      case "xmlSpace":
+        hydrateAttribute(
+          domElement,
+          propKey,
+          "xml:space",
+          value,
+          extraAttributes
+        );
+        continue;
+
+      default: {
+        if (
+          // shouldIgnoreAttribute
+          // We have already filtered out null/undefined and reserved words.
+          propKey.length > 2 &&
+          (propKey[0] === "o" || propKey[0] === "O") &&
+          (propKey[1] === "n" || propKey[1] === "N")
+        ) {
+          continue;
+        }
+
+        var attributeName = getAttributeAlias(propKey);
+        var isMismatchDueToBadCasing = false; // This is a DEV-only path
+
+        var hostContextDev = hostContext;
+        var hostContextProd = hostContextDev.context;
+
+        if (
+          hostContextProd === HostContextNamespaceNone &&
+          tag !== "svg" &&
+          tag !== "math"
+        ) {
+          extraAttributes.delete(attributeName.toLowerCase());
+        } else {
+          var standardName = getPossibleStandardName(propKey);
+
+          if (standardName !== null && standardName !== propKey) {
+            // If an SVG prop is supplied with bad casing, it will
+            // be successfully parsed from HTML, but will produce a mismatch
+            // (and would be incorrectly rendered on the client).
+            // However, we already warn about bad casing elsewhere.
+            // So we'll skip the misleading extra mismatch warning in this case.
+            isMismatchDueToBadCasing = true;
+            extraAttributes.delete(standardName);
+          }
+
+          extraAttributes.delete(attributeName);
+        }
+
+        var _serverValue5 = getValueForAttribute(
+          domElement,
+          attributeName,
+          value
+        );
+
+        if (!isMismatchDueToBadCasing) {
+          warnForPropDifference(propKey, _serverValue5, value);
+        }
+      }
+    }
+  }
+}
+
+function diffHydratedProperties(
+  domElement,
+  tag,
+  props,
+  isConcurrentMode,
+  shouldWarnDev,
+  hostContext
+) {
+  {
+    validatePropertiesInDevelopment(tag, props);
+  } // TODO: Make sure that we check isMounted before firing any of these events.
+
+  switch (tag) {
+    case "dialog":
+      listenToNonDelegatedEvent("cancel", domElement);
+      listenToNonDelegatedEvent("close", domElement);
+      break;
+
+    case "iframe":
+    case "object":
+    case "embed":
+      // We listen to this event in case to ensure emulated bubble
+      // listeners still fire for the load event.
+      listenToNonDelegatedEvent("load", domElement);
+      break;
+
+    case "video":
+    case "audio":
+      // We listen to these events in case to ensure emulated bubble
+      // listeners still fire for all the media events.
+      for (var i = 0; i < mediaEventTypes.length; i++) {
+        listenToNonDelegatedEvent(mediaEventTypes[i], domElement);
+      }
+
+      break;
+
+    case "source":
+      // We listen to this event in case to ensure emulated bubble
+      // listeners still fire for the error event.
+      listenToNonDelegatedEvent("error", domElement);
+      break;
+
+    case "img":
+    case "image":
+    case "link":
+      // We listen to these events in case to ensure emulated bubble
+      // listeners still fire for error and load events.
+      listenToNonDelegatedEvent("error", domElement);
+      listenToNonDelegatedEvent("load", domElement);
+      break;
+
+    case "details":
+      // We listen to this event in case to ensure emulated bubble
+      // listeners still fire for the toggle event.
+      listenToNonDelegatedEvent("toggle", domElement);
+      break;
+
+    case "input":
+      {
+        checkControlledValueProps("input", props);
+      } // We listen to this event in case to ensure emulated bubble
+      // listeners still fire for the invalid event.
+
+      listenToNonDelegatedEvent("invalid", domElement); // TODO: Make sure we check if this is still unmounted or do any clean
+      // up necessary since we never stop tracking anymore.
+
+      validateInputProps(domElement, props); // For input and textarea we current always set the value property at
+      // post mount to force it to diverge from attributes. However, for
+      // option and select we don't quite do the same thing and select
+      // is not resilient to the DOM state changing so we don't do that here.
+      // TODO: Consider not doing this for input and textarea.
+
+      initInput(
+        domElement,
+        props.value,
+        props.defaultValue,
+        props.checked,
+        props.defaultChecked,
+        props.type,
+        props.name,
+        true
+      );
+      track(domElement);
+      break;
+
+    case "option":
+      validateOptionProps(domElement, props);
+      break;
+
+    case "select":
+      {
+        checkControlledValueProps("select", props);
+      } // We listen to this event in case to ensure emulated bubble
+      // listeners still fire for the invalid event.
+
+      listenToNonDelegatedEvent("invalid", domElement);
+      validateSelectProps(domElement, props);
+      break;
+
+    case "textarea":
+      {
+        checkControlledValueProps("textarea", props);
+      } // We listen to this event in case to ensure emulated bubble
+      // listeners still fire for the invalid event.
+
+      listenToNonDelegatedEvent("invalid", domElement); // TODO: Make sure we check if this is still unmounted or do any clean
+      // up necessary since we never stop tracking anymore.
+
+      validateTextareaProps(domElement, props);
+      initTextarea(domElement, props.value, props.defaultValue, props.children);
+      track(domElement);
+      break;
+  }
+
+  var updatePayload = null;
+  var children = props.children; // For text content children we compare against textContent. This
+  // might match additional HTML that is hidden when we read it using
+  // textContent. E.g. "foo" will match "f<span>oo</span>" but that still
+  // satisfies our requirement. Our requirement is not to produce perfect
+  // HTML and attributes. Ideally we should preserve structure but it's
+  // ok not to if the visible content is still enough to indicate what
+  // even listeners these nodes might be wired up to.
+  // TODO: Warn if there is more than a single textNode as a child.
+  // TODO: Should we use domElement.firstChild.nodeValue to compare?
+
+  if (typeof children === "string" || typeof children === "number") {
+    if (domElement.textContent !== "" + children) {
+      if (props.suppressHydrationWarning !== true) {
+        checkForUnmatchedText(
+          domElement.textContent,
+          children,
+          isConcurrentMode,
+          shouldWarnDev
         );
       }
+
+      if (!isConcurrentMode || !enableClientRenderFallbackOnTextMismatch) {
+        if (diffInCommitPhase) {
+          // We really should be patching this in the commit phase but since
+          // this only affects legacy mode hydration which is deprecated anyway
+          // we can get away with it.
+          // Host singletons get their children appended and don't use the text
+          // content mechanism.
+          if (tag !== "body") {
+            domElement.textContent = children;
+          }
+        } else {
+          updatePayload = ["children", children];
+        }
+      }
     }
   }
-}
 
-var ReactDOMSharedInternals = Internals;
-
-// Below code forked from dom-accessibility-api
-var tagToRoleMappings = {
-  ARTICLE: "article",
-  ASIDE: "complementary",
-  BODY: "document",
-  BUTTON: "button",
-  DATALIST: "listbox",
-  DD: "definition",
-  DETAILS: "group",
-  DIALOG: "dialog",
-  DT: "term",
-  FIELDSET: "group",
-  FIGURE: "figure",
-  // WARNING: Only with an accessible name
-  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",
-  // WARNING: Only in certain context
-  OPTION: "option",
-  OUTPUT: "status",
-  PROGRESS: "progressbar",
-  // WARNING: Only with an accessible name
-  SECTION: "region",
-  SUMMARY: "button",
-  TABLE: "table",
-  TBODY: "rowgroup",
-  TEXTAREA: "textbox",
-  TFOOT: "rowgroup",
-  // WARNING: Only in certain context
-  TD: "cell",
-  TH: "columnheader",
-  THEAD: "rowgroup",
-  TR: "row",
-  UL: "list"
-};
-
-function getImplicitRole(element) {
-  var mappedByTag = tagToRoleMappings[element.tagName];
-
-  if (mappedByTag !== undefined) {
-    return mappedByTag;
+  if (props.onScroll != null) {
+    listenToNonDelegatedEvent("scroll", domElement);
   }
 
-  switch (element.tagName) {
-    case "A":
-    case "AREA":
-    case "LINK":
-      if (element.hasAttribute("href")) {
-        return "link";
-      }
+  if (props.onClick != null) {
+    // TODO: This cast may not be sound for SVG, MathML or custom elements.
+    trapClickOnNonInteractiveElement(domElement);
+  }
 
-      break;
+  if (shouldWarnDev) {
+    var extraAttributes = new Set();
+    var attributes = domElement.attributes;
 
-    case "IMG":
-      if ((element.getAttribute("alt") || "").length > 0) {
-        return "img";
-      }
+    for (var _i7 = 0; _i7 < attributes.length; _i7++) {
+      var name = attributes[_i7].name.toLowerCase();
 
-      break;
+      switch (name) {
+        // Controlled attributes are not validated
+        // TODO: Only ignore them on controlled tags.
+        case "value":
+          break;
 
-    case "INPUT": {
-      var type = element.type;
+        case "checked":
+          break;
 
-      switch (type) {
-        case "button":
-        case "image":
-        case "reset":
-        case "submit":
-          return "button";
-
-        case "checkbox":
-        case "radio":
-          return type;
-
-        case "range":
-          return "slider";
-
-        case "email":
-        case "tel":
-        case "text":
-        case "url":
-          if (element.hasAttribute("list")) {
-            return "combobox";
-          }
-
-          return "textbox";
-
-        case "search":
-          if (element.hasAttribute("list")) {
-            return "combobox";
-          }
-
-          return "searchbox";
+        case "selected":
+          break;
 
         default:
-          return null;
+          // Intentionally use the original name.
+          // See discussion in https://github.com/facebook/react/pull/10676.
+          extraAttributes.add(attributes[_i7].name);
       }
     }
 
-    case "SELECT":
-      if (element.hasAttribute("multiple") || element.size > 1) {
-        return "listbox";
-      }
+    if (isCustomElement(tag)) {
+      diffHydratedCustomComponent(
+        domElement,
+        tag,
+        props,
+        hostContext,
+        extraAttributes
+      );
+    } else {
+      diffHydratedGenericElement(
+        domElement,
+        tag,
+        props,
+        hostContext,
+        extraAttributes
+      );
+    }
 
-      return "combobox";
+    if (extraAttributes.size > 0 && props.suppressHydrationWarning !== true) {
+      warnForExtraAttributes(extraAttributes);
+    }
   }
 
-  return null;
+  return updatePayload;
 }
+function diffHydratedText(textNode, text, isConcurrentMode) {
+  var isDifferent = textNode.nodeValue !== text;
+  return isDifferent;
+}
+function warnForDeletedHydratableElement(parentNode, child) {
+  {
+    if (didWarnInvalidHydration) {
+      return;
+    }
 
-function getExplicitRoles(element) {
-  var role = element.getAttribute("role");
+    didWarnInvalidHydration = true;
 
-  if (role) {
-    return role.trim().split(" ");
+    error(
+      "Did not expect server HTML to contain a <%s> in <%s>.",
+      child.nodeName.toLowerCase(),
+      parentNode.nodeName.toLowerCase()
+    );
   }
+}
+function warnForDeletedHydratableText(parentNode, child) {
+  {
+    if (didWarnInvalidHydration) {
+      return;
+    }
 
-  return null;
-} // https://w3c.github.io/html-aria/#document-conformance-requirements-for-use-of-aria-attributes-in-html
+    didWarnInvalidHydration = true;
 
-function hasRole(element, role) {
-  var explicitRoles = getExplicitRoles(element);
-
-  if (explicitRoles !== null && explicitRoles.indexOf(role) >= 0) {
-    return true;
+    error(
+      'Did not expect server HTML to contain the text node "%s" in <%s>.',
+      child.nodeValue,
+      parentNode.nodeName.toLowerCase()
+    );
   }
+}
+function warnForInsertedHydratedElement(parentNode, tag, props) {
+  {
+    if (didWarnInvalidHydration) {
+      return;
+    }
 
-  return role === getImplicitRole(element);
+    didWarnInvalidHydration = true;
+
+    error(
+      "Expected server HTML to contain a matching <%s> in <%s>.",
+      tag,
+      parentNode.nodeName.toLowerCase()
+    );
+  }
+}
+function warnForInsertedHydratedText(parentNode, text) {
+  {
+    if (text === "") {
+      // We expect to insert empty text nodes since they're not represented in
+      // the HTML.
+      // TODO: Remove this special case if we can just avoid inserting empty
+      // text nodes.
+      return;
+    }
+
+    if (didWarnInvalidHydration) {
+      return;
+    }
+
+    didWarnInvalidHydration = true;
+
+    error(
+      'Expected server HTML to contain a matching text node for "%s" in <%s>.',
+      text,
+      parentNode.nodeName.toLowerCase()
+    );
+  }
+}
+function restoreControlledState(domElement, tag, props) {
+  switch (tag) {
+    case "input":
+      restoreControlledInputState(domElement, props);
+      return;
+
+    case "textarea":
+      restoreControlledTextareaState(domElement, props);
+      return;
+
+    case "select":
+      restoreControlledSelectState(domElement, props);
+      return;
+  }
 }
 
 function validateLinkPropsForStyleResource(props) {
@@ -43417,14 +42522,15 @@ function getValueDescriptorExpectingEnumForWarning(thing) {
     : 'something with type "' + typeof thing + '"';
 }
 
-var Dispatcher = ReactDOMSharedInternals.Dispatcher;
-
 var SUPPRESS_HYDRATION_WARNING = "suppressHydrationWarning";
 var SUSPENSE_START_DATA = "$";
 var SUSPENSE_END_DATA = "/$";
 var SUSPENSE_PENDING_START_DATA = "$?";
 var SUSPENSE_FALLBACK_START_DATA = "$!";
 var STYLE = "style";
+var HostContextNamespaceNone = 0;
+var HostContextNamespaceSvg = 1;
+var HostContextNamespaceMath = 2;
 var eventsEnabled = null;
 var selectionInformation = null;
 
@@ -43436,7 +42542,7 @@ function getOwnerDocumentFromRootContainer(rootContainerElement) {
 
 function getRootHostContext(rootContainerInstance) {
   var type;
-  var namespace;
+  var context;
   var nodeType = rootContainerInstance.nodeType;
 
   switch (nodeType) {
@@ -43444,7 +42550,16 @@ function getRootHostContext(rootContainerInstance) {
     case DOCUMENT_FRAGMENT_NODE: {
       type = nodeType === DOCUMENT_NODE ? "#document" : "#fragment";
       var root = rootContainerInstance.documentElement;
-      namespace = root ? root.namespaceURI : getChildNamespace(null, "");
+
+      if (root) {
+        var namespaceURI = root.namespaceURI;
+        context = namespaceURI
+          ? getOwnHostContext(namespaceURI)
+          : HostContextNamespaceNone;
+      } else {
+        context = HostContextNamespaceNone;
+      }
+
       break;
     }
 
@@ -43453,9 +42568,28 @@ function getRootHostContext(rootContainerInstance) {
         nodeType === COMMENT_NODE
           ? rootContainerInstance.parentNode
           : rootContainerInstance;
-      var ownNamespace = container.namespaceURI || null;
       type = container.tagName;
-      namespace = getChildNamespace(ownNamespace, type);
+      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;
     }
   }
@@ -43464,21 +42598,58 @@ function getRootHostContext(rootContainerInstance) {
     var validatedTag = type.toLowerCase();
     var ancestorInfo = updatedAncestorInfoDev(null, validatedTag);
     return {
-      namespace: namespace,
+      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 namespace = getChildNamespace(parentHostContextDev.namespace, type);
+    var context = getChildHostContextProd(parentHostContextDev.context, type);
     var ancestorInfo = updatedAncestorInfoDev(
       parentHostContextDev.ancestorInfo,
       type
     );
     return {
-      namespace: namespace,
+      context: context,
       ancestorInfo: ancestorInfo
     };
   }
@@ -43557,22 +42728,25 @@ function createInstance(
   hostContext,
   internalInstanceHandle
 ) {
-  var namespace;
+  var hostContextProd;
 
   {
     // TODO: take namespace into account when validating.
     var hostContextDev = hostContext;
     validateDOMNesting(type, hostContextDev.ancestorInfo);
-    namespace = hostContextDev.namespace;
+    hostContextProd = hostContextDev.context;
   }
 
   var ownerDocument = getOwnerDocumentFromRootContainer(rootContainerInstance);
   var domElement;
 
-  switch (namespace) {
-    case SVG_NAMESPACE:
-    case MATH_NAMESPACE:
-      domElement = ownerDocument.createElementNS(namespace, type);
+  switch (hostContextProd) {
+    case HostContextNamespaceSvg:
+      domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
+      break;
+
+    case HostContextNamespaceMath:
+      domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
       break;
 
     default:
@@ -43757,6 +42931,9 @@ function getCurrentEventPriority() {
 
   return getEventPriority(currentEvent.type);
 }
+function shouldAttemptEagerTransition() {
+  return window.event && window.event.type === "popstate";
+}
 // if a component just imports ReactDOM (e.g. for findDOMNode).
 // Some environments might not have setTimeout or clearTimeout.
 
@@ -44334,20 +43511,13 @@ function hydrateInstance(
 
   var isConcurrentMode =
     (internalInstanceHandle.mode & ConcurrentMode) !== NoMode;
-  var parentNamespace;
-
-  {
-    var hostContextDev = hostContext;
-    parentNamespace = hostContextDev.namespace;
-  }
-
   return diffHydratedProperties(
     instance,
     type,
     props,
     isConcurrentMode,
     shouldWarnDev,
-    parentNamespace
+    hostContext
   );
 }
 function hydrateTextInstance(
@@ -44875,8 +44045,6 @@ function clearSingleton(instance) {
 
   return;
 } // -------------------
-// In the future this may need to change, especially when modules / scripts are supported
-
 var NotLoaded =
   /*       */
   0;
@@ -44894,28 +44062,6 @@ var Inserted =
   4;
 function prepareToCommitHoistables() {
   tagCaches = null;
-} // It is valid to preload even when we aren't actively rendering. For cases where Float functions are
-// called when there is no rendering we track the last used document. It is not safe to insert
-// arbitrary resources into the lastCurrentDocument b/c it may not actually be the document
-// that the resource is meant to apply too (for example stylesheets or scripts). This is only
-// appropriate for resources that don't really have a strict tie to the document itself for example
-// preloads
-
-var lastCurrentDocument = null;
-var previousDispatcher = null;
-function prepareRendererToRender(rootContainer) {
-  {
-    var rootNode = getHoistableRoot(rootContainer);
-    lastCurrentDocument = getDocumentFromRoot(rootNode);
-    previousDispatcher = Dispatcher.current;
-    Dispatcher.current = ReactDOMClientDispatcher;
-  }
-}
-function resetRendererAfterRender() {
-  {
-    Dispatcher.current = previousDispatcher;
-    previousDispatcher = null;
-  }
 } // global collections of Resources
 
 var preloadPropsMap = new Map();
@@ -44933,25 +44079,6 @@ function getHoistableRoot(container) {
 function getCurrentResourceRoot() {
   var currentContainer = getCurrentRootHostContainer();
   return currentContainer ? getHoistableRoot(currentContainer) : null;
-} // Preloads are somewhat special. Even if we don't have the Document
-// used by the root that is rendering a component trying to insert a preload
-// we can still seed the file cache by doing the preload on any document we have
-// access to. We prefer the currentDocument if it exists, we also prefer the
-// lastCurrentDocument if that exists. As a fallback we will use the window.document
-// if available.
-
-function getDocumentForPreloads() {
-  var root = getCurrentResourceRoot();
-
-  if (root) {
-    return root.ownerDocument || root;
-  } else {
-    try {
-      return lastCurrentDocument || window.document;
-    } catch (error) {
-      return null;
-    }
-  }
 }
 
 function getDocumentFromRoot(root) {
@@ -44961,16 +44088,25 @@ function getDocumentFromRoot(root) {
 // from Internals -> ReactDOM -> HostConfig -> Internals so this doesn't introduce a new one.
 
 var ReactDOMClientDispatcher = {
-  prefetchDNS: prefetchDNS,
-  preconnect: preconnect,
-  preload: preload,
-  preinit: preinit
-};
+  prefetchDNS: prefetchDNS$1,
+  preconnect: preconnect$1,
+  preload: preload$1,
+  preinit: preinit$1
+}; // 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.
+
+function getDocumentForImperativeFloatMethods() {
+  return document;
+}
 
 function preconnectAs(rel, crossOrigin, href) {
-  var ownerDocument = getDocumentForPreloads();
+  var ownerDocument = getDocumentForImperativeFloatMethods();
 
-  if (typeof href === "string" && href && ownerDocument) {
+  if (typeof href === "string" && href) {
     var limitedEscapedHref =
       escapeSelectorAttributeValueInsideDoubleQuotes(href);
     var key = 'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
@@ -44997,7 +44133,7 @@ function preconnectAs(rel, crossOrigin, href) {
   }
 }
 
-function prefetchDNS(href, options) {
+function prefetchDNS$1(href, options) {
   {
     if (typeof href !== "string" || !href) {
       error(
@@ -45025,7 +44161,7 @@ function prefetchDNS(href, options) {
   preconnectAs("dns-prefetch", null, href);
 }
 
-function preconnect(href, options) {
+function preconnect$1(href, options) {
   {
     if (typeof href !== "string" || !href) {
       error(
@@ -45054,12 +44190,12 @@ function preconnect(href, options) {
   preconnectAs("preconnect", crossOrigin, href);
 }
 
-function preload(href, options) {
+function preload$1(href, options) {
   {
     validatePreloadArguments(href, options);
   }
 
-  var ownerDocument = getDocumentForPreloads();
+  var ownerDocument = getDocumentForImperativeFloatMethods();
 
   if (
     typeof href === "string" &&
@@ -45110,79 +44246,28 @@ function preloadPropsFromPreloadOptions(href, as, options) {
   };
 }
 
-function preinit(href, options) {
+function preinit$1(href, options) {
   {
     validatePreinitArguments(href, options);
   }
 
+  var ownerDocument = getDocumentForImperativeFloatMethods();
+
   if (
     typeof href === "string" &&
     href &&
     typeof options === "object" &&
     options !== null
   ) {
-    var resourceRoot = getCurrentResourceRoot();
     var as = options.as;
 
-    if (!resourceRoot) {
-      if (as === "style" || as === "script") {
-        // We are going to emit a preload as a best effort fallback since this preinit
-        // was called outside of a render. Given the passive nature of this fallback
-        // we do not warn in dev when props disagree if there happens to already be a
-        // matching preload with this href
-        var preloadDocument = getDocumentForPreloads();
-
-        if (preloadDocument) {
-          var limitedEscapedHref =
-            escapeSelectorAttributeValueInsideDoubleQuotes(href);
-          var preloadKey =
-            'link[rel="preload"][as="' +
-            as +
-            '"][href="' +
-            limitedEscapedHref +
-            '"]';
-          var key = preloadKey;
-
-          switch (as) {
-            case "style":
-              key = getStyleKey(href);
-              break;
-
-            case "script":
-              key = getScriptKey(href);
-              break;
-          }
-
-          if (!preloadPropsMap.has(key)) {
-            var preloadProps = preloadPropsFromPreinitOptions(
-              href,
-              as,
-              options
-            );
-            preloadPropsMap.set(key, preloadProps);
-
-            if (null === preloadDocument.querySelector(preloadKey)) {
-              var instance = preloadDocument.createElement("link");
-              setInitialProperties(instance, "link", preloadProps);
-              markNodeAsHoistable(instance);
-              preloadDocument.head.appendChild(instance);
-            }
-          }
-        }
-      }
-
-      return;
-    }
-
     switch (as) {
       case "style": {
-        var styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
-
-        var _key = getStyleKey(href);
-
+        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles;
+        var key = getStyleKey(href);
         var precedence = options.precedence || "default"; // Check if this resource already exists
 
-        var resource = styles.get(_key);
+        var resource = styles.get(key);
 
         if (resource) {
           // We can early return. The resource exists and there is nothing
@@ -45195,11 +44280,11 @@ function preinit(href, options) {
           preload: null
         }; // Attempt to hydrate instance from DOM
 
-        var _instance = resourceRoot.querySelector(
-          getStylesheetSelectorFromKey(_key)
+        var instance = ownerDocument.querySelector(
+          getStylesheetSelectorFromKey(key)
         );
 
-        if (_instance) {
+        if (instance) {
           state.loading = Loaded;
         } else {
           // Construct a new instance and insert it
@@ -45208,17 +44293,13 @@ function preinit(href, options) {
             precedence,
             options
           );
+          var preloadProps = preloadPropsMap.get(key);
 
-          var _preloadProps = preloadPropsMap.get(_key);
-
-          if (_preloadProps) {
-            adoptPreloadPropsForStylesheet(stylesheetProps, _preloadProps);
+          if (preloadProps) {
+            adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
           }
 
-          var ownerDocument = getDocumentFromRoot(resourceRoot);
-
-          var link = (_instance = ownerDocument.createElement("link"));
-
+          var link = (instance = ownerDocument.createElement("link"));
           markNodeAsHoistable(link);
           setInitialProperties(link, "link", stylesheetProps);
           link._p = new Promise(function (resolve, reject) {
@@ -45232,26 +44313,26 @@ function preinit(href, options) {
             state.loading |= Errored;
           });
           state.loading |= Inserted;
-          insertStylesheet(_instance, precedence, resourceRoot);
+          insertStylesheet(instance, precedence, ownerDocument);
         } // Construct a Resource and cache it
 
         resource = {
           type: "stylesheet",
-          instance: _instance,
+          instance: instance,
           count: 1,
           state: state
         };
-        styles.set(_key, resource);
+        styles.set(key, resource);
         return;
       }
 
       case "script": {
         var src = href;
-        var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
+        var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts;
 
-        var _key2 = getScriptKey(src); // Check if this resource already exists
+        var _key = getScriptKey(src); // Check if this resource already exists
 
-        var _resource = scripts.get(_key2);
+        var _resource = scripts.get(_key);
 
         if (_resource) {
           // We can early return. The resource exists and there is nothing
@@ -45259,52 +44340,39 @@ function preinit(href, options) {
           return;
         } // Attempt to hydrate instance from DOM
 
-        var _instance2 = resourceRoot.querySelector(
-          getScriptSelectorFromKey(_key2)
+        var _instance = ownerDocument.querySelector(
+          getScriptSelectorFromKey(_key)
         );
 
-        if (!_instance2) {
+        if (!_instance) {
           // Construct a new instance and insert it
           var scriptProps = scriptPropsFromPreinitOptions(src, options); // Adopt certain preload props
 
-          var _preloadProps2 = preloadPropsMap.get(_key2);
+          var _preloadProps = preloadPropsMap.get(_key);
 
-          if (_preloadProps2) {
-            adoptPreloadPropsForScript(scriptProps, _preloadProps2);
+          if (_preloadProps) {
+            adoptPreloadPropsForScript(scriptProps, _preloadProps);
           }
 
-          var _ownerDocument = getDocumentFromRoot(resourceRoot);
-
-          _instance2 = _ownerDocument.createElement("script");
-          markNodeAsHoistable(_instance2);
-          setInitialProperties(_instance2, "link", scriptProps);
-
-          _ownerDocument.head.appendChild(_instance2);
+          _instance = ownerDocument.createElement("script");
+          markNodeAsHoistable(_instance);
+          setInitialProperties(_instance, "link", scriptProps);
+          ownerDocument.head.appendChild(_instance);
         } // Construct a Resource and cache it
 
         _resource = {
           type: "script",
-          instance: _instance2,
+          instance: _instance,
           count: 1,
           state: null
         };
-        scripts.set(_key2, _resource);
+        scripts.set(_key, _resource);
         return;
       }
     }
   }
 }
 
-function preloadPropsFromPreinitOptions(href, as, options) {
-  return {
-    href: href,
-    rel: "preload",
-    as: as,
-    crossOrigin: as === "font" ? "" : options.crossOrigin,
-    integrity: options.integrity
-  };
-}
-
 function stylesheetPropsFromPreinitOptions(href, precedence, options) {
   return {
     rel: "stylesheet",
@@ -45376,11 +44444,11 @@ function getResource(type, currentProps, pendingProps) {
       ) {
         var qualifiedProps = pendingProps;
 
-        var _key3 = getStyleKey(qualifiedProps.href);
+        var _key2 = getStyleKey(qualifiedProps.href);
 
         var _styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
 
-        var _resource2 = _styles.get(_key3);
+        var _resource2 = _styles.get(_key2);
 
         if (!_resource2) {
           // We asserted this above but Flow can't figure out that the type satisfies
@@ -45395,12 +44463,12 @@ function getResource(type, currentProps, pendingProps) {
             }
           };
 
-          _styles.set(_key3, _resource2);
+          _styles.set(_key2, _resource2);
 
-          if (!preloadPropsMap.has(_key3)) {
+          if (!preloadPropsMap.has(_key2)) {
             preloadStylesheet(
               ownerDocument,
-              _key3,
+              _key2,
               preloadPropsFromStylesheet(qualifiedProps),
               _resource2.state
             );
@@ -45417,11 +44485,11 @@ function getResource(type, currentProps, pendingProps) {
       if (typeof pendingProps.src === "string" && pendingProps.async === true) {
         var scriptProps = pendingProps;
 
-        var _key4 = getScriptKey(scriptProps.src);
+        var _key3 = getScriptKey(scriptProps.src);
 
         var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
 
-        var _resource3 = scripts.get(_key4);
+        var _resource3 = scripts.get(_key3);
 
         if (!_resource3) {
           _resource3 = {
@@ -45430,7 +44498,7 @@ function getResource(type, currentProps, pendingProps) {
             count: 0,
             state: null
           };
-          scripts.set(_key4, _resource3);
+          scripts.set(_key3, _resource3);
         }
 
         return _resource3;
@@ -45465,11 +44533,12 @@ function styleTagPropsFromRawProps(rawProps) {
 
 function getStyleKey(href) {
   var limitedEscapedHref = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-  return 'href~="' + limitedEscapedHref + '"';
+  return 'href="' + limitedEscapedHref + '"';
 }
 
-function getStyleTagSelectorFromKey(key) {
-  return "style[data-" + key + "]";
+function getStyleTagSelector(href) {
+  var limitedEscapedHref = escapeSelectorAttributeValueInsideDoubleQuotes(href);
+  return 'style[data-href~="' + limitedEscapedHref + '"]';
 }
 
 function getStylesheetSelectorFromKey(key) {
@@ -45546,11 +44615,10 @@ function acquireResource(hoistableRoot, resource, props) {
   if (resource.instance === null) {
     switch (resource.type) {
       case "style": {
-        var qualifiedProps = props;
-        var key = getStyleKey(qualifiedProps.href); // Attempt to hydrate instance from DOM
+        var qualifiedProps = props; // Attempt to hydrate instance from DOM
 
         var instance = hoistableRoot.querySelector(
-          getStyleTagSelectorFromKey(key)
+          getStyleTagSelector(qualifiedProps.href)
         );
 
         if (instance) {
@@ -45578,40 +44646,39 @@ function acquireResource(hoistableRoot, resource, props) {
         // 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 _key5 = getStyleKey(_qualifiedProps.href); // Attempt to hydrate instance from DOM
-
-        var _instance3 = hoistableRoot.querySelector(
-          getStylesheetSelectorFromKey(_key5)
+        var _instance2 = hoistableRoot.querySelector(
+          getStylesheetSelectorFromKey(key)
         );
 
-        if (_instance3) {
-          resource.instance = _instance3;
-          markNodeAsHoistable(_instance3);
-          return _instance3;
+        if (_instance2) {
+          resource.instance = _instance2;
+          markNodeAsHoistable(_instance2);
+          return _instance2;
         }
 
         var stylesheetProps = stylesheetPropsFromRawProps(props);
-        var preloadProps = preloadPropsMap.get(_key5);
+        var preloadProps = preloadPropsMap.get(key);
 
         if (preloadProps) {
           adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
         } // Construct and insert a new instance
 
-        var _ownerDocument2 = getDocumentFromRoot(hoistableRoot);
+        var _ownerDocument = getDocumentFromRoot(hoistableRoot);
 
-        _instance3 = _ownerDocument2.createElement("link");
-        markNodeAsHoistable(_instance3);
-        var linkInstance = _instance3;
+        _instance2 = _ownerDocument.createElement("link");
+        markNodeAsHoistable(_instance2);
+        var linkInstance = _instance2;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(_instance3, "link", stylesheetProps);
+        setInitialProperties(_instance2, "link", stylesheetProps);
         resource.state.loading |= Inserted;
-        insertStylesheet(_instance3, _qualifiedProps.precedence, hoistableRoot);
-        resource.instance = _instance3;
-        return _instance3;
+        insertStylesheet(_instance2, _qualifiedProps.precedence, hoistableRoot);
+        resource.instance = _instance2;
+        return _instance2;
       }
 
       case "script": {
@@ -45620,37 +44687,37 @@ function acquireResource(hoistableRoot, resource, props) {
         // this cast still makes sense;
         var borrowedScriptProps = props;
 
-        var _key6 = getScriptKey(borrowedScriptProps.src); // Attempt to hydrate instance from DOM
+        var _key4 = getScriptKey(borrowedScriptProps.src); // Attempt to hydrate instance from DOM
 
-        var _instance4 = hoistableRoot.querySelector(
-          getScriptSelectorFromKey(_key6)
+        var _instance3 = hoistableRoot.querySelector(
+          getScriptSelectorFromKey(_key4)
         );
 
-        if (_instance4) {
-          resource.instance = _instance4;
-          markNodeAsHoistable(_instance4);
-          return _instance4;
+        if (_instance3) {
+          resource.instance = _instance3;
+          markNodeAsHoistable(_instance3);
+          return _instance3;
         }
 
         var scriptProps = borrowedScriptProps;
 
-        var _preloadProps3 = preloadPropsMap.get(_key6);
+        var _preloadProps2 = preloadPropsMap.get(_key4);
 
-        if (_preloadProps3) {
+        if (_preloadProps2) {
           scriptProps = assign({}, borrowedScriptProps);
-          adoptPreloadPropsForScript(scriptProps, _preloadProps3);
+          adoptPreloadPropsForScript(scriptProps, _preloadProps2);
         } // Construct and insert a new instance
 
-        var _ownerDocument3 = getDocumentFromRoot(hoistableRoot);
+        var _ownerDocument2 = getDocumentFromRoot(hoistableRoot);
 
-        _instance4 = _ownerDocument3.createElement("script");
-        markNodeAsHoistable(_instance4);
-        setInitialProperties(_instance4, "link", scriptProps);
+        _instance3 = _ownerDocument2.createElement("script");
+        markNodeAsHoistable(_instance3);
+        setInitialProperties(_instance3, "link", scriptProps);
 
-        _ownerDocument3.head.appendChild(_instance4);
+        _ownerDocument2.head.appendChild(_instance3);
 
-        resource.instance = _instance4;
-        return _instance4;
+        resource.instance = _instance3;
+        return _instance3;
       }
 
       case "void": {
@@ -45683,9 +44750,9 @@ function acquireResource(hoistableRoot, resource, props) {
       (resource.state.loading & Inserted) === NotLoaded
     ) {
       var _qualifiedProps2 = props;
-      var _instance5 = resource.instance;
+      var _instance4 = resource.instance;
       resource.state.loading |= Inserted;
-      insertStylesheet(_instance5, _qualifiedProps2.precedence, hoistableRoot);
+      insertStylesheet(_instance4, _qualifiedProps2.precedence, hoistableRoot);
     }
   }
 
@@ -45813,9 +44880,9 @@ function hydrateHoistable(hoistableRoot, type, props, internalInstanceHandle) {
         ownerDocument
       );
 
-      var _key7 = type + (props.content || "");
+      var _key5 = type + (props.content || "");
 
-      var _maybeNodes = _cache.get(_key7);
+      var _maybeNodes = _cache.get(_key5);
 
       if (_maybeNodes) {
         var _nodes = _maybeNodes;
@@ -45932,36 +44999,20 @@ function mountHoistable(hoistableRoot, type, instance) {
 }
 function unmountHoistable(instance) {
   instance.parentNode.removeChild(instance);
-} // When passing user input into querySelector(All) the embedded string must not alter
-// the semantics of the query. This escape function is safe to use when we know the
-// provided value is going to be wrapped in double quotes as part of an attribute selector
-// Do not use it anywhere else
-// we escape double quotes and backslashes
-
-var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n\"\\]/g;
-
-function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
-  return value.replace(
-    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
-    function (ch) {
-      return "\\" + ch.charCodeAt(0).toString(16);
-    }
-  );
 }
-
 function isHostHoistableType(type, props, hostContext) {
   var outsideHostContainerContext;
-  var namespace;
+  var hostContextProd;
 
   {
     var hostContextDev = hostContext; // We can only render resources when we are not within the host container context
 
     outsideHostContainerContext =
       !hostContextDev.ancestorInfo.containerTagInScope;
-    namespace = hostContextDev.namespace;
+    hostContextProd = hostContextDev.context;
   } // Global opt out of hoisting for anything in SVG Namespace or anything with an itemProp inside an itemScope
 
-  if (namespace === SVG_NAMESPACE || props.itemProp != null) {
+  if (hostContextProd === HostContextNamespaceSvg || props.itemProp != null) {
     {
       if (
         outsideHostContainerContext &&
@@ -46687,8 +45738,7 @@ var discreteReplayableEvents = [
   "click",
   "change",
   "contextmenu",
-  "reset",
-  "submit"
+  "reset" // 'submit', // stopPropagation blocks the replay mechanism
 ];
 function isDiscreteEventThatRequiresHydration(eventType) {
   return discreteReplayableEvents.indexOf(eventType) > -1;
@@ -47027,7 +46077,7 @@ function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
       );
     }
   }
-}
+} // [form, submitter or action, formData...]
 
 function retryIfBlockedOn(unblocked) {
   if (queuedFocus !== null) {
@@ -47240,14 +46290,17 @@ function dispatchEvent(
     targetContainer
   );
 }
+function findInstanceBlockingEvent(nativeEvent) {
+  var nativeEventTarget = getEventTarget(nativeEvent);
+  return findInstanceBlockingTarget(nativeEventTarget);
+}
 var return_targetInst = null; // Returns a SuspenseInstance or Container if it's blocked.
 // The return_targetInst field above is conceptually part of the return value.
 
-function findInstanceBlockingEvent(nativeEvent) {
+function findInstanceBlockingTarget(targetNode) {
   // TODO: Warn if _enabled is false.
   return_targetInst = null;
-  var nativeEventTarget = getEventTarget(nativeEvent);
-  var targetInst = getClosestInstanceFromNode(nativeEventTarget);
+  var targetInst = getClosestInstanceFromNode(targetNode);
 
   if (targetInst !== null) {
     var nearestMounted = getNearestMountedFiber(targetInst);
@@ -47408,6 +46461,997 @@ function getEventPriority(domEventName) {
   }
 }
 
+var Internals = {
+  usingClientEntryPoint: false,
+  Events: null,
+  Dispatcher: {
+    current: null
+  }
+};
+
+var Dispatcher$1 = Internals.Dispatcher;
+
+if (typeof document !== "undefined") {
+  // Set the default dispatcher to the client dispatcher
+  Dispatcher$1.current = ReactDOMClientDispatcher;
+}
+/* global reportError */
+
+var defaultOnRecoverableError =
+  typeof reportError === "function" // In modern browsers, reportError will dispatch an error event,
+    ? // emulating an uncaught JavaScript error.
+      reportError
+    : function (error) {
+        // In older browsers and test environments, fallback to console.error.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console["error"](error);
+      }; // $FlowFixMe[missing-this-annot]
+
+function ReactDOMRoot(internalRoot) {
+  this._internalRoot = internalRoot;
+} // $FlowFixMe[prop-missing] found when upgrading Flow
+
+ReactDOMHydrationRoot.prototype.render = ReactDOMRoot.prototype.render = // $FlowFixMe[missing-this-annot]
+  function (children) {
+    var root = this._internalRoot;
+
+    if (root === null) {
+      throw new Error("Cannot update an unmounted root.");
+    }
+
+    {
+      if (typeof arguments[1] === "function") {
+        error(
+          "render(...): does not support the second callback argument. " +
+            "To execute a side effect after rendering, declare it in a component body with useEffect()."
+        );
+      } else if (isValidContainer(arguments[1])) {
+        error(
+          "You passed a container to the second argument of root.render(...). " +
+            "You don't need to pass it again since you already passed it to create the root."
+        );
+      } else if (typeof arguments[1] !== "undefined") {
+        error(
+          "You passed a second argument to root.render(...) but it only accepts " +
+            "one argument."
+        );
+      }
+    }
+
+    updateContainer(children, root, null, null);
+  }; // $FlowFixMe[prop-missing] found when upgrading Flow
+
+ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount = // $FlowFixMe[missing-this-annot]
+  function () {
+    {
+      if (typeof arguments[0] === "function") {
+        error(
+          "unmount(...): does not support a callback argument. " +
+            "To execute a side effect after rendering, declare it in a component body with useEffect()."
+        );
+      }
+    }
+
+    var root = this._internalRoot;
+
+    if (root !== null) {
+      this._internalRoot = null;
+      var container = root.containerInfo;
+
+      {
+        if (isAlreadyRendering()) {
+          error(
+            "Attempted to synchronously unmount a root while React was already " +
+              "rendering. React cannot finish unmounting the root until the " +
+              "current render has completed, which may lead to a race condition."
+          );
+        }
+      }
+
+      flushSync$1(function () {
+        updateContainer(null, root, null, null);
+      });
+      unmarkContainerAsRoot(container);
+    }
+  };
+
+function createRoot$1(container, options) {
+  if (!isValidContainer(container)) {
+    throw new Error("createRoot(...): Target container is not a DOM element.");
+  }
+
+  warnIfReactDOMContainerInDEV(container);
+  var isStrictMode = false;
+  var concurrentUpdatesByDefaultOverride = false;
+  var identifierPrefix = "";
+  var onRecoverableError = defaultOnRecoverableError;
+  var transitionCallbacks = null;
+
+  if (options !== null && options !== undefined) {
+    {
+      if (options.hydrate) {
+        warn(
+          "hydrate through createRoot is deprecated. Use ReactDOMClient.hydrateRoot(container, <App />) instead."
+        );
+      } else {
+        if (
+          typeof options === "object" &&
+          options !== null &&
+          options.$$typeof === REACT_ELEMENT_TYPE
+        ) {
+          error(
+            "You passed a JSX element to createRoot. You probably meant to " +
+              "call root.render instead. " +
+              "Example usage:\n\n" +
+              "  let root = createRoot(domContainer);\n" +
+              "  root.render(<App />);"
+          );
+        }
+      }
+    }
+
+    if (options.unstable_strictMode === true) {
+      isStrictMode = true;
+    }
+
+    if (options.unstable_concurrentUpdatesByDefault === true) {
+      concurrentUpdatesByDefaultOverride = true;
+    }
+
+    if (options.identifierPrefix !== undefined) {
+      identifierPrefix = options.identifierPrefix;
+    }
+
+    if (options.onRecoverableError !== undefined) {
+      onRecoverableError = options.onRecoverableError;
+    }
+
+    if (options.unstable_transitionCallbacks !== undefined) {
+      transitionCallbacks = options.unstable_transitionCallbacks;
+    }
+  }
+
+  var root = createContainer(
+    container,
+    ConcurrentRoot,
+    null,
+    isStrictMode,
+    concurrentUpdatesByDefaultOverride,
+    identifierPrefix,
+    onRecoverableError,
+    transitionCallbacks
+  );
+  markContainerAsRoot(root.current, container);
+  Dispatcher$1.current = ReactDOMClientDispatcher;
+  var rootContainerElement =
+    container.nodeType === COMMENT_NODE ? container.parentNode : container;
+  listenToAllSupportedEvents(rootContainerElement); // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
+
+  return new ReactDOMRoot(root);
+} // $FlowFixMe[missing-this-annot]
+
+function ReactDOMHydrationRoot(internalRoot) {
+  this._internalRoot = internalRoot;
+}
+
+function scheduleHydration(target) {
+  if (target) {
+    queueExplicitHydrationTarget(target);
+  }
+} // $FlowFixMe[prop-missing] found when upgrading Flow
+
+ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = scheduleHydration;
+function hydrateRoot$1(container, initialChildren, options) {
+  if (!isValidContainer(container)) {
+    throw new Error("hydrateRoot(...): Target container is not a DOM element.");
+  }
+
+  warnIfReactDOMContainerInDEV(container);
+
+  {
+    if (initialChildren === undefined) {
+      error(
+        "Must provide initial children as second argument to hydrateRoot. " +
+          "Example usage: hydrateRoot(domContainer, <App />)"
+      );
+    }
+  } // For now we reuse the whole bag of options since they contain
+  // the hydration callbacks.
+
+  var hydrationCallbacks = options != null ? options : null; // TODO: Delete this option
+
+  var mutableSources = (options != null && options.hydratedSources) || null;
+  var isStrictMode = false;
+  var concurrentUpdatesByDefaultOverride = false;
+  var identifierPrefix = "";
+  var onRecoverableError = defaultOnRecoverableError;
+  var transitionCallbacks = null;
+
+  if (options !== null && options !== undefined) {
+    if (options.unstable_strictMode === true) {
+      isStrictMode = true;
+    }
+
+    if (options.unstable_concurrentUpdatesByDefault === true) {
+      concurrentUpdatesByDefaultOverride = true;
+    }
+
+    if (options.identifierPrefix !== undefined) {
+      identifierPrefix = options.identifierPrefix;
+    }
+
+    if (options.onRecoverableError !== undefined) {
+      onRecoverableError = options.onRecoverableError;
+    }
+
+    if (options.unstable_transitionCallbacks !== undefined) {
+      transitionCallbacks = options.unstable_transitionCallbacks;
+    }
+  }
+
+  var root = createHydrationContainer(
+    initialChildren,
+    null,
+    container,
+    ConcurrentRoot,
+    hydrationCallbacks,
+    isStrictMode,
+    concurrentUpdatesByDefaultOverride,
+    identifierPrefix,
+    onRecoverableError,
+    transitionCallbacks
+  );
+  markContainerAsRoot(root.current, container);
+  Dispatcher$1.current = ReactDOMClientDispatcher; // This can't be a comment node since hydration doesn't work on comment nodes anyway.
+
+  listenToAllSupportedEvents(container);
+
+  if (mutableSources) {
+    for (var i = 0; i < mutableSources.length; i++) {
+      var mutableSource = mutableSources[i];
+      registerMutableSourceForHydration(root, mutableSource);
+    }
+  } // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
+
+  return new ReactDOMHydrationRoot(root);
+}
+function isValidContainer(node) {
+  return !!(
+    node &&
+    (node.nodeType === ELEMENT_NODE ||
+      node.nodeType === DOCUMENT_NODE ||
+      node.nodeType === DOCUMENT_FRAGMENT_NODE ||
+      (node.nodeType === COMMENT_NODE &&
+        node.nodeValue === " react-mount-point-unstable "))
+  );
+} // TODO: Remove this function which also includes comment nodes.
+// We only use it in places that are currently more relaxed.
+
+function isValidContainerLegacy(node) {
+  return !!(
+    node &&
+    (node.nodeType === ELEMENT_NODE ||
+      node.nodeType === DOCUMENT_NODE ||
+      node.nodeType === DOCUMENT_FRAGMENT_NODE ||
+      (node.nodeType === COMMENT_NODE &&
+        node.nodeValue === " react-mount-point-unstable "))
+  );
+}
+
+function warnIfReactDOMContainerInDEV(container) {
+  {
+    if (isContainerMarkedAsRoot(container)) {
+      if (container._reactRootContainer) {
+        error(
+          "You are calling ReactDOMClient.createRoot() on a container that was previously " +
+            "passed to ReactDOM.render(). This is not supported."
+        );
+      } else {
+        error(
+          "You are calling ReactDOMClient.createRoot() on a container that " +
+            "has already been passed to createRoot() before. Instead, call " +
+            "root.render() on the existing root instead if you want to update it."
+        );
+      }
+    }
+  }
+}
+
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var topLevelUpdateWarnings;
+
+{
+  topLevelUpdateWarnings = function (container) {
+    if (container._reactRootContainer && container.nodeType !== COMMENT_NODE) {
+      var hostInstance = findHostInstanceWithNoPortals(
+        container._reactRootContainer.current
+      );
+
+      if (hostInstance) {
+        if (hostInstance.parentNode !== container) {
+          error(
+            "render(...): It looks like the React-rendered content of this " +
+              "container was removed without using React. This is not " +
+              "supported and will cause errors. Instead, call " +
+              "ReactDOM.unmountComponentAtNode to empty a container."
+          );
+        }
+      }
+    }
+
+    var isRootRenderedBySomeReact = !!container._reactRootContainer;
+    var rootEl = getReactRootElementInContainer(container);
+    var hasNonRootReactChild = !!(rootEl && getInstanceFromNode(rootEl));
+
+    if (hasNonRootReactChild && !isRootRenderedBySomeReact) {
+      error(
+        "render(...): Replacing React-rendered children with a new root " +
+          "component. If you intended to update the children of this node, " +
+          "you should instead have the existing children update their state " +
+          "and render the new components instead of calling ReactDOM.render."
+      );
+    }
+  };
+}
+
+function getReactRootElementInContainer(container) {
+  if (!container) {
+    return null;
+  }
+
+  if (container.nodeType === DOCUMENT_NODE) {
+    return container.documentElement;
+  } else {
+    return container.firstChild;
+  }
+}
+
+function noopOnRecoverableError() {
+  // This isn't reachable because onRecoverableError isn't called in the
+  // legacy API.
+}
+
+function legacyCreateRootFromDOMContainer(
+  container,
+  initialChildren,
+  parentComponent,
+  callback,
+  isHydrationContainer
+) {
+  if (isHydrationContainer) {
+    if (typeof callback === "function") {
+      var originalCallback = callback;
+
+      callback = function () {
+        var instance = getPublicRootInstance(root);
+        originalCallback.call(instance);
+      };
+    }
+
+    var root = createHydrationContainer(
+      initialChildren,
+      callback,
+      container,
+      LegacyRoot,
+      null, // hydrationCallbacks
+      false, // isStrictMode
+      false, // concurrentUpdatesByDefaultOverride,
+      "", // identifierPrefix
+      noopOnRecoverableError, // TODO(luna) Support hydration later
+      null
+    );
+    container._reactRootContainer = root;
+    markContainerAsRoot(root.current, container);
+    var rootContainerElement =
+      container.nodeType === COMMENT_NODE ? container.parentNode : container; // $FlowFixMe[incompatible-call]
+
+    listenToAllSupportedEvents(rootContainerElement);
+    flushSync$1();
+    return root;
+  } else {
+    // First clear any existing content.
+    clearContainer(container);
+
+    if (typeof callback === "function") {
+      var _originalCallback = callback;
+
+      callback = function () {
+        var instance = getPublicRootInstance(_root);
+
+        _originalCallback.call(instance);
+      };
+    }
+
+    var _root = createContainer(
+      container,
+      LegacyRoot,
+      null, // hydrationCallbacks
+      false, // isStrictMode
+      false, // concurrentUpdatesByDefaultOverride,
+      "", // identifierPrefix
+      noopOnRecoverableError, // onRecoverableError
+      null // transitionCallbacks
+    );
+
+    container._reactRootContainer = _root;
+    markContainerAsRoot(_root.current, container);
+
+    var _rootContainerElement =
+      container.nodeType === COMMENT_NODE ? container.parentNode : container; // $FlowFixMe[incompatible-call]
+
+    listenToAllSupportedEvents(_rootContainerElement); // Initial mount should not be batched.
+
+    flushSync$1(function () {
+      updateContainer(initialChildren, _root, parentComponent, callback);
+    });
+    return _root;
+  }
+}
+
+function warnOnInvalidCallback(callback, callerName) {
+  {
+    if (callback !== null && typeof callback !== "function") {
+      error(
+        "%s(...): Expected the last optional `callback` argument to be a " +
+          "function. Instead received: %s.",
+        callerName,
+        callback
+      );
+    }
+  }
+}
+
+function legacyRenderSubtreeIntoContainer(
+  parentComponent,
+  children,
+  container,
+  forceHydrate,
+  callback
+) {
+  {
+    topLevelUpdateWarnings(container);
+    warnOnInvalidCallback(callback === undefined ? null : callback, "render");
+  }
+
+  var maybeRoot = container._reactRootContainer;
+  var root;
+
+  if (!maybeRoot) {
+    // Initial mount
+    root = legacyCreateRootFromDOMContainer(
+      container,
+      children,
+      parentComponent,
+      callback,
+      forceHydrate
+    );
+  } else {
+    root = maybeRoot;
+
+    if (typeof callback === "function") {
+      var originalCallback = callback;
+
+      callback = function () {
+        var instance = getPublicRootInstance(root);
+        originalCallback.call(instance);
+      };
+    } // Update
+
+    updateContainer(children, root, parentComponent, callback);
+  }
+
+  return getPublicRootInstance(root);
+}
+
+function findDOMNode(componentOrElement) {
+  {
+    var owner = ReactCurrentOwner.current;
+
+    if (owner !== null && owner.stateNode !== null) {
+      var warnedAboutRefsInRender = owner.stateNode._warnedAboutRefsInRender;
+
+      if (!warnedAboutRefsInRender) {
+        error(
+          "%s is accessing findDOMNode inside its render(). " +
+            "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.",
+          getComponentNameFromType(owner.type) || "A component"
+        );
+      }
+
+      owner.stateNode._warnedAboutRefsInRender = true;
+    }
+  }
+
+  if (componentOrElement == null) {
+    return null;
+  }
+
+  if (componentOrElement.nodeType === ELEMENT_NODE) {
+    return componentOrElement;
+  }
+
+  {
+    return findHostInstanceWithWarning(componentOrElement, "findDOMNode");
+  }
+}
+function hydrate(element, container, callback) {
+  {
+    error(
+      "ReactDOM.hydrate is no longer supported in React 18. Use hydrateRoot " +
+        "instead. Until you switch to the new API, your app will behave as " +
+        "if it's running React 17. Learn " +
+        "more: https://reactjs.org/link/switch-to-createroot"
+    );
+  }
+
+  if (!isValidContainerLegacy(container)) {
+    throw new Error("Target container is not a DOM element.");
+  }
+
+  {
+    var isModernRoot =
+      isContainerMarkedAsRoot(container) &&
+      container._reactRootContainer === undefined;
+
+    if (isModernRoot) {
+      error(
+        "You are calling ReactDOM.hydrate() on a container that was previously " +
+          "passed to ReactDOMClient.createRoot(). This is not supported. " +
+          "Did you mean to call hydrateRoot(container, element)?"
+      );
+    }
+  } // TODO: throw or warn if we couldn't hydrate?
+
+  return legacyRenderSubtreeIntoContainer(
+    null,
+    element,
+    container,
+    true,
+    callback
+  );
+}
+function render(element, container, callback) {
+  {
+    error(
+      "ReactDOM.render is no longer supported in React 18. Use createRoot " +
+        "instead. Until you switch to the new API, your app will behave as " +
+        "if it's running React 17. Learn " +
+        "more: https://reactjs.org/link/switch-to-createroot"
+    );
+  }
+
+  if (!isValidContainerLegacy(container)) {
+    throw new Error("Target container is not a DOM element.");
+  }
+
+  {
+    var isModernRoot =
+      isContainerMarkedAsRoot(container) &&
+      container._reactRootContainer === undefined;
+
+    if (isModernRoot) {
+      error(
+        "You are calling ReactDOM.render() on a container that was previously " +
+          "passed to ReactDOMClient.createRoot(). This is not supported. " +
+          "Did you mean to call root.render(element)?"
+      );
+    }
+  }
+
+  return legacyRenderSubtreeIntoContainer(
+    null,
+    element,
+    container,
+    false,
+    callback
+  );
+}
+function unstable_renderSubtreeIntoContainer(
+  parentComponent,
+  element,
+  containerNode,
+  callback
+) {
+  {
+    error(
+      "ReactDOM.unstable_renderSubtreeIntoContainer() is no longer supported " +
+        "in 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://reactjs.org/link/switch-to-createroot"
+    );
+  }
+
+  if (!isValidContainerLegacy(containerNode)) {
+    throw new Error("Target container is not a DOM element.");
+  }
+
+  if (parentComponent == null || !has(parentComponent)) {
+    throw new Error("parentComponent must be a valid React Component");
+  }
+
+  return legacyRenderSubtreeIntoContainer(
+    parentComponent,
+    element,
+    containerNode,
+    false,
+    callback
+  );
+}
+function unmountComponentAtNode(container) {
+  if (!isValidContainerLegacy(container)) {
+    throw new Error(
+      "unmountComponentAtNode(...): Target container is not a DOM element."
+    );
+  }
+
+  {
+    var isModernRoot =
+      isContainerMarkedAsRoot(container) &&
+      container._reactRootContainer === undefined;
+
+    if (isModernRoot) {
+      error(
+        "You are calling ReactDOM.unmountComponentAtNode() on a container that was previously " +
+          "passed to ReactDOMClient.createRoot(). This is not supported. Did you mean to call root.unmount()?"
+      );
+    }
+  }
+
+  if (container._reactRootContainer) {
+    {
+      var rootEl = getReactRootElementInContainer(container);
+      var renderedByDifferentReact = rootEl && !getInstanceFromNode(rootEl);
+
+      if (renderedByDifferentReact) {
+        error(
+          "unmountComponentAtNode(): The node you're attempting to unmount " +
+            "was rendered by another copy of React."
+        );
+      }
+    } // Unmount should not be batched.
+
+    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?
+
+    return true;
+  } else {
+    {
+      var _rootEl = getReactRootElementInContainer(container);
+
+      var hasNonRootReactChild = !!(_rootEl && getInstanceFromNode(_rootEl)); // Check if the container itself is a React root node.
+
+      var isContainerReactRoot =
+        container.nodeType === ELEMENT_NODE &&
+        isValidContainerLegacy(container.parentNode) && // $FlowFixMe[prop-missing]
+        // $FlowFixMe[incompatible-use]
+        !!container.parentNode._reactRootContainer;
+
+      if (hasNonRootReactChild) {
+        error(
+          "unmountComponentAtNode(): The node you're attempting to unmount " +
+            "was rendered by React and is not a top-level container. %s",
+          isContainerReactRoot
+            ? "You may have accidentally passed in a React root node instead " +
+                "of its container."
+            : "Instead, have the parent component update its state and " +
+                "rerender in order to remove this component."
+        );
+      }
+    }
+
+    return false;
+  }
+}
+
+function isValidEventTarget(target) {
+  return typeof target.addEventListener === "function";
+}
+
+function isReactScope(target) {
+  return typeof target.getChildContextValues === "function";
+}
+
+function createEventHandleListener(type, isCapturePhaseListener, callback) {
+  return {
+    callback: callback,
+    capture: isCapturePhaseListener,
+    type: type
+  };
+}
+
+function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
+  if (target.nodeType === ELEMENT_NODE);
+  else if (isReactScope(target));
+  else if (isValidEventTarget(target)) {
+    var eventTarget = target; // These are valid event targets, but they are also
+    // non-managed React nodes.
+
+    listenToNativeEventForNonManagedEventTarget(
+      domEventName,
+      isCapturePhaseListener,
+      eventTarget
+    );
+  } else {
+    throw new Error(
+      "ReactDOM.createEventHandle: setter called on an invalid " +
+        "target. Provide a valid EventTarget or an element managed by React."
+    );
+  }
+}
+
+function createEventHandle(type, options) {
+  {
+    var domEventName = type; // We cannot support arbitrary native events with eager root listeners
+    // because the eager strategy relies on knowing the whole list ahead of time.
+    // If we wanted to support this, we'd have to add code to keep track
+    // (or search) for all portal and root containers, and lazily add listeners
+    // to them whenever we see a previously unknown event. This seems like a lot
+    // of complexity for something we don't even have a particular use case for.
+    // Unfortunately, the downside of this invariant is that *removing* a native
+    // event from the list of known events has now become a breaking change for
+    // any code relying on the createEventHandle API.
+
+    if (!allNativeEvents.has(domEventName)) {
+      throw new Error(
+        'Cannot call unstable_createEventHandle with "' +
+          domEventName +
+          '", as it is not an event known to React.'
+      );
+    }
+
+    var isCapturePhaseListener = false;
+
+    if (options != null) {
+      var optionsCapture = options.capture;
+
+      if (typeof optionsCapture === "boolean") {
+        isCapturePhaseListener = optionsCapture;
+      }
+    }
+
+    var eventHandle = function (target, callback) {
+      if (typeof callback !== "function") {
+        throw new Error(
+          "ReactDOM.createEventHandle: setter called with an invalid " +
+            "callback. The callback must be a function."
+        );
+      }
+
+      if (!doesTargetHaveEventHandle(target, eventHandle)) {
+        addEventHandleToTarget(target, eventHandle);
+        registerReactDOMEvent(target, domEventName, isCapturePhaseListener);
+      }
+
+      var listener = createEventHandleListener(
+        domEventName,
+        isCapturePhaseListener,
+        callback
+      );
+      var targetListeners = getEventHandlerListeners(target);
+
+      if (targetListeners === null) {
+        targetListeners = new Set();
+        setEventHandlerListeners(target, targetListeners);
+      }
+
+      targetListeners.add(listener);
+      return function () {
+        targetListeners.delete(listener);
+      };
+    };
+
+    return eventHandle;
+  }
+}
+
+var ReactDOMSharedInternals = Internals;
+
+var Dispatcher = ReactDOMSharedInternals.Dispatcher;
+function prefetchDNS(href) {
+  var passedOptionArg;
+
+  {
+    if (arguments[1] !== undefined) {
+      passedOptionArg = arguments[1];
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher) {
+    {
+      if (passedOptionArg !== undefined) {
+        // prefetchDNS will warn if you pass reserved options arg. We pass it along in Dev only to
+        // elicit the warning. In prod we do not forward since it is not a part of the interface.
+        // @TODO move all arg validation into this file. It needs to be universal anyway so may as well lock down the interace here and
+        // let the rest of the codebase trust the types
+        dispatcher.prefetchDNS(href, passedOptionArg);
+      } else {
+        dispatcher.prefetchDNS(href);
+      }
+    }
+  } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+}
+function preconnect(href, options) {
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher) {
+    dispatcher.preconnect(href, options);
+  } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+}
+function preload(href, options) {
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher) {
+    dispatcher.preload(href, options);
+  } // We don't error because preload needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+}
+function preinit(href, options) {
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher) {
+    dispatcher.preinit(href, options);
+  } // We don't error because preinit needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+}
+
+function useFormStatus() {
+  {
+    throw new Error("Not implemented.");
+  }
+}
+
+{
+  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://reactjs.org/link/react-polyfills"
+    );
+  }
+}
+
+function createPortal(children, container) {
+  var key =
+    arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+  if (!isValidContainer(container)) {
+    throw new Error("Target container is not a DOM element.");
+  } // TODO: pass ReactDOM portal implementation as third argument
+  // $FlowFixMe[incompatible-return] The Flow type is opaque but there's no way to actually create it.
+
+  return createPortal$1(children, container, null, key);
+}
+
+function renderSubtreeIntoContainer(
+  parentComponent,
+  element,
+  containerNode,
+  callback
+) {
+  return unstable_renderSubtreeIntoContainer(
+    parentComponent,
+    element,
+    containerNode,
+    callback
+  );
+}
+
+function createRoot(container, options) {
+  {
+    if (!Internals.usingClientEntryPoint && !false) {
+      error(
+        'You are importing createRoot from "react-dom" which is not supported. ' +
+          'You should instead import it from "react-dom/client".'
+      );
+    }
+  }
+
+  return createRoot$1(container, options);
+}
+
+function hydrateRoot(container, initialChildren, options) {
+  {
+    if (!Internals.usingClientEntryPoint && !false) {
+      error(
+        'You are importing hydrateRoot from "react-dom" which is not supported. ' +
+          'You should instead import it from "react-dom/client".'
+      );
+    }
+  }
+
+  return hydrateRoot$1(container, initialChildren, options);
+} // 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);
+}
+// This is an array for better minification.
+
+Internals.Events = [
+  getInstanceFromNode,
+  getNodeFromInstance,
+  getFiberCurrentPropsFromNode,
+  enqueueStateRestore,
+  restoreStateIfNeeded,
+  batchedUpdates$1
+];
+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://reactjs.org/link/react-devtools" +
+            (protocol === "file:"
+              ? "\nYou might need to use a local HTTP server (instead of file://): " +
+                "https://reactjs.org/link/react-devtools-faq"
+              : ""),
+          "font-weight:bold"
+        );
+      }
+    }
+  }
+}
+
 assign(Internals, {
   ReactBrowserEventEmitter: {
     isEnabled: isEnabled
@@ -47422,6 +47466,7 @@ exports.createRoleSelector = createRoleSelector;
 exports.createRoot = createRoot;
 exports.createTestNameSelector = createTestNameSelector;
 exports.createTextSelector = createTextSelector;
+exports.experimental_useFormStatus = useFormStatus;
 exports.findAllNodes = findAllNodes;
 exports.findBoundingRects = findBoundingRects;
 exports.findDOMNode = findDOMNode;
@@ -47431,10 +47476,10 @@ exports.getFindAllNodesFailureDescription = getFindAllNodesFailureDescription;
 exports.hydrate = hydrate;
 exports.hydrateRoot = hydrateRoot;
 exports.observeVisibleRects = observeVisibleRects;
-exports.preconnect = preconnect$1;
-exports.prefetchDNS = prefetchDNS$1;
-exports.preinit = preinit$1;
-exports.preload = preload$1;
+exports.preconnect = preconnect;
+exports.prefetchDNS = prefetchDNS;
+exports.preinit = preinit;
+exports.preload = preload;
 exports.render = render;
 exports.unmountComponentAtNode = unmountComponentAtNode;
 exports.unstable_batchedUpdates = batchedUpdates$1;
diff --git a/compiled/facebook-www/ReactDOMTesting-dev.modern.js b/compiled/facebook-www/ReactDOMTesting-dev.modern.js
index 746a4f46f9..923eb1cd5f 100644
--- a/compiled/facebook-www/ReactDOMTesting-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMTesting-dev.modern.js
@@ -235,8 +235,6 @@ var disableInputAttributeSyncing =
   disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
-  revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
   replayFailedUnitOfWorkWithInvokeGuardedCallback =
     dynamicFeatureFlags.replayFailedUnitOfWorkWithInvokeGuardedCallback,
   enableLegacyFBSupport = dynamicFeatureFlags.enableLegacyFBSupport,
@@ -251,7 +249,9 @@ var disableInputAttributeSyncing =
     dynamicFeatureFlags.enableCustomElementPropertySupport,
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
-  diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase; // On WWW, true is used for a new modern build.
+  diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries; // On WWW, true is used for a new modern build.
 var enableProfilerTimer = true;
 var enableProfilerCommitHooks = true;
 var enableProfilerNestedUpdatePhase = true;
@@ -1377,24 +1377,6 @@ function getNextLanes(root, wipLanes) {
 
   return nextLanes;
 }
-function getMostRecentEventTime(root, lanes) {
-  var eventTimes = root.eventTimes;
-  var mostRecentEventTime = NoTimestamp;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    var eventTime = eventTimes[index];
-
-    if (eventTime > mostRecentEventTime) {
-      mostRecentEventTime = eventTime;
-    }
-
-    lanes &= ~lane;
-  }
-
-  return mostRecentEventTime;
-}
 
 function computeExpirationTime(lane, currentTime) {
   switch (lane) {
@@ -1641,7 +1623,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -1659,12 +1641,6 @@ function markRootUpdated(root, updateLane, eventTime) {
     root.suspendedLanes = NoLanes;
     root.pingedLanes = NoLanes;
   }
-
-  var eventTimes = root.eventTimes;
-  var index = laneToIndex(updateLane); // We can always overwrite an existing timestamp because we prefer the most
-  // recent event, and we assume time is monotonically increasing.
-
-  eventTimes[index] = eventTime;
 }
 function markRootSuspended$1(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
@@ -1697,7 +1673,6 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   var entanglements = root.entanglements;
-  var eventTimes = root.eventTimes;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
 
@@ -1707,7 +1682,6 @@ function markRootFinished(root, remainingLanes) {
     var index = pickArbitraryLaneIndex(lanes);
     var lane = 1 << index;
     entanglements[index] = NoLanes;
-    eventTimes[index] = NoTimestamp;
     expirationTimes[index] = NoTimestamp;
     var hiddenUpdatesForLane = hiddenUpdates[index];
 
@@ -2133,8 +2107,6 @@ function checkFormFieldValueStringCoercion(value) {
   }
 }
 
-var ReactDOMSharedInternals = Internals;
-
 var FunctionComponent = 0;
 var ClassComponent = 1;
 var IndeterminateComponent = 2; // Before we know whether it is function or class
@@ -2870,7 +2842,7 @@ function setValueForNamespacedAttribute(node, namespace, name, value) {
 function setValueForPropertyOnCustomComponent(node, name, value) {
   if (name[0] === "o" && name[1] === "n") {
     var useCapture = name.endsWith("Capture");
-    var eventName = name.substr(2, useCapture ? name.length - 9 : undefined);
+    var eventName = name.slice(2, useCapture ? name.length - 7 : undefined);
     var prevProps = getFiberCurrentPropsFromNode(node);
     var prevValue = prevProps != null ? prevProps[name] : null;
 
@@ -3710,6 +3682,21 @@ function getActiveElement(doc) {
   }
 }
 
+// When passing user input into querySelector(All) the embedded string must not alter
+// the semantics of the query. This escape function is safe to use when we know the
+// provided value is going to be wrapped in double quotes as part of an attribute selector
+// Do not use it anywhere else
+// we escape double quotes and backslashes
+var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n\"\\]/g;
+function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
+  return value.replace(
+    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
+    function (ch) {
+      return "\\" + ch.charCodeAt(0).toString(16) + " ";
+    }
+  );
+}
+
 var didWarnValueDefaultValue$1 = false;
 var didWarnCheckedDefaultChecked = false;
 /**
@@ -3780,9 +3767,30 @@ function updateInput(
   lastDefaultValue,
   checked,
   defaultChecked,
-  type
+  type,
+  name
 ) {
-  var node = element;
+  var node = element; // Temporarily disconnect the input from any radio buttons.
+  // Changing the type or name as the same time as changing the checked value
+  // needs to be atomically applied. We can only ensure that by disconnecting
+  // the name while do the mutations and then reapply the name after that's done.
+
+  node.name = "";
+
+  if (
+    type != null &&
+    typeof type !== "function" &&
+    typeof type !== "symbol" &&
+    typeof type !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(type, "type");
+    }
+
+    node.type = type;
+  } else {
+    node.removeAttribute("type");
+  }
 
   if (value != null) {
     if (type === "number") {
@@ -3801,7 +3809,6 @@ function updateInput(
     // Submit/reset inputs need the attribute removed completely to avoid
     // blank-text buttons.
     node.removeAttribute("value");
-    return;
   }
 
   if (disableInputAttributeSyncing) {
@@ -3848,6 +3855,21 @@ function updateInput(
   if (checked != null && node.checked !== !!checked) {
     node.checked = checked;
   }
+
+  if (
+    name != null &&
+    typeof name !== "function" &&
+    typeof name !== "symbol" &&
+    typeof name !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(name, "name");
+    }
+
+    node.name = toString(getToStringValue(name));
+  } else {
+    node.removeAttribute("name");
+  }
 }
 function initInput(
   element,
@@ -3856,10 +3878,24 @@ function initInput(
   checked,
   defaultChecked,
   type,
+  name,
   isHydrating
 ) {
   var node = element;
 
+  if (
+    type != null &&
+    typeof type !== "function" &&
+    typeof type !== "symbol" &&
+    typeof type !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(type, "type");
+    }
+
+    node.type = type;
+  }
+
   if (value != null || defaultValue != null) {
     var isButton = type === "submit" || type === "reset"; // Avoid setting value attribute on submit/reset inputs as it overrides the
     // default value provided by the browser. See: #12872
@@ -3922,12 +3958,6 @@ function initInput(
   // Reference: https://bugs.chromium.org/p/chromium/issues/detail?id=608416
   // We need to temporarily unset name to avoid disrupting radio button groups.
 
-  var name = node.name;
-
-  if (name !== "") {
-    node.name = "";
-  }
-
   var checkedOrDefault = checked != null ? checked : defaultChecked; // TODO: This 'function' or 'symbol' check isn't replicated in other places
   // so this semantic is inconsistent.
 
@@ -3961,9 +3991,18 @@ function initInput(
     //   3. Otherwise, false
     node.defaultChecked = !node.defaultChecked;
     node.defaultChecked = !!initialChecked;
-  }
+  } // Name needs to be set at the end so that it applies atomically to connected radio buttons.
+
+  if (
+    name != null &&
+    typeof name !== "function" &&
+    typeof name !== "symbol" &&
+    typeof name !== "boolean"
+  ) {
+    {
+      checkAttributeStringCoercion(name, "name");
+    }
 
-  if (name !== "") {
     node.name = name;
   }
 }
@@ -3976,7 +4015,8 @@ function restoreControlledInputState(element, props) {
     props.defaultValue,
     props.checked,
     props.defaultChecked,
-    props.type
+    props.type,
+    props.name
   );
   var name = props.name;
 
@@ -3998,7 +4038,9 @@ function restoreControlledInputState(element, props) {
     }
 
     var group = queryRoot.querySelectorAll(
-      "input[name=" + JSON.stringify("" + name) + '][type="radio"]'
+      'input[name="' +
+        escapeSelectorAttributeValueInsideDoubleQuotes("" + name) +
+        '"][type="radio"]'
     );
 
     for (var i = 0; i < group.length; i++) {
@@ -4032,7 +4074,8 @@ function restoreControlledInputState(element, props) {
         otherProps.defaultValue,
         otherProps.checked,
         otherProps.defaultChecked,
-        otherProps.type
+        otherProps.type,
+        otherProps.name
       );
     }
   }
@@ -4877,35 +4920,8 @@ function validateTextNesting(childText, parentTag) {
   }
 }
 
-var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
 var MATH_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
-var SVG_NAMESPACE = "http://www.w3.org/2000/svg"; // Assumes there is no parent namespace.
-
-function getIntrinsicNamespace(type) {
-  switch (type) {
-    case "svg":
-      return SVG_NAMESPACE;
-
-    case "math":
-      return MATH_NAMESPACE;
-
-    default:
-      return HTML_NAMESPACE;
-  }
-}
-function getChildNamespace(parentNamespace, type) {
-  if (parentNamespace == null || parentNamespace === HTML_NAMESPACE) {
-    // No (or default) parent namespace: potential entry point.
-    return getIntrinsicNamespace(type);
-  }
-
-  if (parentNamespace === SVG_NAMESPACE && type === "foreignObject") {
-    // We're leaving SVG.
-    return HTML_NAMESPACE;
-  } // By default, pass namespace below.
-
-  return parentNamespace;
-}
+var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 
 var reusableSVGContainer;
 
@@ -6507,7 +6523,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
-    } // We can't rely on the event system being injected on the server.
+    }
 
     if (eventRegistry != null) {
       var registrationNameDependencies =
@@ -11921,6 +11937,515 @@ function registerMutableSourceForHydration(root, mutableSource) {
   }
 }
 
+var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
+
+var firstScheduledRoot = null;
+var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+
+var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
+// microtask, so we have to dedupe those separately. This wouldn't be an issue
+// if we required all `act` calls to be awaited, which we might in the future.
+
+var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
+
+var mightHavePendingSyncWork = false;
+var isFlushingWork = false;
+var currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null);
+  else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+    } else {
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
+    }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
+
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  if (ReactCurrentActQueue$2.current !== null) {
+    // We're inside an `act` scope.
+    if (!didScheduleMicrotask_act) {
+      didScheduleMicrotask_act = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  } else {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  }
+
+  if (!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());
+  }
+
+  if (ReactCurrentActQueue$2.isBatchingLegacy && root.tag === LegacyRoot) {
+    // Special `act` case: Record whenever a legacy update is scheduled.
+    ReactCurrentActQueue$2.didScheduleLegacyUpdate = true;
+  }
+}
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
+
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
+    return;
+  }
+
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  }
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
+
+  var didPerformSomeWork;
+  var errors = null;
+  isFlushingWork = true;
+
+  do {
+    didPerformSomeWork = false;
+    var root = firstScheduledRoot;
+
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot);
+      else {
+        var nextLanes = getNextLanes(
+          root,
+          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+        );
+
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            // TODO: Pass nextLanes as an argument instead of computing it again
+            // inside performSyncWorkOnRoot.
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
+
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
+
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
+
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === "function") {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
+      } else {
+        for (var i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
+
+        var firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      var error = errors[0];
+      throw error;
+    }
+  }
+}
+
+function throwError(error) {
+  throw error;
+}
+
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
+
+  {
+    didScheduleMicrotask_act = false;
+  } // We'll recompute this as we iterate through all the roots and schedule them.
+
+  mightHavePendingSyncWork = false;
+  var currentTime = now$1();
+  var prev = null;
+  var root = firstScheduledRoot;
+
+  while (root !== null) {
+    var next = root.next;
+
+    if (
+      currentEventTransitionLane !== NoLane &&
+      shouldAttemptEagerTransition()
+    ) {
+      markRootEntangled(root, mergeLanes(currentEventTransitionLane, SyncLane));
+    }
+
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
+
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
+      }
+
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
+      }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
+
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
+      }
+    }
+
+    root = next;
+  }
+
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
+}
+
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  var nextLanes = getNextLanes(
+    root,
+    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+  );
+  var existingCallbackNode = root.callbackNode;
+
+  if (
+    // Check if there's nothing to work on
+    nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+    // schedule a task to render it. We'll either wait for a ping, or wait to
+    // receive an update.
+    //
+    // Suspended render phase
+    (root === workInProgressRoot && isWorkLoopSuspendedOnData()) || // Suspended commit phase
+    root.cancelPendingCommit !== null
+  ) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
+
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    var existingCallbackPriority = root.callbackPriority;
+    var newCallbackPriority = getHighestPriorityLane(nextLanes);
+
+    if (
+      newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+      // Scheduler task, rather than an `act` task, cancel it and re-schedule
+      // on the `act` queue.
+      !(
+        ReactCurrentActQueue$2.current !== null &&
+        existingCallbackNode !== fakeActCallbackNode$1
+      )
+    ) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
+
+    var schedulerPriorityLevel;
+
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
+
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
+
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
+
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
+
+    var newCallbackNode = scheduleCallback$2(
+      schedulerPriorityLevel,
+      performConcurrentWorkOnRoot.bind(null, root)
+    );
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
+
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
+
+  return null;
+}
+var fakeActCallbackNode$1 = {};
+
+function scheduleCallback$2(priorityLevel, callback) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: We're inside an `act` scope (a testing utility).
+    // Instead of scheduling work in the host environment, add it to a
+    // fake internal queue that's managed by the `act` implementation.
+    ReactCurrentActQueue$2.current.push(callback);
+    return fakeActCallbackNode$1;
+  } else {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode === fakeActCallbackNode$1);
+  else if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
+
+function scheduleImmediateTask(cb) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
+    // callback queue. This is because we currently support calling `act`
+    // without awaiting the result. The plan is to deprecate that, and require
+    // that you always await the result so that the microtasks have a chance to
+    // run. But it hasn't happened yet.
+    ReactCurrentActQueue$2.current.push(function () {
+      cb();
+      return null;
+    });
+  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
+  // Alternatively, can we move this check to the host config?
+
+  {
+    scheduleMicrotask(function () {
+      // In Safari, appending an iframe forces microtasks to run.
+      // https://github.com/facebook/react/issues/22459
+      // We don't support running callbacks in the middle of render
+      // or commit so we need to check against that.
+      var executionContext = getExecutionContext();
+
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        // Note that this would still prematurely flush the callbacks
+        // if this happens outside render or commit phase (e.g. in an event).
+        // Intentionally using a macrotask instead of a microtask here. This is
+        // wrong semantically but it prevents an infinite loop. The bug is
+        // Safari's, not ours, so we just do our best to not crash even though
+        // the behavior isn't completely correct.
+        scheduleCallback$3(ImmediatePriority, cb);
+        return;
+      }
+
+      cb();
+    });
+  }
+}
+
+function requestTransitionLane() {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
+
+  return currentEventTransitionLane;
+}
+
+var currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    actionReturnValue !== null &&
+    typeof actionReturnValue === "object" &&
+    typeof actionReturnValue.then === "function"
+  ) {
+    // This is an async action.
+    //
+    // Return a thenable that resolves once the action scope (i.e. the async
+    // function passed to startTransition) has finished running. The fulfilled
+    // value is `false` to represent that the action is not pending.
+    var thenable = actionReturnValue;
+
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope. Create a new one.
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: false,
+        reason: undefined,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(thenable, asyncAction);
+      currentAsyncAction = asyncAction;
+      return asyncAction;
+    } else {
+      // Inherit the outer scope.
+      var _asyncAction = currentAsyncAction;
+      attachPingListeners(thenable, _asyncAction);
+      return _asyncAction;
+    }
+  } else {
+    // This is not an async action, but it may be part of an outer async action.
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope.
+      return false;
+    } else {
+      // Inherit the outer scope.
+      return currentAsyncAction;
+    }
+  }
+}
+function peekAsyncActionContext() {
+  return currentAsyncAction;
+}
+
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      if (--asyncAction.count === 0) {
+        var fulfilledAsyncAction = asyncAction;
+        fulfilledAsyncAction.status = "fulfilled";
+        completeAsyncActionScope(asyncAction);
+      }
+    },
+    function (error) {
+      if (--asyncAction.count === 0) {
+        var rejectedAsyncAction = asyncAction;
+        rejectedAsyncAction.status = "rejected";
+        rejectedAsyncAction.reason = error;
+        completeAsyncActionScope(asyncAction);
+      }
+    }
+  );
+  return asyncAction;
+}
+
+function completeAsyncActionScope(action) {
+  if (currentAsyncAction === action) {
+    currentAsyncAction = null;
+  }
+
+  var listeners = action.listeners;
+  action.listeners = [];
+
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(false);
+  }
+}
+
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
@@ -12423,7 +12948,6 @@ function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
 
   return children;
 }
-
 function checkDidRenderIdHook() {
   // This should be called immediately after every renderWithHooks call.
   // Conceptually, it's part of the return value of renderWithHooks; it's only a
@@ -12607,38 +13131,42 @@ var createFunctionComponentUpdateQueue;
   };
 }
 
+function useThenable(thenable) {
+  // Track the position of the thenable within this fiber.
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  var result = trackUsedThenable(thenableState, thenable, index);
+
+  if (
+    currentlyRenderingFiber$1.alternate === null &&
+    (workInProgressHook === null
+      ? currentlyRenderingFiber$1.memoizedState === null
+      : workInProgressHook.next === null)
+  ) {
+    // Initial render, and either this is the first time the component is
+    // called, or there were no Hooks called after this use() the previous
+    // time (perhaps because it threw). Subsequent Hook calls should use the
+    // mount dispatcher.
+    {
+      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+    }
+  }
+
+  return result;
+}
+
 function use(usable) {
   if (usable !== null && typeof usable === "object") {
     // $FlowFixMe[method-unbinding]
     if (typeof usable.then === "function") {
       // This is a thenable.
-      var thenable = usable; // Track the position of the thenable within this fiber.
-
-      var index = thenableIndexCounter;
-      thenableIndexCounter += 1;
-
-      if (thenableState === null) {
-        thenableState = createThenableState();
-      }
-
-      var result = trackUsedThenable(thenableState, thenable, index);
-
-      if (
-        currentlyRenderingFiber$1.alternate === null &&
-        (workInProgressHook === null
-          ? currentlyRenderingFiber$1.memoizedState === null
-          : workInProgressHook.next === null)
-      ) {
-        // Initial render, and either this is the first time the component is
-        // called, or there were no Hooks called after this use() the previous
-        // time (perhaps because it threw). Subsequent Hook calls should use the
-        // mount dispatcher.
-        {
-          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
-        }
-      }
-
-      return result;
+      var thenable = usable;
+      return useThenable(thenable);
     } else if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -13430,7 +13958,7 @@ function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
   if (root !== null) {
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -13967,8 +14495,35 @@ function startTransition(setPending, callback, options) {
   }
 
   try {
-    setPending(false);
-    callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(); // `isPending` is either `false` or a thenable that resolves to `false`,
+      // depending on whether the action scope is an async function. In the
+      // async case, the resulting render will suspend until the async action
+      // scope has finished.
+
+      var isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else {
+      // Async actions are not enabled.
+      setPending(false);
+      callback();
+    }
+  } catch (error) {
+    if (enableAsyncActions) {
+      // This is a trick to get the `useTransition` hook to rethrow the error.
+      // When it unwraps the thenable with the `use` algorithm, the error
+      // will be thrown.
+      var rejectedThenable = {
+        then: function () {},
+        status: "rejected",
+        reason: error
+      };
+      setPending(rejectedThenable);
+    } else {
+      // The error rethrowing behavior is only enabled when the async actions
+      // feature is on, even for sync actions.
+      throw error;
+    }
   } finally {
     setCurrentUpdatePriority(previousPriority);
     ReactCurrentBatchConfig$3.transition = prevTransition;
@@ -13993,30 +14548,37 @@ function startTransition(setPending, callback, options) {
 
 function mountTransition() {
   var _mountState = mountState(false),
-    isPending = _mountState[0],
     setPending = _mountState[1]; // The `start` method never changes.
 
   var start = startTransition.bind(null, setPending);
   var hook = mountWorkInProgressHook();
   hook.memoizedState = start;
-  return [isPending, start];
+  return [false, start];
 }
 
 function updateTransition() {
   var _updateState = updateState(),
-    isPending = _updateState[0];
+    booleanOrThenable = _updateState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
 function rerenderTransition() {
   var _rerenderState = rerenderState(),
-    isPending = _rerenderState[0];
+    booleanOrThenable = _rerenderState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
@@ -14091,8 +14653,7 @@ function refreshCache(fiber, seedKey, seedValue) {
         var root = enqueueUpdate(provider, refreshUpdate, lane);
 
         if (root !== null) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, provider, lane, eventTime);
+          scheduleUpdateOnFiber(root, provider, lane);
           entangleTransitions(root, provider, lane);
         } // TODO: If a refresh never commits, the new cache created here must be
         // released. A simple case is start refreshing a cache boundary, but then
@@ -14146,8 +14707,7 @@ function dispatchReducerAction(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -14230,8 +14790,7 @@ function dispatchSetState(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -14302,6 +14861,7 @@ function markUpdateInDevTools(fiber, lane, action) {
 
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -14324,10 +14884,6 @@ var ContextOnlyDispatcher = {
   ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
 }
 
-{
-  ContextOnlyDispatcher.use = throwInvalidHookError;
-}
-
 {
   ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 }
@@ -14367,6 +14923,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       mountHookTypesDev();
@@ -14487,10 +15044,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnMountInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnMountInDEV.useMemoCache = useMemoCache;
   }
@@ -14509,6 +15062,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -14624,10 +15178,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnMountWithHookTypesInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnMountWithHookTypesInDEV.useMemoCache = useMemoCache;
   }
@@ -14645,6 +15195,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -14759,10 +15310,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnUpdateInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnUpdateInDEV.useMemoCache = useMemoCache;
   }
@@ -14781,6 +15328,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -14896,10 +15444,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnRerenderInDEV.use = use;
-  }
-
   {
     HooksDispatcherOnRerenderInDEV.useMemoCache = useMemoCache;
   }
@@ -14919,6 +15463,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -15050,13 +15598,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnMountInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnMountInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -15079,6 +15620,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -15210,13 +15755,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnUpdateInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnUpdateInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -15239,6 +15777,10 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -15370,13 +15912,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnRerenderInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   {
     InvalidNestedHooksDispatcherOnRerenderInDEV.useMemoCache = function (size) {
       warnInvalidHookAccess();
@@ -15716,8 +16251,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -15752,8 +16286,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -15788,8 +16321,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
@@ -19983,16 +20515,9 @@ function updateDehydratedSuspenseComponent(
           // Intentionally mutating since this render will get interrupted. This
           // is one of the very rare times where we mutate the current tree
           // during the render phase.
-          suspenseState.retryLane = attemptHydrationAtLane; // TODO: Ideally this would inherit the event time of the current render
-
-          var eventTime = NoTimestamp;
+          suspenseState.retryLane = attemptHydrationAtLane;
           enqueueConcurrentRenderForLane(current, attemptHydrationAtLane);
-          scheduleUpdateOnFiber(
-            root,
-            current,
-            attemptHydrationAtLane,
-            eventTime
-          ); // Throw a special object that signals to the work loop that it should
+          scheduleUpdateOnFiber(root, current, attemptHydrationAtLane); // Throw a special object that signals to the work loop that it should
           // interrupt the current render.
           //
           // Because we're inside a React-only execution stack, we don't
@@ -22017,7 +22542,7 @@ var AbortControllerLocal =
       }; // Intentionally not named imports because Rollup would
 // use dynamic dispatch for CommonJS interop named imports.
 
-var scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+var scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority;
 var CacheContext = {
   $$typeof: REACT_CONTEXT_TYPE,
@@ -22073,7 +22598,7 @@ function releaseCache(cache) {
   }
 
   if (cache.refCount === 0) {
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
   }
@@ -26287,7 +26812,7 @@ function detachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility |= OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 function attachOffscreenInstance(instance) {
@@ -26308,7 +26833,7 @@ function attachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility &= ~OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -29029,7 +29554,7 @@ function observeVisibleRects(hostRoot, selectors, callback, options) {
   };
 }
 
-var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue;
+var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
 function isLegacyActEnvironment(fiber) {
   {
     // Legacy mode. We preserve the behavior of React 17's act. It assumes an
@@ -29054,7 +29579,7 @@ function isConcurrentActEnvironment() {
 
     if (
       !isReactActEnvironmentGlobal &&
-      ReactCurrentActQueue$2.current !== null
+      ReactCurrentActQueue$1.current !== null
     ) {
       // TODO: Include link to relevant documentation page.
       error(
@@ -29085,402 +29610,6 @@ function schedulePostPaintCallback(callback) {
   }
 }
 
-var ReactCurrentActQueue$1 = 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;
-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$1.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());
-  }
-
-  if (ReactCurrentActQueue$1.isBatchingLegacy && root.tag === LegacyRoot) {
-    // Special `act` case: Record whenever a legacy update is scheduled.
-    ReactCurrentActQueue$1.didScheduleLegacyUpdate = true;
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
-
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
-  }
-
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  }
-
-  var workInProgressRoot = getWorkInProgressRoot();
-  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
-
-  var didPerformSomeWork;
-  var errors = null;
-  isFlushingWork = true;
-
-  do {
-    didPerformSomeWork = false;
-    var root = firstScheduledRoot;
-
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot);
-      else {
-        var nextLanes = getNextLanes(
-          root,
-          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
-        );
-
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            // TODO: Pass nextLanes as an argument instead of computing it again
-            // inside performSyncWorkOnRoot.
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
-          }
-        }
-      }
-
-      root = root.next;
-    }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
-
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === "function") {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (var i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
-
-        var firstError = errors[0];
-        throw firstError;
-      }
-    } else {
-      var error = errors[0];
-      throw error;
-    }
-  }
-}
-
-function throwError(error) {
-  throw error;
-}
-
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
-
-  {
-    didScheduleMicrotask_act = false;
-  } // We'll recompute this as we iterate through all the roots and schedule them.
-
-  mightHavePendingSyncWork = false;
-  var currentTime = now$1();
-  var prev = null;
-  var root = firstScheduledRoot;
-
-  while (root !== null) {
-    var next = root.next;
-    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;
-  } // 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$1.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$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 (ReactCurrentActQueue$1.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$1.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$1.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$1.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();
-    });
-  }
-}
-
-var ceil = Math.ceil;
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
@@ -29745,12 +29874,7 @@ var isFlushingPassiveEffects = false;
 var didScheduleUpdateDuringPassiveEffects = false;
 var NESTED_PASSIVE_UPDATE_LIMIT = 50;
 var nestedPassiveUpdateCount = 0;
-var rootWithPassiveNestedUpdates = null; // If two updates are scheduled within the same event, we should treat their
-// event times as simultaneous, even if the actual clock time has advanced
-// between the first and second call.
-
-var currentEventTime = NoTimestamp;
-var currentEventTransitionLane = NoLanes;
+var rootWithPassiveNestedUpdates = null;
 var isRunningInsertionEffect = false;
 function getWorkInProgressRoot() {
   return workInProgressRoot;
@@ -29761,20 +29885,6 @@ function getWorkInProgressRootRenderLanes() {
 function isWorkLoopSuspendedOnData() {
   return workInProgressSuspendedReason === SuspendedOnData;
 }
-function requestEventTime() {
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    // We're inside React, so it's fine to read the actual time.
-    return now$1();
-  } // We're not inside React, so we may be in the middle of a browser event.
-
-  if (currentEventTime !== NoTimestamp) {
-    // Use the same start time for all updates until we enter React again.
-    return currentEventTime;
-  } // This is the first update since React yielded. Compute a new start time.
-
-  currentEventTime = now$1();
-  return currentEventTime;
-}
 function requestUpdateLane(fiber) {
   // Special cases
   var mode = fiber.mode;
@@ -29808,20 +29918,14 @@ function requestUpdateLane(fiber) {
       }
 
       transition._updatedFibers.add(fiber);
-    } // 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;
+    var asyncAction = peekAsyncActionContext();
+    return asyncAction !== null // We're inside an async action scope. Reuse the same lane.
+      ? asyncAction.lane // We may or may not be inside an async action scope. If we are, this
+      : // 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.
   //
@@ -29858,7 +29962,7 @@ function requestRetryLane(fiber) {
   return claimNextRetryLane();
 }
 
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   {
     if (isRunningInsertionEffect) {
       error("useInsertionEffect must not schedule updates.");
@@ -29884,7 +29988,7 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
     markRootSuspended(root, workInProgressRootRenderLanes);
   } // Mark that the root has a pending update.
 
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
 
   if (
     (executionContext & RenderContext) !== NoLanes &&
@@ -29986,7 +30090,7 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
     }
   }
 }
-function scheduleInitialHydrationOnRoot(root, lane, eventTime) {
+function scheduleInitialHydrationOnRoot(root, lane) {
   // This is a special fork of scheduleUpdateOnFiber that is only used to
   // schedule the initial hydration of a root that has just been created. Most
   // of the stuff in scheduleUpdateOnFiber can be skipped.
@@ -29998,7 +30102,7 @@ function scheduleInitialHydrationOnRoot(root, lane, eventTime) {
   // match what was rendered on the server.
   var current = root.current;
   current.lanes = lane;
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
   ensureRootIsScheduled(root);
 }
 function isUnsafeClassRenderPhaseUpdate(fiber) {
@@ -30011,11 +30115,7 @@ function isUnsafeClassRenderPhaseUpdate(fiber) {
 function performConcurrentWorkOnRoot(root, didTimeout) {
   {
     resetNestedUpdateFlag();
-  } // Since we know we're in a React event, we can clear the current
-  // event time. The next update will compute a new event time.
-
-  currentEventTime = NoTimestamp;
-  currentEventTransitionLane = NoLanes;
+  }
 
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
     throw new Error("Should not already be working.");
@@ -30241,133 +30341,30 @@ function queueRecoverableErrors(errors) {
 }
 
 function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
+  // TODO: The fact that most of these branches are identical suggests that some
+  // of the exit statuses are not best modeled as exit statuses and should be
+  // tracked orthogonally.
   switch (exitStatus) {
     case RootInProgress:
     case RootFatalErrored: {
       throw new Error("Root did not complete. This is a bug in React.");
     }
 
-    case RootErrored: {
-      // We should have already attempted to retry this tree. If we reached
-      // this point, it errored again. Commit it.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
-    case RootSuspended: {
-      markRootSuspended(root, lanes); // We have an acceptable loading state. We need to figure out if we
-      // should immediately commit it or wait a bit.
-
-      if (
-        includesOnlyRetries(lanes) && // do not delay if we're inside an act() scope
-        !shouldForceFlushFallbacksInDEV()
-      ) {
-        // This render only included retries, no updates. Throttle committing
-        // retries so that we don't show too many loading states too quickly.
-        var msUntilTimeout =
-          globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
-
-        if (msUntilTimeout > 10) {
-          var nextLanes = getNextLanes(root, NoLanes);
-
-          if (nextLanes !== NoLanes) {
-            // There's additional work on this root.
-            break;
-          } // The render is suspended, it hasn't timed out, and there's no
-          // lower priority work to do. Instead of committing the fallback
-          // immediately, wait for more data to arrive.
-
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            msUntilTimeout
-          );
-          break;
-        }
-      } // The work expired. Commit immediately.
-
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
     case RootSuspendedWithDelay: {
-      markRootSuspended(root, lanes);
-
       if (includesOnlyTransitions(lanes)) {
         // This is a transition, so we should exit without committing a
         // placeholder and without scheduling a timeout. Delay indefinitely
         // until we receive more data.
-        break;
-      }
-
-      if (!shouldForceFlushFallbacksInDEV()) {
-        // This is not a transition, but we did trigger an avoided state.
-        // Schedule a placeholder to display after a short delay, using the Just
-        // Noticeable Difference.
-        // TODO: Is the JND optimization worth the added complexity? If this is
-        // the only reason we track the event time, then probably not.
-        // Consider removing.
-        var mostRecentEventTime = getMostRecentEventTime(root, lanes);
-        var eventTimeMs = mostRecentEventTime;
-        var timeElapsedMs = now$1() - eventTimeMs;
-
-        var _msUntilTimeout = jnd(timeElapsedMs) - timeElapsedMs; // Don't bother with a very short suspense time.
-
-        if (_msUntilTimeout > 10) {
-          // Instead of committing the fallback immediately, wait for more data
-          // to arrive.
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            _msUntilTimeout
-          );
-          break;
-        }
+        markRootSuspended(root, lanes);
+        return;
       } // Commit the placeholder.
 
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
+    case RootErrored:
+    case RootSuspended:
     case RootCompleted: {
-      // The work completed.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
@@ -30375,6 +30372,61 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
       throw new Error("Unknown root exit status.");
     }
   }
+
+  if (shouldForceFlushFallbacksInDEV()) {
+    // We're inside an `act` scope. Commit immediately.
+    commitRoot(
+      root,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions
+    );
+  } else {
+    if (
+      includesOnlyRetries(lanes) &&
+      (alwaysThrottleRetries || exitStatus === RootSuspended)
+    ) {
+      // This render only included retries, no updates. Throttle committing
+      // retries so that we don't show too many loading states too quickly.
+      var msUntilTimeout =
+        globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
+
+      if (msUntilTimeout > 10) {
+        markRootSuspended(root, lanes);
+        var nextLanes = getNextLanes(root, NoLanes);
+
+        if (nextLanes !== NoLanes) {
+          // There's additional work we can do on this root. We might as well
+          // attempt to work on that while we're suspended.
+          return;
+        } // The render is suspended, it hasn't timed out, and there's no
+        // lower priority work to do. Instead of committing the fallback
+        // immediately, wait for more data to arrive.
+        // TODO: Combine retry throttling with Suspensey commits. Right now they
+        // run one after the other.
+
+        root.timeoutHandle = scheduleTimeout(
+          commitRootWhenReady.bind(
+            null,
+            root,
+            finishedWork,
+            workInProgressRootRecoverableErrors,
+            workInProgressTransitions,
+            lanes
+          ),
+          msUntilTimeout
+        );
+        return;
+      }
+    }
+
+    commitRootWhenReady(
+      root,
+      finishedWork,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions,
+      lanes
+    );
+  }
 }
 
 function commitRootWhenReady(
@@ -30384,6 +30436,8 @@ function commitRootWhenReady(
   transitions,
   lanes
 ) {
+  // TODO: Combine retry throttling with Suspensey commits. Right now they run
+  // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
     // Before committing, ask the renderer whether the host tree is ready.
     // If it's not, we'll wait until it notifies us.
@@ -30406,22 +30460,14 @@ function commitRootWhenReady(
       // us that it's ready. This will be canceled if we start work on the
       // root again.
       root.cancelPendingCommit = schedulePendingCommit(
-        commitRoot.bind(
-          null,
-          root,
-          workInProgressRootRecoverableErrors,
-          workInProgressTransitions
-        )
+        commitRoot.bind(null, root, recoverableErrors, transitions)
       );
+      markRootSuspended(root, lanes);
       return;
     }
   } // Otherwise, commit immediately.
 
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -30907,7 +30953,6 @@ function shouldRemainOnPreviousScreen() {
 }
 
 function pushDispatcher(container) {
-  prepareRendererToRender(container);
   var prevDispatcher = ReactCurrentDispatcher.current;
   ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
@@ -30922,7 +30967,6 @@ function pushDispatcher(container) {
 }
 
 function popDispatcher(prevDispatcher) {
-  resetRendererAfterRender();
   ReactCurrentDispatcher.current = prevDispatcher;
 }
 
@@ -31000,7 +31044,7 @@ function renderHasNotSuspendedYet() {
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= RenderContext;
-  var prevDispatcher = pushDispatcher(root.containerInfo);
+  var prevDispatcher = pushDispatcher();
   var prevCacheDispatcher = pushCacheDispatcher(); // If the root or lanes have changed, throw out the existing stack
   // and prepare a fresh one. Otherwise we'll continue where we left off.
 
@@ -31121,7 +31165,7 @@ function workLoopSync() {
 function renderRootConcurrent(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= RenderContext;
-  var prevDispatcher = pushDispatcher(root.containerInfo);
+  var prevDispatcher = pushDispatcher();
   var prevCacheDispatcher = pushCacheDispatcher(); // If the root or lanes have changed, throw out the existing stack
   // and prepare a fresh one. Otherwise we'll continue where we left off.
 
@@ -31493,6 +31537,16 @@ function replaySuspendedUnitOfWork(unitOfWork) {
       break;
     }
 
+    case HostComponent: {
+      // Some host components are stateful (that's how we implement form
+      // actions) but we don't bother to reuse the memoized state because it's
+      // not worth the extra code. The main reason to reuse the previous hooks
+      // is to reuse uncached promises, but we happen to know that the only
+      // promises that a host component might suspend on are definitely cached
+      // because they are controlled by us. So don't bother.
+      resetHooksOnUnwind(); // Fallthrough to the next branch.
+    }
+
     default: {
       // Other types besides function components are reset completely before
       // being replayed. Currently this only happens when a Usable type is
@@ -31598,28 +31652,14 @@ function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
 
   do {
-    if (revertRemovalOfSiblingPrerendering) {
+    {
       if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-        // This fiber did not complete, because one of its children did not
-        // complete. Switch to unwinding the stack instead of completing it.
-        //
-        // The reason "unwind" and "complete" is interleaved is because when
-        // something suspends, we continue rendering the siblings even though
-        // they will be replaced by a fallback.
-        // TODO: Disable sibling prerendering, then remove this branch.
-        unwindUnitOfWork(completedWork);
-        return;
-      }
-    } else {
-      {
-        if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-          // NOTE: If we re-enable sibling prerendering in some cases, this branch
-          // is where we would switch to the unwinding path.
-          error(
-            "Internal React error: Expected this fiber to be complete, but " +
-              "it isn't. It should have been unwound. This is a bug in React."
-          );
-        }
+        // NOTE: If we re-enable sibling prerendering in some cases, this branch
+        // is where we would switch to the unwinding path.
+        error(
+          "Internal React error: Expected this fiber to be complete, but " +
+            "it isn't. It should have been unwound. This is a bug in React."
+        );
       }
     } // The current, flushed, state of this fiber is the alternate. Ideally
     // nothing should rely on this, but relying on it here means that we don't
@@ -31718,23 +31758,10 @@ function unwindUnitOfWork(unitOfWork) {
       returnFiber.flags |= Incomplete;
       returnFiber.subtreeFlags = NoFlags$1;
       returnFiber.deletions = null;
-    }
-
-    if (revertRemovalOfSiblingPrerendering) {
-      // If there are siblings, work on them now even though they're going to be
-      // replaced by a fallback. We're "prerendering" them. Historically our
-      // rationale for this behavior has been to initiate any lazy data requests
-      // in the siblings, and also to warm up the CPU cache.
-      // TODO: Don't prerender siblings. With `use`, we suspend the work loop
-      // until the data has resolved, anyway.
-      var siblingFiber = incompleteWork.sibling;
-
-      if (siblingFiber !== null) {
-        // This branch will return us to the normal work loop.
-        workInProgress = siblingFiber;
-        return;
-      }
-    } // Otherwise, return to the parent
+    } // NOTE: If we re-enable sibling prerendering in some cases, here we
+    // would switch to the normal completion path: check if a sibling
+    // exists, and if so, begin work on it.
+    // Otherwise, return to the parent
     // $FlowFixMe[incompatible-type] we bail out when we get a null
 
     incompleteWork = returnFiber; // Update the next thing we're working on in case something throws.
@@ -32378,10 +32405,9 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   var errorInfo = createCapturedValueAtFiber(error, sourceFiber);
   var update = createRootErrorUpdate(rootFiber, errorInfo, SyncLane);
   var root = enqueueUpdate(rootFiber, update, SyncLane);
-  var eventTime = requestEventTime();
 
   if (root !== null) {
-    markRootUpdated(root, SyncLane, eventTime);
+    markRootUpdated(root, SyncLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -32417,10 +32443,9 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) {
         var errorInfo = createCapturedValueAtFiber(error$1, sourceFiber);
         var update = createClassErrorUpdate(fiber, errorInfo, SyncLane);
         var root = enqueueUpdate(fiber, update, SyncLane);
-        var eventTime = requestEventTime();
 
         if (root !== null) {
-          markRootUpdated(root, SyncLane, eventTime);
+          markRootUpdated(root, SyncLane);
           ensureRootIsScheduled(root);
         }
 
@@ -32546,11 +32571,10 @@ function retryTimedOutBoundary(boundaryFiber, retryLane) {
     retryLane = requestRetryLane(boundaryFiber);
   } // TODO: Special case idle priority?
 
-  var eventTime = requestEventTime();
   var root = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
 
   if (root !== null) {
-    markRootUpdated(root, retryLane, eventTime);
+    markRootUpdated(root, retryLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -32605,32 +32629,7 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
   }
 
   retryTimedOutBoundary(boundaryFiber, retryLane);
-} // Computes the next Just Noticeable Difference (JND) boundary.
-// The theory is that a person can't tell the difference between small differences in time.
-// Therefore, if we wait a bit longer than necessary that won't translate to a noticeable
-// difference in the experience. However, waiting for longer might mean that we can avoid
-// showing an intermediate loading state. The longer we have already waited, the harder it
-// is to tell small differences in time. Therefore, the longer we've already waited,
-// the longer we can wait additionally. At some point we have to give up though.
-// We pick a train model where the next boundary commits at a consistent schedule.
-// These particular numbers are vague estimates. We expect to adjust them based on research.
-
-function jnd(timeElapsed) {
-  return timeElapsed < 120
-    ? 120
-    : timeElapsed < 480
-    ? 480
-    : timeElapsed < 1080
-    ? 1080
-    : timeElapsed < 1920
-    ? 1920
-    : timeElapsed < 3000
-    ? 3000
-    : timeElapsed < 4320
-    ? 4320
-    : ceil(timeElapsed / 1960) * 1960;
 }
-
 function throwIfInfiniteUpdateLoopDetected() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
@@ -33311,7 +33310,7 @@ function scheduleFibersWithFamiliesRecursively(
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
 
@@ -34224,7 +34223,6 @@ function FiberRootNode(
   this.next = null;
   this.callbackNode = null;
   this.callbackPriority = NoLane;
-  this.eventTimes = createLaneMap(NoLanes);
   this.expirationTimes = createLaneMap(NoTimestamp);
   this.pendingLanes = NoLanes;
   this.suspendedLanes = NoLanes;
@@ -34355,7 +34353,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-487b97ad";
+var ReactVersion = "18.3.0-www-modern-c0c40983";
 
 function createPortal$1(
   children,
@@ -34469,9 +34467,8 @@ function createHydrationContainer(
   var update = createUpdate(lane);
   update.callback =
     callback !== undefined && callback !== null ? callback : null;
-  var eventTime = requestEventTime();
   enqueueUpdate(current, update, lane);
-  scheduleInitialHydrationOnRoot(root, lane, eventTime);
+  scheduleInitialHydrationOnRoot(root, lane);
   return root;
 }
 function updateContainer(element, container, parentComponent, callback) {
@@ -34533,8 +34530,7 @@ function updateContainer(element, container, parentComponent, callback) {
   var root = enqueueUpdate(current$1, update, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, current$1, lane, eventTime);
+    scheduleUpdateOnFiber(root, current$1, lane);
     entangleTransitions(root, current$1, lane);
   }
 
@@ -34559,8 +34555,7 @@ function attemptSynchronousHydration(fiber) {
         var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
         if (root !== null) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, fiber, SyncLane, eventTime);
+          scheduleUpdateOnFiber(root, fiber, SyncLane);
         }
       }); // If we're still blocked after this, we need to increase
       // the priority of any promises resolving within this
@@ -34606,8 +34601,7 @@ function attemptContinuousHydration(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+    scheduleUpdateOnFiber(root, fiber, lane);
   }
 
   markRetryLaneIfNotHydrated(fiber, lane);
@@ -34623,8 +34617,7 @@ function attemptHydrationAtCurrentPriority(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+    scheduleUpdateOnFiber(root, fiber, lane);
   }
 
   markRetryLaneIfNotHydrated(fiber, lane);
@@ -34771,7 +34764,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -34792,7 +34785,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -34813,7 +34806,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
@@ -34828,7 +34821,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -34842,7 +34835,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -34856,7 +34849,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -34864,7 +34857,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -35057,864 +35050,6 @@ if (canUseDOM) {
   }
 }
 
-// has this definition built-in.
-
-var hasScheduledReplayAttempt = false; // The last of each continuous event type. We only need to replay the last one
-// if the last target was dehydrated.
-
-var queuedFocus = null;
-var queuedDrag = null;
-var queuedMouse = null; // For pointer events there can be one latest event per pointerId.
-
-var queuedPointers = new Map();
-var queuedPointerCaptures = new Map(); // We could consider replaying selectionchange and touchmoves too.
-
-var queuedExplicitHydrationTargets = [];
-var discreteReplayableEvents = [
-  "mousedown",
-  "mouseup",
-  "touchcancel",
-  "touchend",
-  "touchstart",
-  "auxclick",
-  "dblclick",
-  "pointercancel",
-  "pointerdown",
-  "pointerup",
-  "dragend",
-  "dragstart",
-  "drop",
-  "compositionend",
-  "compositionstart",
-  "keydown",
-  "keypress",
-  "keyup",
-  "input",
-  "textInput", // Intentionally camelCase
-  "copy",
-  "cut",
-  "paste",
-  "click",
-  "change",
-  "contextmenu",
-  "reset",
-  "submit"
-];
-function isDiscreteEventThatRequiresHydration(eventType) {
-  return discreteReplayableEvents.indexOf(eventType) > -1;
-}
-
-function createQueuedReplayableEvent(
-  blockedOn,
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  return {
-    blockedOn: blockedOn,
-    domEventName: domEventName,
-    eventSystemFlags: eventSystemFlags,
-    nativeEvent: nativeEvent,
-    targetContainers: [targetContainer]
-  };
-} // Resets the replaying for this type of continuous event to no event.
-
-function clearIfContinuousEvent(domEventName, nativeEvent) {
-  switch (domEventName) {
-    case "focusin":
-    case "focusout":
-      queuedFocus = null;
-      break;
-
-    case "dragenter":
-    case "dragleave":
-      queuedDrag = null;
-      break;
-
-    case "mouseover":
-    case "mouseout":
-      queuedMouse = null;
-      break;
-
-    case "pointerover":
-    case "pointerout": {
-      var pointerId = nativeEvent.pointerId;
-      queuedPointers.delete(pointerId);
-      break;
-    }
-
-    case "gotpointercapture":
-    case "lostpointercapture": {
-      var _pointerId = nativeEvent.pointerId;
-      queuedPointerCaptures.delete(_pointerId);
-      break;
-    }
-  }
-}
-
-function accumulateOrCreateContinuousQueuedReplayableEvent(
-  existingQueuedEvent,
-  blockedOn,
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  if (
-    existingQueuedEvent === null ||
-    existingQueuedEvent.nativeEvent !== nativeEvent
-  ) {
-    var queuedEvent = createQueuedReplayableEvent(
-      blockedOn,
-      domEventName,
-      eventSystemFlags,
-      targetContainer,
-      nativeEvent
-    );
-
-    if (blockedOn !== null) {
-      var fiber = getInstanceFromNode$1(blockedOn);
-
-      if (fiber !== null) {
-        // Attempt to increase the priority of this target.
-        attemptContinuousHydration(fiber);
-      }
-    }
-
-    return queuedEvent;
-  } // If we have already queued this exact event, then it's because
-  // the different event systems have different DOM event listeners.
-  // We can accumulate the flags, and the targetContainers, and
-  // store a single event to be replayed.
-
-  existingQueuedEvent.eventSystemFlags |= eventSystemFlags;
-  var targetContainers = existingQueuedEvent.targetContainers;
-
-  if (
-    targetContainer !== null &&
-    targetContainers.indexOf(targetContainer) === -1
-  ) {
-    targetContainers.push(targetContainer);
-  }
-
-  return existingQueuedEvent;
-}
-
-function queueIfContinuousEvent(
-  blockedOn,
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  // These set relatedTarget to null because the replayed event will be treated as if we
-  // moved from outside the window (no target) onto the target once it hydrates.
-  // Instead of mutating we could clone the event.
-  switch (domEventName) {
-    case "focusin": {
-      var focusEvent = nativeEvent;
-      queuedFocus = accumulateOrCreateContinuousQueuedReplayableEvent(
-        queuedFocus,
-        blockedOn,
-        domEventName,
-        eventSystemFlags,
-        targetContainer,
-        focusEvent
-      );
-      return true;
-    }
-
-    case "dragenter": {
-      var dragEvent = nativeEvent;
-      queuedDrag = accumulateOrCreateContinuousQueuedReplayableEvent(
-        queuedDrag,
-        blockedOn,
-        domEventName,
-        eventSystemFlags,
-        targetContainer,
-        dragEvent
-      );
-      return true;
-    }
-
-    case "mouseover": {
-      var mouseEvent = nativeEvent;
-      queuedMouse = accumulateOrCreateContinuousQueuedReplayableEvent(
-        queuedMouse,
-        blockedOn,
-        domEventName,
-        eventSystemFlags,
-        targetContainer,
-        mouseEvent
-      );
-      return true;
-    }
-
-    case "pointerover": {
-      var pointerEvent = nativeEvent;
-      var pointerId = pointerEvent.pointerId;
-      queuedPointers.set(
-        pointerId,
-        accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedPointers.get(pointerId) || null,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          pointerEvent
-        )
-      );
-      return true;
-    }
-
-    case "gotpointercapture": {
-      var _pointerEvent = nativeEvent;
-      var _pointerId2 = _pointerEvent.pointerId;
-      queuedPointerCaptures.set(
-        _pointerId2,
-        accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedPointerCaptures.get(_pointerId2) || null,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          _pointerEvent
-        )
-      );
-      return true;
-    }
-  }
-
-  return false;
-} // Check if this target is unblocked. Returns true if it's unblocked.
-
-function attemptExplicitHydrationTarget(queuedTarget) {
-  // TODO: This function shares a lot of logic with findInstanceBlockingEvent.
-  // Try to unify them. It's a bit tricky since it would require two return
-  // values.
-  var targetInst = getClosestInstanceFromNode(queuedTarget.target);
-
-  if (targetInst !== null) {
-    var nearestMounted = getNearestMountedFiber(targetInst);
-
-    if (nearestMounted !== null) {
-      var tag = nearestMounted.tag;
-
-      if (tag === SuspenseComponent) {
-        var instance = getSuspenseInstanceFromFiber(nearestMounted);
-
-        if (instance !== null) {
-          // We're blocked on hydrating this boundary.
-          // Increase its priority.
-          queuedTarget.blockedOn = instance;
-          runWithPriority(queuedTarget.priority, function () {
-            attemptHydrationAtCurrentPriority(nearestMounted);
-          });
-          return;
-        }
-      } else if (tag === HostRoot) {
-        var root = nearestMounted.stateNode;
-
-        if (isRootDehydrated(root)) {
-          queuedTarget.blockedOn = getContainerFromFiber(nearestMounted); // We don't currently have a way to increase the priority of
-          // a root other than sync.
-
-          return;
-        }
-      }
-    }
-  }
-
-  queuedTarget.blockedOn = null;
-}
-
-function queueExplicitHydrationTarget(target) {
-  // 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,
-    priority: updatePriority
-  };
-  var i = 0;
-
-  for (; i < queuedExplicitHydrationTargets.length; i++) {
-    // Stop once we hit the first target with lower priority than
-    if (
-      !isHigherEventPriority(
-        updatePriority,
-        queuedExplicitHydrationTargets[i].priority
-      )
-    ) {
-      break;
-    }
-  }
-
-  queuedExplicitHydrationTargets.splice(i, 0, queuedTarget);
-
-  if (i === 0) {
-    attemptExplicitHydrationTarget(queuedTarget);
-  }
-}
-
-function attemptReplayContinuousQueuedEvent(queuedEvent) {
-  if (queuedEvent.blockedOn !== null) {
-    return false;
-  }
-
-  var targetContainers = queuedEvent.targetContainers;
-
-  while (targetContainers.length > 0) {
-    var nextBlockedOn = findInstanceBlockingEvent(queuedEvent.nativeEvent);
-
-    if (nextBlockedOn === null) {
-      var nativeEvent = queuedEvent.nativeEvent;
-      var nativeEventClone = new nativeEvent.constructor(
-        nativeEvent.type,
-        nativeEvent
-      );
-      setReplayingEvent(nativeEventClone);
-      nativeEvent.target.dispatchEvent(nativeEventClone);
-      resetReplayingEvent();
-    } else {
-      // We're still blocked. Try again later.
-      var fiber = getInstanceFromNode$1(nextBlockedOn);
-
-      if (fiber !== null) {
-        attemptContinuousHydration(fiber);
-      }
-
-      queuedEvent.blockedOn = nextBlockedOn;
-      return false;
-    } // This target container was successfully dispatched. Try the next.
-
-    targetContainers.shift();
-  }
-
-  return true;
-}
-
-function attemptReplayContinuousQueuedEventInMap(queuedEvent, key, map) {
-  if (attemptReplayContinuousQueuedEvent(queuedEvent)) {
-    map.delete(key);
-  }
-}
-
-function replayUnblockedEvents() {
-  hasScheduledReplayAttempt = false; // Replay any continuous events.
-
-  if (queuedFocus !== null && attemptReplayContinuousQueuedEvent(queuedFocus)) {
-    queuedFocus = null;
-  }
-
-  if (queuedDrag !== null && attemptReplayContinuousQueuedEvent(queuedDrag)) {
-    queuedDrag = null;
-  }
-
-  if (queuedMouse !== null && attemptReplayContinuousQueuedEvent(queuedMouse)) {
-    queuedMouse = null;
-  }
-
-  queuedPointers.forEach(attemptReplayContinuousQueuedEventInMap);
-  queuedPointerCaptures.forEach(attemptReplayContinuousQueuedEventInMap);
-}
-
-function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
-  if (queuedEvent.blockedOn === unblocked) {
-    queuedEvent.blockedOn = null;
-
-    if (!hasScheduledReplayAttempt) {
-      hasScheduledReplayAttempt = true; // Schedule a callback to attempt replaying as many events as are
-      // now unblocked. This first might not actually be unblocked yet.
-      // We could check it early to avoid scheduling an unnecessary callback.
-
-      Scheduler.unstable_scheduleCallback(
-        Scheduler.unstable_NormalPriority,
-        replayUnblockedEvents
-      );
-    }
-  }
-}
-
-function retryIfBlockedOn(unblocked) {
-  if (queuedFocus !== null) {
-    scheduleCallbackIfUnblocked(queuedFocus, unblocked);
-  }
-
-  if (queuedDrag !== null) {
-    scheduleCallbackIfUnblocked(queuedDrag, unblocked);
-  }
-
-  if (queuedMouse !== null) {
-    scheduleCallbackIfUnblocked(queuedMouse, unblocked);
-  }
-
-  var unblock = function (queuedEvent) {
-    return scheduleCallbackIfUnblocked(queuedEvent, unblocked);
-  };
-
-  queuedPointers.forEach(unblock);
-  queuedPointerCaptures.forEach(unblock);
-
-  for (var i = 0; i < queuedExplicitHydrationTargets.length; i++) {
-    var queuedTarget = queuedExplicitHydrationTargets[i];
-
-    if (queuedTarget.blockedOn === unblocked) {
-      queuedTarget.blockedOn = null;
-    }
-  }
-
-  while (queuedExplicitHydrationTargets.length > 0) {
-    var nextExplicitTarget = queuedExplicitHydrationTargets[0];
-
-    if (nextExplicitTarget.blockedOn !== null) {
-      // We're still blocked.
-      break;
-    } else {
-      attemptExplicitHydrationTarget(nextExplicitTarget);
-
-      if (nextExplicitTarget.blockedOn === null) {
-        // We're unblocked.
-        queuedExplicitHydrationTargets.shift();
-      }
-    }
-  }
-}
-
-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.
-
-function setEnabled(enabled) {
-  _enabled = !!enabled;
-}
-function isEnabled() {
-  return _enabled;
-}
-function createEventListenerWrapperWithPriority(
-  targetContainer,
-  domEventName,
-  eventSystemFlags
-) {
-  var eventPriority = getEventPriority(domEventName);
-  var listenerWrapper;
-
-  switch (eventPriority) {
-    case DiscreteEventPriority:
-      listenerWrapper = dispatchDiscreteEvent;
-      break;
-
-    case ContinuousEventPriority:
-      listenerWrapper = dispatchContinuousEvent;
-      break;
-
-    case DefaultEventPriority:
-    default:
-      listenerWrapper = dispatchEvent;
-      break;
-  }
-
-  return listenerWrapper.bind(
-    null,
-    domEventName,
-    eventSystemFlags,
-    targetContainer
-  );
-}
-
-function dispatchDiscreteEvent(
-  domEventName,
-  eventSystemFlags,
-  container,
-  nativeEvent
-) {
-  var previousPriority = getCurrentUpdatePriority();
-  var prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = null;
-
-  try {
-    setCurrentUpdatePriority(DiscreteEventPriority);
-    dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
-  } finally {
-    setCurrentUpdatePriority(previousPriority);
-    ReactCurrentBatchConfig.transition = prevTransition;
-  }
-}
-
-function dispatchContinuousEvent(
-  domEventName,
-  eventSystemFlags,
-  container,
-  nativeEvent
-) {
-  var previousPriority = getCurrentUpdatePriority();
-  var prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = null;
-
-  try {
-    setCurrentUpdatePriority(ContinuousEventPriority);
-    dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
-  } finally {
-    setCurrentUpdatePriority(previousPriority);
-    ReactCurrentBatchConfig.transition = prevTransition;
-  }
-}
-
-function dispatchEvent(
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  if (!_enabled) {
-    return;
-  }
-
-  var blockedOn = findInstanceBlockingEvent(nativeEvent);
-
-  if (blockedOn === null) {
-    dispatchEventForPluginEventSystem(
-      domEventName,
-      eventSystemFlags,
-      nativeEvent,
-      return_targetInst,
-      targetContainer
-    );
-    clearIfContinuousEvent(domEventName, nativeEvent);
-    return;
-  }
-
-  if (
-    queueIfContinuousEvent(
-      blockedOn,
-      domEventName,
-      eventSystemFlags,
-      targetContainer,
-      nativeEvent
-    )
-  ) {
-    nativeEvent.stopPropagation();
-    return;
-  } // We need to clear only if we didn't queue because
-  // queueing is accumulative.
-
-  clearIfContinuousEvent(domEventName, nativeEvent);
-
-  if (
-    eventSystemFlags & IS_CAPTURE_PHASE &&
-    isDiscreteEventThatRequiresHydration(domEventName)
-  ) {
-    while (blockedOn !== null) {
-      var fiber = getInstanceFromNode$1(blockedOn);
-
-      if (fiber !== null) {
-        attemptSynchronousHydration(fiber);
-      }
-
-      var nextBlockedOn = findInstanceBlockingEvent(nativeEvent);
-
-      if (nextBlockedOn === null) {
-        dispatchEventForPluginEventSystem(
-          domEventName,
-          eventSystemFlags,
-          nativeEvent,
-          return_targetInst,
-          targetContainer
-        );
-      }
-
-      if (nextBlockedOn === blockedOn) {
-        break;
-      }
-
-      blockedOn = nextBlockedOn;
-    }
-
-    if (blockedOn !== null) {
-      nativeEvent.stopPropagation();
-    }
-
-    return;
-  } // This is not replayable so we'll invoke it but without a target,
-  // in case the event system needs to trace it.
-
-  dispatchEventForPluginEventSystem(
-    domEventName,
-    eventSystemFlags,
-    nativeEvent,
-    null,
-    targetContainer
-  );
-}
-var return_targetInst = null; // Returns a SuspenseInstance or Container if it's blocked.
-// The return_targetInst field above is conceptually part of the return value.
-
-function findInstanceBlockingEvent(nativeEvent) {
-  // TODO: Warn if _enabled is false.
-  return_targetInst = null;
-  var nativeEventTarget = getEventTarget(nativeEvent);
-  var targetInst = getClosestInstanceFromNode(nativeEventTarget);
-
-  if (targetInst !== null) {
-    var nearestMounted = getNearestMountedFiber(targetInst);
-
-    if (nearestMounted === null) {
-      // This tree has been unmounted already. Dispatch without a target.
-      targetInst = null;
-    } else {
-      var tag = nearestMounted.tag;
-
-      if (tag === SuspenseComponent) {
-        var instance = getSuspenseInstanceFromFiber(nearestMounted);
-
-        if (instance !== null) {
-          // Queue the event to be replayed later. Abort dispatching since we
-          // don't want this event dispatched twice through the event system.
-          // TODO: If this is the first discrete event in the queue. Schedule an increased
-          // priority for this boundary.
-          return instance;
-        } // This shouldn't happen, something went wrong but to avoid blocking
-        // the whole system, dispatch the event without a target.
-        // TODO: Warn.
-
-        targetInst = null;
-      } else if (tag === HostRoot) {
-        var root = nearestMounted.stateNode;
-
-        if (isRootDehydrated(root)) {
-          // If this happens during a replay something went wrong and it might block
-          // the whole system.
-          return getContainerFromFiber(nearestMounted);
-        }
-
-        targetInst = null;
-      } else if (nearestMounted !== targetInst) {
-        // If we get an event (ex: img onload) before committing that
-        // component's mount, ignore it for now (that is, treat it as if it was an
-        // event on a non-React tree). We might also consider queueing events and
-        // dispatching them after the mount.
-        targetInst = null;
-      }
-    }
-  }
-
-  return_targetInst = targetInst; // We're not blocked on anything.
-
-  return null;
-}
-function getEventPriority(domEventName) {
-  switch (domEventName) {
-    // Used by SimpleEventPlugin:
-    case "cancel":
-    case "click":
-    case "close":
-    case "contextmenu":
-    case "copy":
-    case "cut":
-    case "auxclick":
-    case "dblclick":
-    case "dragend":
-    case "dragstart":
-    case "drop":
-    case "focusin":
-    case "focusout":
-    case "input":
-    case "invalid":
-    case "keydown":
-    case "keypress":
-    case "keyup":
-    case "mousedown":
-    case "mouseup":
-    case "paste":
-    case "pause":
-    case "play":
-    case "pointercancel":
-    case "pointerdown":
-    case "pointerup":
-    case "ratechange":
-    case "reset":
-    case "resize":
-    case "seeked":
-    case "submit":
-    case "touchcancel":
-    case "touchend":
-    case "touchstart":
-    case "volumechange": // Used by polyfills: (fall through)
-
-    case "change":
-    case "selectionchange":
-    case "textInput":
-    case "compositionstart":
-    case "compositionend":
-    case "compositionupdate": // Only enableCreateEventHandleAPI: (fall through)
-
-    case "beforeblur":
-    case "afterblur": // Not used by React but could be by user code: (fall through)
-
-    case "beforeinput":
-    case "blur":
-    case "fullscreenchange":
-    case "focus":
-    case "hashchange":
-    case "popstate":
-    case "select":
-    case "selectstart":
-      return DiscreteEventPriority;
-
-    case "drag":
-    case "dragenter":
-    case "dragexit":
-    case "dragleave":
-    case "dragover":
-    case "mousemove":
-    case "mouseout":
-    case "mouseover":
-    case "pointermove":
-    case "pointerout":
-    case "pointerover":
-    case "scroll":
-    case "toggle":
-    case "touchmove":
-    case "wheel": // Not used by React but could be by user code: (fall through)
-
-    case "mouseenter":
-    case "mouseleave":
-    case "pointerenter":
-    case "pointerleave":
-      return ContinuousEventPriority;
-
-    case "message": {
-      // We might be in the Scheduler callback.
-      // Eventually this mechanism will be replaced by a check
-      // of the current priority on the native scheduler.
-      var schedulerPriority = getCurrentPriorityLevel();
-
-      switch (schedulerPriority) {
-        case ImmediatePriority:
-          return DiscreteEventPriority;
-
-        case UserBlockingPriority:
-          return ContinuousEventPriority;
-
-        case NormalPriority$1:
-        case LowPriority:
-          // TODO: Handle LowSchedulerPriority, somehow. Maybe the same lane as hydration.
-          return DefaultEventPriority;
-
-        case IdlePriority:
-          return IdleEventPriority;
-
-        default:
-          return DefaultEventPriority;
-      }
-    }
-
-    default:
-      return DefaultEventPriority;
-  }
-}
-
-function addEventBubbleListener(target, eventType, listener) {
-  target.addEventListener(eventType, listener, false);
-  return listener;
-}
-function addEventCaptureListener(target, eventType, listener) {
-  target.addEventListener(eventType, listener, true);
-  return listener;
-}
-function addEventCaptureListenerWithPassiveFlag(
-  target,
-  eventType,
-  listener,
-  passive
-) {
-  target.addEventListener(eventType, listener, {
-    capture: true,
-    passive: passive
-  });
-  return listener;
-}
-function addEventBubbleListenerWithPassiveFlag(
-  target,
-  eventType,
-  listener,
-  passive
-) {
-  target.addEventListener(eventType, listener, {
-    passive: passive
-  });
-  return listener;
-}
-function removeEventListener(target, eventType, listener, capture) {
-  target.removeEventListener(eventType, listener, capture);
-}
-
-/**
- * These variables store information about text content of a target node,
- * allowing comparison of content before and after a given event.
- *
- * Identify the node where selection currently begins, then observe
- * both its text content and its current position in the DOM. Since the
- * browser may natively replace the target node during composition, we can
- * use its position to find its replacement.
- *
- *
- */
-var root = null;
-var startText = null;
-var fallbackText = null;
-function initialize(nativeEventTarget) {
-  root = nativeEventTarget;
-  startText = getText();
-  return true;
-}
-function reset() {
-  root = null;
-  startText = null;
-  fallbackText = null;
-}
-function getData() {
-  if (fallbackText) {
-    return fallbackText;
-  }
-
-  var start;
-  var startValue = startText;
-  var startLength = startValue.length;
-  var end;
-  var endValue = getText();
-  var endLength = endValue.length;
-
-  for (start = 0; start < startLength; start++) {
-    if (startValue[start] !== endValue[start]) {
-      break;
-    }
-  }
-
-  var minEnd = startLength - start;
-
-  for (end = 1; end <= minEnd; end++) {
-    if (startValue[startLength - end] !== endValue[endLength - end]) {
-      break;
-    }
-  }
-
-  var sliceTail = end > 1 ? 1 - end : undefined;
-  fallbackText = endValue.slice(start, sliceTail);
-  return fallbackText;
-}
-function getText() {
-  if ("value" in root) {
-    return root.value;
-  }
-
-  return root.textContent;
-}
-
 /**
  * `charCode` represents the actual "character code" and is safe to use with
  * `String.fromCharCode`. As such, only keys that correspond to printable
@@ -36506,6 +35641,866 @@ var WheelEventInterface = assign({}, MouseEventInterface, {
 
 var SyntheticWheelEvent = createSyntheticEvent(WheelEventInterface);
 
+// has this definition built-in.
+
+var hasScheduledReplayAttempt = false; // The last of each continuous event type. We only need to replay the last one
+// if the last target was dehydrated.
+
+var queuedFocus = null;
+var queuedDrag = null;
+var queuedMouse = null; // For pointer events there can be one latest event per pointerId.
+
+var queuedPointers = new Map();
+var queuedPointerCaptures = new Map(); // We could consider replaying selectionchange and touchmoves too.
+
+var queuedExplicitHydrationTargets = [];
+var discreteReplayableEvents = [
+  "mousedown",
+  "mouseup",
+  "touchcancel",
+  "touchend",
+  "touchstart",
+  "auxclick",
+  "dblclick",
+  "pointercancel",
+  "pointerdown",
+  "pointerup",
+  "dragend",
+  "dragstart",
+  "drop",
+  "compositionend",
+  "compositionstart",
+  "keydown",
+  "keypress",
+  "keyup",
+  "input",
+  "textInput", // Intentionally camelCase
+  "copy",
+  "cut",
+  "paste",
+  "click",
+  "change",
+  "contextmenu",
+  "reset" // 'submit', // stopPropagation blocks the replay mechanism
+];
+function isDiscreteEventThatRequiresHydration(eventType) {
+  return discreteReplayableEvents.indexOf(eventType) > -1;
+}
+
+function createQueuedReplayableEvent(
+  blockedOn,
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  return {
+    blockedOn: blockedOn,
+    domEventName: domEventName,
+    eventSystemFlags: eventSystemFlags,
+    nativeEvent: nativeEvent,
+    targetContainers: [targetContainer]
+  };
+} // Resets the replaying for this type of continuous event to no event.
+
+function clearIfContinuousEvent(domEventName, nativeEvent) {
+  switch (domEventName) {
+    case "focusin":
+    case "focusout":
+      queuedFocus = null;
+      break;
+
+    case "dragenter":
+    case "dragleave":
+      queuedDrag = null;
+      break;
+
+    case "mouseover":
+    case "mouseout":
+      queuedMouse = null;
+      break;
+
+    case "pointerover":
+    case "pointerout": {
+      var pointerId = nativeEvent.pointerId;
+      queuedPointers.delete(pointerId);
+      break;
+    }
+
+    case "gotpointercapture":
+    case "lostpointercapture": {
+      var _pointerId = nativeEvent.pointerId;
+      queuedPointerCaptures.delete(_pointerId);
+      break;
+    }
+  }
+}
+
+function accumulateOrCreateContinuousQueuedReplayableEvent(
+  existingQueuedEvent,
+  blockedOn,
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  if (
+    existingQueuedEvent === null ||
+    existingQueuedEvent.nativeEvent !== nativeEvent
+  ) {
+    var queuedEvent = createQueuedReplayableEvent(
+      blockedOn,
+      domEventName,
+      eventSystemFlags,
+      targetContainer,
+      nativeEvent
+    );
+
+    if (blockedOn !== null) {
+      var fiber = getInstanceFromNode$1(blockedOn);
+
+      if (fiber !== null) {
+        // Attempt to increase the priority of this target.
+        attemptContinuousHydration(fiber);
+      }
+    }
+
+    return queuedEvent;
+  } // If we have already queued this exact event, then it's because
+  // the different event systems have different DOM event listeners.
+  // We can accumulate the flags, and the targetContainers, and
+  // store a single event to be replayed.
+
+  existingQueuedEvent.eventSystemFlags |= eventSystemFlags;
+  var targetContainers = existingQueuedEvent.targetContainers;
+
+  if (
+    targetContainer !== null &&
+    targetContainers.indexOf(targetContainer) === -1
+  ) {
+    targetContainers.push(targetContainer);
+  }
+
+  return existingQueuedEvent;
+}
+
+function queueIfContinuousEvent(
+  blockedOn,
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  // These set relatedTarget to null because the replayed event will be treated as if we
+  // moved from outside the window (no target) onto the target once it hydrates.
+  // Instead of mutating we could clone the event.
+  switch (domEventName) {
+    case "focusin": {
+      var focusEvent = nativeEvent;
+      queuedFocus = accumulateOrCreateContinuousQueuedReplayableEvent(
+        queuedFocus,
+        blockedOn,
+        domEventName,
+        eventSystemFlags,
+        targetContainer,
+        focusEvent
+      );
+      return true;
+    }
+
+    case "dragenter": {
+      var dragEvent = nativeEvent;
+      queuedDrag = accumulateOrCreateContinuousQueuedReplayableEvent(
+        queuedDrag,
+        blockedOn,
+        domEventName,
+        eventSystemFlags,
+        targetContainer,
+        dragEvent
+      );
+      return true;
+    }
+
+    case "mouseover": {
+      var mouseEvent = nativeEvent;
+      queuedMouse = accumulateOrCreateContinuousQueuedReplayableEvent(
+        queuedMouse,
+        blockedOn,
+        domEventName,
+        eventSystemFlags,
+        targetContainer,
+        mouseEvent
+      );
+      return true;
+    }
+
+    case "pointerover": {
+      var pointerEvent = nativeEvent;
+      var pointerId = pointerEvent.pointerId;
+      queuedPointers.set(
+        pointerId,
+        accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedPointers.get(pointerId) || null,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          pointerEvent
+        )
+      );
+      return true;
+    }
+
+    case "gotpointercapture": {
+      var _pointerEvent = nativeEvent;
+      var _pointerId2 = _pointerEvent.pointerId;
+      queuedPointerCaptures.set(
+        _pointerId2,
+        accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedPointerCaptures.get(_pointerId2) || null,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          _pointerEvent
+        )
+      );
+      return true;
+    }
+  }
+
+  return false;
+} // Check if this target is unblocked. Returns true if it's unblocked.
+
+function attemptExplicitHydrationTarget(queuedTarget) {
+  // TODO: This function shares a lot of logic with findInstanceBlockingEvent.
+  // Try to unify them. It's a bit tricky since it would require two return
+  // values.
+  var targetInst = getClosestInstanceFromNode(queuedTarget.target);
+
+  if (targetInst !== null) {
+    var nearestMounted = getNearestMountedFiber(targetInst);
+
+    if (nearestMounted !== null) {
+      var tag = nearestMounted.tag;
+
+      if (tag === SuspenseComponent) {
+        var instance = getSuspenseInstanceFromFiber(nearestMounted);
+
+        if (instance !== null) {
+          // We're blocked on hydrating this boundary.
+          // Increase its priority.
+          queuedTarget.blockedOn = instance;
+          runWithPriority(queuedTarget.priority, function () {
+            attemptHydrationAtCurrentPriority(nearestMounted);
+          });
+          return;
+        }
+      } else if (tag === HostRoot) {
+        var root = nearestMounted.stateNode;
+
+        if (isRootDehydrated(root)) {
+          queuedTarget.blockedOn = getContainerFromFiber(nearestMounted); // We don't currently have a way to increase the priority of
+          // a root other than sync.
+
+          return;
+        }
+      }
+    }
+  }
+
+  queuedTarget.blockedOn = null;
+}
+
+function queueExplicitHydrationTarget(target) {
+  // 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,
+    priority: updatePriority
+  };
+  var i = 0;
+
+  for (; i < queuedExplicitHydrationTargets.length; i++) {
+    // Stop once we hit the first target with lower priority than
+    if (
+      !isHigherEventPriority(
+        updatePriority,
+        queuedExplicitHydrationTargets[i].priority
+      )
+    ) {
+      break;
+    }
+  }
+
+  queuedExplicitHydrationTargets.splice(i, 0, queuedTarget);
+
+  if (i === 0) {
+    attemptExplicitHydrationTarget(queuedTarget);
+  }
+}
+
+function attemptReplayContinuousQueuedEvent(queuedEvent) {
+  if (queuedEvent.blockedOn !== null) {
+    return false;
+  }
+
+  var targetContainers = queuedEvent.targetContainers;
+
+  while (targetContainers.length > 0) {
+    var nextBlockedOn = findInstanceBlockingEvent(queuedEvent.nativeEvent);
+
+    if (nextBlockedOn === null) {
+      var nativeEvent = queuedEvent.nativeEvent;
+      var nativeEventClone = new nativeEvent.constructor(
+        nativeEvent.type,
+        nativeEvent
+      );
+      setReplayingEvent(nativeEventClone);
+      nativeEvent.target.dispatchEvent(nativeEventClone);
+      resetReplayingEvent();
+    } else {
+      // We're still blocked. Try again later.
+      var fiber = getInstanceFromNode$1(nextBlockedOn);
+
+      if (fiber !== null) {
+        attemptContinuousHydration(fiber);
+      }
+
+      queuedEvent.blockedOn = nextBlockedOn;
+      return false;
+    } // This target container was successfully dispatched. Try the next.
+
+    targetContainers.shift();
+  }
+
+  return true;
+}
+
+function attemptReplayContinuousQueuedEventInMap(queuedEvent, key, map) {
+  if (attemptReplayContinuousQueuedEvent(queuedEvent)) {
+    map.delete(key);
+  }
+}
+
+function replayUnblockedEvents() {
+  hasScheduledReplayAttempt = false; // Replay any continuous events.
+
+  if (queuedFocus !== null && attemptReplayContinuousQueuedEvent(queuedFocus)) {
+    queuedFocus = null;
+  }
+
+  if (queuedDrag !== null && attemptReplayContinuousQueuedEvent(queuedDrag)) {
+    queuedDrag = null;
+  }
+
+  if (queuedMouse !== null && attemptReplayContinuousQueuedEvent(queuedMouse)) {
+    queuedMouse = null;
+  }
+
+  queuedPointers.forEach(attemptReplayContinuousQueuedEventInMap);
+  queuedPointerCaptures.forEach(attemptReplayContinuousQueuedEventInMap);
+}
+
+function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
+  if (queuedEvent.blockedOn === unblocked) {
+    queuedEvent.blockedOn = null;
+
+    if (!hasScheduledReplayAttempt) {
+      hasScheduledReplayAttempt = true; // Schedule a callback to attempt replaying as many events as are
+      // now unblocked. This first might not actually be unblocked yet.
+      // We could check it early to avoid scheduling an unnecessary callback.
+
+      Scheduler.unstable_scheduleCallback(
+        Scheduler.unstable_NormalPriority,
+        replayUnblockedEvents
+      );
+    }
+  }
+} // [form, submitter or action, formData...]
+
+function retryIfBlockedOn(unblocked) {
+  if (queuedFocus !== null) {
+    scheduleCallbackIfUnblocked(queuedFocus, unblocked);
+  }
+
+  if (queuedDrag !== null) {
+    scheduleCallbackIfUnblocked(queuedDrag, unblocked);
+  }
+
+  if (queuedMouse !== null) {
+    scheduleCallbackIfUnblocked(queuedMouse, unblocked);
+  }
+
+  var unblock = function (queuedEvent) {
+    return scheduleCallbackIfUnblocked(queuedEvent, unblocked);
+  };
+
+  queuedPointers.forEach(unblock);
+  queuedPointerCaptures.forEach(unblock);
+
+  for (var i = 0; i < queuedExplicitHydrationTargets.length; i++) {
+    var queuedTarget = queuedExplicitHydrationTargets[i];
+
+    if (queuedTarget.blockedOn === unblocked) {
+      queuedTarget.blockedOn = null;
+    }
+  }
+
+  while (queuedExplicitHydrationTargets.length > 0) {
+    var nextExplicitTarget = queuedExplicitHydrationTargets[0];
+
+    if (nextExplicitTarget.blockedOn !== null) {
+      // We're still blocked.
+      break;
+    } else {
+      attemptExplicitHydrationTarget(nextExplicitTarget);
+
+      if (nextExplicitTarget.blockedOn === null) {
+        // We're unblocked.
+        queuedExplicitHydrationTargets.shift();
+      }
+    }
+  }
+}
+
+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.
+
+function setEnabled(enabled) {
+  _enabled = !!enabled;
+}
+function isEnabled() {
+  return _enabled;
+}
+function createEventListenerWrapperWithPriority(
+  targetContainer,
+  domEventName,
+  eventSystemFlags
+) {
+  var eventPriority = getEventPriority(domEventName);
+  var listenerWrapper;
+
+  switch (eventPriority) {
+    case DiscreteEventPriority:
+      listenerWrapper = dispatchDiscreteEvent;
+      break;
+
+    case ContinuousEventPriority:
+      listenerWrapper = dispatchContinuousEvent;
+      break;
+
+    case DefaultEventPriority:
+    default:
+      listenerWrapper = dispatchEvent;
+      break;
+  }
+
+  return listenerWrapper.bind(
+    null,
+    domEventName,
+    eventSystemFlags,
+    targetContainer
+  );
+}
+
+function dispatchDiscreteEvent(
+  domEventName,
+  eventSystemFlags,
+  container,
+  nativeEvent
+) {
+  var previousPriority = getCurrentUpdatePriority();
+  var prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
+
+  try {
+    setCurrentUpdatePriority(DiscreteEventPriority);
+    dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
+  } finally {
+    setCurrentUpdatePriority(previousPriority);
+    ReactCurrentBatchConfig.transition = prevTransition;
+  }
+}
+
+function dispatchContinuousEvent(
+  domEventName,
+  eventSystemFlags,
+  container,
+  nativeEvent
+) {
+  var previousPriority = getCurrentUpdatePriority();
+  var prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
+
+  try {
+    setCurrentUpdatePriority(ContinuousEventPriority);
+    dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
+  } finally {
+    setCurrentUpdatePriority(previousPriority);
+    ReactCurrentBatchConfig.transition = prevTransition;
+  }
+}
+
+function dispatchEvent(
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  if (!_enabled) {
+    return;
+  }
+
+  var blockedOn = findInstanceBlockingEvent(nativeEvent);
+
+  if (blockedOn === null) {
+    dispatchEventForPluginEventSystem(
+      domEventName,
+      eventSystemFlags,
+      nativeEvent,
+      return_targetInst,
+      targetContainer
+    );
+    clearIfContinuousEvent(domEventName, nativeEvent);
+    return;
+  }
+
+  if (
+    queueIfContinuousEvent(
+      blockedOn,
+      domEventName,
+      eventSystemFlags,
+      targetContainer,
+      nativeEvent
+    )
+  ) {
+    nativeEvent.stopPropagation();
+    return;
+  } // We need to clear only if we didn't queue because
+  // queueing is accumulative.
+
+  clearIfContinuousEvent(domEventName, nativeEvent);
+
+  if (
+    eventSystemFlags & IS_CAPTURE_PHASE &&
+    isDiscreteEventThatRequiresHydration(domEventName)
+  ) {
+    while (blockedOn !== null) {
+      var fiber = getInstanceFromNode$1(blockedOn);
+
+      if (fiber !== null) {
+        attemptSynchronousHydration(fiber);
+      }
+
+      var nextBlockedOn = findInstanceBlockingEvent(nativeEvent);
+
+      if (nextBlockedOn === null) {
+        dispatchEventForPluginEventSystem(
+          domEventName,
+          eventSystemFlags,
+          nativeEvent,
+          return_targetInst,
+          targetContainer
+        );
+      }
+
+      if (nextBlockedOn === blockedOn) {
+        break;
+      }
+
+      blockedOn = nextBlockedOn;
+    }
+
+    if (blockedOn !== null) {
+      nativeEvent.stopPropagation();
+    }
+
+    return;
+  } // This is not replayable so we'll invoke it but without a target,
+  // in case the event system needs to trace it.
+
+  dispatchEventForPluginEventSystem(
+    domEventName,
+    eventSystemFlags,
+    nativeEvent,
+    null,
+    targetContainer
+  );
+}
+function findInstanceBlockingEvent(nativeEvent) {
+  var nativeEventTarget = getEventTarget(nativeEvent);
+  return findInstanceBlockingTarget(nativeEventTarget);
+}
+var return_targetInst = null; // Returns a SuspenseInstance or Container if it's blocked.
+// The return_targetInst field above is conceptually part of the return value.
+
+function findInstanceBlockingTarget(targetNode) {
+  // TODO: Warn if _enabled is false.
+  return_targetInst = null;
+  var targetInst = getClosestInstanceFromNode(targetNode);
+
+  if (targetInst !== null) {
+    var nearestMounted = getNearestMountedFiber(targetInst);
+
+    if (nearestMounted === null) {
+      // This tree has been unmounted already. Dispatch without a target.
+      targetInst = null;
+    } else {
+      var tag = nearestMounted.tag;
+
+      if (tag === SuspenseComponent) {
+        var instance = getSuspenseInstanceFromFiber(nearestMounted);
+
+        if (instance !== null) {
+          // Queue the event to be replayed later. Abort dispatching since we
+          // don't want this event dispatched twice through the event system.
+          // TODO: If this is the first discrete event in the queue. Schedule an increased
+          // priority for this boundary.
+          return instance;
+        } // This shouldn't happen, something went wrong but to avoid blocking
+        // the whole system, dispatch the event without a target.
+        // TODO: Warn.
+
+        targetInst = null;
+      } else if (tag === HostRoot) {
+        var root = nearestMounted.stateNode;
+
+        if (isRootDehydrated(root)) {
+          // If this happens during a replay something went wrong and it might block
+          // the whole system.
+          return getContainerFromFiber(nearestMounted);
+        }
+
+        targetInst = null;
+      } else if (nearestMounted !== targetInst) {
+        // If we get an event (ex: img onload) before committing that
+        // component's mount, ignore it for now (that is, treat it as if it was an
+        // event on a non-React tree). We might also consider queueing events and
+        // dispatching them after the mount.
+        targetInst = null;
+      }
+    }
+  }
+
+  return_targetInst = targetInst; // We're not blocked on anything.
+
+  return null;
+}
+function getEventPriority(domEventName) {
+  switch (domEventName) {
+    // Used by SimpleEventPlugin:
+    case "cancel":
+    case "click":
+    case "close":
+    case "contextmenu":
+    case "copy":
+    case "cut":
+    case "auxclick":
+    case "dblclick":
+    case "dragend":
+    case "dragstart":
+    case "drop":
+    case "focusin":
+    case "focusout":
+    case "input":
+    case "invalid":
+    case "keydown":
+    case "keypress":
+    case "keyup":
+    case "mousedown":
+    case "mouseup":
+    case "paste":
+    case "pause":
+    case "play":
+    case "pointercancel":
+    case "pointerdown":
+    case "pointerup":
+    case "ratechange":
+    case "reset":
+    case "resize":
+    case "seeked":
+    case "submit":
+    case "touchcancel":
+    case "touchend":
+    case "touchstart":
+    case "volumechange": // Used by polyfills: (fall through)
+
+    case "change":
+    case "selectionchange":
+    case "textInput":
+    case "compositionstart":
+    case "compositionend":
+    case "compositionupdate": // Only enableCreateEventHandleAPI: (fall through)
+
+    case "beforeblur":
+    case "afterblur": // Not used by React but could be by user code: (fall through)
+
+    case "beforeinput":
+    case "blur":
+    case "fullscreenchange":
+    case "focus":
+    case "hashchange":
+    case "popstate":
+    case "select":
+    case "selectstart":
+      return DiscreteEventPriority;
+
+    case "drag":
+    case "dragenter":
+    case "dragexit":
+    case "dragleave":
+    case "dragover":
+    case "mousemove":
+    case "mouseout":
+    case "mouseover":
+    case "pointermove":
+    case "pointerout":
+    case "pointerover":
+    case "scroll":
+    case "toggle":
+    case "touchmove":
+    case "wheel": // Not used by React but could be by user code: (fall through)
+
+    case "mouseenter":
+    case "mouseleave":
+    case "pointerenter":
+    case "pointerleave":
+      return ContinuousEventPriority;
+
+    case "message": {
+      // We might be in the Scheduler callback.
+      // Eventually this mechanism will be replaced by a check
+      // of the current priority on the native scheduler.
+      var schedulerPriority = getCurrentPriorityLevel();
+
+      switch (schedulerPriority) {
+        case ImmediatePriority:
+          return DiscreteEventPriority;
+
+        case UserBlockingPriority:
+          return ContinuousEventPriority;
+
+        case NormalPriority$1:
+        case LowPriority:
+          // TODO: Handle LowSchedulerPriority, somehow. Maybe the same lane as hydration.
+          return DefaultEventPriority;
+
+        case IdlePriority:
+          return IdleEventPriority;
+
+        default:
+          return DefaultEventPriority;
+      }
+    }
+
+    default:
+      return DefaultEventPriority;
+  }
+}
+
+function addEventBubbleListener(target, eventType, listener) {
+  target.addEventListener(eventType, listener, false);
+  return listener;
+}
+function addEventCaptureListener(target, eventType, listener) {
+  target.addEventListener(eventType, listener, true);
+  return listener;
+}
+function addEventCaptureListenerWithPassiveFlag(
+  target,
+  eventType,
+  listener,
+  passive
+) {
+  target.addEventListener(eventType, listener, {
+    capture: true,
+    passive: passive
+  });
+  return listener;
+}
+function addEventBubbleListenerWithPassiveFlag(
+  target,
+  eventType,
+  listener,
+  passive
+) {
+  target.addEventListener(eventType, listener, {
+    passive: passive
+  });
+  return listener;
+}
+function removeEventListener(target, eventType, listener, capture) {
+  target.removeEventListener(eventType, listener, capture);
+}
+
+/**
+ * These variables store information about text content of a target node,
+ * allowing comparison of content before and after a given event.
+ *
+ * Identify the node where selection currently begins, then observe
+ * both its text content and its current position in the DOM. Since the
+ * browser may natively replace the target node during composition, we can
+ * use its position to find its replacement.
+ *
+ *
+ */
+var root = null;
+var startText = null;
+var fallbackText = null;
+function initialize(nativeEventTarget) {
+  root = nativeEventTarget;
+  startText = getText();
+  return true;
+}
+function reset() {
+  root = null;
+  startText = null;
+  fallbackText = null;
+}
+function getData() {
+  if (fallbackText) {
+    return fallbackText;
+  }
+
+  var start;
+  var startValue = startText;
+  var startLength = startValue.length;
+  var end;
+  var endValue = getText();
+  var endLength = endValue.length;
+
+  for (start = 0; start < startLength; start++) {
+    if (startValue[start] !== endValue[start]) {
+      break;
+    }
+  }
+
+  var minEnd = startLength - start;
+
+  for (end = 1; end <= minEnd; end++) {
+    if (startValue[startLength - end] !== endValue[endLength - end]) {
+      break;
+    }
+  }
+
+  var sliceTail = end > 1 ? 1 - end : undefined;
+  fallbackText = endValue.slice(start, sliceTail);
+  return fallbackText;
+}
+function getText() {
+  if ("value" in root) {
+    return root.value;
+  }
+
+  return root.textContent;
+}
+
 var END_KEYCODES = [9, 13, 27, 32]; // Tab, Return, Esc, Space
 
 var START_KEYCODE = 229;
@@ -38225,6 +38220,8 @@ function extractEvents$1(
       // Firefox creates a keypress event for function keys too. This removes
       // the unwanted keypress events. Enter is however both printable and
       // non-printable. One would expect Tab to be as well (but it isn't).
+      // TODO: Fixed in https://bugzilla.mozilla.org/show_bug.cgi?id=968056. Can
+      // probably remove.
       if (getEventCharCode(nativeEvent) === 0) {
         return;
       }
@@ -38254,6 +38251,8 @@ function extractEvents$1(
     case "click":
       // Firefox creates a click event on right mouse clicks. This removes the
       // unwanted click events.
+      // TODO: Fixed in https://phabricator.services.mozilla.com/D26793. Can
+      // probably remove.
       if (nativeEvent.button === 2) {
         return;
       }
@@ -39304,6 +39303,10 @@ function getListenerSetKey(domEventName, capture) {
 var didWarnControlledToUncontrolled = false;
 var didWarnUncontrolledToControlled = false;
 var didWarnInvalidHydration = false;
+var didWarnFormActionType = false;
+var didWarnFormActionName = false;
+var didWarnFormActionTarget = false;
+var didWarnFormActionMethod = false;
 var canDiffStyleForHydrationWarning;
 
 {
@@ -39343,6 +39346,109 @@ function validatePropertiesInDevelopment(type, props) {
   }
 }
 
+function validateFormActionInDevelopment(tag, key, value, props) {
+  {
+    if (value == null) {
+      return;
+    }
+
+    if (tag === "form") {
+      if (key === "formAction") {
+        error(
+          "You can only pass the formAction prop to <input> or <button>. Use the action prop on <form>."
+        );
+      } else if (typeof value === "function") {
+        if (
+          (props.encType != null || props.method != null) &&
+          !didWarnFormActionMethod
+        ) {
+          didWarnFormActionMethod = true;
+
+          error(
+            "Cannot specify a encType or method for a form that specifies a " +
+              "function as the action. React provides those automatically. " +
+              "They will get overridden."
+          );
+        }
+
+        if (props.target != null && !didWarnFormActionTarget) {
+          didWarnFormActionTarget = true;
+
+          error(
+            "Cannot specify a target for a form that specifies a function as the action. " +
+              "The function will always be executed in the same window."
+          );
+        }
+      }
+    } else if (tag === "input" || tag === "button") {
+      if (key === "action") {
+        error(
+          "You can only pass the action prop to <form>. Use the formAction prop on <input> or <button>."
+        );
+      } else if (
+        tag === "input" &&
+        props.type !== "submit" &&
+        props.type !== "image" &&
+        !didWarnFormActionType
+      ) {
+        didWarnFormActionType = true;
+
+        error(
+          'An input can only specify a formAction along with type="submit" or type="image".'
+        );
+      } else if (
+        tag === "button" &&
+        props.type != null &&
+        props.type !== "submit" &&
+        !didWarnFormActionType
+      ) {
+        didWarnFormActionType = true;
+
+        error(
+          'A button can only specify a formAction along with type="submit" or no type.'
+        );
+      } else if (typeof value === "function") {
+        // Function form actions cannot control the form properties
+        if (props.name != null && !didWarnFormActionName) {
+          didWarnFormActionName = true;
+
+          error(
+            'Cannot specify a "name" prop for a button that specifies a function as a formAction. ' +
+              "React needs it to encode which action should be invoked. It will get overridden."
+          );
+        }
+
+        if (
+          (props.formEncType != null || props.formMethod != null) &&
+          !didWarnFormActionMethod
+        ) {
+          didWarnFormActionMethod = true;
+
+          error(
+            "Cannot specify a formEncType or formMethod for a button that specifies a " +
+              "function as a formAction. React provides those automatically. They will get overridden."
+          );
+        }
+
+        if (props.formTarget != null && !didWarnFormActionTarget) {
+          didWarnFormActionTarget = true;
+
+          error(
+            "Cannot specify a formTarget for a button that specifies a function as a formAction. " +
+              "The function will always be executed in the same window."
+          );
+        }
+      }
+    } else {
+      if (key === "action") {
+        error("You can only pass the action prop to <form>.");
+      } else {
+        error("You can only pass the formAction prop to <input> or <button>.");
+      }
+    }
+  }
+}
+
 function warnForPropDifference(propName, serverValue, clientValue) {
   {
     if (didWarnInvalidHydration) {
@@ -39416,12 +39522,13 @@ function normalizeHTML(parent, html) {
     // how <noscript> is being handled. So we use the same document.
     // See the discussion in https://github.com/facebook/react/pull/11157.
     var testElement =
-      parent.namespaceURI === HTML_NAMESPACE
-        ? parent.ownerDocument.createElement(parent.tagName)
-        : parent.ownerDocument.createElementNS(
+      parent.namespaceURI === MATH_NAMESPACE ||
+      parent.namespaceURI === SVG_NAMESPACE
+        ? parent.ownerDocument.createElementNS(
             parent.namespaceURI,
             parent.tagName
-          );
+          )
+        : parent.ownerDocument.createElement(parent.tagName);
     testElement.innerHTML = html;
     return testElement.innerHTML;
   }
@@ -39556,38 +39663,35 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     // These attributes accept URLs. These must not allow javascript: URLS.
 
     case "src":
-    case "href":
-    case "action": {
-      if (value === "") {
-        {
-          if (key === "src") {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "This may cause the browser to download the whole page again over the network. " +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              key,
-              key
-            );
-          } else {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              key,
-              key
-            );
+    case "href": {
+      {
+        if (value === "") {
+          {
+            if (key === "src") {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "This may cause the browser to download the whole page again over the network. " +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                key,
+                key
+              );
+            } else {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                key,
+                key
+              );
+            }
           }
+
+          domElement.removeAttribute(key);
+          break;
         }
-
-        domElement.removeAttribute(key);
-        break;
       }
-    }
 
-    // Fall through to the last case which shouldn't remove empty strings.
-
-    case "formAction": {
       if (
         value == null ||
         typeof value === "function" ||
@@ -39610,6 +39714,36 @@ function setProp(domElement, tag, key, value, props, prevValue) {
       break;
     }
 
+    case "action":
+    case "formAction": {
+      // TODO: Consider moving these special cases to the form, input and button tags.
+      {
+        validateFormActionInDevelopment(tag, key, value, props);
+      }
+
+      if (
+        value == null ||
+        typeof value === "function" ||
+        typeof value === "symbol" ||
+        typeof value === "boolean"
+      ) {
+        domElement.removeAttribute(key);
+        break;
+      } // `setAttribute` with objects becomes only `[object]` in IE8/9,
+      // ('' + value) makes it output the correct toString()-value.
+
+      {
+        checkAttributeStringCoercion(value, key);
+      }
+
+      var _sanitizedValue = sanitizeURL(
+        enableTrustedTypesIntegration ? value : "" + value
+      );
+
+      domElement.setAttribute(key, _sanitizedValue);
+      break;
+    }
+
     case "onClick": {
       // TODO: This cast may not be sound for SVG, MathML or custom elements.
       if (value != null) {
@@ -39713,11 +39847,11 @@ function setProp(domElement, tag, key, value, props, prevValue) {
         checkAttributeStringCoercion(value, key);
       }
 
-      var _sanitizedValue = sanitizeURL(
+      var _sanitizedValue2 = sanitizeURL(
         enableTrustedTypesIntegration ? value : "" + value
       );
 
-      domElement.setAttributeNS(xlinkNamespace, "xlink:href", _sanitizedValue);
+      domElement.setAttributeNS(xlinkNamespace, "xlink:href", _sanitizedValue2);
       break;
     }
 
@@ -39744,7 +39878,10 @@ function setProp(domElement, tag, key, value, props, prevValue) {
           checkAttributeStringCoercion(value, key);
         }
 
-        domElement.setAttribute(key, value);
+        domElement.setAttribute(
+          key,
+          enableTrustedTypesIntegration ? value : "" + value
+        );
       } else {
         domElement.removeAttribute(key);
       }
@@ -40115,6 +40252,7 @@ function setInitialProperties(domElement, tag, props) {
       // listeners still fire for the invalid event.
 
       listenToNonDelegatedEvent("invalid", domElement);
+      var name = null;
       var type = null;
       var value = null;
       var defaultValue = null;
@@ -40133,35 +40271,18 @@ function setInitialProperties(domElement, tag, props) {
         }
 
         switch (propKey) {
+          case "name": {
+            name = propValue;
+            break;
+          }
+
           case "type": {
-            // Fast path since 'type' is very common on inputs
-            if (
-              propValue != null &&
-              typeof propValue !== "function" &&
-              typeof propValue !== "symbol" &&
-              typeof propValue !== "boolean"
-            ) {
-              type = propValue;
-
-              {
-                checkAttributeStringCoercion(propValue, propKey);
-              }
-
-              domElement.setAttribute(propKey, propValue);
-            }
-
+            type = propValue;
             break;
           }
 
           case "checked": {
             checked = propValue;
-            var checkedValue =
-              propValue != null ? propValue : props.defaultChecked;
-            var inputElement = domElement;
-            inputElement.checked =
-              !!checkedValue &&
-              typeof checkedValue !== "function" &&
-              checkedValue !== "symbol";
             break;
           }
 
@@ -40200,7 +40321,6 @@ function setInitialProperties(domElement, tag, props) {
       } // TODO: Make sure we check if this is still unmounted or do any clean
       // up necessary since we never stop tracking anymore.
 
-      track(domElement);
       validateInputProps(domElement, props);
       initInput(
         domElement,
@@ -40209,8 +40329,10 @@ function setInitialProperties(domElement, tag, props) {
         checked,
         defaultChecked,
         type,
+        name,
         false
       );
+      track(domElement);
       return;
     }
 
@@ -40315,15 +40437,15 @@ function setInitialProperties(domElement, tag, props) {
           }
 
           default: {
-            setProp(domElement, tag, _propKey2, _propValue2, props);
+            setProp(domElement, tag, _propKey2, _propValue2, props, null);
           }
         }
       } // TODO: Make sure we check if this is still unmounted or do any clean
       // up necessary since we never stop tracking anymore.
 
-      track(domElement);
       validateTextareaProps(domElement, props);
       initTextarea(domElement, _value2, _defaultValue2);
+      track(domElement);
       return;
     }
 
@@ -40352,7 +40474,7 @@ function setInitialProperties(domElement, tag, props) {
           }
 
           default: {
-            setProp(domElement, tag, _propKey3, _propValue3, props);
+            setProp(domElement, tag, _propKey3, _propValue3, props, null);
           }
         }
       }
@@ -40650,15 +40772,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         if (lastProps.hasOwnProperty(propKey) && lastProp != null) {
           switch (propKey) {
             case "checked": {
-              if (!nextProps.hasOwnProperty(propKey)) {
-                var checkedValue = nextProps.defaultChecked;
-                var inputElement = domElement;
-                inputElement.checked =
-                  !!checkedValue &&
-                  typeof checkedValue !== "function" &&
-                  checkedValue !== "symbol";
-              }
-
               break;
             }
 
@@ -40691,25 +40804,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         ) {
           switch (_propKey7) {
             case "type": {
-              type = nextProp; // Fast path since 'type' is very common on inputs
-
-              if (nextProp !== _lastProp) {
-                if (
-                  nextProp != null &&
-                  typeof nextProp !== "function" &&
-                  typeof nextProp !== "symbol" &&
-                  typeof nextProp !== "boolean"
-                ) {
-                  {
-                    checkAttributeStringCoercion(nextProp, _propKey7);
-                  }
-
-                  domElement.setAttribute(_propKey7, nextProp);
-                } else {
-                  domElement.removeAttribute(_propKey7);
-                }
-              }
-
+              type = nextProp;
               break;
             }
 
@@ -40720,18 +40815,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
 
             case "checked": {
               checked = nextProp;
-
-              if (nextProp !== _lastProp) {
-                var _checkedValue =
-                  nextProp != null ? nextProp : nextProps.defaultChecked;
-
-                var _inputElement = domElement;
-                _inputElement.checked =
-                  !!_checkedValue &&
-                  typeof _checkedValue !== "function" &&
-                  _checkedValue !== "symbol";
-              }
-
               break;
             }
 
@@ -40819,23 +40902,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
 
           didWarnControlledToUncontrolled = true;
         }
-      } // Update checked *before* name.
-      // In the middle of an update, it is possible to have multiple checked.
-      // When a checked radio tries to change name, browser makes another radio's checked false.
-
-      if (
-        name != null &&
-        typeof name !== "function" &&
-        typeof name !== "symbol" &&
-        typeof name !== "boolean"
-      ) {
-        {
-          checkAttributeStringCoercion(name, "name");
-        }
-
-        domElement.setAttribute("name", name);
-      } else {
-        domElement.removeAttribute("name");
       } // Update the wrapper around inputs *after* updating props. This has to
       // happen after updating the rest of props. Otherwise HTML5 input validations
       // raise warnings and prevent the new value from being assigned.
@@ -40847,7 +40913,8 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     }
@@ -41256,22 +41323,6 @@ function updatePropertiesWithDiff(
 
         switch (propKey) {
           case "type": {
-            // Fast path since 'type' is very common on inputs
-            if (
-              propValue != null &&
-              typeof propValue !== "function" &&
-              typeof propValue !== "symbol" &&
-              typeof propValue !== "boolean"
-            ) {
-              {
-                checkAttributeStringCoercion(propValue, propKey);
-              }
-
-              domElement.setAttribute(propKey, propValue);
-            } else {
-              domElement.removeAttribute(propKey);
-            }
-
             break;
           }
 
@@ -41280,13 +41331,6 @@ function updatePropertiesWithDiff(
           }
 
           case "checked": {
-            var checkedValue =
-              propValue != null ? propValue : nextProps.defaultChecked;
-            var inputElement = domElement;
-            inputElement.checked =
-              !!checkedValue &&
-              typeof checkedValue !== "function" &&
-              checkedValue !== "symbol";
             break;
           }
 
@@ -41316,7 +41360,14 @@ function updatePropertiesWithDiff(
           }
 
           default: {
-            setProp(domElement, tag, propKey, propValue, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              propKey,
+              propValue,
+              nextProps,
+              lastProps[propKey]
+            );
           }
         }
       }
@@ -41362,23 +41413,6 @@ function updatePropertiesWithDiff(
 
           didWarnControlledToUncontrolled = true;
         }
-      } // Update checked *before* name.
-      // In the middle of an update, it is possible to have multiple checked.
-      // When a checked radio tries to change name, browser makes another radio's checked false.
-
-      if (
-        name != null &&
-        typeof name !== "function" &&
-        typeof name !== "symbol" &&
-        typeof name !== "boolean"
-      ) {
-        {
-          checkAttributeStringCoercion(name, "name");
-        }
-
-        domElement.setAttribute("name", name);
-      } else {
-        domElement.removeAttribute("name");
       } // Update the wrapper around inputs *after* updating props. This has to
       // happen after updating the rest of props. Otherwise HTML5 input validations
       // raise warnings and prevent the new value from being assigned.
@@ -41390,7 +41424,8 @@ function updatePropertiesWithDiff(
         lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     }
@@ -41413,7 +41448,14 @@ function updatePropertiesWithDiff(
           // defaultValue are ignored by setProp
 
           default: {
-            setProp(domElement, tag, _propKey20, _propValue7, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              _propKey20,
+              _propValue7,
+              nextProps,
+              lastProps[_propKey20]
+            );
           }
         }
       } // <select> value update needs to occur after <option> children
@@ -41455,7 +41497,14 @@ function updatePropertiesWithDiff(
           // defaultValue is ignored by setProp
 
           default: {
-            setProp(domElement, tag, _propKey21, _propValue8, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              _propKey21,
+              _propValue8,
+              nextProps,
+              lastProps[_propKey21]
+            );
           }
         }
       }
@@ -41480,7 +41529,14 @@ function updatePropertiesWithDiff(
           }
 
           default: {
-            setProp(domElement, tag, _propKey22, _propValue9, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              _propKey22,
+              _propValue9,
+              nextProps,
+              lastProps[_propKey22]
+            );
           }
         }
       }
@@ -41525,7 +41581,14 @@ function updatePropertiesWithDiff(
           // defaultChecked and defaultValue are ignored by setProp
 
           default: {
-            setProp(domElement, tag, _propKey23, _propValue10, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              _propKey23,
+              _propValue10,
+              nextProps,
+              lastProps[_propKey23]
+            );
           }
         }
       }
@@ -41544,7 +41607,7 @@ function updatePropertiesWithDiff(
             _propKey24,
             _propValue11,
             nextProps,
-            null
+            lastProps[_propKey24]
           );
         }
 
@@ -41556,7 +41619,14 @@ function updatePropertiesWithDiff(
   for (var _i6 = 0; _i6 < updatePayload.length; _i6 += 2) {
     var _propKey25 = updatePayload[_i6];
     var _propValue12 = updatePayload[_i6 + 1];
-    setProp(domElement, tag, _propKey25, _propValue12, nextProps, null);
+    setProp(
+      domElement,
+      tag,
+      _propKey25,
+      _propValue12,
+      nextProps,
+      lastProps[_propKey25]
+    );
   }
 }
 
@@ -41922,7 +41992,7 @@ function diffHydratedCustomComponent(
   domElement,
   tag,
   props,
-  parentNamespaceDev,
+  hostContext,
   extraAttributes
 ) {
   for (var propKey in props) {
@@ -42015,13 +42085,15 @@ function diffHydratedCustomComponent(
       // Fall through
 
       default: {
-        var ownNamespaceDev = parentNamespaceDev;
+        // This is a DEV-only path
+        var hostContextDev = hostContext;
+        var hostContextProd = hostContextDev.context;
 
-        if (ownNamespaceDev === HTML_NAMESPACE) {
-          ownNamespaceDev = getIntrinsicNamespace(tag);
-        }
-
-        if (ownNamespaceDev === HTML_NAMESPACE) {
+        if (
+          hostContextProd === HostContextNamespaceNone &&
+          tag !== "svg" &&
+          tag !== "math"
+        ) {
           extraAttributes.delete(propKey.toLowerCase());
         } else {
           extraAttributes.delete(propKey);
@@ -42037,13 +42109,13 @@ function diffHydratedCustomComponent(
       }
     }
   }
-}
+} // This is the exact URL string we expect that Fizz renders if we provide a function action.
 
 function diffHydratedGenericElement(
   domElement,
   tag,
   props,
-  parentNamespaceDev,
+  hostContext,
   extraAttributes
 ) {
   for (var propKey in props) {
@@ -42139,7 +42211,6 @@ function diffHydratedGenericElement(
 
       case "src":
       case "href":
-      case "action":
         {
           if (value === "") {
             {
@@ -42183,11 +42254,12 @@ function diffHydratedGenericElement(
         );
         continue;
 
+      case "action":
       case "formAction":
         hydrateSanitizedAttribute(
           domElement,
           propKey,
-          "formaction",
+          propKey.toLowerCase(),
           value,
           extraAttributes
         );
@@ -42436,14 +42508,16 @@ function diffHydratedGenericElement(
         }
 
         var attributeName = getAttributeAlias(propKey);
-        var isMismatchDueToBadCasing = false;
-        var ownNamespaceDev = parentNamespaceDev;
+        var isMismatchDueToBadCasing = false; // This is a DEV-only path
 
-        if (ownNamespaceDev === HTML_NAMESPACE) {
-          ownNamespaceDev = getIntrinsicNamespace(tag);
-        }
+        var hostContextDev = hostContext;
+        var hostContextProd = hostContextDev.context;
 
-        if (ownNamespaceDev === HTML_NAMESPACE) {
+        if (
+          hostContextProd === HostContextNamespaceNone &&
+          tag !== "svg" &&
+          tag !== "math"
+        ) {
           extraAttributes.delete(attributeName.toLowerCase());
         } else {
           var standardName = getPossibleStandardName(propKey);
@@ -42461,14 +42535,14 @@ function diffHydratedGenericElement(
           extraAttributes.delete(attributeName);
         }
 
-        var _serverValue4 = getValueForAttribute(
+        var _serverValue5 = getValueForAttribute(
           domElement,
           attributeName,
           value
         );
 
         if (!isMismatchDueToBadCasing) {
-          warnForPropDifference(propKey, _serverValue4, value);
+          warnForPropDifference(propKey, _serverValue5, value);
         }
       }
     }
@@ -42481,7 +42555,7 @@ function diffHydratedProperties(
   props,
   isConcurrentMode,
   shouldWarnDev,
-  parentNamespaceDev
+  hostContext
 ) {
   {
     validatePropertiesInDevelopment(tag, props);
@@ -42541,7 +42615,6 @@ function diffHydratedProperties(
       listenToNonDelegatedEvent("invalid", domElement); // TODO: Make sure we check if this is still unmounted or do any clean
       // up necessary since we never stop tracking anymore.
 
-      track(domElement);
       validateInputProps(domElement, props); // For input and textarea we current always set the value property at
       // post mount to force it to diverge from attributes. However, for
       // option and select we don't quite do the same thing and select
@@ -42555,8 +42628,10 @@ function diffHydratedProperties(
         props.checked,
         props.defaultChecked,
         props.type,
+        props.name,
         true
       );
+      track(domElement);
       break;
 
     case "option":
@@ -42582,9 +42657,9 @@ function diffHydratedProperties(
       listenToNonDelegatedEvent("invalid", domElement); // TODO: Make sure we check if this is still unmounted or do any clean
       // up necessary since we never stop tracking anymore.
 
-      track(domElement);
       validateTextareaProps(domElement, props);
       initTextarea(domElement, props.value, props.defaultValue);
+      track(domElement);
       break;
   }
 
@@ -42667,7 +42742,7 @@ function diffHydratedProperties(
         domElement,
         tag,
         props,
-        parentNamespaceDev,
+        hostContext,
         extraAttributes
       );
     } else {
@@ -42675,7 +42750,7 @@ function diffHydratedProperties(
         domElement,
         tag,
         props,
-        parentNamespaceDev,
+        hostContext,
         extraAttributes
       );
     }
@@ -42957,14 +43032,15 @@ function getValueDescriptorExpectingEnumForWarning(thing) {
     : 'something with type "' + typeof thing + '"';
 }
 
-var Dispatcher$1 = ReactDOMSharedInternals.Dispatcher;
-
 var SUPPRESS_HYDRATION_WARNING = "suppressHydrationWarning";
 var SUSPENSE_START_DATA = "$";
 var SUSPENSE_END_DATA = "/$";
 var SUSPENSE_PENDING_START_DATA = "$?";
 var SUSPENSE_FALLBACK_START_DATA = "$!";
 var STYLE = "style";
+var HostContextNamespaceNone = 0;
+var HostContextNamespaceSvg = 1;
+var HostContextNamespaceMath = 2;
 var eventsEnabled = null;
 var selectionInformation = null;
 
@@ -42976,7 +43052,7 @@ function getOwnerDocumentFromRootContainer(rootContainerElement) {
 
 function getRootHostContext(rootContainerInstance) {
   var type;
-  var namespace;
+  var context;
   var nodeType = rootContainerInstance.nodeType;
 
   switch (nodeType) {
@@ -42984,7 +43060,16 @@ function getRootHostContext(rootContainerInstance) {
     case DOCUMENT_FRAGMENT_NODE: {
       type = nodeType === DOCUMENT_NODE ? "#document" : "#fragment";
       var root = rootContainerInstance.documentElement;
-      namespace = root ? root.namespaceURI : getChildNamespace(null, "");
+
+      if (root) {
+        var namespaceURI = root.namespaceURI;
+        context = namespaceURI
+          ? getOwnHostContext(namespaceURI)
+          : HostContextNamespaceNone;
+      } else {
+        context = HostContextNamespaceNone;
+      }
+
       break;
     }
 
@@ -42993,9 +43078,28 @@ function getRootHostContext(rootContainerInstance) {
         nodeType === COMMENT_NODE
           ? rootContainerInstance.parentNode
           : rootContainerInstance;
-      var ownNamespace = container.namespaceURI || null;
       type = container.tagName;
-      namespace = getChildNamespace(ownNamespace, type);
+      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;
     }
   }
@@ -43004,21 +43108,58 @@ function getRootHostContext(rootContainerInstance) {
     var validatedTag = type.toLowerCase();
     var ancestorInfo = updatedAncestorInfoDev(null, validatedTag);
     return {
-      namespace: namespace,
+      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 namespace = getChildNamespace(parentHostContextDev.namespace, type);
+    var context = getChildHostContextProd(parentHostContextDev.context, type);
     var ancestorInfo = updatedAncestorInfoDev(
       parentHostContextDev.ancestorInfo,
       type
     );
     return {
-      namespace: namespace,
+      context: context,
       ancestorInfo: ancestorInfo
     };
   }
@@ -43097,22 +43238,25 @@ function createInstance(
   hostContext,
   internalInstanceHandle
 ) {
-  var namespace;
+  var hostContextProd;
 
   {
     // TODO: take namespace into account when validating.
     var hostContextDev = hostContext;
     validateDOMNesting(type, hostContextDev.ancestorInfo);
-    namespace = hostContextDev.namespace;
+    hostContextProd = hostContextDev.context;
   }
 
   var ownerDocument = getOwnerDocumentFromRootContainer(rootContainerInstance);
   var domElement;
 
-  switch (namespace) {
-    case SVG_NAMESPACE:
-    case MATH_NAMESPACE:
-      domElement = ownerDocument.createElementNS(namespace, type);
+  switch (hostContextProd) {
+    case HostContextNamespaceSvg:
+      domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
+      break;
+
+    case HostContextNamespaceMath:
+      domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
       break;
 
     default:
@@ -43297,6 +43441,9 @@ function getCurrentEventPriority() {
 
   return getEventPriority(currentEvent.type);
 }
+function shouldAttemptEagerTransition() {
+  return window.event && window.event.type === "popstate";
+}
 // if a component just imports ReactDOM (e.g. for findDOMNode).
 // Some environments might not have setTimeout or clearTimeout.
 
@@ -43874,20 +44021,13 @@ function hydrateInstance(
 
   var isConcurrentMode =
     (internalInstanceHandle.mode & ConcurrentMode) !== NoMode;
-  var parentNamespace;
-
-  {
-    var hostContextDev = hostContext;
-    parentNamespace = hostContextDev.namespace;
-  }
-
   return diffHydratedProperties(
     instance,
     type,
     props,
     isConcurrentMode,
     shouldWarnDev,
-    parentNamespace
+    hostContext
   );
 }
 function hydrateTextInstance(
@@ -44415,8 +44555,6 @@ function clearSingleton(instance) {
 
   return;
 } // -------------------
-// In the future this may need to change, especially when modules / scripts are supported
-
 var NotLoaded =
   /*       */
   0;
@@ -44434,28 +44572,6 @@ var Inserted =
   4;
 function prepareToCommitHoistables() {
   tagCaches = null;
-} // It is valid to preload even when we aren't actively rendering. For cases where Float functions are
-// called when there is no rendering we track the last used document. It is not safe to insert
-// arbitrary resources into the lastCurrentDocument b/c it may not actually be the document
-// that the resource is meant to apply too (for example stylesheets or scripts). This is only
-// appropriate for resources that don't really have a strict tie to the document itself for example
-// preloads
-
-var lastCurrentDocument = null;
-var previousDispatcher = null;
-function prepareRendererToRender(rootContainer) {
-  {
-    var rootNode = getHoistableRoot(rootContainer);
-    lastCurrentDocument = getDocumentFromRoot(rootNode);
-    previousDispatcher = Dispatcher$1.current;
-    Dispatcher$1.current = ReactDOMClientDispatcher;
-  }
-}
-function resetRendererAfterRender() {
-  {
-    Dispatcher$1.current = previousDispatcher;
-    previousDispatcher = null;
-  }
 } // global collections of Resources
 
 var preloadPropsMap = new Map();
@@ -44473,25 +44589,6 @@ function getHoistableRoot(container) {
 function getCurrentResourceRoot() {
   var currentContainer = getCurrentRootHostContainer();
   return currentContainer ? getHoistableRoot(currentContainer) : null;
-} // Preloads are somewhat special. Even if we don't have the Document
-// used by the root that is rendering a component trying to insert a preload
-// we can still seed the file cache by doing the preload on any document we have
-// access to. We prefer the currentDocument if it exists, we also prefer the
-// lastCurrentDocument if that exists. As a fallback we will use the window.document
-// if available.
-
-function getDocumentForPreloads() {
-  var root = getCurrentResourceRoot();
-
-  if (root) {
-    return root.ownerDocument || root;
-  } else {
-    try {
-      return lastCurrentDocument || window.document;
-    } catch (error) {
-      return null;
-    }
-  }
 }
 
 function getDocumentFromRoot(root) {
@@ -44505,12 +44602,21 @@ var ReactDOMClientDispatcher = {
   preconnect: preconnect$1,
   preload: preload$1,
   preinit: preinit$1
-};
+}; // 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.
+
+function getDocumentForImperativeFloatMethods() {
+  return document;
+}
 
 function preconnectAs(rel, crossOrigin, href) {
-  var ownerDocument = getDocumentForPreloads();
+  var ownerDocument = getDocumentForImperativeFloatMethods();
 
-  if (typeof href === "string" && href && ownerDocument) {
+  if (typeof href === "string" && href) {
     var limitedEscapedHref =
       escapeSelectorAttributeValueInsideDoubleQuotes(href);
     var key = 'link[rel="' + rel + '"][href="' + limitedEscapedHref + '"]';
@@ -44599,7 +44705,7 @@ function preload$1(href, options) {
     validatePreloadArguments(href, options);
   }
 
-  var ownerDocument = getDocumentForPreloads();
+  var ownerDocument = getDocumentForImperativeFloatMethods();
 
   if (
     typeof href === "string" &&
@@ -44655,74 +44761,23 @@ function preinit$1(href, options) {
     validatePreinitArguments(href, options);
   }
 
+  var ownerDocument = getDocumentForImperativeFloatMethods();
+
   if (
     typeof href === "string" &&
     href &&
     typeof options === "object" &&
     options !== null
   ) {
-    var resourceRoot = getCurrentResourceRoot();
     var as = options.as;
 
-    if (!resourceRoot) {
-      if (as === "style" || as === "script") {
-        // We are going to emit a preload as a best effort fallback since this preinit
-        // was called outside of a render. Given the passive nature of this fallback
-        // we do not warn in dev when props disagree if there happens to already be a
-        // matching preload with this href
-        var preloadDocument = getDocumentForPreloads();
-
-        if (preloadDocument) {
-          var limitedEscapedHref =
-            escapeSelectorAttributeValueInsideDoubleQuotes(href);
-          var preloadKey =
-            'link[rel="preload"][as="' +
-            as +
-            '"][href="' +
-            limitedEscapedHref +
-            '"]';
-          var key = preloadKey;
-
-          switch (as) {
-            case "style":
-              key = getStyleKey(href);
-              break;
-
-            case "script":
-              key = getScriptKey(href);
-              break;
-          }
-
-          if (!preloadPropsMap.has(key)) {
-            var preloadProps = preloadPropsFromPreinitOptions(
-              href,
-              as,
-              options
-            );
-            preloadPropsMap.set(key, preloadProps);
-
-            if (null === preloadDocument.querySelector(preloadKey)) {
-              var instance = preloadDocument.createElement("link");
-              setInitialProperties(instance, "link", preloadProps);
-              markNodeAsHoistable(instance);
-              preloadDocument.head.appendChild(instance);
-            }
-          }
-        }
-      }
-
-      return;
-    }
-
     switch (as) {
       case "style": {
-        var styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
-
-        var _key = getStyleKey(href);
-
+        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles;
+        var key = getStyleKey(href);
         var precedence = options.precedence || "default"; // Check if this resource already exists
 
-        var resource = styles.get(_key);
+        var resource = styles.get(key);
 
         if (resource) {
           // We can early return. The resource exists and there is nothing
@@ -44735,11 +44790,11 @@ function preinit$1(href, options) {
           preload: null
         }; // Attempt to hydrate instance from DOM
 
-        var _instance = resourceRoot.querySelector(
-          getStylesheetSelectorFromKey(_key)
+        var instance = ownerDocument.querySelector(
+          getStylesheetSelectorFromKey(key)
         );
 
-        if (_instance) {
+        if (instance) {
           state.loading = Loaded;
         } else {
           // Construct a new instance and insert it
@@ -44748,17 +44803,13 @@ function preinit$1(href, options) {
             precedence,
             options
           );
+          var preloadProps = preloadPropsMap.get(key);
 
-          var _preloadProps = preloadPropsMap.get(_key);
-
-          if (_preloadProps) {
-            adoptPreloadPropsForStylesheet(stylesheetProps, _preloadProps);
+          if (preloadProps) {
+            adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
           }
 
-          var ownerDocument = getDocumentFromRoot(resourceRoot);
-
-          var link = (_instance = ownerDocument.createElement("link"));
-
+          var link = (instance = ownerDocument.createElement("link"));
           markNodeAsHoistable(link);
           setInitialProperties(link, "link", stylesheetProps);
           link._p = new Promise(function (resolve, reject) {
@@ -44772,26 +44823,26 @@ function preinit$1(href, options) {
             state.loading |= Errored;
           });
           state.loading |= Inserted;
-          insertStylesheet(_instance, precedence, resourceRoot);
+          insertStylesheet(instance, precedence, ownerDocument);
         } // Construct a Resource and cache it
 
         resource = {
           type: "stylesheet",
-          instance: _instance,
+          instance: instance,
           count: 1,
           state: state
         };
-        styles.set(_key, resource);
+        styles.set(key, resource);
         return;
       }
 
       case "script": {
         var src = href;
-        var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
+        var scripts = getResourcesFromRoot(ownerDocument).hoistableScripts;
 
-        var _key2 = getScriptKey(src); // Check if this resource already exists
+        var _key = getScriptKey(src); // Check if this resource already exists
 
-        var _resource = scripts.get(_key2);
+        var _resource = scripts.get(_key);
 
         if (_resource) {
           // We can early return. The resource exists and there is nothing
@@ -44799,52 +44850,39 @@ function preinit$1(href, options) {
           return;
         } // Attempt to hydrate instance from DOM
 
-        var _instance2 = resourceRoot.querySelector(
-          getScriptSelectorFromKey(_key2)
+        var _instance = ownerDocument.querySelector(
+          getScriptSelectorFromKey(_key)
         );
 
-        if (!_instance2) {
+        if (!_instance) {
           // Construct a new instance and insert it
           var scriptProps = scriptPropsFromPreinitOptions(src, options); // Adopt certain preload props
 
-          var _preloadProps2 = preloadPropsMap.get(_key2);
+          var _preloadProps = preloadPropsMap.get(_key);
 
-          if (_preloadProps2) {
-            adoptPreloadPropsForScript(scriptProps, _preloadProps2);
+          if (_preloadProps) {
+            adoptPreloadPropsForScript(scriptProps, _preloadProps);
           }
 
-          var _ownerDocument = getDocumentFromRoot(resourceRoot);
-
-          _instance2 = _ownerDocument.createElement("script");
-          markNodeAsHoistable(_instance2);
-          setInitialProperties(_instance2, "link", scriptProps);
-
-          _ownerDocument.head.appendChild(_instance2);
+          _instance = ownerDocument.createElement("script");
+          markNodeAsHoistable(_instance);
+          setInitialProperties(_instance, "link", scriptProps);
+          ownerDocument.head.appendChild(_instance);
         } // Construct a Resource and cache it
 
         _resource = {
           type: "script",
-          instance: _instance2,
+          instance: _instance,
           count: 1,
           state: null
         };
-        scripts.set(_key2, _resource);
+        scripts.set(_key, _resource);
         return;
       }
     }
   }
 }
 
-function preloadPropsFromPreinitOptions(href, as, options) {
-  return {
-    href: href,
-    rel: "preload",
-    as: as,
-    crossOrigin: as === "font" ? "" : options.crossOrigin,
-    integrity: options.integrity
-  };
-}
-
 function stylesheetPropsFromPreinitOptions(href, precedence, options) {
   return {
     rel: "stylesheet",
@@ -44916,11 +44954,11 @@ function getResource(type, currentProps, pendingProps) {
       ) {
         var qualifiedProps = pendingProps;
 
-        var _key3 = getStyleKey(qualifiedProps.href);
+        var _key2 = getStyleKey(qualifiedProps.href);
 
         var _styles = getResourcesFromRoot(resourceRoot).hoistableStyles;
 
-        var _resource2 = _styles.get(_key3);
+        var _resource2 = _styles.get(_key2);
 
         if (!_resource2) {
           // We asserted this above but Flow can't figure out that the type satisfies
@@ -44935,12 +44973,12 @@ function getResource(type, currentProps, pendingProps) {
             }
           };
 
-          _styles.set(_key3, _resource2);
+          _styles.set(_key2, _resource2);
 
-          if (!preloadPropsMap.has(_key3)) {
+          if (!preloadPropsMap.has(_key2)) {
             preloadStylesheet(
               ownerDocument,
-              _key3,
+              _key2,
               preloadPropsFromStylesheet(qualifiedProps),
               _resource2.state
             );
@@ -44957,11 +44995,11 @@ function getResource(type, currentProps, pendingProps) {
       if (typeof pendingProps.src === "string" && pendingProps.async === true) {
         var scriptProps = pendingProps;
 
-        var _key4 = getScriptKey(scriptProps.src);
+        var _key3 = getScriptKey(scriptProps.src);
 
         var scripts = getResourcesFromRoot(resourceRoot).hoistableScripts;
 
-        var _resource3 = scripts.get(_key4);
+        var _resource3 = scripts.get(_key3);
 
         if (!_resource3) {
           _resource3 = {
@@ -44970,7 +45008,7 @@ function getResource(type, currentProps, pendingProps) {
             count: 0,
             state: null
           };
-          scripts.set(_key4, _resource3);
+          scripts.set(_key3, _resource3);
         }
 
         return _resource3;
@@ -45005,11 +45043,12 @@ function styleTagPropsFromRawProps(rawProps) {
 
 function getStyleKey(href) {
   var limitedEscapedHref = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-  return 'href~="' + limitedEscapedHref + '"';
+  return 'href="' + limitedEscapedHref + '"';
 }
 
-function getStyleTagSelectorFromKey(key) {
-  return "style[data-" + key + "]";
+function getStyleTagSelector(href) {
+  var limitedEscapedHref = escapeSelectorAttributeValueInsideDoubleQuotes(href);
+  return 'style[data-href~="' + limitedEscapedHref + '"]';
 }
 
 function getStylesheetSelectorFromKey(key) {
@@ -45086,11 +45125,10 @@ function acquireResource(hoistableRoot, resource, props) {
   if (resource.instance === null) {
     switch (resource.type) {
       case "style": {
-        var qualifiedProps = props;
-        var key = getStyleKey(qualifiedProps.href); // Attempt to hydrate instance from DOM
+        var qualifiedProps = props; // Attempt to hydrate instance from DOM
 
         var instance = hoistableRoot.querySelector(
-          getStyleTagSelectorFromKey(key)
+          getStyleTagSelector(qualifiedProps.href)
         );
 
         if (instance) {
@@ -45118,40 +45156,39 @@ function acquireResource(hoistableRoot, resource, props) {
         // 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 _key5 = getStyleKey(_qualifiedProps.href); // Attempt to hydrate instance from DOM
-
-        var _instance3 = hoistableRoot.querySelector(
-          getStylesheetSelectorFromKey(_key5)
+        var _instance2 = hoistableRoot.querySelector(
+          getStylesheetSelectorFromKey(key)
         );
 
-        if (_instance3) {
-          resource.instance = _instance3;
-          markNodeAsHoistable(_instance3);
-          return _instance3;
+        if (_instance2) {
+          resource.instance = _instance2;
+          markNodeAsHoistable(_instance2);
+          return _instance2;
         }
 
         var stylesheetProps = stylesheetPropsFromRawProps(props);
-        var preloadProps = preloadPropsMap.get(_key5);
+        var preloadProps = preloadPropsMap.get(key);
 
         if (preloadProps) {
           adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
         } // Construct and insert a new instance
 
-        var _ownerDocument2 = getDocumentFromRoot(hoistableRoot);
+        var _ownerDocument = getDocumentFromRoot(hoistableRoot);
 
-        _instance3 = _ownerDocument2.createElement("link");
-        markNodeAsHoistable(_instance3);
-        var linkInstance = _instance3;
+        _instance2 = _ownerDocument.createElement("link");
+        markNodeAsHoistable(_instance2);
+        var linkInstance = _instance2;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(_instance3, "link", stylesheetProps);
+        setInitialProperties(_instance2, "link", stylesheetProps);
         resource.state.loading |= Inserted;
-        insertStylesheet(_instance3, _qualifiedProps.precedence, hoistableRoot);
-        resource.instance = _instance3;
-        return _instance3;
+        insertStylesheet(_instance2, _qualifiedProps.precedence, hoistableRoot);
+        resource.instance = _instance2;
+        return _instance2;
       }
 
       case "script": {
@@ -45160,37 +45197,37 @@ function acquireResource(hoistableRoot, resource, props) {
         // this cast still makes sense;
         var borrowedScriptProps = props;
 
-        var _key6 = getScriptKey(borrowedScriptProps.src); // Attempt to hydrate instance from DOM
+        var _key4 = getScriptKey(borrowedScriptProps.src); // Attempt to hydrate instance from DOM
 
-        var _instance4 = hoistableRoot.querySelector(
-          getScriptSelectorFromKey(_key6)
+        var _instance3 = hoistableRoot.querySelector(
+          getScriptSelectorFromKey(_key4)
         );
 
-        if (_instance4) {
-          resource.instance = _instance4;
-          markNodeAsHoistable(_instance4);
-          return _instance4;
+        if (_instance3) {
+          resource.instance = _instance3;
+          markNodeAsHoistable(_instance3);
+          return _instance3;
         }
 
         var scriptProps = borrowedScriptProps;
 
-        var _preloadProps3 = preloadPropsMap.get(_key6);
+        var _preloadProps2 = preloadPropsMap.get(_key4);
 
-        if (_preloadProps3) {
+        if (_preloadProps2) {
           scriptProps = assign({}, borrowedScriptProps);
-          adoptPreloadPropsForScript(scriptProps, _preloadProps3);
+          adoptPreloadPropsForScript(scriptProps, _preloadProps2);
         } // Construct and insert a new instance
 
-        var _ownerDocument3 = getDocumentFromRoot(hoistableRoot);
+        var _ownerDocument2 = getDocumentFromRoot(hoistableRoot);
 
-        _instance4 = _ownerDocument3.createElement("script");
-        markNodeAsHoistable(_instance4);
-        setInitialProperties(_instance4, "link", scriptProps);
+        _instance3 = _ownerDocument2.createElement("script");
+        markNodeAsHoistable(_instance3);
+        setInitialProperties(_instance3, "link", scriptProps);
 
-        _ownerDocument3.head.appendChild(_instance4);
+        _ownerDocument2.head.appendChild(_instance3);
 
-        resource.instance = _instance4;
-        return _instance4;
+        resource.instance = _instance3;
+        return _instance3;
       }
 
       case "void": {
@@ -45223,9 +45260,9 @@ function acquireResource(hoistableRoot, resource, props) {
       (resource.state.loading & Inserted) === NotLoaded
     ) {
       var _qualifiedProps2 = props;
-      var _instance5 = resource.instance;
+      var _instance4 = resource.instance;
       resource.state.loading |= Inserted;
-      insertStylesheet(_instance5, _qualifiedProps2.precedence, hoistableRoot);
+      insertStylesheet(_instance4, _qualifiedProps2.precedence, hoistableRoot);
     }
   }
 
@@ -45353,9 +45390,9 @@ function hydrateHoistable(hoistableRoot, type, props, internalInstanceHandle) {
         ownerDocument
       );
 
-      var _key7 = type + (props.content || "");
+      var _key5 = type + (props.content || "");
 
-      var _maybeNodes = _cache.get(_key7);
+      var _maybeNodes = _cache.get(_key5);
 
       if (_maybeNodes) {
         var _nodes = _maybeNodes;
@@ -45472,36 +45509,20 @@ function mountHoistable(hoistableRoot, type, instance) {
 }
 function unmountHoistable(instance) {
   instance.parentNode.removeChild(instance);
-} // When passing user input into querySelector(All) the embedded string must not alter
-// the semantics of the query. This escape function is safe to use when we know the
-// provided value is going to be wrapped in double quotes as part of an attribute selector
-// Do not use it anywhere else
-// we escape double quotes and backslashes
-
-var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n\"\\]/g;
-
-function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
-  return value.replace(
-    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
-    function (ch) {
-      return "\\" + ch.charCodeAt(0).toString(16);
-    }
-  );
 }
-
 function isHostHoistableType(type, props, hostContext) {
   var outsideHostContainerContext;
-  var namespace;
+  var hostContextProd;
 
   {
     var hostContextDev = hostContext; // We can only render resources when we are not within the host container context
 
     outsideHostContainerContext =
       !hostContextDev.ancestorInfo.containerTagInScope;
-    namespace = hostContextDev.namespace;
+    hostContextProd = hostContextDev.context;
   } // Global opt out of hoisting for anything in SVG Namespace or anything with an itemProp inside an itemScope
 
-  if (namespace === SVG_NAMESPACE || props.itemProp != null) {
+  if (hostContextProd === HostContextNamespaceSvg || props.itemProp != null) {
     {
       if (
         outsideHostContainerContext &&
@@ -45950,7 +45971,12 @@ function insertStylesheetIntoRoot(root, resource, map) {
   resource.state.loading |= Inserted;
 }
 
-var Dispatcher = Internals.Dispatcher;
+var Dispatcher$1 = Internals.Dispatcher;
+
+if (typeof document !== "undefined") {
+  // Set the default dispatcher to the client dispatcher
+  Dispatcher$1.current = ReactDOMClientDispatcher;
+}
 /* global reportError */
 
 var defaultOnRecoverableError =
@@ -46098,12 +46124,7 @@ function createRoot$1(container, options) {
     transitionCallbacks
   );
   markContainerAsRoot(root.current, container);
-
-  {
-    // Set the default dispatcher to the client dispatcher
-    Dispatcher.current = ReactDOMClientDispatcher;
-  }
-
+  Dispatcher$1.current = ReactDOMClientDispatcher;
   var rootContainerElement =
     container.nodeType === COMMENT_NODE ? container.parentNode : container;
   listenToAllSupportedEvents(rootContainerElement); // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
@@ -46183,11 +46204,7 @@ function hydrateRoot$1(container, initialChildren, options) {
     transitionCallbacks
   );
   markContainerAsRoot(root.current, container);
-
-  {
-    // Set the default dispatcher to the client dispatcher
-    Dispatcher.current = ReactDOMClientDispatcher;
-  } // This can't be a comment node since hydration doesn't work on comment nodes anyway.
+  Dispatcher$1.current = ReactDOMClientDispatcher; // This can't be a comment node since hydration doesn't work on comment nodes anyway.
 
   listenToAllSupportedEvents(container);
 
@@ -46331,43 +46348,70 @@ function createEventHandle(type, options) {
   }
 }
 
-function prefetchDNS() {
-  var dispatcher = ReactDOMSharedInternals.Dispatcher.current;
+var ReactDOMSharedInternals = Internals;
+
+var Dispatcher = ReactDOMSharedInternals.Dispatcher;
+function prefetchDNS(href) {
+  var passedOptionArg;
+
+  {
+    if (arguments[1] !== undefined) {
+      passedOptionArg = arguments[1];
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
 
   if (dispatcher) {
-    dispatcher.prefetchDNS.apply(this, arguments);
+    {
+      if (passedOptionArg !== undefined) {
+        // prefetchDNS will warn if you pass reserved options arg. We pass it along in Dev only to
+        // elicit the warning. In prod we do not forward since it is not a part of the interface.
+        // @TODO move all arg validation into this file. It needs to be universal anyway so may as well lock down the interace here and
+        // let the rest of the codebase trust the types
+        dispatcher.prefetchDNS(href, passedOptionArg);
+      } else {
+        dispatcher.prefetchDNS(href);
+      }
+    }
   } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
   // and the runtime may not be capable of responding. The function is optimistic and not critical
   // so we favor silent bailout over warning or erroring.
 }
-function preconnect() {
-  var dispatcher = ReactDOMSharedInternals.Dispatcher.current;
+function preconnect(href, options) {
+  var dispatcher = Dispatcher.current;
 
   if (dispatcher) {
-    dispatcher.preconnect.apply(this, arguments);
+    dispatcher.preconnect(href, options);
   } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
   // and the runtime may not be capable of responding. The function is optimistic and not critical
   // so we favor silent bailout over warning or erroring.
 }
-function preload() {
-  var dispatcher = ReactDOMSharedInternals.Dispatcher.current;
+function preload(href, options) {
+  var dispatcher = Dispatcher.current;
 
   if (dispatcher) {
-    dispatcher.preload.apply(this, arguments);
+    dispatcher.preload(href, options);
   } // We don't error because preload needs to be resilient to being called in a variety of scopes
   // and the runtime may not be capable of responding. The function is optimistic and not critical
   // so we favor silent bailout over warning or erroring.
 }
-function preinit() {
-  var dispatcher = ReactDOMSharedInternals.Dispatcher.current;
+function preinit(href, options) {
+  var dispatcher = Dispatcher.current;
 
   if (dispatcher) {
-    dispatcher.preinit.apply(this, arguments);
+    dispatcher.preinit(href, options);
   } // We don't error because preinit needs to be resilient to being called in a variety of scopes
   // and the runtime may not be capable of responding. The function is optimistic and not critical
   // so we favor silent bailout over warning or erroring.
 }
 
+function useFormStatus() {
+  {
+    throw new Error("Not implemented.");
+  }
+}
+
 {
   if (
     typeof Map !== "function" || // $FlowFixMe[prop-missing] Flow incorrectly thinks Map has no prototype
@@ -46491,6 +46535,7 @@ exports.createRoleSelector = createRoleSelector;
 exports.createRoot = createRoot;
 exports.createTestNameSelector = createTestNameSelector;
 exports.createTextSelector = createTextSelector;
+exports.experimental_useFormStatus = useFormStatus;
 exports.findAllNodes = findAllNodes;
 exports.findBoundingRects = findBoundingRects;
 exports.flushSync = flushSync;
diff --git a/compiled/facebook-www/ReactDOMTesting-prod.classic.js b/compiled/facebook-www/ReactDOMTesting-prod.classic.js
index a3be4ec29c..092c3d925a 100644
--- a/compiled/facebook-www/ReactDOMTesting-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMTesting-prod.classic.js
@@ -41,8 +41,6 @@ var ReactSharedInternals =
   disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
-  revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
   enableLegacyFBSupport = dynamicFeatureFlags.enableLegacyFBSupport,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableUseRefAccessWarning = dynamicFeatureFlags.enableUseRefAccessWarning,
@@ -56,6 +54,8 @@ var ReactSharedInternals =
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
   diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries,
   REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_PORTAL_TYPE = Symbol.for("react.portal"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -360,14 +360,30 @@ function pushHostContainer(fiber, nextRootInstance) {
     case 9:
     case 11:
       nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
-        ? nextRootInstance.namespaceURI
-        : getChildNamespace(null, "");
+        ? (nextRootInstance = nextRootInstance.namespaceURI)
+          ? getOwnHostContext(nextRootInstance)
+          : 0
+        : 0;
       break;
     default:
-      (fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
-        (nextRootInstance = fiber.namespaceURI || null),
-        (fiber = fiber.tagName),
-        (nextRootInstance = getChildNamespace(nextRootInstance, fiber));
+      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);
@@ -379,7 +395,7 @@ function popHostContainer() {
 }
 function pushHostContext(fiber) {
   var context = contextStackCursor$1.current;
-  var JSCompiler_inline_result = getChildNamespace(context, fiber.type);
+  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
   context !== JSCompiler_inline_result &&
     (push(contextFiberStackCursor, fiber),
     push(contextStackCursor$1, JSCompiler_inline_result));
@@ -583,13 +599,10 @@ function createLaneMap(initial) {
   for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane;
   536870912 !== updateLane &&
     ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  root = root.eventTimes;
-  updateLane = 31 - clz32(updateLane);
-  root[updateLane] = eventTime;
 }
 function markRootFinished(root, remainingLanes) {
   var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
@@ -601,22 +614,20 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   remainingLanes = root.entanglements;
-  var eventTimes = root.eventTimes,
-    expirationTimes = root.expirationTimes;
+  var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$5 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$5;
-    remainingLanes[index$5] = 0;
-    eventTimes[index$5] = -1;
-    expirationTimes[index$5] = -1;
-    var hiddenUpdatesForLane = root[index$5];
+    var index$4 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$4;
+    remainingLanes[index$4] = 0;
+    expirationTimes[index$4] = -1;
+    var hiddenUpdatesForLane = root[index$4];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$5] = null, index$5 = 0;
-        index$5 < hiddenUpdatesForLane.length;
-        index$5++
+        root[index$4] = null, index$4 = 0;
+        index$4 < hiddenUpdatesForLane.length;
+        index$4++
       ) {
-        var update = hiddenUpdatesForLane[index$5];
+        var update = hiddenUpdatesForLane[index$4];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -625,21 +636,21 @@ function markRootFinished(root, remainingLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$6 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$6;
-    (lane & entangledLanes) | (root[index$6] & entangledLanes) &&
-      (root[index$6] |= entangledLanes);
+    var index$5 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$5;
+    (lane & entangledLanes) | (root[index$5] & entangledLanes) &&
+      (root[index$5] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$8 = 31 - clz32(lanes),
-      lane = 1 << index$8;
-    index$8 = root.transitionLanes[index$8];
-    null !== index$8 &&
-      index$8.forEach(function (transition) {
+    var index$7 = 31 - clz32(lanes),
+      lane = 1 << index$7;
+    index$7 = root.transitionLanes[index$7];
+    null !== index$7 &&
+      index$7.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -649,10 +660,10 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$9 = 31 - clz32(lanes),
-        lane = 1 << index$9;
-      null !== root.transitionLanes[index$9] &&
-        (root.transitionLanes[index$9] = null);
+      var index$8 = 31 - clz32(lanes),
+        lane = 1 << index$8;
+      null !== root.transitionLanes[index$8] &&
+        (root.transitionLanes[index$8] = null);
       lanes &= ~lane;
     }
 }
@@ -676,12 +687,93 @@ function lanesToEventPriority(lanes) {
     : 2;
 }
 var hasOwnProperty = Object.prototype.hasOwnProperty,
-  Internals = {
-    usingClientEntryPoint: !1,
-    Events: null,
-    Dispatcher: { current: null }
-  },
-  allNativeEvents = new Set();
+  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;
+  switch (element.tagName) {
+    case "A":
+    case "AREA":
+    case "LINK":
+      if (element.hasAttribute("href")) return "link";
+      break;
+    case "IMG":
+      if (0 < (element.getAttribute("alt") || "").length) return "img";
+      break;
+    case "INPUT":
+      switch (((mappedByTag = element.type), mappedByTag)) {
+        case "button":
+        case "image":
+        case "reset":
+        case "submit":
+          return "button";
+        case "checkbox":
+        case "radio":
+          return mappedByTag;
+        case "range":
+          return "slider";
+        case "email":
+        case "tel":
+        case "text":
+        case "url":
+          return element.hasAttribute("list") ? "combobox" : "textbox";
+        case "search":
+          return element.hasAttribute("list") ? "combobox" : "searchbox";
+        default:
+          return null;
+      }
+    case "SELECT":
+      return element.hasAttribute("multiple") || 1 < element.size
+        ? "listbox"
+        : "combobox";
+  }
+  return null;
+}
+var allNativeEvents = new Set();
 allNativeEvents.add("beforeblur");
 allNativeEvents.add("afterblur");
 var registrationNameDependencies = {};
@@ -698,12 +790,6 @@ function registerDirectEvent(registrationName, dependencies) {
   )
     allNativeEvents.add(dependencies[registrationName]);
 }
-function getEventTarget(nativeEvent) {
-  nativeEvent = nativeEvent.target || nativeEvent.srcElement || window;
-  nativeEvent.correspondingUseElement &&
-    (nativeEvent = nativeEvent.correspondingUseElement);
-  return 3 === nativeEvent.nodeType ? nativeEvent.parentNode : nativeEvent;
-}
 var canUseDOM = !(
     "undefined" === typeof window ||
     "undefined" === typeof window.document ||
@@ -734,8 +820,8 @@ function setValueForAttribute(node, name, value) {
           node.removeAttribute(name);
           return;
         case "boolean":
-          var prefix$10 = name.toLowerCase().slice(0, 5);
-          if ("data-" !== prefix$10 && "aria-" !== prefix$10) {
+          var prefix$9 = name.toLowerCase().slice(0, 5);
+          if ("data-" !== prefix$9 && "aria-" !== prefix$9) {
             node.removeAttribute(name);
             return;
           }
@@ -817,16 +903,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$11) {
-          control = x$11;
+        } catch (x$10) {
+          control = x$10;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$12) {
-        control = x$12;
+      } catch (x$11) {
+        control = x$11;
       }
       fn();
     }
@@ -980,6 +1066,15 @@ function getActiveElement(doc) {
     return doc.body;
   }
 }
+var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n"\\]/g;
+function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
+  return value.replace(
+    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
+    function (ch) {
+      return "\\" + ch.charCodeAt(0).toString(16) + " ";
+    }
+  );
+}
 function updateInput(
   element,
   value,
@@ -987,8 +1082,16 @@ function updateInput(
   lastDefaultValue,
   checked,
   defaultChecked,
-  type
+  type,
+  name
 ) {
+  element.name = "";
+  null != type &&
+  "function" !== typeof type &&
+  "symbol" !== typeof type &&
+  "boolean" !== typeof type
+    ? (element.type = type)
+    : element.removeAttribute("type");
   if (null != value)
     if ("number" === type) {
       if ((0 === value && "" === element.value) || element.value != value)
@@ -996,10 +1099,8 @@ function updateInput(
     } else
       element.value !== "" + getToStringValue(value) &&
         (element.value = "" + getToStringValue(value));
-  else if ("submit" === type || "reset" === type) {
-    element.removeAttribute("value");
-    return;
-  }
+  else
+    ("submit" !== type && "reset" !== type) || element.removeAttribute("value");
   disableInputAttributeSyncing
     ? null != defaultValue
       ? setDefaultValue(element, type, getToStringValue(defaultValue))
@@ -1019,6 +1120,12 @@ function updateInput(
   null != checked &&
     element.checked !== !!checked &&
     (element.checked = checked);
+  null != name &&
+  "function" !== typeof name &&
+  "symbol" !== typeof name &&
+  "boolean" !== typeof name
+    ? (element.name = "" + getToStringValue(name))
+    : element.removeAttribute("name");
 }
 function initInput(
   element,
@@ -1027,8 +1134,14 @@ function initInput(
   checked,
   defaultChecked,
   type,
+  name,
   isHydrating
 ) {
+  null != type &&
+    "function" !== typeof type &&
+    "symbol" !== typeof type &&
+    "boolean" !== typeof type &&
+    (element.type = type);
   if (null != value || null != defaultValue) {
     if (
       (type = "submit" === type || "reset" === type) &&
@@ -1049,16 +1162,17 @@ function initInput(
       ? null != defaultValue && (element.defaultValue = defaultValueStr)
       : (element.defaultValue = initialValue);
   }
-  value = element.name;
-  "" !== value && (element.name = "");
-  checked = null != checked ? checked : defaultChecked;
-  checked =
-    "function" !== typeof checked && "symbol" !== typeof checked && !!checked;
-  isHydrating || (element.checked = !!checked);
+  value = null != checked ? checked : defaultChecked;
+  value = "function" !== typeof value && "symbol" !== typeof value && !!value;
+  isHydrating || (element.checked = !!value);
   disableInputAttributeSyncing
     ? null != defaultChecked && (element.defaultChecked = !!defaultChecked)
-    : (element.defaultChecked = !!checked);
-  "" !== value && (element.name = value);
+    : (element.defaultChecked = !!value);
+  null != name &&
+    "function" !== typeof name &&
+    "symbol" !== typeof name &&
+    "boolean" !== typeof name &&
+    (element.name = name);
 }
 function setDefaultValue(node, type, value) {
   ("number" === type && getActiveElement(node.ownerDocument) === node) ||
@@ -1132,28 +1246,6 @@ function initTextarea(element, value, defaultValue, children) {
     null !== children &&
     (element.value = children);
 }
-function getChildNamespace(parentNamespace, type) {
-  if (
-    null == parentNamespace ||
-    "http://www.w3.org/1999/xhtml" === parentNamespace
-  ) {
-    a: switch (type) {
-      case "svg":
-        parentNamespace = "http://www.w3.org/2000/svg";
-        break a;
-      case "math":
-        parentNamespace = "http://www.w3.org/1998/Math/MathML";
-        break a;
-      default:
-        parentNamespace = "http://www.w3.org/1999/xhtml";
-    }
-    return parentNamespace;
-  }
-  return "http://www.w3.org/2000/svg" === parentNamespace &&
-    "foreignObject" === type
-    ? "http://www.w3.org/1999/xhtml"
-    : parentNamespace;
-}
 var reusableSVGContainer;
 function setInnerHTMLImpl(node, html) {
   if ("http://www.w3.org/2000/svg" !== node.namespaceURI || "innerHTML" in node)
@@ -1225,15 +1317,15 @@ function setValueForStyles(node, styles, prevStyles) {
           : "float" === styleName
           ? (node.cssFloat = "")
           : (node[styleName] = ""));
-    for (var styleName$16 in styles)
-      (styleName = styles[styleName$16]),
-        styles.hasOwnProperty(styleName$16) &&
-          prevStyles[styleName$16] !== styleName &&
-          setValueForStyle(node, styleName$16, styleName);
+    for (var styleName$15 in styles)
+      (styleName = styles[styleName$15]),
+        styles.hasOwnProperty(styleName$15) &&
+          prevStyles[styleName$15] !== styleName &&
+          setValueForStyle(node, styleName$15, styleName);
   } else
-    for (var styleName$17 in styles)
-      styles.hasOwnProperty(styleName$17) &&
-        setValueForStyle(node, styleName$17, styles[styleName$17]);
+    for (var styleName$16 in styles)
+      styles.hasOwnProperty(styleName$16) &&
+        setValueForStyle(node, styleName$16, styles[styleName$16]);
 }
 function isCustomElement(tagName) {
   if (-1 === tagName.indexOf("-")) return !1;
@@ -1338,1075 +1430,11 @@ function sanitizeURL(url) {
     ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
     : url;
 }
-var NORMALIZE_NEWLINES_REGEX = /\r\n?/g,
-  NORMALIZE_NULL_AND_REPLACEMENT_REGEX = /\u0000|\uFFFD/g;
-function normalizeMarkupForTextOrAttribute(markup) {
-  return ("string" === typeof markup ? markup : "" + markup)
-    .replace(NORMALIZE_NEWLINES_REGEX, "\n")
-    .replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX, "");
-}
-function noop$2() {}
-function setProp(domElement, tag, key, value, props, prevValue) {
-  switch (key) {
-    case "children":
-      "string" === typeof value
-        ? "body" === tag ||
-          ("textarea" === tag && "" === value) ||
-          setTextContent(domElement, value)
-        : "number" === typeof value &&
-          "body" !== tag &&
-          setTextContent(domElement, "" + value);
-      break;
-    case "className":
-      setValueForKnownAttribute(domElement, "class", value);
-      break;
-    case "tabIndex":
-      setValueForKnownAttribute(domElement, "tabindex", value);
-      break;
-    case "dir":
-    case "role":
-    case "viewBox":
-    case "width":
-    case "height":
-      setValueForKnownAttribute(domElement, key, value);
-      break;
-    case "style":
-      setValueForStyles(domElement, value, prevValue);
-      break;
-    case "src":
-    case "href":
-    case "action":
-      if ("" === value) {
-        domElement.removeAttribute(key);
-        break;
-      }
-    case "formAction":
-      if (
-        null == value ||
-        "function" === typeof value ||
-        "symbol" === typeof value ||
-        "boolean" === typeof value
-      ) {
-        domElement.removeAttribute(key);
-        break;
-      }
-      value = sanitizeURL(enableTrustedTypesIntegration ? value : "" + value);
-      domElement.setAttribute(key, value);
-      break;
-    case "onClick":
-      null != value && (domElement.onclick = noop$2);
-      break;
-    case "onScroll":
-      null != value && listenToNonDelegatedEvent("scroll", domElement);
-      break;
-    case "dangerouslySetInnerHTML":
-      if (null != value) {
-        if ("object" !== typeof value || !("__html" in value))
-          throw Error(formatProdErrorMessage(61));
-        key = value.__html;
-        if (null != key) {
-          if (null != props.children) throw Error(formatProdErrorMessage(60));
-          disableIEWorkarounds
-            ? (domElement.innerHTML = key)
-            : setInnerHTML$1(domElement, key);
-        }
-      }
-      break;
-    case "multiple":
-      domElement.multiple =
-        value && "function" !== typeof value && "symbol" !== typeof value;
-      break;
-    case "muted":
-      domElement.muted =
-        value && "function" !== typeof value && "symbol" !== typeof value;
-      break;
-    case "suppressContentEditableWarning":
-    case "suppressHydrationWarning":
-    case "defaultValue":
-    case "defaultChecked":
-    case "innerHTML":
-      break;
-    case "autoFocus":
-      break;
-    case "xlinkHref":
-      if (
-        null == value ||
-        "function" === typeof value ||
-        "boolean" === typeof value ||
-        "symbol" === typeof value
-      ) {
-        domElement.removeAttribute("xlink:href");
-        break;
-      }
-      key = sanitizeURL(enableTrustedTypesIntegration ? value : "" + value);
-      domElement.setAttributeNS(
-        "http://www.w3.org/1999/xlink",
-        "xlink:href",
-        key
-      );
-      break;
-    case "contentEditable":
-    case "spellCheck":
-    case "draggable":
-    case "value":
-    case "autoReverse":
-    case "externalResourcesRequired":
-    case "focusable":
-    case "preserveAlpha":
-      null != value && "function" !== typeof value && "symbol" !== typeof value
-        ? domElement.setAttribute(key, value)
-        : domElement.removeAttribute(key);
-      break;
-    case "allowFullScreen":
-    case "async":
-    case "autoPlay":
-    case "controls":
-    case "default":
-    case "defer":
-    case "disabled":
-    case "disablePictureInPicture":
-    case "disableRemotePlayback":
-    case "formNoValidate":
-    case "hidden":
-    case "loop":
-    case "noModule":
-    case "noValidate":
-    case "open":
-    case "playsInline":
-    case "readOnly":
-    case "required":
-    case "reversed":
-    case "scoped":
-    case "seamless":
-    case "itemScope":
-      value && "function" !== typeof value && "symbol" !== typeof value
-        ? domElement.setAttribute(key, "")
-        : domElement.removeAttribute(key);
-      break;
-    case "capture":
-    case "download":
-      !0 === value
-        ? domElement.setAttribute(key, "")
-        : !1 !== value &&
-          null != value &&
-          "function" !== typeof value &&
-          "symbol" !== typeof value
-        ? domElement.setAttribute(key, value)
-        : domElement.removeAttribute(key);
-      break;
-    case "cols":
-    case "rows":
-    case "size":
-    case "span":
-      null != value &&
-      "function" !== typeof value &&
-      "symbol" !== typeof value &&
-      !isNaN(value) &&
-      1 <= value
-        ? domElement.setAttribute(key, value)
-        : domElement.removeAttribute(key);
-      break;
-    case "rowSpan":
-    case "start":
-      null == value ||
-      "function" === typeof value ||
-      "symbol" === typeof value ||
-      isNaN(value)
-        ? domElement.removeAttribute(key)
-        : domElement.setAttribute(key, value);
-      break;
-    case "xlinkActuate":
-      setValueForNamespacedAttribute(
-        domElement,
-        "http://www.w3.org/1999/xlink",
-        "xlink:actuate",
-        value
-      );
-      break;
-    case "xlinkArcrole":
-      setValueForNamespacedAttribute(
-        domElement,
-        "http://www.w3.org/1999/xlink",
-        "xlink:arcrole",
-        value
-      );
-      break;
-    case "xlinkRole":
-      setValueForNamespacedAttribute(
-        domElement,
-        "http://www.w3.org/1999/xlink",
-        "xlink:role",
-        value
-      );
-      break;
-    case "xlinkShow":
-      setValueForNamespacedAttribute(
-        domElement,
-        "http://www.w3.org/1999/xlink",
-        "xlink:show",
-        value
-      );
-      break;
-    case "xlinkTitle":
-      setValueForNamespacedAttribute(
-        domElement,
-        "http://www.w3.org/1999/xlink",
-        "xlink:title",
-        value
-      );
-      break;
-    case "xlinkType":
-      setValueForNamespacedAttribute(
-        domElement,
-        "http://www.w3.org/1999/xlink",
-        "xlink:type",
-        value
-      );
-      break;
-    case "xmlBase":
-      setValueForNamespacedAttribute(
-        domElement,
-        "http://www.w3.org/XML/1998/namespace",
-        "xml:base",
-        value
-      );
-      break;
-    case "xmlLang":
-      setValueForNamespacedAttribute(
-        domElement,
-        "http://www.w3.org/XML/1998/namespace",
-        "xml:lang",
-        value
-      );
-      break;
-    case "xmlSpace":
-      setValueForNamespacedAttribute(
-        domElement,
-        "http://www.w3.org/XML/1998/namespace",
-        "xml:space",
-        value
-      );
-      break;
-    case "is":
-      setValueForAttribute(domElement, "is", value);
-      break;
-    case "innerText":
-    case "textContent":
-      if (enableCustomElementPropertySupport) break;
-    default:
-      if (
-        !(2 < key.length) ||
-        ("o" !== key[0] && "O" !== key[0]) ||
-        ("n" !== key[1] && "N" !== key[1])
-      )
-        (key = aliases.get(key) || key),
-          setValueForAttribute(domElement, key, value);
-  }
-}
-function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
-  switch (key) {
-    case "style":
-      setValueForStyles(domElement, value, prevValue);
-      break;
-    case "dangerouslySetInnerHTML":
-      if (null != value) {
-        if ("object" !== typeof value || !("__html" in value))
-          throw Error(formatProdErrorMessage(61));
-        key = value.__html;
-        if (null != key) {
-          if (null != props.children) throw Error(formatProdErrorMessage(60));
-          disableIEWorkarounds
-            ? (domElement.innerHTML = key)
-            : setInnerHTML$1(domElement, key);
-        }
-      }
-      break;
-    case "children":
-      "string" === typeof value
-        ? setTextContent(domElement, value)
-        : "number" === typeof value && setTextContent(domElement, "" + value);
-      break;
-    case "onScroll":
-      null != value && listenToNonDelegatedEvent("scroll", domElement);
-      break;
-    case "onClick":
-      null != value && (domElement.onclick = noop$2);
-      break;
-    case "suppressContentEditableWarning":
-    case "suppressHydrationWarning":
-    case "innerHTML":
-      break;
-    case "innerText":
-    case "textContent":
-      if (enableCustomElementPropertySupport) break;
-    default:
-      if (!registrationNameDependencies.hasOwnProperty(key))
-        if (enableCustomElementPropertySupport)
-          a: {
-            props = value;
-            if (
-              "o" === key[0] &&
-              "n" === key[1] &&
-              ((tag = key.endsWith("Capture")),
-              (value = key.substr(2, tag ? key.length - 9 : void 0)),
-              (prevValue = getFiberCurrentPropsFromNode(domElement)),
-              (prevValue = null != prevValue ? prevValue[key] : null),
-              "function" === typeof prevValue &&
-                domElement.removeEventListener(value, prevValue, tag),
-              "function" === typeof props)
-            ) {
-              "function" !== typeof prevValue &&
-                null !== prevValue &&
-                (key in domElement
-                  ? (domElement[key] = null)
-                  : domElement.hasAttribute(key) &&
-                    domElement.removeAttribute(key));
-              domElement.addEventListener(value, props, tag);
-              break a;
-            }
-            key in domElement
-              ? (domElement[key] = props)
-              : !0 === props
-              ? domElement.setAttribute(key, "")
-              : setValueForAttribute(domElement, key, props);
-          }
-        else
-          "boolean" === typeof value && (value = "" + value),
-            setValueForAttribute(domElement, key, value);
-  }
-}
-function setInitialProperties(domElement, tag, props) {
-  switch (tag) {
-    case "div":
-    case "span":
-    case "svg":
-    case "path":
-    case "a":
-    case "g":
-    case "p":
-    case "li":
-      break;
-    case "input":
-      listenToNonDelegatedEvent("invalid", domElement);
-      var type = null,
-        value = null,
-        defaultValue = null,
-        checked = null,
-        defaultChecked = null;
-      for (propKey in props)
-        if (props.hasOwnProperty(propKey)) {
-          var propValue = props[propKey];
-          if (null != propValue)
-            switch (propKey) {
-              case "type":
-                null != propValue &&
-                  "function" !== typeof propValue &&
-                  "symbol" !== typeof propValue &&
-                  "boolean" !== typeof propValue &&
-                  ((type = propValue),
-                  domElement.setAttribute(propKey, propValue));
-                break;
-              case "checked":
-                checked = propValue;
-                propValue =
-                  null != propValue ? propValue : props.defaultChecked;
-                domElement.checked =
-                  !!propValue &&
-                  "function" !== typeof propValue &&
-                  "symbol" !== propValue;
-                break;
-              case "defaultChecked":
-                defaultChecked = propValue;
-                break;
-              case "value":
-                value = propValue;
-                break;
-              case "defaultValue":
-                defaultValue = propValue;
-                break;
-              case "children":
-              case "dangerouslySetInnerHTML":
-                if (null != propValue)
-                  throw Error(formatProdErrorMessage(137, tag));
-                break;
-              default:
-                setProp(domElement, tag, propKey, propValue, props, null);
-            }
-        }
-      track(domElement);
-      initInput(
-        domElement,
-        value,
-        defaultValue,
-        checked,
-        defaultChecked,
-        type,
-        !1
-      );
-      return;
-    case "select":
-      listenToNonDelegatedEvent("invalid", domElement);
-      var propKey = (value = defaultValue = null);
-      for (type in props)
-        if (
-          props.hasOwnProperty(type) &&
-          ((checked = props[type]), null != checked)
-        )
-          switch (type) {
-            case "value":
-              defaultValue = checked;
-              break;
-            case "defaultValue":
-              value = checked;
-              break;
-            case "multiple":
-              propKey = checked;
-            default:
-              setProp(domElement, tag, type, checked, props, null);
-          }
-      tag = defaultValue;
-      props = value;
-      domElement.multiple = !!propKey;
-      null != tag
-        ? updateOptions(domElement, !!propKey, tag, !1)
-        : null != props && updateOptions(domElement, !!propKey, props, !0);
-      return;
-    case "textarea":
-      listenToNonDelegatedEvent("invalid", domElement);
-      defaultValue = type = propKey = null;
-      for (value in props)
-        if (
-          props.hasOwnProperty(value) &&
-          ((checked = props[value]), null != checked)
-        )
-          switch (value) {
-            case "value":
-              propKey = checked;
-              break;
-            case "defaultValue":
-              type = checked;
-              break;
-            case "children":
-              defaultValue = checked;
-              break;
-            case "dangerouslySetInnerHTML":
-              if (null != checked) throw Error(formatProdErrorMessage(91));
-              break;
-            default:
-              setProp(domElement, tag, value, checked, props);
-          }
-      track(domElement);
-      initTextarea(domElement, propKey, type, defaultValue);
-      return;
-    case "option":
-      for (checked in props)
-        if (
-          props.hasOwnProperty(checked) &&
-          ((propKey = props[checked]), null != propKey)
-        )
-          switch (checked) {
-            case "selected":
-              domElement.selected =
-                propKey &&
-                "function" !== typeof propKey &&
-                "symbol" !== typeof propKey;
-              break;
-            default:
-              setProp(domElement, tag, checked, propKey, props);
-          }
-      return;
-    case "dialog":
-      listenToNonDelegatedEvent("cancel", domElement);
-      listenToNonDelegatedEvent("close", domElement);
-      break;
-    case "iframe":
-    case "object":
-      listenToNonDelegatedEvent("load", domElement);
-      break;
-    case "video":
-    case "audio":
-      for (propKey = 0; propKey < mediaEventTypes.length; propKey++)
-        listenToNonDelegatedEvent(mediaEventTypes[propKey], domElement);
-      break;
-    case "image":
-      listenToNonDelegatedEvent("error", domElement);
-      listenToNonDelegatedEvent("load", domElement);
-      break;
-    case "details":
-      listenToNonDelegatedEvent("toggle", domElement);
-      break;
-    case "embed":
-    case "source":
-    case "img":
-    case "link":
-      listenToNonDelegatedEvent("error", domElement),
-        listenToNonDelegatedEvent("load", domElement);
-    case "area":
-    case "base":
-    case "br":
-    case "col":
-    case "hr":
-    case "keygen":
-    case "meta":
-    case "param":
-    case "track":
-    case "wbr":
-    case "menuitem":
-      for (defaultChecked in props)
-        if (
-          props.hasOwnProperty(defaultChecked) &&
-          ((propKey = props[defaultChecked]), null != propKey)
-        )
-          switch (defaultChecked) {
-            case "children":
-            case "dangerouslySetInnerHTML":
-              throw Error(formatProdErrorMessage(137, tag));
-            default:
-              setProp(domElement, tag, defaultChecked, propKey, props, null);
-          }
-      return;
-    default:
-      if (isCustomElement(tag)) {
-        for (propValue in props)
-          props.hasOwnProperty(propValue) &&
-            ((propKey = props[propValue]),
-            null != propKey &&
-              setPropOnCustomElement(
-                domElement,
-                tag,
-                propValue,
-                propKey,
-                props,
-                null
-              ));
-        return;
-      }
-  }
-  for (defaultValue in props)
-    props.hasOwnProperty(defaultValue) &&
-      ((propKey = props[defaultValue]),
-      null != propKey &&
-        setProp(domElement, tag, defaultValue, propKey, props, null));
-}
-function updateProperties(domElement, tag, lastProps, nextProps) {
-  switch (tag) {
-    case "div":
-    case "span":
-    case "svg":
-    case "path":
-    case "a":
-    case "g":
-    case "p":
-    case "li":
-      break;
-    case "input":
-      var name = null,
-        type = null,
-        value = null,
-        defaultValue = null,
-        lastDefaultValue = null,
-        checked = null,
-        defaultChecked = null;
-      for (propKey in lastProps) {
-        var lastProp = lastProps[propKey];
-        if (lastProps.hasOwnProperty(propKey) && null != lastProp)
-          switch (propKey) {
-            case "checked":
-              nextProps.hasOwnProperty(propKey) ||
-                ((lastProp = nextProps.defaultChecked),
-                (domElement.checked =
-                  !!lastProp &&
-                  "function" !== typeof lastProp &&
-                  "symbol" !== lastProp));
-              break;
-            case "value":
-              break;
-            case "defaultValue":
-              lastDefaultValue = lastProp;
-            default:
-              nextProps.hasOwnProperty(propKey) ||
-                setProp(domElement, tag, propKey, null, nextProps, lastProp);
-          }
-      }
-      for (var propKey$37 in nextProps) {
-        var propKey = nextProps[propKey$37];
-        lastProp = lastProps[propKey$37];
-        if (
-          nextProps.hasOwnProperty(propKey$37) &&
-          (null != propKey || null != lastProp)
-        )
-          switch (propKey$37) {
-            case "type":
-              type = propKey;
-              propKey !== lastProp &&
-                (null != propKey &&
-                "function" !== typeof propKey &&
-                "symbol" !== typeof propKey &&
-                "boolean" !== typeof propKey
-                  ? domElement.setAttribute(propKey$37, propKey)
-                  : domElement.removeAttribute(propKey$37));
-              break;
-            case "name":
-              name = propKey;
-              break;
-            case "checked":
-              checked = propKey;
-              propKey !== lastProp &&
-                ((propKey =
-                  null != propKey ? propKey : nextProps.defaultChecked),
-                (domElement.checked =
-                  !!propKey &&
-                  "function" !== typeof propKey &&
-                  "symbol" !== propKey));
-              break;
-            case "defaultChecked":
-              defaultChecked = propKey;
-              break;
-            case "value":
-              value = propKey;
-              break;
-            case "defaultValue":
-              defaultValue = propKey;
-              break;
-            case "children":
-            case "dangerouslySetInnerHTML":
-              if (null != propKey)
-                throw Error(formatProdErrorMessage(137, tag));
-              break;
-            default:
-              propKey !== lastProp &&
-                setProp(
-                  domElement,
-                  tag,
-                  propKey$37,
-                  propKey,
-                  nextProps,
-                  lastProp
-                );
-          }
-      }
-      null != name &&
-      "function" !== typeof name &&
-      "symbol" !== typeof name &&
-      "boolean" !== typeof name
-        ? domElement.setAttribute("name", name)
-        : domElement.removeAttribute("name");
-      updateInput(
-        domElement,
-        value,
-        defaultValue,
-        lastDefaultValue,
-        checked,
-        defaultChecked,
-        type
-      );
-      return;
-    case "select":
-      defaultValue = value = propKey = propKey$37 = null;
-      for (type in lastProps)
-        if (
-          ((lastDefaultValue = lastProps[type]),
-          lastProps.hasOwnProperty(type) && null != lastDefaultValue)
-        )
-          switch (type) {
-            case "value":
-              break;
-            case "multiple":
-              defaultValue = lastDefaultValue;
-            default:
-              nextProps.hasOwnProperty(type) ||
-                setProp(
-                  domElement,
-                  tag,
-                  type,
-                  null,
-                  nextProps,
-                  lastDefaultValue
-                );
-          }
-      for (name in nextProps)
-        if (
-          ((type = nextProps[name]),
-          (lastDefaultValue = lastProps[name]),
-          nextProps.hasOwnProperty(name) &&
-            (null != type || null != lastDefaultValue))
-        )
-          switch (name) {
-            case "value":
-              propKey$37 = type;
-              break;
-            case "defaultValue":
-              propKey = type;
-              break;
-            case "multiple":
-              value = type;
-            default:
-              type !== lastDefaultValue &&
-                setProp(
-                  domElement,
-                  tag,
-                  name,
-                  type,
-                  nextProps,
-                  lastDefaultValue
-                );
-          }
-      updateSelect(domElement, propKey$37, propKey, value, defaultValue);
-      return;
-    case "textarea":
-      propKey = propKey$37 = null;
-      for (defaultValue in lastProps)
-        if (
-          ((name = lastProps[defaultValue]),
-          lastProps.hasOwnProperty(defaultValue) &&
-            null != name &&
-            !nextProps.hasOwnProperty(defaultValue))
-        )
-          switch (defaultValue) {
-            case "value":
-              break;
-            case "children":
-              break;
-            default:
-              setProp(domElement, tag, defaultValue, null, nextProps, name);
-          }
-      for (value in nextProps)
-        if (
-          ((name = nextProps[value]),
-          (type = lastProps[value]),
-          nextProps.hasOwnProperty(value) && (null != name || null != type))
-        )
-          switch (value) {
-            case "value":
-              propKey$37 = name;
-              break;
-            case "defaultValue":
-              propKey = name;
-              break;
-            case "children":
-              break;
-            case "dangerouslySetInnerHTML":
-              if (null != name) throw Error(formatProdErrorMessage(91));
-              break;
-            default:
-              name !== type &&
-                setProp(domElement, tag, value, name, nextProps, type);
-          }
-      updateTextarea(domElement, propKey$37, propKey);
-      return;
-    case "option":
-      for (var propKey$55 in lastProps)
-        if (
-          ((propKey$37 = lastProps[propKey$55]),
-          lastProps.hasOwnProperty(propKey$55) &&
-            null != propKey$37 &&
-            !nextProps.hasOwnProperty(propKey$55))
-        )
-          switch (propKey$55) {
-            case "selected":
-              domElement.selected = !1;
-              break;
-            default:
-              setProp(domElement, tag, propKey$55, null, nextProps, propKey$37);
-          }
-      for (lastDefaultValue in nextProps)
-        if (
-          ((propKey$37 = nextProps[lastDefaultValue]),
-          (propKey = lastProps[lastDefaultValue]),
-          nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$37 !== propKey &&
-            (null != propKey$37 || null != propKey))
-        )
-          switch (lastDefaultValue) {
-            case "selected":
-              domElement.selected =
-                propKey$37 &&
-                "function" !== typeof propKey$37 &&
-                "symbol" !== typeof propKey$37;
-              break;
-            default:
-              setProp(
-                domElement,
-                tag,
-                lastDefaultValue,
-                propKey$37,
-                nextProps,
-                propKey
-              );
-          }
-      return;
-    case "img":
-    case "link":
-    case "area":
-    case "base":
-    case "br":
-    case "col":
-    case "embed":
-    case "hr":
-    case "keygen":
-    case "meta":
-    case "param":
-    case "source":
-    case "track":
-    case "wbr":
-    case "menuitem":
-      for (var propKey$60 in lastProps)
-        (propKey$37 = lastProps[propKey$60]),
-          lastProps.hasOwnProperty(propKey$60) &&
-            null != propKey$37 &&
-            !nextProps.hasOwnProperty(propKey$60) &&
-            setProp(domElement, tag, propKey$60, null, nextProps, propKey$37);
-      for (checked in nextProps)
-        if (
-          ((propKey$37 = nextProps[checked]),
-          (propKey = lastProps[checked]),
-          nextProps.hasOwnProperty(checked) &&
-            propKey$37 !== propKey &&
-            (null != propKey$37 || null != propKey))
-        )
-          switch (checked) {
-            case "children":
-            case "dangerouslySetInnerHTML":
-              if (null != propKey$37)
-                throw Error(formatProdErrorMessage(137, tag));
-              break;
-            default:
-              setProp(domElement, tag, checked, propKey$37, nextProps, propKey);
-          }
-      return;
-    default:
-      if (isCustomElement(tag)) {
-        for (var propKey$65 in lastProps)
-          (propKey$37 = lastProps[propKey$65]),
-            lastProps.hasOwnProperty(propKey$65) &&
-              null != propKey$37 &&
-              !nextProps.hasOwnProperty(propKey$65) &&
-              setPropOnCustomElement(
-                domElement,
-                tag,
-                propKey$65,
-                null,
-                nextProps,
-                propKey$37
-              );
-        for (defaultChecked in nextProps)
-          (propKey$37 = nextProps[defaultChecked]),
-            (propKey = lastProps[defaultChecked]),
-            !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$37 === propKey ||
-              (null == propKey$37 && null == propKey) ||
-              setPropOnCustomElement(
-                domElement,
-                tag,
-                defaultChecked,
-                propKey$37,
-                nextProps,
-                propKey
-              );
-        return;
-      }
-  }
-  for (var propKey$70 in lastProps)
-    (propKey$37 = lastProps[propKey$70]),
-      lastProps.hasOwnProperty(propKey$70) &&
-        null != propKey$37 &&
-        !nextProps.hasOwnProperty(propKey$70) &&
-        setProp(domElement, tag, propKey$70, null, nextProps, propKey$37);
-  for (lastProp in nextProps)
-    (propKey$37 = nextProps[lastProp]),
-      (propKey = lastProps[lastProp]),
-      !nextProps.hasOwnProperty(lastProp) ||
-        propKey$37 === propKey ||
-        (null == propKey$37 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$37, nextProps, propKey);
-}
-function updatePropertiesWithDiff(
-  domElement,
-  updatePayload,
-  tag,
-  lastProps,
-  nextProps
-) {
-  switch (tag) {
-    case "div":
-    case "span":
-    case "svg":
-    case "path":
-    case "a":
-    case "g":
-    case "p":
-    case "li":
-      break;
-    case "input":
-      var name = nextProps.name,
-        type = nextProps.type,
-        value = nextProps.value,
-        defaultValue = nextProps.defaultValue;
-      lastProps = lastProps.defaultValue;
-      for (
-        var checked = nextProps.checked,
-          defaultChecked = nextProps.defaultChecked,
-          i = 0;
-        i < updatePayload.length;
-        i += 2
-      ) {
-        var propKey = updatePayload[i],
-          propValue = updatePayload[i + 1];
-        switch (propKey) {
-          case "type":
-            null != propValue &&
-            "function" !== typeof propValue &&
-            "symbol" !== typeof propValue &&
-            "boolean" !== typeof propValue
-              ? domElement.setAttribute(propKey, propValue)
-              : domElement.removeAttribute(propKey);
-            break;
-          case "name":
-            break;
-          case "checked":
-            propKey = null != propValue ? propValue : nextProps.defaultChecked;
-            domElement.checked =
-              !!propKey &&
-              "function" !== typeof propKey &&
-              "symbol" !== propKey;
-            break;
-          case "defaultChecked":
-            break;
-          case "value":
-            break;
-          case "defaultValue":
-            break;
-          case "children":
-          case "dangerouslySetInnerHTML":
-            if (null != propValue)
-              throw Error(formatProdErrorMessage(137, tag));
-            break;
-          default:
-            setProp(domElement, tag, propKey, propValue, nextProps, null);
-        }
-      }
-      null != name &&
-      "function" !== typeof name &&
-      "symbol" !== typeof name &&
-      "boolean" !== typeof name
-        ? domElement.setAttribute("name", name)
-        : domElement.removeAttribute("name");
-      updateInput(
-        domElement,
-        value,
-        defaultValue,
-        lastProps,
-        checked,
-        defaultChecked,
-        type
-      );
-      return;
-    case "select":
-      name = nextProps.value;
-      type = nextProps.defaultValue;
-      value = nextProps.multiple;
-      defaultValue = lastProps.multiple;
-      for (lastProps = 0; lastProps < updatePayload.length; lastProps += 2)
-        switch (
-          ((checked = updatePayload[lastProps]),
-          (defaultChecked = updatePayload[lastProps + 1]),
-          checked)
-        ) {
-          case "value":
-            break;
-          default:
-            setProp(domElement, tag, checked, defaultChecked, nextProps, null);
-        }
-      updateSelect(domElement, name, type, value, defaultValue);
-      return;
-    case "textarea":
-      name = nextProps.value;
-      type = nextProps.defaultValue;
-      for (value = 0; value < updatePayload.length; value += 2)
-        switch (
-          ((defaultValue = updatePayload[value]),
-          (lastProps = updatePayload[value + 1]),
-          defaultValue)
-        ) {
-          case "value":
-            break;
-          case "children":
-            break;
-          case "dangerouslySetInnerHTML":
-            if (null != lastProps) throw Error(formatProdErrorMessage(91));
-            break;
-          default:
-            setProp(domElement, tag, defaultValue, lastProps, nextProps, null);
-        }
-      updateTextarea(domElement, name, type);
-      return;
-    case "option":
-      for (name = 0; name < updatePayload.length; name += 2)
-        switch (
-          ((type = updatePayload[name]),
-          (value = updatePayload[name + 1]),
-          type)
-        ) {
-          case "selected":
-            domElement.selected =
-              value && "function" !== typeof value && "symbol" !== typeof value;
-            break;
-          default:
-            setProp(domElement, tag, type, value, nextProps, null);
-        }
-      return;
-    case "img":
-    case "link":
-    case "area":
-    case "base":
-    case "br":
-    case "col":
-    case "embed":
-    case "hr":
-    case "keygen":
-    case "meta":
-    case "param":
-    case "source":
-    case "track":
-    case "wbr":
-    case "menuitem":
-      for (name = 0; name < updatePayload.length; name += 2)
-        switch (
-          ((type = updatePayload[name]),
-          (value = updatePayload[name + 1]),
-          type)
-        ) {
-          case "children":
-          case "dangerouslySetInnerHTML":
-            if (null != value) throw Error(formatProdErrorMessage(137, tag));
-            break;
-          default:
-            setProp(domElement, tag, type, value, nextProps, null);
-        }
-      return;
-    default:
-      if (isCustomElement(tag)) {
-        for (name = 0; name < updatePayload.length; name += 2)
-          setPropOnCustomElement(
-            domElement,
-            tag,
-            updatePayload[name],
-            updatePayload[name + 1],
-            nextProps,
-            null
-          );
-        return;
-      }
-  }
-  for (name = 0; name < updatePayload.length; name += 2)
-    setProp(
-      domElement,
-      tag,
-      updatePayload[name],
-      updatePayload[name + 1],
-      nextProps,
-      null
-    );
+function getEventTarget(nativeEvent) {
+  nativeEvent = nativeEvent.target || nativeEvent.srcElement || window;
+  nativeEvent.correspondingUseElement &&
+    (nativeEvent = nativeEvent.correspondingUseElement);
+  return 3 === nativeEvent.nodeType ? nativeEvent.parentNode : nativeEvent;
 }
 var restoreTarget = null,
   restoreQueue = null;
@@ -2423,15 +1451,18 @@ function restoreStateOfTarget(target) {
           props.defaultValue,
           props.checked,
           props.defaultChecked,
-          props.type
+          props.type,
+          props.name
         );
         internalInstance = props.name;
         if ("radio" === props.type && null != internalInstance) {
           for (props = target; props.parentNode; ) props = props.parentNode;
           props = props.querySelectorAll(
-            "input[name=" +
-              JSON.stringify("" + internalInstance) +
-              '][type="radio"]'
+            'input[name="' +
+              escapeSelectorAttributeValueInsideDoubleQuotes(
+                "" + internalInstance
+              ) +
+              '"][type="radio"]'
           );
           for (
             internalInstance = 0;
@@ -2450,7 +1481,8 @@ function restoreStateOfTarget(target) {
                 otherProps.defaultValue,
                 otherProps.checked,
                 otherProps.defaultChecked,
-                otherProps.type
+                otherProps.type,
+                otherProps.name
               );
             }
           }
@@ -2766,7 +1798,6 @@ function prepareToHydrateHostInstance(fiber) {
       break;
     case "input":
       listenToNonDelegatedEvent("invalid", instance);
-      track(instance);
       initInput(
         instance,
         props.value,
@@ -2774,16 +1805,18 @@ function prepareToHydrateHostInstance(fiber) {
         props.checked,
         props.defaultChecked,
         props.type,
+        props.name,
         !0
       );
+      track(instance);
       break;
     case "select":
       listenToNonDelegatedEvent("invalid", instance);
       break;
     case "textarea":
       listenToNonDelegatedEvent("invalid", instance),
-        track(instance),
-        initTextarea(instance, props.value, props.defaultValue, props.children);
+        initTextarea(instance, props.value, props.defaultValue, props.children),
+        track(instance);
   }
   i = null;
   var children = props.children;
@@ -2801,7 +1834,7 @@ function prepareToHydrateHostInstance(fiber) {
       : (i = ["children", children]);
   }
   null != props.onScroll && listenToNonDelegatedEvent("scroll", instance);
-  null != props.onClick && (instance.onclick = noop$2);
+  null != props.onClick && (instance.onclick = noop$1);
   instance = i;
   return diffInCommitPhase ||
     ((fiber.updateQueue = instance), null === instance)
@@ -3221,12 +2254,12 @@ function isThenableResolved(thenable) {
   thenable = thenable.status;
   return "fulfilled" === thenable || "rejected" === thenable;
 }
-function noop$1() {}
+function noop$2() {}
 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$2, noop$2), (thenable = index));
   switch (thenable.status) {
     case "fulfilled":
       return thenable.value;
@@ -3234,7 +2267,7 @@ function trackUsedThenable(thenableState, thenable, index) {
       throw thenable.reason;
     default:
       "string" === typeof thenable.status
-        ? thenable.then(noop$1, noop$1)
+        ? thenable.then(noop$2, noop$2)
         : ((thenableState = thenable),
           (thenableState.status = "pending"),
           thenableState.then(
@@ -4118,6 +3151,267 @@ function resetWorkInProgressVersions() {
     workInProgressSources[i]._workInProgressVersionPrimary = null;
   workInProgressSources.length = 0;
 }
+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) {
+    var workInProgressRoot$jscomp$0 = workInProgressRoot,
+      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
+      errors = null;
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root$43 = firstScheduledRoot; null !== root$43; ) {
+        if (
+          (!onlyLegacy || 0 === root$43.tag) &&
+          0 !==
+            (getNextLanes(
+              root$43,
+              root$43 === workInProgressRoot$jscomp$0
+                ? workInProgressRootRenderLanes$jscomp$0
+                : 0
+            ) &
+              3)
+        )
+          try {
+            didPerformSomeWork = !0;
+            var root = root$43;
+            if (0 !== (executionContext & 6))
+              throw Error(formatProdErrorMessage(327));
+            flushPassiveEffects();
+            var lanes = getNextLanes(root, 0);
+            if (0 !== (lanes & 3)) {
+              var exitStatus = renderRootSync(root, lanes);
+              if (0 !== root.tag && 2 === exitStatus) {
+                var originallyAttemptedLanes = lanes,
+                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                    root,
+                    originallyAttemptedLanes
+                  );
+                0 !== errorRetryLanes &&
+                  ((lanes = errorRetryLanes),
+                  (exitStatus = recoverFromConcurrentError(
+                    root,
+                    originallyAttemptedLanes,
+                    errorRetryLanes
+                  )));
+              }
+              if (1 === exitStatus)
+                throw (
+                  ((originallyAttemptedLanes = workInProgressRootFatalError),
+                  prepareFreshStack(root, 0),
+                  markRootSuspended(root, lanes),
+                  ensureRootIsScheduled(root),
+                  originallyAttemptedLanes)
+                );
+              6 === exitStatus
+                ? markRootSuspended(root, lanes)
+                : ((root.finishedWork = root.current.alternate),
+                  (root.finishedLanes = lanes),
+                  commitRoot(
+                    root,
+                    workInProgressRootRecoverableErrors,
+                    workInProgressTransitions
+                  ));
+            }
+            ensureRootIsScheduled(root);
+          } catch (error) {
+            null === errors ? (errors = [error]) : errors.push(error);
+          }
+        root$43 = root$43.next;
+      }
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+    if (null !== errors) {
+      if (1 < errors.length) {
+        if ("function" === typeof AggregateError)
+          throw new AggregateError(errors);
+        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
+          scheduleImmediateTask(throwError.bind(null, errors[onlyLegacy]));
+      }
+      throw errors[0];
+    }
+  }
+}
+function throwError(error) {
+  throw error;
+}
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next;
+    0 !== currentEventTransitionLane &&
+      window.event &&
+      "popstate" === window.event.type &&
+      markRootEntangled(root, currentEventTransitionLane | 2);
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === nextLanes
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
+  }
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
+}
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  for (
+    var suspendedLanes = root.suspendedLanes,
+      pingedLanes = root.pingedLanes,
+      expirationTimes = root.expirationTimes,
+      lanes = root.pendingLanes & -125829121;
+    0 < lanes;
+
+  ) {
+    var index$2 = 31 - clz32(lanes),
+      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);
+    lanes &= ~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 536870912:
+      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 currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    null !== actionReturnValue &&
+    "object" === typeof actionReturnValue &&
+    "function" === typeof actionReturnValue.then
+  ) {
+    if (null === currentAsyncAction) {
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: !1,
+        reason: void 0,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(actionReturnValue, asyncAction);
+      return (currentAsyncAction = asyncAction);
+    }
+    var asyncAction$45 = currentAsyncAction;
+    attachPingListeners(actionReturnValue, asyncAction$45);
+    return asyncAction$45;
+  }
+  return null === currentAsyncAction ? !1 : currentAsyncAction;
+}
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "fulfilled"),
+        completeAsyncActionScope(asyncAction));
+    },
+    function (error) {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "rejected"),
+        (asyncAction.reason = error),
+        completeAsyncActionScope(asyncAction));
+    }
+  );
+  return asyncAction;
+}
+function completeAsyncActionScope(action) {
+  currentAsyncAction === action && (currentAsyncAction = null);
+  var listeners = action.listeners;
+  action.listeners = [];
+  for (action = 0; action < listeners.length; action++)
+    (0, listeners[action])(!1);
+}
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig,
   renderLanes$1 = 0,
@@ -4278,20 +3572,21 @@ var createFunctionComponentUpdateQueue;
 createFunctionComponentUpdateQueue = function () {
   return { lastEffect: null, events: null, stores: null, memoCache: null };
 };
+function useThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+  null === thenableState && (thenableState = []);
+  thenable = trackUsedThenable(thenableState, thenable, index);
+  null === currentlyRenderingFiber$1.alternate &&
+    (null === workInProgressHook
+      ? null === currentlyRenderingFiber$1.memoizedState
+      : null === workInProgressHook.next) &&
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
+  return thenable;
+}
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
-    if ("function" === typeof usable.then) {
-      var index$122 = thenableIndexCounter;
-      thenableIndexCounter += 1;
-      null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$122);
-      null === currentlyRenderingFiber$1.alternate &&
-        (null === workInProgressHook
-          ? null === currentlyRenderingFiber$1.memoizedState
-          : null === workInProgressHook.next) &&
-        (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
-      return usable;
-    }
+    if ("function" === typeof usable.then) return useThenable(usable);
     if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -4588,7 +3883,7 @@ function checkIfSnapshotChanged(inst) {
 }
 function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, 2);
-  null !== root && scheduleUpdateOnFiber(root, fiber, 2, -1);
+  null !== root && scheduleUpdateOnFiber(root, fiber, 2);
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
@@ -4753,7 +4048,15 @@ function startTransition(setPending, callback, options) {
     ((ReactCurrentBatchConfig$3.transition.name = options.name),
     (ReactCurrentBatchConfig$3.transition.startTime = now()));
   try {
-    setPending(!1), callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(),
+        isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else setPending(!1), callback();
+  } catch (error) {
+    if (enableAsyncActions)
+      setPending({ then: function () {}, status: "rejected", reason: error });
+    else throw error;
   } finally {
     (currentUpdatePriority = previousPriority),
       (ReactCurrentBatchConfig$3.transition = prevTransition);
@@ -4772,16 +4075,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$128 = enqueueUpdate(provider, fiber, lane);
-        if (null !== root$128) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root$128, provider, lane, eventTime);
-          entangleTransitions(root$128, provider, lane);
-        }
+        var root$51 = enqueueUpdate(provider, fiber, lane);
+        null !== root$51 &&
+          (scheduleUpdateOnFiber(root$51, provider, lane),
+          entangleTransitions(root$51, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$128 &&
+          null !== root$51 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4798,16 +4099,13 @@ function dispatchReducerAction(fiber, queue, action) {
     eagerState: null,
     next: null
   };
-  if (isRenderPhaseUpdate(fiber)) enqueueRenderPhaseUpdate(queue, action);
-  else if (
-    (enqueueUpdate$1(fiber, queue, action, lane),
-    (action = getRootForUpdatedFiber(fiber)),
-    null !== action)
-  ) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(action, fiber, lane, eventTime);
-    entangleTransitionUpdate(action, queue, lane);
-  }
+  isRenderPhaseUpdate(fiber)
+    ? enqueueRenderPhaseUpdate(queue, action)
+    : (enqueueUpdate$1(fiber, queue, action, lane),
+      (action = getRootForUpdatedFiber(fiber)),
+      null !== action &&
+        (scheduleUpdateOnFiber(action, fiber, lane),
+        entangleTransitionUpdate(action, queue, lane)));
 }
 function dispatchSetState(fiber, queue, action) {
   var lane = requestUpdateLane(fiber),
@@ -4842,8 +4140,7 @@ function dispatchSetState(fiber, queue, action) {
     enqueueUpdate$1(fiber, queue, update, lane);
     action = getRootForUpdatedFiber(fiber);
     null !== action &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(action, fiber, lane, update),
+      (scheduleUpdateOnFiber(action, fiber, lane),
       entangleTransitionUpdate(action, queue, lane));
   }
 }
@@ -4874,6 +4171,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 }
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -4892,11 +4190,11 @@ var ContextOnlyDispatcher = {
   useId: throwInvalidHookError
 };
 ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
-ContextOnlyDispatcher.use = throwInvalidHookError;
 ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 ContextOnlyDispatcher.useEffectEvent = throwInvalidHookError;
 var HooksDispatcherOnMount = {
   readContext: readContext,
+  use: use,
   useCallback: function (callback, deps) {
     mountWorkInProgressHook().memoizedState = [
       callback,
@@ -4964,11 +4262,10 @@ var HooksDispatcherOnMount = {
     return (mountWorkInProgressHook().memoizedState = value);
   },
   useTransition: function () {
-    var _mountState = mountState(!1),
-      isPending = _mountState[0];
-    _mountState = startTransition.bind(null, _mountState[1]);
-    mountWorkInProgressHook().memoizedState = _mountState;
-    return [isPending, _mountState];
+    var setPending = mountState(!1)[1];
+    setPending = startTransition.bind(null, setPending);
+    mountWorkInProgressHook().memoizedState = setPending;
+    return [!1, setPending];
   },
   useMutableSource: function (source, getSnapshot, subscribe) {
     var hook = mountWorkInProgressHook();
@@ -4988,15 +4285,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$124 = workInProgressRoot;
-      if (null === root$124) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$124, renderLanes$1) ||
+      var root$47 = workInProgressRoot;
+      if (null === root$47) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$47, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$124 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$124;
-    mountEffect(subscribeToStore.bind(null, fiber, root$124, subscribe), [
+    root$47 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$47;
+    mountEffect(subscribeToStore.bind(null, fiber, root$47, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -5005,7 +4302,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$124,
+        root$47,
         getServerSnapshot,
         getSnapshot
       ),
@@ -5047,7 +4344,6 @@ var HooksDispatcherOnMount = {
     ));
   }
 };
-HooksDispatcherOnMount.use = use;
 HooksDispatcherOnMount.useMemoCache = useMemoCache;
 HooksDispatcherOnMount.useEffectEvent = function (callback) {
   var hook = mountWorkInProgressHook(),
@@ -5060,6 +4356,7 @@ HooksDispatcherOnMount.useEffectEvent = function (callback) {
 };
 var HooksDispatcherOnUpdate = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -5078,9 +4375,14 @@ var HooksDispatcherOnUpdate = {
     return updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = updateReducer(basicStateReducer)[0],
+    var booleanOrThenable = updateReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
@@ -5088,10 +4390,10 @@ var HooksDispatcherOnUpdate = {
 };
 HooksDispatcherOnUpdate.useCacheRefresh = updateRefresh;
 HooksDispatcherOnUpdate.useMemoCache = useMemoCache;
-HooksDispatcherOnUpdate.use = use;
 HooksDispatcherOnUpdate.useEffectEvent = updateEvent;
 var HooksDispatcherOnRerender = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -5112,16 +4414,20 @@ var HooksDispatcherOnRerender = {
       : updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = rerenderReducer(basicStateReducer)[0],
+    var booleanOrThenable = rerenderReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
   useId: updateId
 };
 HooksDispatcherOnRerender.useCacheRefresh = updateRefresh;
-HooksDispatcherOnRerender.use = use;
 HooksDispatcherOnRerender.useMemoCache = useMemoCache;
 HooksDispatcherOnRerender.useEffectEvent = updateEvent;
 function resolveDefaultProps(Component, baseProps) {
@@ -5165,8 +4471,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
   },
   enqueueReplaceState: function (inst, payload, callback) {
@@ -5178,8 +4483,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
   },
   enqueueForceUpdate: function (inst, callback) {
@@ -5190,8 +4494,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     callback = enqueueUpdate(inst, update, lane);
     null !== callback &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(callback, inst, lane, update),
+      (scheduleUpdateOnFiber(callback, inst, lane),
       entangleTransitions(callback, inst, lane));
   }
 };
@@ -5504,10 +4807,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$139 = workInProgress.stateNode;
+      root$62 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$139.incompleteTransitions.has(transition)) {
+        if (!root$62.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -5515,11 +4818,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$139.incompleteTransitions.set(transition, markerInstance);
+          root$62.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$139.incompleteTransitions.forEach(function (markerInstance) {
+    root$62.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -6216,14 +5519,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$146 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$146)
+    var dehydrated$69 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$69)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$146,
+        dehydrated$69,
         JSCompiler_temp,
         renderLanes
       );
@@ -6233,7 +5536,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$146 = JSCompiler_temp.sibling;
+    dehydrated$69 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -6242,8 +5545,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$146
-      ? (showFallback = createWorkInProgress(dehydrated$146, showFallback))
+    null !== dehydrated$69
+      ? (showFallback = createWorkInProgress(dehydrated$69, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -6262,10 +5565,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$146 = CacheContext._currentValue),
+          ? ((dehydrated$69 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$146
-                ? { parent: dehydrated$146, pool: dehydrated$146 }
+              JSCompiler_temp.parent !== dehydrated$69
+                ? { parent: dehydrated$69, pool: dehydrated$69 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -6279,23 +5582,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$146 = showFallback.updateQueue),
+        (dehydrated$69 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$146
+        null === dehydrated$69
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$146 === primaryChildProps
+          : dehydrated$69 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$146.transitions = didSuspend),
-            (dehydrated$146.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$69.transitions = didSuspend),
+            (dehydrated$69.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -6516,7 +5819,7 @@ function updateDehydratedSuspenseComponent(
         throw (
           ((suspenseState.retryLane = suspenseInstance),
           enqueueConcurrentRenderForLane(current, suspenseInstance),
-          scheduleUpdateOnFiber(nextProps, current, suspenseInstance, -1),
+          scheduleUpdateOnFiber(nextProps, current, suspenseInstance),
           SelectiveHydrationException)
         );
     }
@@ -7088,7 +6391,7 @@ var AbortControllerLocal =
             });
           };
         },
-  scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+  scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority,
   CacheContext = {
     $$typeof: REACT_CONTEXT_TYPE,
@@ -7110,7 +6413,7 @@ function createCache() {
 function releaseCache(cache) {
   cache.refCount--;
   0 === cache.refCount &&
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
 }
@@ -7362,14 +6665,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$177 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$177 = lastTailNode),
+        for (var lastTailNode$100 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$100 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$177
+        null === lastTailNode$100
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$177.sibling = null);
+          : (lastTailNode$100.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -7379,19 +6682,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$178 = completedWork.child; null !== child$178; )
-      (newChildLanes |= child$178.lanes | child$178.childLanes),
-        (subtreeFlags |= child$178.subtreeFlags & 31457280),
-        (subtreeFlags |= child$178.flags & 31457280),
-        (child$178.return = completedWork),
-        (child$178 = child$178.sibling);
+    for (var child$101 = completedWork.child; null !== child$101; )
+      (newChildLanes |= child$101.lanes | child$101.childLanes),
+        (subtreeFlags |= child$101.subtreeFlags & 31457280),
+        (subtreeFlags |= child$101.flags & 31457280),
+        (child$101.return = completedWork),
+        (child$101 = child$101.sibling);
   else
-    for (child$178 = completedWork.child; null !== child$178; )
-      (newChildLanes |= child$178.lanes | child$178.childLanes),
-        (subtreeFlags |= child$178.subtreeFlags),
-        (subtreeFlags |= child$178.flags),
-        (child$178.return = completedWork),
-        (child$178 = child$178.sibling);
+    for (child$101 = completedWork.child; null !== child$101; )
+      (newChildLanes |= child$101.lanes | child$101.childLanes),
+        (subtreeFlags |= child$101.subtreeFlags),
+        (subtreeFlags |= child$101.flags),
+        (child$101.return = completedWork),
+        (child$101 = child$101.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -7533,9 +6836,17 @@ function completeWork(current, workInProgress, renderLanes) {
             rootInstanceStackCursor.current
           );
           switch (current) {
-            case "http://www.w3.org/2000/svg":
-            case "http://www.w3.org/1998/Math/MathML":
-              current = nextResource.createElementNS(current, renderLanes);
+            case 1:
+              current = nextResource.createElementNS(
+                "http://www.w3.org/2000/svg",
+                renderLanes
+              );
+              break;
+            case 2:
+              current = nextResource.createElementNS(
+                "http://www.w3.org/1998/Math/MathML",
+                renderLanes
+              );
               break;
             default:
               switch (renderLanes) {
@@ -8129,8 +7440,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$208) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$208);
+      } catch (error$131) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$131);
       }
     else ref.current = null;
 }
@@ -8167,7 +7478,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$268) {
+          } catch (e$188) {
             JSCompiler_temp = null;
             break a;
           }
@@ -8433,11 +7744,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$210) {
+          } catch (error$133) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$210
+              error$133
             );
           }
         }
@@ -8763,7 +8074,7 @@ function insertOrAppendPlacementNodeIntoContainer(node, before, parent) {
           (parent = parent._reactRootContainer),
           (null !== parent && void 0 !== parent) ||
             null !== before.onclick ||
-            (before.onclick = noop$2));
+            (before.onclick = noop$1));
   else if (4 !== tag && 27 !== tag && ((node = node.child), null !== node))
     for (
       insertOrAppendPlacementNodeIntoContainer(node, before, parent),
@@ -9033,7 +8344,7 @@ function detachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility |= 2),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachOffscreenInstance(instance) {
@@ -9043,7 +8354,7 @@ function attachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility &= -3),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachSuspenseRetryListeners(finishedWork, wakeables) {
@@ -9117,8 +8428,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$223) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$223);
+        } catch (error$146) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$146);
         }
       }
       break;
@@ -9300,11 +8611,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                   newProps
                 );
             domElement[internalPropsKey] = newProps;
-          } catch (error$224) {
+          } catch (error$147) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$224
+              error$147
             );
           }
       break;
@@ -9340,8 +8651,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$225) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$225);
+        } catch (error$148) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$148);
         }
       }
       if (
@@ -9366,8 +8677,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 root
               ),
             (flags[internalPropsKey] = root);
-        } catch (error$228) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$228);
+        } catch (error$151) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
         }
       break;
     case 6:
@@ -9380,8 +8691,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$229) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$229);
+        } catch (error$152) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$152);
         }
       }
       break;
@@ -9395,8 +8706,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$230) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$230);
+        } catch (error$153) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
         }
       break;
     case 4:
@@ -9426,8 +8737,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$232) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$232);
+        } catch (error$155) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$155);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -9505,11 +8816,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$213) {
+              } catch (error$136) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$213
+                  error$136
                 );
               }
           } else if (
@@ -9584,21 +8895,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$214 = JSCompiler_inline_result.stateNode;
+            var parent$137 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$214, ""),
+              (setTextContent(parent$137, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$215 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$215, parent$214);
+            var before$138 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$138, parent$137);
             break;
           case 3:
           case 4:
-            var parent$216 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$217 = getHostSibling(finishedWork);
+            var parent$139 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$140 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$217,
-              parent$216
+              before$140,
+              parent$139
             );
             break;
           default:
@@ -10068,9 +9379,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$242 = finishedWork.stateNode;
+        var instance$165 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$242._visibility & 4
+          ? instance$165._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -10083,7 +9394,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$242._visibility |= 4),
+            : ((instance$165._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -10091,7 +9402,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$242._visibility |= 4),
+          : ((instance$165._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -10104,7 +9415,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$242
+            instance$165
           );
         break;
       case 24:
@@ -10619,206 +9930,7 @@ function schedulePostPaintCallback(callback) {
       callbacks = [];
     }));
 }
-var firstScheduledRoot = null,
-  lastScheduledRoot = null,
-  didScheduleMicrotask = !1,
-  mightHavePendingSyncWork = !1,
-  isFlushingWork = !1;
-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) {
-    var workInProgressRoot$jscomp$0 = workInProgressRoot,
-      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
-      errors = null;
-    isFlushingWork = !0;
-    do {
-      var didPerformSomeWork = !1;
-      for (var root$251 = firstScheduledRoot; null !== root$251; ) {
-        if (
-          (!onlyLegacy || 0 === root$251.tag) &&
-          0 !==
-            (getNextLanes(
-              root$251,
-              root$251 === workInProgressRoot$jscomp$0
-                ? workInProgressRootRenderLanes$jscomp$0
-                : 0
-            ) &
-              3)
-        )
-          try {
-            didPerformSomeWork = !0;
-            var root = root$251;
-            if (0 !== (executionContext & 6))
-              throw Error(formatProdErrorMessage(327));
-            flushPassiveEffects();
-            var lanes = getNextLanes(root, 0);
-            if (0 !== (lanes & 3)) {
-              var exitStatus = renderRootSync(root, lanes);
-              if (0 !== root.tag && 2 === exitStatus) {
-                var originallyAttemptedLanes = lanes,
-                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-                    root,
-                    originallyAttemptedLanes
-                  );
-                0 !== errorRetryLanes &&
-                  ((lanes = errorRetryLanes),
-                  (exitStatus = recoverFromConcurrentError(
-                    root,
-                    originallyAttemptedLanes,
-                    errorRetryLanes
-                  )));
-              }
-              if (1 === exitStatus)
-                throw (
-                  ((originallyAttemptedLanes = workInProgressRootFatalError),
-                  prepareFreshStack(root, 0),
-                  markRootSuspended(root, lanes),
-                  ensureRootIsScheduled(root),
-                  originallyAttemptedLanes)
-                );
-              6 === exitStatus
-                ? markRootSuspended(root, lanes)
-                : ((root.finishedWork = root.current.alternate),
-                  (root.finishedLanes = lanes),
-                  commitRoot(
-                    root,
-                    workInProgressRootRecoverableErrors,
-                    workInProgressTransitions
-                  ));
-            }
-            ensureRootIsScheduled(root);
-          } catch (error) {
-            null === errors ? (errors = [error]) : errors.push(error);
-          }
-        root$251 = root$251.next;
-      }
-    } while (didPerformSomeWork);
-    isFlushingWork = !1;
-    if (null !== errors) {
-      if (1 < errors.length) {
-        if ("function" === typeof AggregateError)
-          throw new AggregateError(errors);
-        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
-          scheduleImmediateTask(throwError.bind(null, errors[onlyLegacy]));
-      }
-      throw errors[0];
-    }
-  }
-}
-function throwError(error) {
-  throw error;
-}
-function processRootScheduleInMicrotask() {
-  mightHavePendingSyncWork = didScheduleMicrotask = !1;
-  for (
-    var currentTime = now(), prev = null, root = firstScheduledRoot;
-    null !== root;
-
-  ) {
-    var next = root.next,
-      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
-    0 === nextLanes
-      ? ((root.next = null),
-        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
-        null === next && (lastScheduledRoot = prev))
-      : ((prev = root),
-        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
-    root = next;
-  }
-  flushSyncWorkAcrossRoots_impl(!1);
-}
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  for (
-    var suspendedLanes = root.suspendedLanes,
-      pingedLanes = root.pingedLanes,
-      expirationTimes = root.expirationTimes,
-      lanes = root.pendingLanes & -125829121;
-    0 < lanes;
-
-  ) {
-    var index$3 = 31 - clz32(lanes),
-      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);
-    lanes &= ~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 536870912:
-      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();
-  });
-}
-var ceil = Math.ceil,
-  PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
   ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
   ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
@@ -10913,25 +10025,15 @@ var hasUncaughtError = !1,
   pendingPassiveEffectsRemainingLanes = 0,
   pendingPassiveTransitions = null,
   nestedUpdateCount = 0,
-  rootWithNestedUpdates = null,
-  currentEventTime = -1,
-  currentEventTransitionLane = 0;
-function requestEventTime() {
-  return 0 !== (executionContext & 6)
-    ? now()
-    : -1 !== currentEventTime
-    ? currentEventTime
-    : (currentEventTime = now());
-}
+  rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
   if (0 === (fiber.mode & 1)) return 2;
   if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
     return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
   if (null !== ReactCurrentBatchConfig$2.transition)
     return (
-      0 === currentEventTransitionLane &&
-        (currentEventTransitionLane = claimNextTransitionLane()),
-      currentEventTransitionLane
+      (fiber = currentAsyncAction),
+      null !== fiber ? fiber.lane : requestTransitionLane()
     );
   fiber = currentUpdatePriority;
   if (0 !== fiber) return fiber;
@@ -10939,29 +10041,30 @@ function requestUpdateLane(fiber) {
   fiber = void 0 === fiber ? 32 : getEventPriority(fiber.type);
   return fiber;
 }
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   if (
     (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
     null !== root.cancelPendingCommit
   )
     prepareFreshStack(root, 0),
       markRootSuspended(root, workInProgressRootRenderLanes);
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot) {
-    if (
-      enableTransitionTracing &&
-      ((eventTime = ReactCurrentBatchConfig$1.transition),
-      null !== eventTime &&
-        null != eventTime.name &&
-        (-1 === eventTime.startTime && (eventTime.startTime = now()),
-        enableTransitionTracing))
-    ) {
-      var transitionLanesMap = root.transitionLanes,
-        index$7 = 31 - clz32(lane),
-        transitions = transitionLanesMap[index$7];
-      null === transitions && (transitions = new Set());
-      transitions.add(eventTime);
-      transitionLanesMap[index$7] = transitions;
+    if (enableTransitionTracing) {
+      var transition = ReactCurrentBatchConfig$1.transition;
+      if (
+        null !== transition &&
+        null != transition.name &&
+        (-1 === transition.startTime && (transition.startTime = now()),
+        enableTransitionTracing)
+      ) {
+        var transitionLanesMap = root.transitionLanes,
+          index$6 = 31 - clz32(lane),
+          transitions = transitionLanesMap[index$6];
+        null === transitions && (transitions = new Set());
+        transitions.add(transition);
+        transitionLanesMap[index$6] = transitions;
+      }
     }
     root === workInProgressRoot &&
       (0 === (executionContext & 2) &&
@@ -10977,8 +10080,6 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
   }
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
-  currentEventTime = -1;
-  currentEventTransitionLane = 0;
   if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
   var originalCallbackNode = root.callbackNode;
   if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
@@ -11028,16 +10129,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$254 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$175 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$254 &&
-            ((lanes = errorRetryLanes$254),
+          0 !== errorRetryLanes$175 &&
+            ((lanes = errorRetryLanes$175),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$254
+              errorRetryLanes$175
             )));
         }
         if (1 === exitStatus)
@@ -11051,109 +10152,52 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
       }
       root.finishedWork = didTimeout;
       root.finishedLanes = lanes;
-      switch (exitStatus) {
-        case 0:
-        case 1:
-          throw Error(formatProdErrorMessage(345));
-        case 2:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 3:
-          markRootSuspended(root, lanes);
-          if (
-            (lanes & 125829120) === lanes &&
-            ((exitStatus = globalMostRecentFallbackTime + 500 - now()),
-            10 < exitStatus)
-          ) {
-            if (0 !== getNextLanes(root, 0)) break;
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+      a: {
+        switch (exitStatus) {
+          case 0:
+          case 1:
+            throw Error(formatProdErrorMessage(345));
+          case 4:
+            if ((lanes & 8388480) === lanes) {
+              markRootSuspended(root, lanes);
+              break a;
+            }
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 4:
-          markRootSuspended(root, lanes);
-          if ((lanes & 8388480) === lanes) break;
-          exitStatus = lanes;
-          errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$254 = -1; 0 < exitStatus; ) {
-            var index$2 = 31 - clz32(exitStatus),
-              lane = 1 << index$2;
-            index$2 = errorRetryLanes[index$2];
-            index$2 > errorRetryLanes$254 && (errorRetryLanes$254 = index$2);
-            exitStatus &= ~lane;
-          }
-          exitStatus = errorRetryLanes$254;
-          exitStatus = now() - exitStatus;
-          exitStatus =
-            (120 > exitStatus
-              ? 120
-              : 480 > exitStatus
-              ? 480
-              : 1080 > exitStatus
-              ? 1080
-              : 1920 > exitStatus
-              ? 1920
-              : 3e3 > exitStatus
-              ? 3e3
-              : 4320 > exitStatus
-              ? 4320
-              : 1960 * ceil(exitStatus / 1960)) - exitStatus;
-          if (10 < exitStatus) {
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+          case 2:
+          case 3:
+          case 5:
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
+          default:
+            throw Error(formatProdErrorMessage(329));
+        }
+        if (
+          (lanes & 125829120) === lanes &&
+          (alwaysThrottleRetries || 3 === exitStatus) &&
+          ((exitStatus = globalMostRecentFallbackTime + 500 - now()),
+          10 < exitStatus)
+        ) {
+          markRootSuspended(root, lanes);
+          if (0 !== getNextLanes(root, 0)) break a;
+          root.timeoutHandle = scheduleTimeout(
+            commitRootWhenReady.bind(
+              null,
+              root,
+              didTimeout,
+              workInProgressRootRecoverableErrors,
+              workInProgressTransitions,
+              lanes
+            ),
+            exitStatus
           );
-          break;
-        case 5:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        default:
-          throw Error(formatProdErrorMessage(329));
+          break a;
+        }
+        commitRootWhenReady(
+          root,
+          didTimeout,
+          workInProgressRootRecoverableErrors,
+          workInProgressTransitions,
+          lanes
+        );
       }
     }
   }
@@ -11210,20 +10254,12 @@ function commitRootWhenReady(
     null !== finishedWork)
   ) {
     root.cancelPendingCommit = finishedWork(
-      commitRoot.bind(
-        null,
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      )
+      commitRoot.bind(null, root, recoverableErrors, transitions)
     );
+    markRootSuspended(root, lanes);
     return;
   }
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 function isRenderConsistentWithExternalStores(finishedWork) {
   for (var node = finishedWork; ; ) {
@@ -11265,9 +10301,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$4 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$4;
-    root[index$4] = -1;
+    var index$3 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$3;
+    root[index$3] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -11390,14 +10426,10 @@ function shouldRemainOnPreviousScreen() {
     ? !1
     : handler === shellBoundary;
 }
-function pushDispatcher(container) {
-  container = getHoistableRoot(container);
-  lastCurrentDocument = container.ownerDocument || container;
-  previousDispatcher = Dispatcher.current;
-  Dispatcher.current = ReactDOMClientDispatcher;
-  container = ReactCurrentDispatcher.current;
+function pushDispatcher() {
+  var prevDispatcher = ReactCurrentDispatcher.current;
   ReactCurrentDispatcher.current = ContextOnlyDispatcher;
-  return null === container ? ContextOnlyDispatcher : container;
+  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushCacheDispatcher() {
   var prevCacheDispatcher = ReactCurrentCache.current;
@@ -11414,7 +10446,7 @@ function renderDidSuspendDelayIfPossible() {
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= 2;
-  var prevDispatcher = pushDispatcher(root.containerInfo),
+  var prevDispatcher = pushDispatcher(),
     prevCacheDispatcher = pushCacheDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
@@ -11437,14 +10469,12 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$257) {
-      handleThrow(root, thrownValue$257);
+    } catch (thrownValue$177) {
+      handleThrow(root, thrownValue$177);
     }
   while (1);
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  Dispatcher.current = previousDispatcher;
-  previousDispatcher = null;
   ReactCurrentDispatcher.current = prevDispatcher;
   ReactCurrentCache.current = prevCacheDispatcher;
   if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
@@ -11459,7 +10489,7 @@ function workLoopSync() {
 function renderRootConcurrent(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= 2;
-  var prevDispatcher = pushDispatcher(root.containerInfo),
+  var prevDispatcher = pushDispatcher(),
     prevCacheDispatcher = pushCacheDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
@@ -11544,13 +10574,11 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$259) {
-      handleThrow(root, thrownValue$259);
+    } catch (thrownValue$179) {
+      handleThrow(root, thrownValue$179);
     }
   while (1);
   resetContextDependencies();
-  Dispatcher.current = previousDispatcher;
-  previousDispatcher = null;
   ReactCurrentDispatcher.current = prevDispatcher;
   ReactCurrentCache.current = prevCacheDispatcher;
   executionContext = prevExecutionContext;
@@ -11612,6 +10640,8 @@ function replaySuspendedUnitOfWork(unitOfWork) {
         workInProgressRootRenderLanes
       );
       break;
+    case 5:
+      resetHooksOnUnwind();
     default:
       unwindInterruptedWork(current, unitOfWork),
         (unitOfWork = workInProgress =
@@ -11712,10 +10742,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$134 = offscreenQueue.retryQueue;
-                      null === retryQueue$134
+                      var retryQueue$57 = offscreenQueue.retryQueue;
+                      null === retryQueue$57
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$134.add(wakeable);
+                        : retryQueue$57.add(wakeable);
                     }
                   }
                   break;
@@ -11794,21 +10824,31 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
     } catch (error) {
       throw ((workInProgress = returnFiber), error);
     }
-    unitOfWork.flags & 32768
-      ? unwindUnitOfWork(unitOfWork)
-      : completeUnitOfWork(unitOfWork);
+    if (unitOfWork.flags & 32768)
+      a: {
+        do {
+          returnFiber = unwindWork(unitOfWork.alternate, unitOfWork);
+          if (null !== returnFiber) {
+            returnFiber.flags &= 32767;
+            workInProgress = returnFiber;
+            break a;
+          }
+          unitOfWork = unitOfWork.return;
+          null !== unitOfWork &&
+            ((unitOfWork.flags |= 32768),
+            (unitOfWork.subtreeFlags = 0),
+            (unitOfWork.deletions = null));
+          workInProgress = unitOfWork;
+        } while (null !== unitOfWork);
+        workInProgressRootExitStatus = 6;
+        workInProgress = null;
+      }
+    else completeUnitOfWork(unitOfWork);
   }
 }
 function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
   do {
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      0 !== (completedWork.flags & 32768)
-    ) {
-      unwindUnitOfWork(completedWork);
-      return;
-    }
     unitOfWork = completedWork.return;
     var next = completeWork(
       completedWork.alternate,
@@ -11828,29 +10868,6 @@ function completeUnitOfWork(unitOfWork) {
   } while (null !== completedWork);
   0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
 }
-function unwindUnitOfWork(unitOfWork) {
-  do {
-    var next = unwindWork(unitOfWork.alternate, unitOfWork);
-    if (null !== next) {
-      next.flags &= 32767;
-      workInProgress = next;
-      return;
-    }
-    next = unitOfWork.return;
-    null !== next &&
-      ((next.flags |= 32768), (next.subtreeFlags = 0), (next.deletions = null));
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      ((unitOfWork = unitOfWork.sibling), null !== unitOfWork)
-    ) {
-      workInProgress = unitOfWork;
-      return;
-    }
-    workInProgress = unitOfWork = next;
-  } while (null !== unitOfWork);
-  workInProgressRootExitStatus = 6;
-  workInProgress = null;
-}
 function commitRoot(root, recoverableErrors, transitions) {
   var previousUpdateLanePriority = currentUpdatePriority,
     prevTransition = ReactCurrentBatchConfig$1.transition;
@@ -11912,12 +10929,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$263 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$183 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$263 &&
+    shouldFireAfterActiveInstanceBlur$183 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -11996,7 +11013,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$264 = rootWithPendingPassiveEffects,
+    var root$184 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -12012,7 +11029,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$264, remainingLanes);
+        releaseRootPooledCache(root$184, remainingLanes);
     }
   }
   return !1;
@@ -12058,10 +11075,8 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
   sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 2);
   rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
-  sourceFiber = requestEventTime();
   null !== rootFiber &&
-    (markRootUpdated(rootFiber, 2, sourceFiber),
-    ensureRootIsScheduled(rootFiber));
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
 }
 function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
   if (3 === sourceFiber.tag)
@@ -12095,9 +11110,8 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
             sourceFiber,
             2
           );
-          sourceFiber = requestEventTime();
           null !== nearestMountedAncestor &&
-            (markRootUpdated(nearestMountedAncestor, 2, sourceFiber),
+            (markRootUpdated(nearestMountedAncestor, 2),
             ensureRootIsScheduled(nearestMountedAncestor));
           break;
         }
@@ -12139,10 +11153,9 @@ function pingSuspendedRoot(root, wakeable, pingedLanes) {
 function retryTimedOutBoundary(boundaryFiber, retryLane) {
   0 === retryLane &&
     (retryLane = 0 === (boundaryFiber.mode & 1) ? 2 : claimNextRetryLane());
-  var eventTime = requestEventTime();
   boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
   null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane, eventTime),
+    (markRootUpdated(boundaryFiber, retryLane),
     ensureRootIsScheduled(boundaryFiber));
 }
 function retryDehydratedSuspenseBoundary(boundaryFiber) {
@@ -13123,7 +12136,6 @@ function FiberRootNode(
     this.cancelPendingCommit =
       null;
   this.callbackPriority = 0;
-  this.eventTimes = createLaneMap(0);
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
     this.errorRecoveryDisabledLanes =
@@ -13276,10 +12288,9 @@ function createHydrationContainer(
   hydrationCallbacks = createUpdate(tag);
   hydrationCallbacks.callback =
     void 0 !== callback && null !== callback ? callback : null;
-  callback = requestEventTime();
   enqueueUpdate(containerInfo, hydrationCallbacks, tag);
   initialChildren.current.lanes = tag;
-  markRootUpdated(initialChildren, tag, callback);
+  markRootUpdated(initialChildren, tag);
   ensureRootIsScheduled(initialChildren);
   return initialChildren;
 }
@@ -13296,8 +12307,7 @@ function updateContainer(element, container, parentComponent, callback) {
   null !== callback && (container.callback = callback);
   element = enqueueUpdate(current, container, lane);
   null !== element &&
-    ((callback = requestEventTime()),
-    scheduleUpdateOnFiber(element, current, lane, callback),
+    (scheduleUpdateOnFiber(element, current, lane),
     entangleTransitions(element, current, lane));
   return lane;
 }
@@ -13315,12 +12325,12 @@ function getPublicRootInstance(container) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$266 = fiber.stateNode;
-      if (root$266.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$266.pendingLanes);
+      var root$186 = fiber.stateNode;
+      if (root$186.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$186.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$266, lanes | 2),
-          ensureRootIsScheduled(root$266),
+          (markRootEntangled(root$186, lanes | 2),
+          ensureRootIsScheduled(root$186),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now() + 500),
             flushSyncWorkAcrossRoots_impl(!1)));
@@ -13329,10 +12339,7 @@ function attemptSynchronousHydration(fiber) {
     case 13:
       flushSync$1(function () {
         var root = enqueueConcurrentRenderForLane(fiber, 2);
-        if (null !== root) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, fiber, 2, eventTime);
-        }
+        null !== root && scheduleUpdateOnFiber(root, fiber, 2);
       }),
         markRetryLaneIfNotHydrated(fiber, 2);
   }
@@ -13351,10 +12358,7 @@ function markRetryLaneIfNotHydrated(fiber, retryLane) {
 function attemptContinuousHydration(fiber) {
   if (13 === fiber.tag) {
     var root = enqueueConcurrentRenderForLane(fiber, 134217728);
-    if (null !== root) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, 134217728, eventTime);
-    }
+    null !== root && scheduleUpdateOnFiber(root, fiber, 134217728);
     markRetryLaneIfNotHydrated(fiber, 134217728);
   }
 }
@@ -13892,19 +12896,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$384;
+  var JSCompiler_inline_result$jscomp$375;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1658 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1658) {
-      var element$jscomp$inline_1659 = document.createElement("div");
-      element$jscomp$inline_1659.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1658 =
-        "function" === typeof element$jscomp$inline_1659.oninput;
+    var isSupported$jscomp$inline_1633 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1633) {
+      var element$jscomp$inline_1634 = document.createElement("div");
+      element$jscomp$inline_1634.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1633 =
+        "function" === typeof element$jscomp$inline_1634.oninput;
     }
-    JSCompiler_inline_result$jscomp$384 = isSupported$jscomp$inline_1658;
-  } else JSCompiler_inline_result$jscomp$384 = !1;
+    JSCompiler_inline_result$jscomp$375 = isSupported$jscomp$inline_1633;
+  } else JSCompiler_inline_result$jscomp$375 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$384 &&
+    JSCompiler_inline_result$jscomp$375 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -14213,20 +13217,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1699 = 0;
-  i$jscomp$inline_1699 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1699++
+  var i$jscomp$inline_1674 = 0;
+  i$jscomp$inline_1674 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1674++
 ) {
-  var eventName$jscomp$inline_1700 =
-      simpleEventPluginEvents[i$jscomp$inline_1699],
-    domEventName$jscomp$inline_1701 =
-      eventName$jscomp$inline_1700.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1702 =
-      eventName$jscomp$inline_1700[0].toUpperCase() +
-      eventName$jscomp$inline_1700.slice(1);
+  var eventName$jscomp$inline_1675 =
+      simpleEventPluginEvents[i$jscomp$inline_1674],
+    domEventName$jscomp$inline_1676 =
+      eventName$jscomp$inline_1675.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1677 =
+      eventName$jscomp$inline_1675[0].toUpperCase() +
+      eventName$jscomp$inline_1675.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1701,
-    "on" + capitalizedEvent$jscomp$inline_1702
+    domEventName$jscomp$inline_1676,
+    "on" + capitalizedEvent$jscomp$inline_1677
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -15050,337 +14054,1116 @@ function accumulateEventHandleNonManagedNodeListeners(
     });
   return listeners;
 }
-var Dispatcher$1 = Internals.Dispatcher,
-  defaultOnRecoverableError =
-    "function" === typeof reportError
-      ? reportError
-      : function (error) {
-          console.error(error);
-        };
-function ReactDOMRoot(internalRoot) {
-  this._internalRoot = internalRoot;
+var NORMALIZE_NEWLINES_REGEX = /\r\n?/g,
+  NORMALIZE_NULL_AND_REPLACEMENT_REGEX = /\u0000|\uFFFD/g;
+function normalizeMarkupForTextOrAttribute(markup) {
+  return ("string" === typeof markup ? markup : "" + markup)
+    .replace(NORMALIZE_NEWLINES_REGEX, "\n")
+    .replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX, "");
 }
-ReactDOMHydrationRoot.prototype.render = ReactDOMRoot.prototype.render =
-  function (children) {
-    var root = this._internalRoot;
-    if (null === root) throw Error(formatProdErrorMessage(409));
-    updateContainer(children, root, null, null);
-  };
-ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
-  function () {
-    var root = this._internalRoot;
-    if (null !== root) {
-      this._internalRoot = null;
-      var container = root.containerInfo;
-      flushSync$1(function () {
-        updateContainer(null, root, null, null);
-      });
-      container[internalContainerInstanceKey] = null;
-    }
-  };
-function ReactDOMHydrationRoot(internalRoot) {
-  this._internalRoot = internalRoot;
-}
-ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
-  if (target) {
-    var updatePriority = currentUpdatePriority;
-    target = { blockedOn: null, target: target, priority: updatePriority };
-    for (
-      var i = 0;
-      i < queuedExplicitHydrationTargets.length &&
-      0 !== updatePriority &&
-      updatePriority < queuedExplicitHydrationTargets[i].priority;
-      i++
-    );
-    queuedExplicitHydrationTargets.splice(i, 0, target);
-    0 === i && attemptExplicitHydrationTarget(target);
-  }
-};
-function isValidContainer(node) {
-  return !(
-    !node ||
-    (1 !== node.nodeType &&
-      9 !== node.nodeType &&
-      11 !== node.nodeType &&
-      (8 !== node.nodeType ||
-        " react-mount-point-unstable " !== node.nodeValue))
-  );
-}
-function isValidContainerLegacy(node) {
-  return !(
-    !node ||
-    (1 !== node.nodeType &&
-      9 !== node.nodeType &&
-      11 !== node.nodeType &&
-      (8 !== node.nodeType ||
-        " react-mount-point-unstable " !== node.nodeValue))
-  );
-}
-function noopOnRecoverableError() {}
-function legacyCreateRootFromDOMContainer(
-  container,
-  initialChildren,
-  parentComponent,
-  callback,
-  isHydrationContainer
-) {
-  if (isHydrationContainer) {
-    if ("function" === typeof callback) {
-      var originalCallback = callback;
-      callback = function () {
-        var instance = getPublicRootInstance(root$276);
-        originalCallback.call(instance);
-      };
-    }
-    var root$276 = createHydrationContainer(
-      initialChildren,
-      callback,
-      container,
-      0,
-      null,
-      !1,
-      !1,
-      "",
-      noopOnRecoverableError,
-      null
-    );
-    container._reactRootContainer = root$276;
-    container[internalContainerInstanceKey] = root$276.current;
-    listenToAllSupportedEvents(
-      8 === container.nodeType ? container.parentNode : container
-    );
-    flushSync$1();
-    return root$276;
-  }
-  clearContainer(container);
-  if ("function" === typeof callback) {
-    var originalCallback$277 = callback;
-    callback = function () {
-      var instance = getPublicRootInstance(root$278);
-      originalCallback$277.call(instance);
-    };
-  }
-  var root$278 = createFiberRoot(
-    container,
-    0,
-    !1,
-    null,
-    null,
-    !1,
-    !1,
-    "",
-    noopOnRecoverableError,
-    null
-  );
-  container._reactRootContainer = root$278;
-  container[internalContainerInstanceKey] = root$278.current;
-  listenToAllSupportedEvents(
-    8 === container.nodeType ? container.parentNode : container
-  );
-  flushSync$1(function () {
-    updateContainer(initialChildren, root$278, parentComponent, callback);
-  });
-  return root$278;
-}
-function legacyRenderSubtreeIntoContainer(
-  parentComponent,
-  children,
-  container,
-  forceHydrate,
-  callback
-) {
-  var maybeRoot = container._reactRootContainer;
-  if (maybeRoot) {
-    var root = maybeRoot;
-    if ("function" === typeof callback) {
-      var originalCallback = callback;
-      callback = function () {
-        var instance = getPublicRootInstance(root);
-        originalCallback.call(instance);
-      };
-    }
-    updateContainer(children, root, parentComponent, callback);
-  } else
-    root = legacyCreateRootFromDOMContainer(
-      container,
-      children,
-      parentComponent,
-      callback,
-      forceHydrate
-    );
-  return getPublicRootInstance(root);
-}
-function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
-  if (
-    1 !== target.nodeType &&
-    "function" !== typeof target.getChildContextValues
-  )
-    if ("function" === typeof target.addEventListener) {
-      var eventSystemFlags = 1,
-        listenerSet = getEventListenerSet(target),
-        listenerSetKey =
-          domEventName + "__" + (isCapturePhaseListener ? "capture" : "bubble");
-      listenerSet.has(listenerSetKey) ||
-        (isCapturePhaseListener && (eventSystemFlags |= 4),
-        addTrappedEventListener(
-          target,
-          domEventName,
-          eventSystemFlags,
-          isCapturePhaseListener
-        ),
-        listenerSet.add(listenerSetKey));
-    } else throw Error(formatProdErrorMessage(369));
-}
-Internals.Events = [
-  getInstanceFromNode,
-  getNodeFromInstance,
-  getFiberCurrentPropsFromNode,
-  enqueueStateRestore,
-  restoreStateIfNeeded,
-  batchedUpdates$1
-];
-var devToolsConfig$jscomp$inline_1813 = {
-  findFiberByHostInstance: getClosestInstanceFromNode,
-  bundleType: 0,
-  version: "18.3.0-www-classic-daf8f3c7",
-  rendererPackageName: "react-dom"
-};
-var internals$jscomp$inline_2261 = {
-  bundleType: devToolsConfig$jscomp$inline_1813.bundleType,
-  version: devToolsConfig$jscomp$inline_1813.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1813.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1813.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_1813.findFiberByHostInstance ||
-    emptyFindFiberByHostInstance,
-  findHostInstancesForRefresh: null,
-  scheduleRefresh: null,
-  scheduleRoot: null,
-  setRefreshHandler: null,
-  getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-daf8f3c7"
-};
-if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2262 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-  if (
-    !hook$jscomp$inline_2262.isDisabled &&
-    hook$jscomp$inline_2262.supportsFiber
-  )
-    try {
-      (rendererID = hook$jscomp$inline_2262.inject(
-        internals$jscomp$inline_2261
-      )),
-        (injectedHook = hook$jscomp$inline_2262);
-    } catch (err) {}
-}
-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;
-  switch (element.tagName) {
-    case "A":
-    case "AREA":
-    case "LINK":
-      if (element.hasAttribute("href")) return "link";
+function noop$1() {}
+function setProp(domElement, tag, key, value, props, prevValue) {
+  switch (key) {
+    case "children":
+      "string" === typeof value
+        ? "body" === tag ||
+          ("textarea" === tag && "" === value) ||
+          setTextContent(domElement, value)
+        : "number" === typeof value &&
+          "body" !== tag &&
+          setTextContent(domElement, "" + value);
       break;
-    case "IMG":
-      if (0 < (element.getAttribute("alt") || "").length) return "img";
+    case "className":
+      setValueForKnownAttribute(domElement, "class", value);
       break;
-    case "INPUT":
-      switch (((mappedByTag = element.type), mappedByTag)) {
-        case "button":
-        case "image":
-        case "reset":
-        case "submit":
-          return "button";
-        case "checkbox":
-        case "radio":
-          return mappedByTag;
-        case "range":
-          return "slider";
-        case "email":
-        case "tel":
-        case "text":
-        case "url":
-          return element.hasAttribute("list") ? "combobox" : "textbox";
-        case "search":
-          return element.hasAttribute("list") ? "combobox" : "searchbox";
-        default:
-          return null;
+    case "tabIndex":
+      setValueForKnownAttribute(domElement, "tabindex", value);
+      break;
+    case "dir":
+    case "role":
+    case "viewBox":
+    case "width":
+    case "height":
+      setValueForKnownAttribute(domElement, key, value);
+      break;
+    case "style":
+      setValueForStyles(domElement, value, prevValue);
+      break;
+    case "src":
+    case "href":
+      if ("" === value) {
+        domElement.removeAttribute(key);
+        break;
       }
-    case "SELECT":
-      return element.hasAttribute("multiple") || 1 < element.size
-        ? "listbox"
-        : "combobox";
+      if (
+        null == value ||
+        "function" === typeof value ||
+        "symbol" === typeof value ||
+        "boolean" === typeof value
+      ) {
+        domElement.removeAttribute(key);
+        break;
+      }
+      value = sanitizeURL(enableTrustedTypesIntegration ? value : "" + value);
+      domElement.setAttribute(key, value);
+      break;
+    case "action":
+    case "formAction":
+      if (
+        null == value ||
+        "function" === typeof value ||
+        "symbol" === typeof value ||
+        "boolean" === typeof value
+      ) {
+        domElement.removeAttribute(key);
+        break;
+      }
+      value = sanitizeURL(enableTrustedTypesIntegration ? value : "" + value);
+      domElement.setAttribute(key, value);
+      break;
+    case "onClick":
+      null != value && (domElement.onclick = noop$1);
+      break;
+    case "onScroll":
+      null != value && listenToNonDelegatedEvent("scroll", domElement);
+      break;
+    case "dangerouslySetInnerHTML":
+      if (null != value) {
+        if ("object" !== typeof value || !("__html" in value))
+          throw Error(formatProdErrorMessage(61));
+        key = value.__html;
+        if (null != key) {
+          if (null != props.children) throw Error(formatProdErrorMessage(60));
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
+        }
+      }
+      break;
+    case "multiple":
+      domElement.multiple =
+        value && "function" !== typeof value && "symbol" !== typeof value;
+      break;
+    case "muted":
+      domElement.muted =
+        value && "function" !== typeof value && "symbol" !== typeof value;
+      break;
+    case "suppressContentEditableWarning":
+    case "suppressHydrationWarning":
+    case "defaultValue":
+    case "defaultChecked":
+    case "innerHTML":
+      break;
+    case "autoFocus":
+      break;
+    case "xlinkHref":
+      if (
+        null == value ||
+        "function" === typeof value ||
+        "boolean" === typeof value ||
+        "symbol" === typeof value
+      ) {
+        domElement.removeAttribute("xlink:href");
+        break;
+      }
+      key = sanitizeURL(enableTrustedTypesIntegration ? value : "" + value);
+      domElement.setAttributeNS(
+        "http://www.w3.org/1999/xlink",
+        "xlink:href",
+        key
+      );
+      break;
+    case "contentEditable":
+    case "spellCheck":
+    case "draggable":
+    case "value":
+    case "autoReverse":
+    case "externalResourcesRequired":
+    case "focusable":
+    case "preserveAlpha":
+      null != value && "function" !== typeof value && "symbol" !== typeof value
+        ? domElement.setAttribute(
+            key,
+            enableTrustedTypesIntegration ? value : "" + value
+          )
+        : domElement.removeAttribute(key);
+      break;
+    case "allowFullScreen":
+    case "async":
+    case "autoPlay":
+    case "controls":
+    case "default":
+    case "defer":
+    case "disabled":
+    case "disablePictureInPicture":
+    case "disableRemotePlayback":
+    case "formNoValidate":
+    case "hidden":
+    case "loop":
+    case "noModule":
+    case "noValidate":
+    case "open":
+    case "playsInline":
+    case "readOnly":
+    case "required":
+    case "reversed":
+    case "scoped":
+    case "seamless":
+    case "itemScope":
+      value && "function" !== typeof value && "symbol" !== typeof value
+        ? domElement.setAttribute(key, "")
+        : domElement.removeAttribute(key);
+      break;
+    case "capture":
+    case "download":
+      !0 === value
+        ? domElement.setAttribute(key, "")
+        : !1 !== value &&
+          null != value &&
+          "function" !== typeof value &&
+          "symbol" !== typeof value
+        ? domElement.setAttribute(key, value)
+        : domElement.removeAttribute(key);
+      break;
+    case "cols":
+    case "rows":
+    case "size":
+    case "span":
+      null != value &&
+      "function" !== typeof value &&
+      "symbol" !== typeof value &&
+      !isNaN(value) &&
+      1 <= value
+        ? domElement.setAttribute(key, value)
+        : domElement.removeAttribute(key);
+      break;
+    case "rowSpan":
+    case "start":
+      null == value ||
+      "function" === typeof value ||
+      "symbol" === typeof value ||
+      isNaN(value)
+        ? domElement.removeAttribute(key)
+        : domElement.setAttribute(key, value);
+      break;
+    case "xlinkActuate":
+      setValueForNamespacedAttribute(
+        domElement,
+        "http://www.w3.org/1999/xlink",
+        "xlink:actuate",
+        value
+      );
+      break;
+    case "xlinkArcrole":
+      setValueForNamespacedAttribute(
+        domElement,
+        "http://www.w3.org/1999/xlink",
+        "xlink:arcrole",
+        value
+      );
+      break;
+    case "xlinkRole":
+      setValueForNamespacedAttribute(
+        domElement,
+        "http://www.w3.org/1999/xlink",
+        "xlink:role",
+        value
+      );
+      break;
+    case "xlinkShow":
+      setValueForNamespacedAttribute(
+        domElement,
+        "http://www.w3.org/1999/xlink",
+        "xlink:show",
+        value
+      );
+      break;
+    case "xlinkTitle":
+      setValueForNamespacedAttribute(
+        domElement,
+        "http://www.w3.org/1999/xlink",
+        "xlink:title",
+        value
+      );
+      break;
+    case "xlinkType":
+      setValueForNamespacedAttribute(
+        domElement,
+        "http://www.w3.org/1999/xlink",
+        "xlink:type",
+        value
+      );
+      break;
+    case "xmlBase":
+      setValueForNamespacedAttribute(
+        domElement,
+        "http://www.w3.org/XML/1998/namespace",
+        "xml:base",
+        value
+      );
+      break;
+    case "xmlLang":
+      setValueForNamespacedAttribute(
+        domElement,
+        "http://www.w3.org/XML/1998/namespace",
+        "xml:lang",
+        value
+      );
+      break;
+    case "xmlSpace":
+      setValueForNamespacedAttribute(
+        domElement,
+        "http://www.w3.org/XML/1998/namespace",
+        "xml:space",
+        value
+      );
+      break;
+    case "is":
+      setValueForAttribute(domElement, "is", value);
+      break;
+    case "innerText":
+    case "textContent":
+      if (enableCustomElementPropertySupport) break;
+    default:
+      if (
+        !(2 < key.length) ||
+        ("o" !== key[0] && "O" !== key[0]) ||
+        ("n" !== key[1] && "N" !== key[1])
+      )
+        (key = aliases.get(key) || key),
+          setValueForAttribute(domElement, key, value);
   }
-  return null;
 }
-var Dispatcher = Internals.Dispatcher,
-  eventsEnabled = null,
+function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
+  switch (key) {
+    case "style":
+      setValueForStyles(domElement, value, prevValue);
+      break;
+    case "dangerouslySetInnerHTML":
+      if (null != value) {
+        if ("object" !== typeof value || !("__html" in value))
+          throw Error(formatProdErrorMessage(61));
+        key = value.__html;
+        if (null != key) {
+          if (null != props.children) throw Error(formatProdErrorMessage(60));
+          disableIEWorkarounds
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
+        }
+      }
+      break;
+    case "children":
+      "string" === typeof value
+        ? setTextContent(domElement, value)
+        : "number" === typeof value && setTextContent(domElement, "" + value);
+      break;
+    case "onScroll":
+      null != value && listenToNonDelegatedEvent("scroll", domElement);
+      break;
+    case "onClick":
+      null != value && (domElement.onclick = noop$1);
+      break;
+    case "suppressContentEditableWarning":
+    case "suppressHydrationWarning":
+    case "innerHTML":
+      break;
+    case "innerText":
+    case "textContent":
+      if (enableCustomElementPropertySupport) break;
+    default:
+      if (!registrationNameDependencies.hasOwnProperty(key))
+        if (enableCustomElementPropertySupport)
+          a: {
+            props = value;
+            if (
+              "o" === key[0] &&
+              "n" === key[1] &&
+              ((tag = key.endsWith("Capture")),
+              (value = key.slice(2, tag ? key.length - 7 : void 0)),
+              (prevValue = getFiberCurrentPropsFromNode(domElement)),
+              (prevValue = null != prevValue ? prevValue[key] : null),
+              "function" === typeof prevValue &&
+                domElement.removeEventListener(value, prevValue, tag),
+              "function" === typeof props)
+            ) {
+              "function" !== typeof prevValue &&
+                null !== prevValue &&
+                (key in domElement
+                  ? (domElement[key] = null)
+                  : domElement.hasAttribute(key) &&
+                    domElement.removeAttribute(key));
+              domElement.addEventListener(value, props, tag);
+              break a;
+            }
+            key in domElement
+              ? (domElement[key] = props)
+              : !0 === props
+              ? domElement.setAttribute(key, "")
+              : setValueForAttribute(domElement, key, props);
+          }
+        else
+          "boolean" === typeof value && (value = "" + value),
+            setValueForAttribute(domElement, key, value);
+  }
+}
+function setInitialProperties(domElement, tag, props) {
+  switch (tag) {
+    case "div":
+    case "span":
+    case "svg":
+    case "path":
+    case "a":
+    case "g":
+    case "p":
+    case "li":
+      break;
+    case "input":
+      listenToNonDelegatedEvent("invalid", domElement);
+      var name = null,
+        type = null,
+        value = null,
+        defaultValue = null,
+        checked = null,
+        defaultChecked = null;
+      for (propKey in props)
+        if (props.hasOwnProperty(propKey)) {
+          var propValue = props[propKey];
+          if (null != propValue)
+            switch (propKey) {
+              case "name":
+                name = propValue;
+                break;
+              case "type":
+                type = propValue;
+                break;
+              case "checked":
+                checked = propValue;
+                break;
+              case "defaultChecked":
+                defaultChecked = propValue;
+                break;
+              case "value":
+                value = propValue;
+                break;
+              case "defaultValue":
+                defaultValue = propValue;
+                break;
+              case "children":
+              case "dangerouslySetInnerHTML":
+                if (null != propValue)
+                  throw Error(formatProdErrorMessage(137, tag));
+                break;
+              default:
+                setProp(domElement, tag, propKey, propValue, props, null);
+            }
+        }
+      initInput(
+        domElement,
+        value,
+        defaultValue,
+        checked,
+        defaultChecked,
+        type,
+        name,
+        !1
+      );
+      track(domElement);
+      return;
+    case "select":
+      listenToNonDelegatedEvent("invalid", domElement);
+      var propKey = (type = value = null);
+      for (name in props)
+        if (
+          props.hasOwnProperty(name) &&
+          ((defaultValue = props[name]), null != defaultValue)
+        )
+          switch (name) {
+            case "value":
+              value = defaultValue;
+              break;
+            case "defaultValue":
+              type = defaultValue;
+              break;
+            case "multiple":
+              propKey = defaultValue;
+            default:
+              setProp(domElement, tag, name, defaultValue, props, null);
+          }
+      tag = value;
+      props = type;
+      domElement.multiple = !!propKey;
+      null != tag
+        ? updateOptions(domElement, !!propKey, tag, !1)
+        : null != props && updateOptions(domElement, !!propKey, props, !0);
+      return;
+    case "textarea":
+      listenToNonDelegatedEvent("invalid", domElement);
+      value = name = propKey = null;
+      for (type in props)
+        if (
+          props.hasOwnProperty(type) &&
+          ((defaultValue = props[type]), null != defaultValue)
+        )
+          switch (type) {
+            case "value":
+              propKey = defaultValue;
+              break;
+            case "defaultValue":
+              name = defaultValue;
+              break;
+            case "children":
+              value = defaultValue;
+              break;
+            case "dangerouslySetInnerHTML":
+              if (null != defaultValue) throw Error(formatProdErrorMessage(91));
+              break;
+            default:
+              setProp(domElement, tag, type, defaultValue, props, null);
+          }
+      initTextarea(domElement, propKey, name, value);
+      track(domElement);
+      return;
+    case "option":
+      for (defaultValue in props)
+        if (
+          props.hasOwnProperty(defaultValue) &&
+          ((propKey = props[defaultValue]), null != propKey)
+        )
+          switch (defaultValue) {
+            case "selected":
+              domElement.selected =
+                propKey &&
+                "function" !== typeof propKey &&
+                "symbol" !== typeof propKey;
+              break;
+            default:
+              setProp(domElement, tag, defaultValue, propKey, props, null);
+          }
+      return;
+    case "dialog":
+      listenToNonDelegatedEvent("cancel", domElement);
+      listenToNonDelegatedEvent("close", domElement);
+      break;
+    case "iframe":
+    case "object":
+      listenToNonDelegatedEvent("load", domElement);
+      break;
+    case "video":
+    case "audio":
+      for (propKey = 0; propKey < mediaEventTypes.length; propKey++)
+        listenToNonDelegatedEvent(mediaEventTypes[propKey], domElement);
+      break;
+    case "image":
+      listenToNonDelegatedEvent("error", domElement);
+      listenToNonDelegatedEvent("load", domElement);
+      break;
+    case "details":
+      listenToNonDelegatedEvent("toggle", domElement);
+      break;
+    case "embed":
+    case "source":
+    case "img":
+    case "link":
+      listenToNonDelegatedEvent("error", domElement),
+        listenToNonDelegatedEvent("load", domElement);
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "track":
+    case "wbr":
+    case "menuitem":
+      for (checked in props)
+        if (
+          props.hasOwnProperty(checked) &&
+          ((propKey = props[checked]), null != propKey)
+        )
+          switch (checked) {
+            case "children":
+            case "dangerouslySetInnerHTML":
+              throw Error(formatProdErrorMessage(137, tag));
+            default:
+              setProp(domElement, tag, checked, propKey, props, null);
+          }
+      return;
+    default:
+      if (isCustomElement(tag)) {
+        for (defaultChecked in props)
+          props.hasOwnProperty(defaultChecked) &&
+            ((propKey = props[defaultChecked]),
+            null != propKey &&
+              setPropOnCustomElement(
+                domElement,
+                tag,
+                defaultChecked,
+                propKey,
+                props,
+                null
+              ));
+        return;
+      }
+  }
+  for (value in props)
+    props.hasOwnProperty(value) &&
+      ((propKey = props[value]),
+      null != propKey && setProp(domElement, tag, value, propKey, props, null));
+}
+function updateProperties(domElement, tag, lastProps, nextProps) {
+  switch (tag) {
+    case "div":
+    case "span":
+    case "svg":
+    case "path":
+    case "a":
+    case "g":
+    case "p":
+    case "li":
+      break;
+    case "input":
+      var name = null,
+        type = null,
+        value = null,
+        defaultValue = null,
+        lastDefaultValue = null,
+        checked = null,
+        defaultChecked = null;
+      for (propKey in lastProps) {
+        var lastProp = lastProps[propKey];
+        if (lastProps.hasOwnProperty(propKey) && null != lastProp)
+          switch (propKey) {
+            case "checked":
+              break;
+            case "value":
+              break;
+            case "defaultValue":
+              lastDefaultValue = lastProp;
+            default:
+              nextProps.hasOwnProperty(propKey) ||
+                setProp(domElement, tag, propKey, null, nextProps, lastProp);
+          }
+      }
+      for (var propKey$215 in nextProps) {
+        var propKey = nextProps[propKey$215];
+        lastProp = lastProps[propKey$215];
+        if (
+          nextProps.hasOwnProperty(propKey$215) &&
+          (null != propKey || null != lastProp)
+        )
+          switch (propKey$215) {
+            case "type":
+              type = propKey;
+              break;
+            case "name":
+              name = propKey;
+              break;
+            case "checked":
+              checked = propKey;
+              break;
+            case "defaultChecked":
+              defaultChecked = propKey;
+              break;
+            case "value":
+              value = propKey;
+              break;
+            case "defaultValue":
+              defaultValue = propKey;
+              break;
+            case "children":
+            case "dangerouslySetInnerHTML":
+              if (null != propKey)
+                throw Error(formatProdErrorMessage(137, tag));
+              break;
+            default:
+              propKey !== lastProp &&
+                setProp(
+                  domElement,
+                  tag,
+                  propKey$215,
+                  propKey,
+                  nextProps,
+                  lastProp
+                );
+          }
+      }
+      updateInput(
+        domElement,
+        value,
+        defaultValue,
+        lastDefaultValue,
+        checked,
+        defaultChecked,
+        type,
+        name
+      );
+      return;
+    case "select":
+      defaultValue = value = propKey = propKey$215 = null;
+      for (type in lastProps)
+        if (
+          ((lastDefaultValue = lastProps[type]),
+          lastProps.hasOwnProperty(type) && null != lastDefaultValue)
+        )
+          switch (type) {
+            case "value":
+              break;
+            case "multiple":
+              defaultValue = lastDefaultValue;
+            default:
+              nextProps.hasOwnProperty(type) ||
+                setProp(
+                  domElement,
+                  tag,
+                  type,
+                  null,
+                  nextProps,
+                  lastDefaultValue
+                );
+          }
+      for (name in nextProps)
+        if (
+          ((type = nextProps[name]),
+          (lastDefaultValue = lastProps[name]),
+          nextProps.hasOwnProperty(name) &&
+            (null != type || null != lastDefaultValue))
+        )
+          switch (name) {
+            case "value":
+              propKey$215 = type;
+              break;
+            case "defaultValue":
+              propKey = type;
+              break;
+            case "multiple":
+              value = type;
+            default:
+              type !== lastDefaultValue &&
+                setProp(
+                  domElement,
+                  tag,
+                  name,
+                  type,
+                  nextProps,
+                  lastDefaultValue
+                );
+          }
+      updateSelect(domElement, propKey$215, propKey, value, defaultValue);
+      return;
+    case "textarea":
+      propKey = propKey$215 = null;
+      for (defaultValue in lastProps)
+        if (
+          ((name = lastProps[defaultValue]),
+          lastProps.hasOwnProperty(defaultValue) &&
+            null != name &&
+            !nextProps.hasOwnProperty(defaultValue))
+        )
+          switch (defaultValue) {
+            case "value":
+              break;
+            case "children":
+              break;
+            default:
+              setProp(domElement, tag, defaultValue, null, nextProps, name);
+          }
+      for (value in nextProps)
+        if (
+          ((name = nextProps[value]),
+          (type = lastProps[value]),
+          nextProps.hasOwnProperty(value) && (null != name || null != type))
+        )
+          switch (value) {
+            case "value":
+              propKey$215 = name;
+              break;
+            case "defaultValue":
+              propKey = name;
+              break;
+            case "children":
+              break;
+            case "dangerouslySetInnerHTML":
+              if (null != name) throw Error(formatProdErrorMessage(91));
+              break;
+            default:
+              name !== type &&
+                setProp(domElement, tag, value, name, nextProps, type);
+          }
+      updateTextarea(domElement, propKey$215, propKey);
+      return;
+    case "option":
+      for (var propKey$231 in lastProps)
+        if (
+          ((propKey$215 = lastProps[propKey$231]),
+          lastProps.hasOwnProperty(propKey$231) &&
+            null != propKey$215 &&
+            !nextProps.hasOwnProperty(propKey$231))
+        )
+          switch (propKey$231) {
+            case "selected":
+              domElement.selected = !1;
+              break;
+            default:
+              setProp(
+                domElement,
+                tag,
+                propKey$231,
+                null,
+                nextProps,
+                propKey$215
+              );
+          }
+      for (lastDefaultValue in nextProps)
+        if (
+          ((propKey$215 = nextProps[lastDefaultValue]),
+          (propKey = lastProps[lastDefaultValue]),
+          nextProps.hasOwnProperty(lastDefaultValue) &&
+            propKey$215 !== propKey &&
+            (null != propKey$215 || null != propKey))
+        )
+          switch (lastDefaultValue) {
+            case "selected":
+              domElement.selected =
+                propKey$215 &&
+                "function" !== typeof propKey$215 &&
+                "symbol" !== typeof propKey$215;
+              break;
+            default:
+              setProp(
+                domElement,
+                tag,
+                lastDefaultValue,
+                propKey$215,
+                nextProps,
+                propKey
+              );
+          }
+      return;
+    case "img":
+    case "link":
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "embed":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "source":
+    case "track":
+    case "wbr":
+    case "menuitem":
+      for (var propKey$236 in lastProps)
+        (propKey$215 = lastProps[propKey$236]),
+          lastProps.hasOwnProperty(propKey$236) &&
+            null != propKey$215 &&
+            !nextProps.hasOwnProperty(propKey$236) &&
+            setProp(domElement, tag, propKey$236, null, nextProps, propKey$215);
+      for (checked in nextProps)
+        if (
+          ((propKey$215 = nextProps[checked]),
+          (propKey = lastProps[checked]),
+          nextProps.hasOwnProperty(checked) &&
+            propKey$215 !== propKey &&
+            (null != propKey$215 || null != propKey))
+        )
+          switch (checked) {
+            case "children":
+            case "dangerouslySetInnerHTML":
+              if (null != propKey$215)
+                throw Error(formatProdErrorMessage(137, tag));
+              break;
+            default:
+              setProp(
+                domElement,
+                tag,
+                checked,
+                propKey$215,
+                nextProps,
+                propKey
+              );
+          }
+      return;
+    default:
+      if (isCustomElement(tag)) {
+        for (var propKey$241 in lastProps)
+          (propKey$215 = lastProps[propKey$241]),
+            lastProps.hasOwnProperty(propKey$241) &&
+              null != propKey$215 &&
+              !nextProps.hasOwnProperty(propKey$241) &&
+              setPropOnCustomElement(
+                domElement,
+                tag,
+                propKey$241,
+                null,
+                nextProps,
+                propKey$215
+              );
+        for (defaultChecked in nextProps)
+          (propKey$215 = nextProps[defaultChecked]),
+            (propKey = lastProps[defaultChecked]),
+            !nextProps.hasOwnProperty(defaultChecked) ||
+              propKey$215 === propKey ||
+              (null == propKey$215 && null == propKey) ||
+              setPropOnCustomElement(
+                domElement,
+                tag,
+                defaultChecked,
+                propKey$215,
+                nextProps,
+                propKey
+              );
+        return;
+      }
+  }
+  for (var propKey$246 in lastProps)
+    (propKey$215 = lastProps[propKey$246]),
+      lastProps.hasOwnProperty(propKey$246) &&
+        null != propKey$215 &&
+        !nextProps.hasOwnProperty(propKey$246) &&
+        setProp(domElement, tag, propKey$246, null, nextProps, propKey$215);
+  for (lastProp in nextProps)
+    (propKey$215 = nextProps[lastProp]),
+      (propKey = lastProps[lastProp]),
+      !nextProps.hasOwnProperty(lastProp) ||
+        propKey$215 === propKey ||
+        (null == propKey$215 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$215, nextProps, propKey);
+}
+function updatePropertiesWithDiff(
+  domElement,
+  updatePayload,
+  tag,
+  lastProps,
+  nextProps
+) {
+  switch (tag) {
+    case "div":
+    case "span":
+    case "svg":
+    case "path":
+    case "a":
+    case "g":
+    case "p":
+    case "li":
+      break;
+    case "input":
+      for (
+        var name = nextProps.name,
+          type = nextProps.type,
+          value = nextProps.value,
+          defaultValue = nextProps.defaultValue,
+          lastDefaultValue = lastProps.defaultValue,
+          checked = nextProps.checked,
+          defaultChecked = nextProps.defaultChecked,
+          i = 0;
+        i < updatePayload.length;
+        i += 2
+      ) {
+        var propKey = updatePayload[i],
+          propValue = updatePayload[i + 1];
+        switch (propKey) {
+          case "type":
+            break;
+          case "name":
+            break;
+          case "checked":
+            break;
+          case "defaultChecked":
+            break;
+          case "value":
+            break;
+          case "defaultValue":
+            break;
+          case "children":
+          case "dangerouslySetInnerHTML":
+            if (null != propValue)
+              throw Error(formatProdErrorMessage(137, tag));
+            break;
+          default:
+            setProp(
+              domElement,
+              tag,
+              propKey,
+              propValue,
+              nextProps,
+              lastProps[propKey]
+            );
+        }
+      }
+      updateInput(
+        domElement,
+        value,
+        defaultValue,
+        lastDefaultValue,
+        checked,
+        defaultChecked,
+        type,
+        name
+      );
+      return;
+    case "select":
+      name = nextProps.value;
+      type = nextProps.defaultValue;
+      value = nextProps.multiple;
+      defaultValue = lastProps.multiple;
+      for (
+        lastDefaultValue = 0;
+        lastDefaultValue < updatePayload.length;
+        lastDefaultValue += 2
+      )
+        switch (
+          ((checked = updatePayload[lastDefaultValue]),
+          (defaultChecked = updatePayload[lastDefaultValue + 1]),
+          checked)
+        ) {
+          case "value":
+            break;
+          default:
+            setProp(
+              domElement,
+              tag,
+              checked,
+              defaultChecked,
+              nextProps,
+              lastProps[checked]
+            );
+        }
+      updateSelect(domElement, name, type, value, defaultValue);
+      return;
+    case "textarea":
+      name = nextProps.value;
+      type = nextProps.defaultValue;
+      for (value = 0; value < updatePayload.length; value += 2)
+        switch (
+          ((defaultValue = updatePayload[value]),
+          (lastDefaultValue = updatePayload[value + 1]),
+          defaultValue)
+        ) {
+          case "value":
+            break;
+          case "children":
+            break;
+          case "dangerouslySetInnerHTML":
+            if (null != lastDefaultValue)
+              throw Error(formatProdErrorMessage(91));
+            break;
+          default:
+            setProp(
+              domElement,
+              tag,
+              defaultValue,
+              lastDefaultValue,
+              nextProps,
+              lastProps[defaultValue]
+            );
+        }
+      updateTextarea(domElement, name, type);
+      return;
+    case "option":
+      for (name = 0; name < updatePayload.length; name += 2)
+        switch (
+          ((type = updatePayload[name]),
+          (value = updatePayload[name + 1]),
+          type)
+        ) {
+          case "selected":
+            domElement.selected =
+              value && "function" !== typeof value && "symbol" !== typeof value;
+            break;
+          default:
+            setProp(domElement, tag, type, value, nextProps, lastProps[type]);
+        }
+      return;
+    case "img":
+    case "link":
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "embed":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "source":
+    case "track":
+    case "wbr":
+    case "menuitem":
+      for (name = 0; name < updatePayload.length; name += 2)
+        switch (
+          ((type = updatePayload[name]),
+          (value = updatePayload[name + 1]),
+          type)
+        ) {
+          case "children":
+          case "dangerouslySetInnerHTML":
+            if (null != value) throw Error(formatProdErrorMessage(137, tag));
+            break;
+          default:
+            setProp(domElement, tag, type, value, nextProps, lastProps[type]);
+        }
+      return;
+    default:
+      if (isCustomElement(tag)) {
+        for (name = 0; name < updatePayload.length; name += 2)
+          (type = updatePayload[name]),
+            setPropOnCustomElement(
+              domElement,
+              tag,
+              type,
+              updatePayload[name + 1],
+              nextProps,
+              lastProps[type]
+            );
+        return;
+      }
+  }
+  for (name = 0; name < updatePayload.length; name += 2)
+    (type = updatePayload[name]),
+      setProp(
+        domElement,
+        tag,
+        type,
+        updatePayload[name + 1],
+        nextProps,
+        lastProps[type]
+      );
+}
+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,
@@ -15643,37 +15426,22 @@ function resolveSingletonInstance(type, props, rootContainerInstance) {
       throw Error(formatProdErrorMessage(451));
   }
 }
-var lastCurrentDocument = null,
-  previousDispatcher = null,
-  preloadPropsMap = new Map(),
+var preloadPropsMap = new Map(),
   preconnectsSet = new Set();
 function getHoistableRoot(container) {
   return "function" === typeof container.getRootNode
     ? container.getRootNode()
     : container.ownerDocument;
 }
-function getCurrentResourceRoot() {
-  var currentContainer = rootInstanceStackCursor.current;
-  return currentContainer ? getHoistableRoot(currentContainer) : null;
-}
-function getDocumentForPreloads() {
-  var root = getCurrentResourceRoot();
-  if (root) return root.ownerDocument || root;
-  try {
-    return lastCurrentDocument || window.document;
-  } catch (error) {
-    return null;
-  }
-}
 var ReactDOMClientDispatcher = {
-  prefetchDNS: prefetchDNS,
-  preconnect: preconnect,
-  preload: preload,
-  preinit: preinit
+  prefetchDNS: prefetchDNS$1,
+  preconnect: preconnect$1,
+  preload: preload$1,
+  preinit: preinit$1
 };
 function preconnectAs(rel, crossOrigin, href) {
-  var ownerDocument = getDocumentForPreloads();
-  if ("string" === typeof href && href && ownerDocument) {
+  var ownerDocument = document;
+  if ("string" === typeof href && href) {
     var limitedEscapedHref =
       escapeSelectorAttributeValueInsideDoubleQuotes(href);
     limitedEscapedHref =
@@ -15690,10 +15458,10 @@ function preconnectAs(rel, crossOrigin, href) {
         ownerDocument.head.appendChild(crossOrigin)));
   }
 }
-function prefetchDNS(href) {
+function prefetchDNS$1(href) {
   preconnectAs("dns-prefetch", null, href);
 }
-function preconnect(href, options) {
+function preconnect$1(href, options) {
   preconnectAs(
     "preconnect",
     null == options || "string" !== typeof options.crossOrigin
@@ -15704,8 +15472,8 @@ function preconnect(href, options) {
     href
   );
 }
-function preload(href, options) {
-  var ownerDocument = getDocumentForPreloads();
+function preload$1(href, options) {
+  var ownerDocument = document;
   if (
     "string" === typeof href &&
     href &&
@@ -15745,126 +15513,93 @@ function preload(href, options) {
         ownerDocument.head.appendChild(options)));
   }
 }
-function preinit(href, options) {
+function preinit$1(href, options) {
+  var ownerDocument = document;
   if (
     "string" === typeof href &&
     href &&
     "object" === typeof options &&
     null !== options
-  ) {
-    var resourceRoot = getCurrentResourceRoot(),
-      as = options.as;
-    if (resourceRoot)
-      switch (as) {
-        case "style":
-          as = getResourcesFromRoot(resourceRoot).hoistableStyles;
-          var key$281 = getStyleKey(href),
-            precedence = options.precedence || "default",
-            resource = as.get(key$281);
-          if (resource) break;
-          var state = { loading: 0, preload: null };
-          if (
-            (resource = resourceRoot.querySelector(
-              getStylesheetSelectorFromKey(key$281)
-            ))
-          )
-            state.loading = 1;
-          else {
-            href = {
-              rel: "stylesheet",
-              href: href,
-              "data-precedence": precedence,
-              crossOrigin: options.crossOrigin
-            };
-            (options = preloadPropsMap.get(key$281)) &&
-              adoptPreloadPropsForStylesheet(href, options);
-            var link = (resource = (
-              resourceRoot.ownerDocument || resourceRoot
-            ).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, resourceRoot);
-          }
-          resource = {
-            type: "stylesheet",
-            instance: resource,
-            count: 1,
-            state: state
-          };
-          as.set(key$281, resource);
-          break;
-        case "script":
-          (as = getResourcesFromRoot(resourceRoot).hoistableScripts),
-            (key$281 = getScriptKey(href)),
-            (precedence = as.get(key$281)),
-            precedence ||
-              ((precedence = resourceRoot.querySelector(
-                "script[async]" + key$281
-              )),
-              precedence ||
-                ((href = {
-                  src: href,
-                  async: !0,
-                  crossOrigin: options.crossOrigin,
-                  integrity: options.integrity
-                }),
-                (options = preloadPropsMap.get(key$281)) &&
-                  adoptPreloadPropsForScript(href, options),
-                (options = resourceRoot.ownerDocument || resourceRoot),
-                (precedence = options.createElement("script")),
-                markNodeAsHoistable(precedence),
-                setInitialProperties(precedence, "link", href),
-                options.head.appendChild(precedence)),
-              (precedence = {
-                type: "script",
-                instance: precedence,
-                count: 1,
-                state: null
-              }),
-              as.set(key$281, precedence));
-      }
-    else if ("style" === as || "script" === as)
-      if ((resourceRoot = getDocumentForPreloads())) {
-        key$281 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        precedence = key$281 =
-          'link[rel="preload"][as="' + as + '"][href="' + key$281 + '"]';
-        switch (as) {
-          case "style":
-            precedence = getStyleKey(href);
-            break;
-          case "script":
-            precedence = getScriptKey(href);
-        }
-        preloadPropsMap.has(precedence) ||
-          ((href = {
+  )
+    switch (options.as) {
+      case "style":
+        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
+          key = getStyleKey(href),
+          precedence = options.precedence || "default",
+          resource = styles.get(key);
+        if (resource) break;
+        var state = { loading: 0, preload: null };
+        if (
+          (resource = ownerDocument.querySelector(
+            getStylesheetSelectorFromKey(key)
+          ))
+        )
+          state.loading = 1;
+        else {
+          href = {
+            rel: "stylesheet",
             href: href,
-            rel: "preload",
-            as: as,
-            crossOrigin: "font" === as ? "" : options.crossOrigin,
-            integrity: options.integrity
-          }),
-          preloadPropsMap.set(precedence, href),
-          null === resourceRoot.querySelector(key$281) &&
-            ((options = resourceRoot.createElement("link")),
-            setInitialProperties(options, "link", href),
-            markNodeAsHoistable(options),
-            resourceRoot.head.appendChild(options)));
-      }
-  }
+            "data-precedence": precedence,
+            crossOrigin: options.crossOrigin
+          };
+          (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);
+        break;
+      case "script":
+        (styles = getResourcesFromRoot(ownerDocument).hoistableScripts),
+          (key = getScriptKey(href)),
+          (precedence = styles.get(key)),
+          precedence ||
+            ((precedence = ownerDocument.querySelector("script[async]" + key)),
+            precedence ||
+              ((href = {
+                src: href,
+                async: !0,
+                crossOrigin: options.crossOrigin,
+                integrity: options.integrity
+              }),
+              (options = preloadPropsMap.get(key)) &&
+                adoptPreloadPropsForScript(href, options),
+              (precedence = ownerDocument.createElement("script")),
+              markNodeAsHoistable(precedence),
+              setInitialProperties(precedence, "link", href),
+              ownerDocument.head.appendChild(precedence)),
+            (precedence = {
+              type: "script",
+              instance: precedence,
+              count: 1,
+              state: null
+            }),
+            styles.set(key, precedence));
+    }
 }
 function getResource(type, currentProps, pendingProps) {
-  currentProps = getCurrentResourceRoot();
+  currentProps = (currentProps = rootInstanceStackCursor.current)
+    ? getHoistableRoot(currentProps)
+    : null;
   if (!currentProps) throw Error(formatProdErrorMessage(446));
   switch (type) {
     case "meta":
@@ -15888,17 +15623,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$290 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$291 = styles$290.get(type);
-        resource$291 ||
+        var styles$280 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$281 = styles$280.get(type);
+        resource$281 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$291 = {
+          (resource$281 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$290.set(type, resource$291),
+          styles$280.set(type, resource$281),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -15913,9 +15648,9 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$291.state
+              resource$281.state
             ));
-        return resource$291;
+        return resource$281;
       }
       return null;
     case "script":
@@ -15933,7 +15668,7 @@ function getResource(type, currentProps, pendingProps) {
   }
 }
 function getStyleKey(href) {
-  return 'href~="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
+  return 'href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
 }
 function getStylesheetSelectorFromKey(key) {
   return 'link[rel="stylesheet"][' + key + "]";
@@ -15969,54 +15704,62 @@ function acquireResource(hoistableRoot, resource, props) {
   if (null === resource.instance)
     switch (resource.type) {
       case "style":
-        var key = getStyleKey(props.href);
-        if ((key = hoistableRoot.querySelector("style[data-" + key + "]")))
-          return (resource.instance = key), markNodeAsHoistable(key), key;
+        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
         });
-        key = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
+        instance = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
           "style"
         );
-        markNodeAsHoistable(key);
-        setInitialProperties(key, "style", styleProps);
-        insertStylesheet(key, props.precedence, hoistableRoot);
-        return (resource.instance = key);
+        markNodeAsHoistable(instance);
+        setInitialProperties(instance, "style", styleProps);
+        insertStylesheet(instance, props.precedence, hoistableRoot);
+        return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$296 = hoistableRoot.querySelector(
+        var instance$285 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$296)
+        if (instance$285)
           return (
-            (resource.instance = instance$296),
-            markNodeAsHoistable(instance$296),
-            instance$296
+            (resource.instance = instance$285),
+            markNodeAsHoistable(instance$285),
+            instance$285
           );
-        key = stylesheetPropsFromRawProps(props);
+        instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
-          adoptPreloadPropsForStylesheet(key, styleProps);
-        instance$296 = (
+          adoptPreloadPropsForStylesheet(instance, styleProps);
+        instance$285 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$296);
-        var linkInstance = instance$296;
+        markNodeAsHoistable(instance$285);
+        var linkInstance = instance$285;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$296, "link", key);
+        setInitialProperties(instance$285, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$296, props.precedence, hoistableRoot);
-        return (resource.instance = instance$296);
+        insertStylesheet(instance$285, props.precedence, hoistableRoot);
+        return (resource.instance = instance$285);
       case "script":
-        instance$296 = getScriptKey(props.src);
+        instance$285 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$296
+            "script[async]" + instance$285
           ))
         )
           return (
@@ -16024,14 +15767,14 @@ function acquireResource(hoistableRoot, resource, props) {
             markNodeAsHoistable(styleProps),
             styleProps
           );
-        key = props;
-        if ((styleProps = preloadPropsMap.get(instance$296)))
-          (key = assign({}, props)),
-            adoptPreloadPropsForScript(key, styleProps);
+        instance = props;
+        if ((styleProps = preloadPropsMap.get(instance$285)))
+          (instance = assign({}, props)),
+            adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
         styleProps = hoistableRoot.createElement("script");
         markNodeAsHoistable(styleProps);
-        setInitialProperties(styleProps, "link", key);
+        setInitialProperties(styleProps, "link", instance);
         hoistableRoot.head.appendChild(styleProps);
         return (resource.instance = styleProps);
       case "void":
@@ -16042,9 +15785,9 @@ function acquireResource(hoistableRoot, resource, props) {
   else
     "stylesheet" === resource.type &&
       0 === (resource.state.loading & 4) &&
-      ((key = resource.instance),
+      ((instance = resource.instance),
       (resource.state.loading |= 4),
-      insertStylesheet(key, props.precedence, hoistableRoot));
+      insertStylesheet(instance, props.precedence, hoistableRoot));
   return resource.instance;
 }
 function insertStylesheet(instance, precedence, root) {
@@ -16120,18 +15863,8 @@ function mountHoistable(hoistableRoot, type, instance) {
     "title" === type ? hoistableRoot.querySelector("head > title") : null
   );
 }
-var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n"\\]/g;
-function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
-  return value.replace(
-    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
-    function (ch) {
-      return "\\" + ch.charCodeAt(0).toString(16);
-    }
-  );
-}
 function isHostHoistableType(type, props, hostContext) {
-  if ("http://www.w3.org/2000/svg" === hostContext || null != props.itemProp)
-    return !1;
+  if (1 === hostContext || null != props.itemProp) return !1;
   switch (type) {
     case "meta":
     case "title":
@@ -16414,7 +16147,7 @@ var hasScheduledReplayAttempt = !1,
   queuedPointerCaptures = new Map(),
   queuedExplicitHydrationTargets = [],
   discreteReplayableEvents =
-    "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(
+    "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(
       " "
     );
 function clearIfContinuousEvent(domEventName, nativeEvent) {
@@ -16564,10 +16297,8 @@ function attemptExplicitHydrationTarget(queuedTarget) {
             if (13 === nearestMounted.tag) {
               var lane = requestUpdateLane(nearestMounted),
                 root = enqueueConcurrentRenderForLane(nearestMounted, lane);
-              if (null !== root) {
-                var eventTime = requestEventTime();
-                scheduleUpdateOnFiber(root, nearestMounted, lane, eventTime);
-              }
+              null !== root &&
+                scheduleUpdateOnFiber(root, nearestMounted, lane);
               markRetryLaneIfNotHydrated(nearestMounted, lane);
             }
           });
@@ -16780,32 +16511,38 @@ function dispatchEvent(
       );
   }
 }
-var return_targetInst = null;
 function findInstanceBlockingEvent(nativeEvent) {
-  return_targetInst = null;
   nativeEvent = getEventTarget(nativeEvent);
-  nativeEvent = getClosestInstanceFromNode(nativeEvent);
-  if (null !== nativeEvent) {
-    var nearestMounted = getNearestMountedFiber(nativeEvent);
-    if (null === nearestMounted) nativeEvent = null;
-    else {
-      var tag = nearestMounted.tag;
-      if (13 === tag) {
-        nativeEvent = getSuspenseInstanceFromFiber(nearestMounted);
-        if (null !== nativeEvent) return nativeEvent;
-        nativeEvent = null;
-      } else if (3 === tag) {
-        if (nearestMounted.stateNode.current.memoizedState.isDehydrated)
-          return 3 === nearestMounted.tag
-            ? nearestMounted.stateNode.containerInfo
-            : null;
-        nativeEvent = null;
-      } else nearestMounted !== nativeEvent && (nativeEvent = null);
+  a: {
+    return_targetInst = null;
+    nativeEvent = getClosestInstanceFromNode(nativeEvent);
+    if (null !== nativeEvent) {
+      var nearestMounted = getNearestMountedFiber(nativeEvent);
+      if (null === nearestMounted) nativeEvent = null;
+      else {
+        var tag = nearestMounted.tag;
+        if (13 === tag) {
+          nativeEvent = getSuspenseInstanceFromFiber(nearestMounted);
+          if (null !== nativeEvent) break a;
+          nativeEvent = null;
+        } else if (3 === tag) {
+          if (nearestMounted.stateNode.current.memoizedState.isDehydrated) {
+            nativeEvent =
+              3 === nearestMounted.tag
+                ? nearestMounted.stateNode.containerInfo
+                : null;
+            break a;
+          }
+          nativeEvent = null;
+        } else nearestMounted !== nativeEvent && (nativeEvent = null);
+      }
     }
+    return_targetInst = nativeEvent;
+    nativeEvent = null;
   }
-  return_targetInst = nativeEvent;
-  return null;
+  return nativeEvent;
 }
+var return_targetInst = null;
 function getEventPriority(domEventName) {
   switch (domEventName) {
     case "cancel":
@@ -16898,6 +16635,251 @@ function getEventPriority(domEventName) {
       return 32;
   }
 }
+var Internals = {
+    usingClientEntryPoint: !1,
+    Events: null,
+    Dispatcher: { current: null }
+  },
+  Dispatcher$1 = Internals.Dispatcher;
+"undefined" !== typeof document &&
+  (Dispatcher$1.current = ReactDOMClientDispatcher);
+var defaultOnRecoverableError =
+  "function" === typeof reportError
+    ? reportError
+    : function (error) {
+        console.error(error);
+      };
+function ReactDOMRoot(internalRoot) {
+  this._internalRoot = internalRoot;
+}
+ReactDOMHydrationRoot.prototype.render = ReactDOMRoot.prototype.render =
+  function (children) {
+    var root = this._internalRoot;
+    if (null === root) throw Error(formatProdErrorMessage(409));
+    updateContainer(children, root, null, null);
+  };
+ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
+  function () {
+    var root = this._internalRoot;
+    if (null !== root) {
+      this._internalRoot = null;
+      var container = root.containerInfo;
+      flushSync$1(function () {
+        updateContainer(null, root, null, null);
+      });
+      container[internalContainerInstanceKey] = null;
+    }
+  };
+function ReactDOMHydrationRoot(internalRoot) {
+  this._internalRoot = internalRoot;
+}
+ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
+  if (target) {
+    var updatePriority = currentUpdatePriority;
+    target = { blockedOn: null, target: target, priority: updatePriority };
+    for (
+      var i = 0;
+      i < queuedExplicitHydrationTargets.length &&
+      0 !== updatePriority &&
+      updatePriority < queuedExplicitHydrationTargets[i].priority;
+      i++
+    );
+    queuedExplicitHydrationTargets.splice(i, 0, target);
+    0 === i && attemptExplicitHydrationTarget(target);
+  }
+};
+function isValidContainer(node) {
+  return !(
+    !node ||
+    (1 !== node.nodeType &&
+      9 !== node.nodeType &&
+      11 !== node.nodeType &&
+      (8 !== node.nodeType ||
+        " react-mount-point-unstable " !== node.nodeValue))
+  );
+}
+function isValidContainerLegacy(node) {
+  return !(
+    !node ||
+    (1 !== node.nodeType &&
+      9 !== node.nodeType &&
+      11 !== node.nodeType &&
+      (8 !== node.nodeType ||
+        " react-mount-point-unstable " !== node.nodeValue))
+  );
+}
+function noopOnRecoverableError() {}
+function legacyCreateRootFromDOMContainer(
+  container,
+  initialChildren,
+  parentComponent,
+  callback,
+  isHydrationContainer
+) {
+  if (isHydrationContainer) {
+    if ("function" === typeof callback) {
+      var originalCallback = callback;
+      callback = function () {
+        var instance = getPublicRootInstance(root$305);
+        originalCallback.call(instance);
+      };
+    }
+    var root$305 = createHydrationContainer(
+      initialChildren,
+      callback,
+      container,
+      0,
+      null,
+      !1,
+      !1,
+      "",
+      noopOnRecoverableError,
+      null
+    );
+    container._reactRootContainer = root$305;
+    container[internalContainerInstanceKey] = root$305.current;
+    listenToAllSupportedEvents(
+      8 === container.nodeType ? container.parentNode : container
+    );
+    flushSync$1();
+    return root$305;
+  }
+  clearContainer(container);
+  if ("function" === typeof callback) {
+    var originalCallback$306 = callback;
+    callback = function () {
+      var instance = getPublicRootInstance(root$307);
+      originalCallback$306.call(instance);
+    };
+  }
+  var root$307 = createFiberRoot(
+    container,
+    0,
+    !1,
+    null,
+    null,
+    !1,
+    !1,
+    "",
+    noopOnRecoverableError,
+    null
+  );
+  container._reactRootContainer = root$307;
+  container[internalContainerInstanceKey] = root$307.current;
+  listenToAllSupportedEvents(
+    8 === container.nodeType ? container.parentNode : container
+  );
+  flushSync$1(function () {
+    updateContainer(initialChildren, root$307, parentComponent, callback);
+  });
+  return root$307;
+}
+function legacyRenderSubtreeIntoContainer(
+  parentComponent,
+  children,
+  container,
+  forceHydrate,
+  callback
+) {
+  var maybeRoot = container._reactRootContainer;
+  if (maybeRoot) {
+    var root = maybeRoot;
+    if ("function" === typeof callback) {
+      var originalCallback = callback;
+      callback = function () {
+        var instance = getPublicRootInstance(root);
+        originalCallback.call(instance);
+      };
+    }
+    updateContainer(children, root, parentComponent, callback);
+  } else
+    root = legacyCreateRootFromDOMContainer(
+      container,
+      children,
+      parentComponent,
+      callback,
+      forceHydrate
+    );
+  return getPublicRootInstance(root);
+}
+function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
+  if (
+    1 !== target.nodeType &&
+    "function" !== typeof target.getChildContextValues
+  )
+    if ("function" === typeof target.addEventListener) {
+      var eventSystemFlags = 1,
+        listenerSet = getEventListenerSet(target),
+        listenerSetKey =
+          domEventName + "__" + (isCapturePhaseListener ? "capture" : "bubble");
+      listenerSet.has(listenerSetKey) ||
+        (isCapturePhaseListener && (eventSystemFlags |= 4),
+        addTrappedEventListener(
+          target,
+          domEventName,
+          eventSystemFlags,
+          isCapturePhaseListener
+        ),
+        listenerSet.add(listenerSetKey));
+    } else throw Error(formatProdErrorMessage(369));
+}
+var Dispatcher = Internals.Dispatcher;
+Internals.Events = [
+  getInstanceFromNode,
+  getNodeFromInstance,
+  getFiberCurrentPropsFromNode,
+  enqueueStateRestore,
+  restoreStateIfNeeded,
+  batchedUpdates$1
+];
+var devToolsConfig$jscomp$inline_1884 = {
+  findFiberByHostInstance: getClosestInstanceFromNode,
+  bundleType: 0,
+  version: "18.3.0-www-classic-0a3d97ff",
+  rendererPackageName: "react-dom"
+};
+var internals$jscomp$inline_2253 = {
+  bundleType: devToolsConfig$jscomp$inline_1884.bundleType,
+  version: devToolsConfig$jscomp$inline_1884.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1884.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1884.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_1884.findFiberByHostInstance ||
+    emptyFindFiberByHostInstance,
+  findHostInstancesForRefresh: null,
+  scheduleRefresh: null,
+  scheduleRoot: null,
+  setRefreshHandler: null,
+  getCurrentFiber: null,
+  reconcilerVersion: "18.3.0-www-classic-0a3d97ff"
+};
+if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
+  var hook$jscomp$inline_2254 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (
+    !hook$jscomp$inline_2254.isDisabled &&
+    hook$jscomp$inline_2254.supportsFiber
+  )
+    try {
+      (rendererID = hook$jscomp$inline_2254.inject(
+        internals$jscomp$inline_2253
+      )),
+        (injectedHook = hook$jscomp$inline_2254);
+    } catch (err) {}
+}
 assign(Internals, {
   ReactBrowserEventEmitter: {
     isEnabled: function () {
@@ -16964,6 +16946,9 @@ exports.createTestNameSelector = function (id) {
 exports.createTextSelector = function (text) {
   return { $$typeof: TEXT_TYPE, value: text };
 };
+exports.experimental_useFormStatus = function () {
+  throw Error(formatProdErrorMessage(248));
+};
 exports.findAllNodes = findAllNodes;
 exports.findBoundingRects = function (hostRoot, selectors) {
   selectors = findAllNodes(hostRoot, selectors);
@@ -17179,21 +17164,21 @@ exports.observeVisibleRects = function (
     }
   };
 };
-exports.preconnect = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preconnect.apply(this, arguments);
+exports.preconnect = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preconnect(href, options);
 };
-exports.prefetchDNS = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.prefetchDNS.apply(this, arguments);
+exports.prefetchDNS = function (href) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.prefetchDNS(href);
 };
-exports.preinit = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preinit.apply(this, arguments);
+exports.preinit = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preinit(href, options);
 };
-exports.preload = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preload.apply(this, arguments);
+exports.preload = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preload(href, options);
 };
 exports.render = function (element, container, callback) {
   if (!isValidContainerLegacy(container))
@@ -17274,4 +17259,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-classic-daf8f3c7";
+exports.version = "18.3.0-www-classic-0a3d97ff";
diff --git a/compiled/facebook-www/ReactDOMTesting-prod.modern.js b/compiled/facebook-www/ReactDOMTesting-prod.modern.js
index 8957dedbdd..f3b9cc46b4 100644
--- a/compiled/facebook-www/ReactDOMTesting-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMTesting-prod.modern.js
@@ -64,14 +64,30 @@ function pushHostContainer(fiber, nextRootInstance) {
     case 9:
     case 11:
       nextRootInstance = (nextRootInstance = nextRootInstance.documentElement)
-        ? nextRootInstance.namespaceURI
-        : getChildNamespace(null, "");
+        ? (nextRootInstance = nextRootInstance.namespaceURI)
+          ? getOwnHostContext(nextRootInstance)
+          : 0
+        : 0;
       break;
     default:
-      (fiber = 8 === fiber ? nextRootInstance.parentNode : nextRootInstance),
-        (nextRootInstance = fiber.namespaceURI || null),
-        (fiber = fiber.tagName),
-        (nextRootInstance = getChildNamespace(nextRootInstance, fiber));
+      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);
@@ -83,7 +99,7 @@ function popHostContainer() {
 }
 function pushHostContext(fiber) {
   var context = contextStackCursor.current;
-  var JSCompiler_inline_result = getChildNamespace(context, fiber.type);
+  var JSCompiler_inline_result = getChildHostContextProd(context, fiber.type);
   context !== JSCompiler_inline_result &&
     (push(contextFiberStackCursor, fiber),
     push(contextStackCursor, JSCompiler_inline_result));
@@ -98,8 +114,6 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"),
   disableIEWorkarounds = dynamicFeatureFlags.disableIEWorkarounds,
   enableTrustedTypesIntegration =
     dynamicFeatureFlags.enableTrustedTypesIntegration,
-  revertRemovalOfSiblingPrerendering =
-    dynamicFeatureFlags.revertRemovalOfSiblingPrerendering,
   enableLegacyFBSupport = dynamicFeatureFlags.enableLegacyFBSupport,
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableUseRefAccessWarning = dynamicFeatureFlags.enableUseRefAccessWarning,
@@ -113,6 +127,8 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"),
   enableDeferRootSchedulingToMicrotask =
     dynamicFeatureFlags.enableDeferRootSchedulingToMicrotask,
   diffInCommitPhase = dynamicFeatureFlags.diffInCommitPhase,
+  enableAsyncActions = dynamicFeatureFlags.enableAsyncActions,
+  alwaysThrottleRetries = dynamicFeatureFlags.alwaysThrottleRetries,
   scheduleCallback$3 = Scheduler.unstable_scheduleCallback,
   cancelCallback$1 = Scheduler.unstable_cancelCallback,
   shouldYield = Scheduler.unstable_shouldYield,
@@ -310,13 +326,10 @@ function createLaneMap(initial) {
   for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane;
   536870912 !== updateLane &&
     ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  root = root.eventTimes;
-  updateLane = 31 - clz32(updateLane);
-  root[updateLane] = eventTime;
 }
 function markRootFinished(root, remainingLanes) {
   var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
@@ -328,22 +341,20 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   remainingLanes = root.entanglements;
-  var eventTimes = root.eventTimes,
-    expirationTimes = root.expirationTimes;
+  var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$4 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$4;
-    remainingLanes[index$4] = 0;
-    eventTimes[index$4] = -1;
-    expirationTimes[index$4] = -1;
-    var hiddenUpdatesForLane = root[index$4];
+    var index$3 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$3;
+    remainingLanes[index$3] = 0;
+    expirationTimes[index$3] = -1;
+    var hiddenUpdatesForLane = root[index$3];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$4] = null, index$4 = 0;
-        index$4 < hiddenUpdatesForLane.length;
-        index$4++
+        root[index$3] = null, index$3 = 0;
+        index$3 < hiddenUpdatesForLane.length;
+        index$3++
       ) {
-        var update = hiddenUpdatesForLane[index$4];
+        var update = hiddenUpdatesForLane[index$3];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -352,21 +363,21 @@ function markRootFinished(root, remainingLanes) {
 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$4 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$4;
+    (lane & entangledLanes) | (root[index$4] & entangledLanes) &&
+      (root[index$4] |= entangledLanes);
     rootEntangledLanes &= ~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$6 = 31 - clz32(lanes),
+      lane = 1 << index$6;
+    index$6 = root.transitionLanes[index$6];
+    null !== index$6 &&
+      index$6.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -376,10 +387,10 @@ 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$7 = 31 - clz32(lanes),
+        lane = 1 << index$7;
+      null !== root.transitionLanes[index$7] &&
+        (root.transitionLanes[index$7] = null);
       lanes &= ~lane;
     }
 }
@@ -632,8 +643,8 @@ function setValueForAttribute(node, name, value) {
           node.removeAttribute(name);
           return;
         case "boolean":
-          var prefix$9 = name.toLowerCase().slice(0, 5);
-          if ("data-" !== prefix$9 && "aria-" !== prefix$9) {
+          var prefix$8 = name.toLowerCase().slice(0, 5);
+          if ("data-" !== prefix$8 && "aria-" !== prefix$8) {
             node.removeAttribute(name);
             return;
           }
@@ -746,16 +757,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$10) {
-          control = x$10;
+        } catch (x$9) {
+          control = x$9;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$11) {
-        control = x$11;
+      } catch (x$10) {
+        control = x$10;
       }
       fn();
     }
@@ -964,6 +975,15 @@ function getActiveElement(doc) {
     return doc.body;
   }
 }
+var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n"\\]/g;
+function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
+  return value.replace(
+    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
+    function (ch) {
+      return "\\" + ch.charCodeAt(0).toString(16) + " ";
+    }
+  );
+}
 function updateInput(
   element,
   value,
@@ -971,8 +991,16 @@ function updateInput(
   lastDefaultValue,
   checked,
   defaultChecked,
-  type
+  type,
+  name
 ) {
+  element.name = "";
+  null != type &&
+  "function" !== typeof type &&
+  "symbol" !== typeof type &&
+  "boolean" !== typeof type
+    ? (element.type = type)
+    : element.removeAttribute("type");
   if (null != value)
     if ("number" === type) {
       if ((0 === value && "" === element.value) || element.value != value)
@@ -980,10 +1008,8 @@ function updateInput(
     } else
       element.value !== "" + getToStringValue(value) &&
         (element.value = "" + getToStringValue(value));
-  else if ("submit" === type || "reset" === type) {
-    element.removeAttribute("value");
-    return;
-  }
+  else
+    ("submit" !== type && "reset" !== type) || element.removeAttribute("value");
   disableInputAttributeSyncing
     ? null != defaultValue
       ? setDefaultValue(element, type, getToStringValue(defaultValue))
@@ -1003,6 +1029,12 @@ function updateInput(
   null != checked &&
     element.checked !== !!checked &&
     (element.checked = checked);
+  null != name &&
+  "function" !== typeof name &&
+  "symbol" !== typeof name &&
+  "boolean" !== typeof name
+    ? (element.name = "" + getToStringValue(name))
+    : element.removeAttribute("name");
 }
 function initInput(
   element,
@@ -1011,8 +1043,14 @@ function initInput(
   checked,
   defaultChecked,
   type,
+  name,
   isHydrating
 ) {
+  null != type &&
+    "function" !== typeof type &&
+    "symbol" !== typeof type &&
+    "boolean" !== typeof type &&
+    (element.type = type);
   if (null != value || null != defaultValue) {
     if (
       (type = "submit" === type || "reset" === type) &&
@@ -1033,16 +1071,17 @@ function initInput(
       ? null != defaultValue && (element.defaultValue = defaultValueStr)
       : (element.defaultValue = initialValue);
   }
-  value = element.name;
-  "" !== value && (element.name = "");
-  checked = null != checked ? checked : defaultChecked;
-  checked =
-    "function" !== typeof checked && "symbol" !== typeof checked && !!checked;
-  isHydrating || (element.checked = !!checked);
+  value = null != checked ? checked : defaultChecked;
+  value = "function" !== typeof value && "symbol" !== typeof value && !!value;
+  isHydrating || (element.checked = !!value);
   disableInputAttributeSyncing
     ? null != defaultChecked && (element.defaultChecked = !!defaultChecked)
-    : (element.defaultChecked = !!checked);
-  "" !== value && (element.name = value);
+    : (element.defaultChecked = !!value);
+  null != name &&
+    "function" !== typeof name &&
+    "symbol" !== typeof name &&
+    "boolean" !== typeof name &&
+    (element.name = name);
 }
 function setDefaultValue(node, type, value) {
   ("number" === type && getActiveElement(node.ownerDocument) === node) ||
@@ -1106,28 +1145,6 @@ function initTextarea(element, value, defaultValue) {
     null !== value &&
     (element.value = value);
 }
-function getChildNamespace(parentNamespace, type) {
-  if (
-    null == parentNamespace ||
-    "http://www.w3.org/1999/xhtml" === parentNamespace
-  ) {
-    a: switch (type) {
-      case "svg":
-        parentNamespace = "http://www.w3.org/2000/svg";
-        break a;
-      case "math":
-        parentNamespace = "http://www.w3.org/1998/Math/MathML";
-        break a;
-      default:
-        parentNamespace = "http://www.w3.org/1999/xhtml";
-    }
-    return parentNamespace;
-  }
-  return "http://www.w3.org/2000/svg" === parentNamespace &&
-    "foreignObject" === type
-    ? "http://www.w3.org/1999/xhtml"
-    : parentNamespace;
-}
 var reusableSVGContainer;
 function setInnerHTMLImpl(node, html) {
   if ("http://www.w3.org/2000/svg" !== node.namespaceURI || "innerHTML" in node)
@@ -1199,15 +1216,15 @@ function setValueForStyles(node, styles, prevStyles) {
           : "float" === styleName
           ? (node.cssFloat = "")
           : (node[styleName] = ""));
-    for (var styleName$15 in styles)
-      (styleName = styles[styleName$15]),
-        styles.hasOwnProperty(styleName$15) &&
-          prevStyles[styleName$15] !== styleName &&
-          setValueForStyle(node, styleName$15, styleName);
+    for (var styleName$14 in styles)
+      (styleName = styles[styleName$14]),
+        styles.hasOwnProperty(styleName$14) &&
+          prevStyles[styleName$14] !== styleName &&
+          setValueForStyle(node, styleName$14, styleName);
   } else
-    for (var styleName$16 in styles)
-      styles.hasOwnProperty(styleName$16) &&
-        setValueForStyle(node, styleName$16, styles[styleName$16]);
+    for (var styleName$15 in styles)
+      styles.hasOwnProperty(styleName$15) &&
+        setValueForStyle(node, styleName$15, styles[styleName$15]);
 }
 function isCustomElement(tagName) {
   if (-1 === tagName.indexOf("-")) return !1;
@@ -1334,15 +1351,18 @@ function restoreStateOfTarget(target) {
           props.defaultValue,
           props.checked,
           props.defaultChecked,
-          props.type
+          props.type,
+          props.name
         );
         internalInstance = props.name;
         if ("radio" === props.type && null != internalInstance) {
           for (props = target; props.parentNode; ) props = props.parentNode;
           props = props.querySelectorAll(
-            "input[name=" +
-              JSON.stringify("" + internalInstance) +
-              '][type="radio"]'
+            'input[name="' +
+              escapeSelectorAttributeValueInsideDoubleQuotes(
+                "" + internalInstance
+              ) +
+              '"][type="radio"]'
           );
           for (
             internalInstance = 0;
@@ -1361,7 +1381,8 @@ function restoreStateOfTarget(target) {
                 otherProps.defaultValue,
                 otherProps.checked,
                 otherProps.defaultChecked,
-                otherProps.type
+                otherProps.type,
+                otherProps.name
               );
             }
           }
@@ -1452,36 +1473,36 @@ function findCurrentFiberUsingSlowPath(fiber) {
     }
     if (a.return !== b.return) (a = parentA), (b = parentB);
     else {
-      for (var didFindChild = !1, child$18 = parentA.child; child$18; ) {
-        if (child$18 === a) {
+      for (var didFindChild = !1, child$17 = parentA.child; child$17; ) {
+        if (child$17 === a) {
           didFindChild = !0;
           a = parentA;
           b = parentB;
           break;
         }
-        if (child$18 === b) {
+        if (child$17 === b) {
           didFindChild = !0;
           b = parentA;
           a = parentB;
           break;
         }
-        child$18 = child$18.sibling;
+        child$17 = child$17.sibling;
       }
       if (!didFindChild) {
-        for (child$18 = parentB.child; child$18; ) {
-          if (child$18 === a) {
+        for (child$17 = parentB.child; child$17; ) {
+          if (child$17 === a) {
             didFindChild = !0;
             a = parentB;
             b = parentA;
             break;
           }
-          if (child$18 === b) {
+          if (child$17 === b) {
             didFindChild = !0;
             b = parentB;
             a = parentA;
             break;
           }
-          child$18 = child$18.sibling;
+          child$17 = child$17.sibling;
         }
         if (!didFindChild) throw Error(formatProdErrorMessage(189));
       }
@@ -1725,7 +1746,6 @@ function prepareToHydrateHostInstance(fiber) {
       break;
     case "input":
       listenToNonDelegatedEvent("invalid", instance);
-      track(instance);
       initInput(
         instance,
         props.value,
@@ -1733,16 +1753,18 @@ function prepareToHydrateHostInstance(fiber) {
         props.checked,
         props.defaultChecked,
         props.type,
+        props.name,
         !0
       );
+      track(instance);
       break;
     case "select":
       listenToNonDelegatedEvent("invalid", instance);
       break;
     case "textarea":
       listenToNonDelegatedEvent("invalid", instance),
-        track(instance),
-        initTextarea(instance, props.value, props.defaultValue);
+        initTextarea(instance, props.value, props.defaultValue),
+        track(instance);
   }
   i = null;
   var children = props.children;
@@ -3077,6 +3099,267 @@ function resetWorkInProgressVersions() {
     workInProgressSources[i]._workInProgressVersionPrimary = null;
   workInProgressSources.length = 0;
 }
+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) {
+    var workInProgressRoot$jscomp$0 = workInProgressRoot,
+      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
+      errors = null;
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root$43 = firstScheduledRoot; null !== root$43; ) {
+        if (
+          (!onlyLegacy || 0 === root$43.tag) &&
+          0 !==
+            (getNextLanes(
+              root$43,
+              root$43 === workInProgressRoot$jscomp$0
+                ? workInProgressRootRenderLanes$jscomp$0
+                : 0
+            ) &
+              3)
+        )
+          try {
+            didPerformSomeWork = !0;
+            var root = root$43;
+            if (0 !== (executionContext & 6))
+              throw Error(formatProdErrorMessage(327));
+            flushPassiveEffects();
+            var lanes = getNextLanes(root, 0);
+            if (0 !== (lanes & 3)) {
+              var exitStatus = renderRootSync(root, lanes);
+              if (0 !== root.tag && 2 === exitStatus) {
+                var originallyAttemptedLanes = lanes,
+                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                    root,
+                    originallyAttemptedLanes
+                  );
+                0 !== errorRetryLanes &&
+                  ((lanes = errorRetryLanes),
+                  (exitStatus = recoverFromConcurrentError(
+                    root,
+                    originallyAttemptedLanes,
+                    errorRetryLanes
+                  )));
+              }
+              if (1 === exitStatus)
+                throw (
+                  ((originallyAttemptedLanes = workInProgressRootFatalError),
+                  prepareFreshStack(root, 0),
+                  markRootSuspended(root, lanes),
+                  ensureRootIsScheduled(root),
+                  originallyAttemptedLanes)
+                );
+              6 === exitStatus
+                ? markRootSuspended(root, lanes)
+                : ((root.finishedWork = root.current.alternate),
+                  (root.finishedLanes = lanes),
+                  commitRoot(
+                    root,
+                    workInProgressRootRecoverableErrors,
+                    workInProgressTransitions
+                  ));
+            }
+            ensureRootIsScheduled(root);
+          } catch (error) {
+            null === errors ? (errors = [error]) : errors.push(error);
+          }
+        root$43 = root$43.next;
+      }
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+    if (null !== errors) {
+      if (1 < errors.length) {
+        if ("function" === typeof AggregateError)
+          throw new AggregateError(errors);
+        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
+          scheduleImmediateTask(throwError.bind(null, errors[onlyLegacy]));
+      }
+      throw errors[0];
+    }
+  }
+}
+function throwError(error) {
+  throw error;
+}
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next;
+    0 !== currentEventTransitionLane &&
+      window.event &&
+      "popstate" === window.event.type &&
+      markRootEntangled(root, currentEventTransitionLane | 2);
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === nextLanes
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
+  }
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
+}
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  for (
+    var suspendedLanes = root.suspendedLanes,
+      pingedLanes = root.pingedLanes,
+      expirationTimes = root.expirationTimes,
+      lanes = root.pendingLanes & -125829121;
+    0 < lanes;
+
+  ) {
+    var index$1 = 31 - clz32(lanes),
+      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);
+    lanes &= ~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 536870912:
+      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 currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    null !== actionReturnValue &&
+    "object" === typeof actionReturnValue &&
+    "function" === typeof actionReturnValue.then
+  ) {
+    if (null === currentAsyncAction) {
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: !1,
+        reason: void 0,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(actionReturnValue, asyncAction);
+      return (currentAsyncAction = asyncAction);
+    }
+    var asyncAction$45 = currentAsyncAction;
+    attachPingListeners(actionReturnValue, asyncAction$45);
+    return asyncAction$45;
+  }
+  return null === currentAsyncAction ? !1 : currentAsyncAction;
+}
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "fulfilled"),
+        completeAsyncActionScope(asyncAction));
+    },
+    function (error) {
+      0 === --asyncAction.count &&
+        ((asyncAction.status = "rejected"),
+        (asyncAction.reason = error),
+        completeAsyncActionScope(asyncAction));
+    }
+  );
+  return asyncAction;
+}
+function completeAsyncActionScope(action) {
+  currentAsyncAction === action && (currentAsyncAction = null);
+  var listeners = action.listeners;
+  action.listeners = [];
+  for (action = 0; action < listeners.length; action++)
+    (0, listeners[action])(!1);
+}
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig,
   renderLanes$1 = 0,
@@ -3237,20 +3520,21 @@ var createFunctionComponentUpdateQueue;
 createFunctionComponentUpdateQueue = function () {
   return { lastEffect: null, events: null, stores: null, memoCache: null };
 };
+function useThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+  null === thenableState && (thenableState = []);
+  thenable = trackUsedThenable(thenableState, thenable, index);
+  null === currentlyRenderingFiber$1.alternate &&
+    (null === workInProgressHook
+      ? null === currentlyRenderingFiber$1.memoizedState
+      : null === workInProgressHook.next) &&
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
+  return thenable;
+}
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
-    if ("function" === typeof usable.then) {
-      var index$44 = thenableIndexCounter;
-      thenableIndexCounter += 1;
-      null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$44);
-      null === currentlyRenderingFiber$1.alternate &&
-        (null === workInProgressHook
-          ? null === currentlyRenderingFiber$1.memoizedState
-          : null === workInProgressHook.next) &&
-        (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
-      return usable;
-    }
+    if ("function" === typeof usable.then) return useThenable(usable);
     if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -3547,7 +3831,7 @@ function checkIfSnapshotChanged(inst) {
 }
 function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, 2);
-  null !== root && scheduleUpdateOnFiber(root, fiber, 2, -1);
+  null !== root && scheduleUpdateOnFiber(root, fiber, 2);
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
@@ -3712,7 +3996,15 @@ function startTransition(setPending, callback, options) {
     ((ReactCurrentBatchConfig$3.transition.name = options.name),
     (ReactCurrentBatchConfig$3.transition.startTime = now()));
   try {
-    setPending(!1), callback();
+    if (enableAsyncActions) {
+      var returnValue = callback(),
+        isPending = requestAsyncActionContext(returnValue);
+      setPending(isPending);
+    } else setPending(!1), callback();
+  } catch (error) {
+    if (enableAsyncActions)
+      setPending({ then: function () {}, status: "rejected", reason: error });
+    else throw error;
   } finally {
     (currentUpdatePriority = previousPriority),
       (ReactCurrentBatchConfig$3.transition = prevTransition);
@@ -3731,16 +4023,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$50 = enqueueUpdate(provider, fiber, lane);
-        if (null !== root$50) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root$50, provider, lane, eventTime);
-          entangleTransitions(root$50, provider, lane);
-        }
+        var root$51 = enqueueUpdate(provider, fiber, lane);
+        null !== root$51 &&
+          (scheduleUpdateOnFiber(root$51, provider, lane),
+          entangleTransitions(root$51, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$50 &&
+          null !== root$51 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -3757,16 +4047,13 @@ function dispatchReducerAction(fiber, queue, action) {
     eagerState: null,
     next: null
   };
-  if (isRenderPhaseUpdate(fiber)) enqueueRenderPhaseUpdate(queue, action);
-  else if (
-    (enqueueUpdate$1(fiber, queue, action, lane),
-    (action = getRootForUpdatedFiber(fiber)),
-    null !== action)
-  ) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(action, fiber, lane, eventTime);
-    entangleTransitionUpdate(action, queue, lane);
-  }
+  isRenderPhaseUpdate(fiber)
+    ? enqueueRenderPhaseUpdate(queue, action)
+    : (enqueueUpdate$1(fiber, queue, action, lane),
+      (action = getRootForUpdatedFiber(fiber)),
+      null !== action &&
+        (scheduleUpdateOnFiber(action, fiber, lane),
+        entangleTransitionUpdate(action, queue, lane)));
 }
 function dispatchSetState(fiber, queue, action) {
   var lane = requestUpdateLane(fiber),
@@ -3801,8 +4088,7 @@ function dispatchSetState(fiber, queue, action) {
     enqueueUpdate$1(fiber, queue, update, lane);
     action = getRootForUpdatedFiber(fiber);
     null !== action &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(action, fiber, lane, update),
+      (scheduleUpdateOnFiber(action, fiber, lane),
       entangleTransitionUpdate(action, queue, lane));
   }
 }
@@ -3833,6 +4119,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 }
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -3851,11 +4138,11 @@ var ContextOnlyDispatcher = {
   useId: throwInvalidHookError
 };
 ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
-ContextOnlyDispatcher.use = throwInvalidHookError;
 ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
 ContextOnlyDispatcher.useEffectEvent = throwInvalidHookError;
 var HooksDispatcherOnMount = {
   readContext: readContext,
+  use: use,
   useCallback: function (callback, deps) {
     mountWorkInProgressHook().memoizedState = [
       callback,
@@ -3923,11 +4210,10 @@ var HooksDispatcherOnMount = {
     return (mountWorkInProgressHook().memoizedState = value);
   },
   useTransition: function () {
-    var _mountState = mountState(!1),
-      isPending = _mountState[0];
-    _mountState = startTransition.bind(null, _mountState[1]);
-    mountWorkInProgressHook().memoizedState = _mountState;
-    return [isPending, _mountState];
+    var setPending = mountState(!1)[1];
+    setPending = startTransition.bind(null, setPending);
+    mountWorkInProgressHook().memoizedState = setPending;
+    return [!1, setPending];
   },
   useMutableSource: function (source, getSnapshot, subscribe) {
     var hook = mountWorkInProgressHook();
@@ -3947,15 +4233,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$46 = workInProgressRoot;
-      if (null === root$46) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$46, renderLanes$1) ||
+      var root$47 = workInProgressRoot;
+      if (null === root$47) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$47, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$46 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$46;
-    mountEffect(subscribeToStore.bind(null, fiber, root$46, subscribe), [
+    root$47 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$47;
+    mountEffect(subscribeToStore.bind(null, fiber, root$47, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -3964,7 +4250,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$46,
+        root$47,
         getServerSnapshot,
         getSnapshot
       ),
@@ -4006,7 +4292,6 @@ var HooksDispatcherOnMount = {
     ));
   }
 };
-HooksDispatcherOnMount.use = use;
 HooksDispatcherOnMount.useMemoCache = useMemoCache;
 HooksDispatcherOnMount.useEffectEvent = function (callback) {
   var hook = mountWorkInProgressHook(),
@@ -4019,6 +4304,7 @@ HooksDispatcherOnMount.useEffectEvent = function (callback) {
 };
 var HooksDispatcherOnUpdate = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -4037,9 +4323,14 @@ var HooksDispatcherOnUpdate = {
     return updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = updateReducer(basicStateReducer)[0],
+    var booleanOrThenable = updateReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
@@ -4047,10 +4338,10 @@ var HooksDispatcherOnUpdate = {
 };
 HooksDispatcherOnUpdate.useCacheRefresh = updateRefresh;
 HooksDispatcherOnUpdate.useMemoCache = useMemoCache;
-HooksDispatcherOnUpdate.use = use;
 HooksDispatcherOnUpdate.useEffectEvent = updateEvent;
 var HooksDispatcherOnRerender = {
   readContext: readContext,
+  use: use,
   useCallback: updateCallback,
   useContext: readContext,
   useEffect: updateEffect,
@@ -4071,16 +4362,20 @@ var HooksDispatcherOnRerender = {
       : updateDeferredValueImpl(hook, currentHook.memoizedState, value);
   },
   useTransition: function () {
-    var isPending = rerenderReducer(basicStateReducer)[0],
+    var booleanOrThenable = rerenderReducer(basicStateReducer)[0],
       start = updateWorkInProgressHook().memoizedState;
-    return [isPending, start];
+    return [
+      "boolean" === typeof booleanOrThenable
+        ? booleanOrThenable
+        : useThenable(booleanOrThenable),
+      start
+    ];
   },
   useMutableSource: updateMutableSource,
   useSyncExternalStore: updateSyncExternalStore,
   useId: updateId
 };
 HooksDispatcherOnRerender.useCacheRefresh = updateRefresh;
-HooksDispatcherOnRerender.use = use;
 HooksDispatcherOnRerender.useMemoCache = useMemoCache;
 HooksDispatcherOnRerender.useEffectEvent = updateEvent;
 function resolveDefaultProps(Component, baseProps) {
@@ -4124,8 +4419,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
   },
   enqueueReplaceState: function (inst, payload, callback) {
@@ -4137,8 +4431,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     payload = enqueueUpdate(inst, update, lane);
     null !== payload &&
-      ((callback = requestEventTime()),
-      scheduleUpdateOnFiber(payload, inst, lane, callback),
+      (scheduleUpdateOnFiber(payload, inst, lane),
       entangleTransitions(payload, inst, lane));
   },
   enqueueForceUpdate: function (inst, callback) {
@@ -4149,8 +4442,7 @@ var classComponentUpdater = {
     void 0 !== callback && null !== callback && (update.callback = callback);
     callback = enqueueUpdate(inst, update, lane);
     null !== callback &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(callback, inst, lane, update),
+      (scheduleUpdateOnFiber(callback, inst, lane),
       entangleTransitions(callback, inst, lane));
   }
 };
@@ -4448,10 +4740,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$61 = workInProgress.stateNode;
+      root$62 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$61.incompleteTransitions.has(transition)) {
+        if (!root$62.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4459,11 +4751,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$61.incompleteTransitions.set(transition, markerInstance);
+          root$62.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$61.incompleteTransitions.forEach(function (markerInstance) {
+    root$62.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5128,14 +5420,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$68 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$68)
+    var dehydrated$69 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$69)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$68,
+        dehydrated$69,
         JSCompiler_temp,
         renderLanes
       );
@@ -5145,7 +5437,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$68 = JSCompiler_temp.sibling;
+    dehydrated$69 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5154,8 +5446,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$68
-      ? (showFallback = createWorkInProgress(dehydrated$68, showFallback))
+    null !== dehydrated$69
+      ? (showFallback = createWorkInProgress(dehydrated$69, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5174,10 +5466,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$68 = CacheContext._currentValue),
+          ? ((dehydrated$69 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$68
-                ? { parent: dehydrated$68, pool: dehydrated$68 }
+              JSCompiler_temp.parent !== dehydrated$69
+                ? { parent: dehydrated$69, pool: dehydrated$69 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5191,23 +5483,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$68 = showFallback.updateQueue),
+        (dehydrated$69 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$68
+        null === dehydrated$69
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$68 === primaryChildProps
+          : dehydrated$69 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$68.transitions = didSuspend),
-            (dehydrated$68.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$69.transitions = didSuspend),
+            (dehydrated$69.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -5428,7 +5720,7 @@ function updateDehydratedSuspenseComponent(
         throw (
           ((suspenseState.retryLane = suspenseInstance),
           enqueueConcurrentRenderForLane(current, suspenseInstance),
-          scheduleUpdateOnFiber(nextProps, current, suspenseInstance, -1),
+          scheduleUpdateOnFiber(nextProps, current, suspenseInstance),
           SelectiveHydrationException)
         );
     }
@@ -5996,7 +6288,7 @@ var AbortControllerLocal =
             });
           };
         },
-  scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+  scheduleCallback$1 = Scheduler.unstable_scheduleCallback,
   NormalPriority = Scheduler.unstable_NormalPriority,
   CacheContext = {
     $$typeof: REACT_CONTEXT_TYPE,
@@ -6018,7 +6310,7 @@ function createCache() {
 function releaseCache(cache) {
   cache.refCount--;
   0 === cache.refCount &&
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
 }
@@ -6270,14 +6562,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$99 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$99 = lastTailNode),
+        for (var lastTailNode$100 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$100 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$99
+        null === lastTailNode$100
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$99.sibling = null);
+          : (lastTailNode$100.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6287,19 +6579,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$100 = completedWork.child; null !== child$100; )
-      (newChildLanes |= child$100.lanes | child$100.childLanes),
-        (subtreeFlags |= child$100.subtreeFlags & 31457280),
-        (subtreeFlags |= child$100.flags & 31457280),
-        (child$100.return = completedWork),
-        (child$100 = child$100.sibling);
+    for (var child$101 = completedWork.child; null !== child$101; )
+      (newChildLanes |= child$101.lanes | child$101.childLanes),
+        (subtreeFlags |= child$101.subtreeFlags & 31457280),
+        (subtreeFlags |= child$101.flags & 31457280),
+        (child$101.return = completedWork),
+        (child$101 = child$101.sibling);
   else
-    for (child$100 = completedWork.child; null !== child$100; )
-      (newChildLanes |= child$100.lanes | child$100.childLanes),
-        (subtreeFlags |= child$100.subtreeFlags),
-        (subtreeFlags |= child$100.flags),
-        (child$100.return = completedWork),
-        (child$100 = child$100.sibling);
+    for (child$101 = completedWork.child; null !== child$101; )
+      (newChildLanes |= child$101.lanes | child$101.childLanes),
+        (subtreeFlags |= child$101.subtreeFlags),
+        (subtreeFlags |= child$101.flags),
+        (child$101.return = completedWork),
+        (child$101 = child$101.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -6435,9 +6727,17 @@ function completeWork(current, workInProgress, renderLanes) {
             rootInstanceStackCursor.current
           );
           switch (current) {
-            case "http://www.w3.org/2000/svg":
-            case "http://www.w3.org/1998/Math/MathML":
-              current = nextResource.createElementNS(current, renderLanes);
+            case 1:
+              current = nextResource.createElementNS(
+                "http://www.w3.org/2000/svg",
+                renderLanes
+              );
+              break;
+            case 2:
+              current = nextResource.createElementNS(
+                "http://www.w3.org/1998/Math/MathML",
+                renderLanes
+              );
               break;
             default:
               switch (renderLanes) {
@@ -7018,8 +7318,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$129) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$129);
+      } catch (error$130) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$130);
       }
     else ref.current = null;
 }
@@ -7056,7 +7356,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$194) {
+          } catch (e$192) {
             JSCompiler_temp = null;
             break a;
           }
@@ -7335,11 +7635,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$131) {
+          } catch (error$132) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$131
+              error$132
             );
           }
         }
@@ -7935,7 +8235,7 @@ function detachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility |= 2),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachOffscreenInstance(instance) {
@@ -7945,7 +8245,7 @@ function attachOffscreenInstance(instance) {
     var root = enqueueConcurrentRenderForLane(fiber, 2);
     null !== root &&
       ((instance._pendingVisibility &= -3),
-      scheduleUpdateOnFiber(root, fiber, 2, -1));
+      scheduleUpdateOnFiber(root, fiber, 2));
   }
 }
 function attachSuspenseRetryListeners(finishedWork, wakeables) {
@@ -8019,8 +8319,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$144) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$144);
+        } catch (error$145) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$145);
         }
       }
       break;
@@ -8202,11 +8502,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                   newProps
                 );
             domElement[internalPropsKey] = newProps;
-          } catch (error$145) {
+          } catch (error$146) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$145
+              error$146
             );
           }
       break;
@@ -8242,8 +8542,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$146) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$146);
+        } catch (error$147) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$147);
         }
       }
       if (
@@ -8268,8 +8568,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 root
               ),
             (flags[internalPropsKey] = root);
-        } catch (error$149) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$149);
+        } catch (error$150) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$150);
         }
       break;
     case 6:
@@ -8282,8 +8582,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$150) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$150);
+        } catch (error$151) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
         }
       }
       break;
@@ -8297,8 +8597,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$151) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
+        } catch (error$152) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$152);
         }
       break;
     case 4:
@@ -8328,8 +8628,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$153) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
+        } catch (error$154) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$154);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -8407,11 +8707,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$134) {
+              } catch (error$135) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$134
+                  error$135
                 );
               }
           } else if (
@@ -8486,21 +8786,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$135 = JSCompiler_inline_result.stateNode;
+            var parent$136 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$135, ""),
+              (setTextContent(parent$136, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$136 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$136, parent$135);
+            var before$137 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$137, parent$136);
             break;
           case 3:
           case 4:
-            var parent$137 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$138 = getHostSibling(finishedWork);
+            var parent$138 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$139 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$138,
-              parent$137
+              before$139,
+              parent$138
             );
             break;
           default:
@@ -8970,9 +9270,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$163 = finishedWork.stateNode;
+        var instance$164 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$163._visibility & 4
+          ? instance$164._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -8985,7 +9285,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$163._visibility |= 4),
+            : ((instance$164._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -8993,7 +9293,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$163._visibility |= 4),
+          : ((instance$164._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9006,7 +9306,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$163
+            instance$164
           );
         break;
       case 24:
@@ -9521,206 +9821,7 @@ function schedulePostPaintCallback(callback) {
       callbacks = [];
     }));
 }
-var firstScheduledRoot = null,
-  lastScheduledRoot = null,
-  didScheduleMicrotask = !1,
-  mightHavePendingSyncWork = !1,
-  isFlushingWork = !1;
-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) {
-    var workInProgressRoot$jscomp$0 = workInProgressRoot,
-      workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes,
-      errors = null;
-    isFlushingWork = !0;
-    do {
-      var didPerformSomeWork = !1;
-      for (var root$172 = firstScheduledRoot; null !== root$172; ) {
-        if (
-          (!onlyLegacy || 0 === root$172.tag) &&
-          0 !==
-            (getNextLanes(
-              root$172,
-              root$172 === workInProgressRoot$jscomp$0
-                ? workInProgressRootRenderLanes$jscomp$0
-                : 0
-            ) &
-              3)
-        )
-          try {
-            didPerformSomeWork = !0;
-            var root = root$172;
-            if (0 !== (executionContext & 6))
-              throw Error(formatProdErrorMessage(327));
-            flushPassiveEffects();
-            var lanes = getNextLanes(root, 0);
-            if (0 !== (lanes & 3)) {
-              var exitStatus = renderRootSync(root, lanes);
-              if (0 !== root.tag && 2 === exitStatus) {
-                var originallyAttemptedLanes = lanes,
-                  errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-                    root,
-                    originallyAttemptedLanes
-                  );
-                0 !== errorRetryLanes &&
-                  ((lanes = errorRetryLanes),
-                  (exitStatus = recoverFromConcurrentError(
-                    root,
-                    originallyAttemptedLanes,
-                    errorRetryLanes
-                  )));
-              }
-              if (1 === exitStatus)
-                throw (
-                  ((originallyAttemptedLanes = workInProgressRootFatalError),
-                  prepareFreshStack(root, 0),
-                  markRootSuspended(root, lanes),
-                  ensureRootIsScheduled(root),
-                  originallyAttemptedLanes)
-                );
-              6 === exitStatus
-                ? markRootSuspended(root, lanes)
-                : ((root.finishedWork = root.current.alternate),
-                  (root.finishedLanes = lanes),
-                  commitRoot(
-                    root,
-                    workInProgressRootRecoverableErrors,
-                    workInProgressTransitions
-                  ));
-            }
-            ensureRootIsScheduled(root);
-          } catch (error) {
-            null === errors ? (errors = [error]) : errors.push(error);
-          }
-        root$172 = root$172.next;
-      }
-    } while (didPerformSomeWork);
-    isFlushingWork = !1;
-    if (null !== errors) {
-      if (1 < errors.length) {
-        if ("function" === typeof AggregateError)
-          throw new AggregateError(errors);
-        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
-          scheduleImmediateTask(throwError.bind(null, errors[onlyLegacy]));
-      }
-      throw errors[0];
-    }
-  }
-}
-function throwError(error) {
-  throw error;
-}
-function processRootScheduleInMicrotask() {
-  mightHavePendingSyncWork = didScheduleMicrotask = !1;
-  for (
-    var currentTime = now(), prev = null, root = firstScheduledRoot;
-    null !== root;
-
-  ) {
-    var next = root.next,
-      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
-    0 === nextLanes
-      ? ((root.next = null),
-        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
-        null === next && (lastScheduledRoot = prev))
-      : ((prev = root),
-        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
-    root = next;
-  }
-  flushSyncWorkAcrossRoots_impl(!1);
-}
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  for (
-    var suspendedLanes = root.suspendedLanes,
-      pingedLanes = root.pingedLanes,
-      expirationTimes = root.expirationTimes,
-      lanes = root.pendingLanes & -125829121;
-    0 < lanes;
-
-  ) {
-    var index$2 = 31 - clz32(lanes),
-      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);
-    lanes &= ~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 536870912:
-      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();
-  });
-}
-var ceil = Math.ceil,
-  PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
   ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
   ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
@@ -9815,25 +9916,15 @@ var hasUncaughtError = !1,
   pendingPassiveEffectsRemainingLanes = 0,
   pendingPassiveTransitions = null,
   nestedUpdateCount = 0,
-  rootWithNestedUpdates = null,
-  currentEventTime = -1,
-  currentEventTransitionLane = 0;
-function requestEventTime() {
-  return 0 !== (executionContext & 6)
-    ? now()
-    : -1 !== currentEventTime
-    ? currentEventTime
-    : (currentEventTime = now());
-}
+  rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
   if (0 === (fiber.mode & 1)) return 2;
   if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
     return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
   if (null !== ReactCurrentBatchConfig$2.transition)
     return (
-      0 === currentEventTransitionLane &&
-        (currentEventTransitionLane = claimNextTransitionLane()),
-      currentEventTransitionLane
+      (fiber = currentAsyncAction),
+      null !== fiber ? fiber.lane : requestTransitionLane()
     );
   fiber = currentUpdatePriority;
   if (0 !== fiber) return fiber;
@@ -9841,29 +9932,30 @@ function requestUpdateLane(fiber) {
   fiber = void 0 === fiber ? 32 : getEventPriority(fiber.type);
   return fiber;
 }
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   if (
     (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
     null !== root.cancelPendingCommit
   )
     prepareFreshStack(root, 0),
       markRootSuspended(root, workInProgressRootRenderLanes);
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot) {
-    if (
-      enableTransitionTracing &&
-      ((eventTime = ReactCurrentBatchConfig$1.transition),
-      null !== eventTime &&
-        null != eventTime.name &&
-        (-1 === eventTime.startTime && (eventTime.startTime = now()),
-        enableTransitionTracing))
-    ) {
-      var transitionLanesMap = root.transitionLanes,
-        index$6 = 31 - clz32(lane),
-        transitions = transitionLanesMap[index$6];
-      null === transitions && (transitions = new Set());
-      transitions.add(eventTime);
-      transitionLanesMap[index$6] = transitions;
+    if (enableTransitionTracing) {
+      var transition = ReactCurrentBatchConfig$1.transition;
+      if (
+        null !== transition &&
+        null != transition.name &&
+        (-1 === transition.startTime && (transition.startTime = now()),
+        enableTransitionTracing)
+      ) {
+        var transitionLanesMap = root.transitionLanes,
+          index$5 = 31 - clz32(lane),
+          transitions = transitionLanesMap[index$5];
+        null === transitions && (transitions = new Set());
+        transitions.add(transition);
+        transitionLanesMap[index$5] = transitions;
+      }
     }
     root === workInProgressRoot &&
       (0 === (executionContext & 2) &&
@@ -9879,8 +9971,6 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
   }
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
-  currentEventTime = -1;
-  currentEventTransitionLane = 0;
   if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327));
   var originalCallbackNode = root.callbackNode;
   if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
@@ -9930,16 +10020,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$175 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$174 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$175 &&
-            ((lanes = errorRetryLanes$175),
+          0 !== errorRetryLanes$174 &&
+            ((lanes = errorRetryLanes$174),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$175
+              errorRetryLanes$174
             )));
         }
         if (1 === exitStatus)
@@ -9953,109 +10043,52 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
       }
       root.finishedWork = didTimeout;
       root.finishedLanes = lanes;
-      switch (exitStatus) {
-        case 0:
-        case 1:
-          throw Error(formatProdErrorMessage(345));
-        case 2:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 3:
-          markRootSuspended(root, lanes);
-          if (
-            (lanes & 125829120) === lanes &&
-            ((exitStatus = globalMostRecentFallbackTime + 500 - now()),
-            10 < exitStatus)
-          ) {
-            if (0 !== getNextLanes(root, 0)) break;
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+      a: {
+        switch (exitStatus) {
+          case 0:
+          case 1:
+            throw Error(formatProdErrorMessage(345));
+          case 4:
+            if ((lanes & 8388480) === lanes) {
+              markRootSuspended(root, lanes);
+              break a;
+            }
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        case 4:
-          markRootSuspended(root, lanes);
-          if ((lanes & 8388480) === lanes) break;
-          exitStatus = lanes;
-          errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$175 = -1; 0 < exitStatus; ) {
-            var index$1 = 31 - clz32(exitStatus),
-              lane = 1 << index$1;
-            index$1 = errorRetryLanes[index$1];
-            index$1 > errorRetryLanes$175 && (errorRetryLanes$175 = index$1);
-            exitStatus &= ~lane;
-          }
-          exitStatus = errorRetryLanes$175;
-          exitStatus = now() - exitStatus;
-          exitStatus =
-            (120 > exitStatus
-              ? 120
-              : 480 > exitStatus
-              ? 480
-              : 1080 > exitStatus
-              ? 1080
-              : 1920 > exitStatus
-              ? 1920
-              : 3e3 > exitStatus
-              ? 3e3
-              : 4320 > exitStatus
-              ? 4320
-              : 1960 * ceil(exitStatus / 1960)) - exitStatus;
-          if (10 < exitStatus) {
-            root.timeoutHandle = scheduleTimeout(
-              commitRootWhenReady.bind(
-                null,
-                root,
-                didTimeout,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions,
-                lanes
-              ),
-              exitStatus
-            );
+          case 2:
+          case 3:
+          case 5:
             break;
-          }
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
+          default:
+            throw Error(formatProdErrorMessage(329));
+        }
+        if (
+          (lanes & 125829120) === lanes &&
+          (alwaysThrottleRetries || 3 === exitStatus) &&
+          ((exitStatus = globalMostRecentFallbackTime + 500 - now()),
+          10 < exitStatus)
+        ) {
+          markRootSuspended(root, lanes);
+          if (0 !== getNextLanes(root, 0)) break a;
+          root.timeoutHandle = scheduleTimeout(
+            commitRootWhenReady.bind(
+              null,
+              root,
+              didTimeout,
+              workInProgressRootRecoverableErrors,
+              workInProgressTransitions,
+              lanes
+            ),
+            exitStatus
           );
-          break;
-        case 5:
-          commitRootWhenReady(
-            root,
-            didTimeout,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions,
-            lanes
-          );
-          break;
-        default:
-          throw Error(formatProdErrorMessage(329));
+          break a;
+        }
+        commitRootWhenReady(
+          root,
+          didTimeout,
+          workInProgressRootRecoverableErrors,
+          workInProgressTransitions,
+          lanes
+        );
       }
     }
   }
@@ -10112,20 +10145,12 @@ function commitRootWhenReady(
     null !== finishedWork)
   ) {
     root.cancelPendingCommit = finishedWork(
-      commitRoot.bind(
-        null,
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      )
+      commitRoot.bind(null, root, recoverableErrors, transitions)
     );
+    markRootSuspended(root, lanes);
     return;
   }
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 function isRenderConsistentWithExternalStores(finishedWork) {
   for (var node = finishedWork; ; ) {
@@ -10167,9 +10192,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$3 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$3;
-    root[index$3] = -1;
+    var index$2 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$2;
+    root[index$2] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -10292,14 +10317,10 @@ function shouldRemainOnPreviousScreen() {
     ? !1
     : handler === shellBoundary;
 }
-function pushDispatcher(container) {
-  container = getHoistableRoot(container);
-  lastCurrentDocument = container.ownerDocument || container;
-  previousDispatcher = Dispatcher$1.current;
-  Dispatcher$1.current = ReactDOMClientDispatcher;
-  container = ReactCurrentDispatcher.current;
+function pushDispatcher() {
+  var prevDispatcher = ReactCurrentDispatcher.current;
   ReactCurrentDispatcher.current = ContextOnlyDispatcher;
-  return null === container ? ContextOnlyDispatcher : container;
+  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushCacheDispatcher() {
   var prevCacheDispatcher = ReactCurrentCache.current;
@@ -10316,7 +10337,7 @@ function renderDidSuspendDelayIfPossible() {
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= 2;
-  var prevDispatcher = pushDispatcher(root.containerInfo),
+  var prevDispatcher = pushDispatcher(),
     prevCacheDispatcher = pushCacheDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
@@ -10339,14 +10360,12 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$178) {
-      handleThrow(root, thrownValue$178);
+    } catch (thrownValue$176) {
+      handleThrow(root, thrownValue$176);
     }
   while (1);
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  Dispatcher$1.current = previousDispatcher;
-  previousDispatcher = null;
   ReactCurrentDispatcher.current = prevDispatcher;
   ReactCurrentCache.current = prevCacheDispatcher;
   if (null !== workInProgress) throw Error(formatProdErrorMessage(261));
@@ -10361,7 +10380,7 @@ function workLoopSync() {
 function renderRootConcurrent(root, lanes) {
   var prevExecutionContext = executionContext;
   executionContext |= 2;
-  var prevDispatcher = pushDispatcher(root.containerInfo),
+  var prevDispatcher = pushDispatcher(),
     prevCacheDispatcher = pushCacheDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
@@ -10446,13 +10465,11 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$180) {
-      handleThrow(root, thrownValue$180);
+    } catch (thrownValue$178) {
+      handleThrow(root, thrownValue$178);
     }
   while (1);
   resetContextDependencies();
-  Dispatcher$1.current = previousDispatcher;
-  previousDispatcher = null;
   ReactCurrentDispatcher.current = prevDispatcher;
   ReactCurrentCache.current = prevCacheDispatcher;
   executionContext = prevExecutionContext;
@@ -10510,6 +10527,8 @@ function replaySuspendedUnitOfWork(unitOfWork) {
         workInProgressRootRenderLanes
       );
       break;
+    case 5:
+      resetHooksOnUnwind();
     default:
       unwindInterruptedWork(current, unitOfWork),
         (unitOfWork = workInProgress =
@@ -10610,10 +10629,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$56 = offscreenQueue.retryQueue;
-                      null === retryQueue$56
+                      var retryQueue$57 = offscreenQueue.retryQueue;
+                      null === retryQueue$57
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$56.add(wakeable);
+                        : retryQueue$57.add(wakeable);
                     }
                   }
                   break;
@@ -10692,21 +10711,31 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
     } catch (error) {
       throw ((workInProgress = returnFiber), error);
     }
-    unitOfWork.flags & 32768
-      ? unwindUnitOfWork(unitOfWork)
-      : completeUnitOfWork(unitOfWork);
+    if (unitOfWork.flags & 32768)
+      a: {
+        do {
+          returnFiber = unwindWork(unitOfWork.alternate, unitOfWork);
+          if (null !== returnFiber) {
+            returnFiber.flags &= 32767;
+            workInProgress = returnFiber;
+            break a;
+          }
+          unitOfWork = unitOfWork.return;
+          null !== unitOfWork &&
+            ((unitOfWork.flags |= 32768),
+            (unitOfWork.subtreeFlags = 0),
+            (unitOfWork.deletions = null));
+          workInProgress = unitOfWork;
+        } while (null !== unitOfWork);
+        workInProgressRootExitStatus = 6;
+        workInProgress = null;
+      }
+    else completeUnitOfWork(unitOfWork);
   }
 }
 function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
   do {
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      0 !== (completedWork.flags & 32768)
-    ) {
-      unwindUnitOfWork(completedWork);
-      return;
-    }
     unitOfWork = completedWork.return;
     var next = completeWork(
       completedWork.alternate,
@@ -10726,29 +10755,6 @@ function completeUnitOfWork(unitOfWork) {
   } while (null !== completedWork);
   0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
 }
-function unwindUnitOfWork(unitOfWork) {
-  do {
-    var next = unwindWork(unitOfWork.alternate, unitOfWork);
-    if (null !== next) {
-      next.flags &= 32767;
-      workInProgress = next;
-      return;
-    }
-    next = unitOfWork.return;
-    null !== next &&
-      ((next.flags |= 32768), (next.subtreeFlags = 0), (next.deletions = null));
-    if (
-      revertRemovalOfSiblingPrerendering &&
-      ((unitOfWork = unitOfWork.sibling), null !== unitOfWork)
-    ) {
-      workInProgress = unitOfWork;
-      return;
-    }
-    workInProgress = unitOfWork = next;
-  } while (null !== unitOfWork);
-  workInProgressRootExitStatus = 6;
-  workInProgress = null;
-}
 function commitRoot(root, recoverableErrors, transitions) {
   var previousUpdateLanePriority = currentUpdatePriority,
     prevTransition = ReactCurrentBatchConfig$1.transition;
@@ -10810,12 +10816,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$184 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$182 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$184 &&
+    shouldFireAfterActiveInstanceBlur$182 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -10894,7 +10900,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$185 = rootWithPendingPassiveEffects,
+    var root$183 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -10910,7 +10916,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$185, remainingLanes);
+        releaseRootPooledCache(root$183, remainingLanes);
     }
   }
   return !1;
@@ -10956,10 +10962,8 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
   sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 2);
   rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
-  sourceFiber = requestEventTime();
   null !== rootFiber &&
-    (markRootUpdated(rootFiber, 2, sourceFiber),
-    ensureRootIsScheduled(rootFiber));
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
 }
 function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
   if (3 === sourceFiber.tag)
@@ -10993,9 +10997,8 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
             sourceFiber,
             2
           );
-          sourceFiber = requestEventTime();
           null !== nearestMountedAncestor &&
-            (markRootUpdated(nearestMountedAncestor, 2, sourceFiber),
+            (markRootUpdated(nearestMountedAncestor, 2),
             ensureRootIsScheduled(nearestMountedAncestor));
           break;
         }
@@ -11037,10 +11040,9 @@ function pingSuspendedRoot(root, wakeable, pingedLanes) {
 function retryTimedOutBoundary(boundaryFiber, retryLane) {
   0 === retryLane &&
     (retryLane = 0 === (boundaryFiber.mode & 1) ? 2 : claimNextRetryLane());
-  var eventTime = requestEventTime();
   boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
   null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane, eventTime),
+    (markRootUpdated(boundaryFiber, retryLane),
     ensureRootIsScheduled(boundaryFiber));
 }
 function retryDehydratedSuspenseBoundary(boundaryFiber) {
@@ -11994,7 +11996,6 @@ function FiberRootNode(
     this.cancelPendingCommit =
       null;
   this.callbackPriority = 0;
-  this.eventTimes = createLaneMap(0);
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
     this.errorRecoveryDisabledLanes =
@@ -12091,20 +12092,19 @@ function updateContainer(element, container, parentComponent, callback) {
   null !== callback && (container.callback = callback);
   element = enqueueUpdate(parentComponent, container, lane);
   null !== element &&
-    ((callback = requestEventTime()),
-    scheduleUpdateOnFiber(element, parentComponent, lane, callback),
+    (scheduleUpdateOnFiber(element, parentComponent, lane),
     entangleTransitions(element, parentComponent, lane));
   return lane;
 }
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$187 = fiber.stateNode;
-      if (root$187.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$187.pendingLanes);
+      var root$185 = fiber.stateNode;
+      if (root$185.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$185.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$187, lanes | 2),
-          ensureRootIsScheduled(root$187),
+          (markRootEntangled(root$185, lanes | 2),
+          ensureRootIsScheduled(root$185),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now() + 500),
             flushSyncWorkAcrossRoots_impl(!1)));
@@ -12113,10 +12113,7 @@ function attemptSynchronousHydration(fiber) {
     case 13:
       flushSync$1(function () {
         var root = enqueueConcurrentRenderForLane(fiber, 2);
-        if (null !== root) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, fiber, 2, eventTime);
-        }
+        null !== root && scheduleUpdateOnFiber(root, fiber, 2);
       }),
         markRetryLaneIfNotHydrated(fiber, 2);
   }
@@ -12135,10 +12132,7 @@ function markRetryLaneIfNotHydrated(fiber, retryLane) {
 function attemptContinuousHydration(fiber) {
   if (13 === fiber.tag) {
     var root = enqueueConcurrentRenderForLane(fiber, 134217728);
-    if (null !== root) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, 134217728, eventTime);
-    }
+    null !== root && scheduleUpdateOnFiber(root, fiber, 134217728);
     markRetryLaneIfNotHydrated(fiber, 134217728);
   }
 }
@@ -12211,552 +12205,6 @@ if (canUseDOM)
   } catch (e) {
     passiveBrowserEventsSupported = !1;
   }
-var hasScheduledReplayAttempt = !1,
-  queuedFocus = null,
-  queuedDrag = null,
-  queuedMouse = null,
-  queuedPointers = new Map(),
-  queuedPointerCaptures = new Map(),
-  queuedExplicitHydrationTargets = [],
-  discreteReplayableEvents =
-    "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(
-      " "
-    );
-function clearIfContinuousEvent(domEventName, nativeEvent) {
-  switch (domEventName) {
-    case "focusin":
-    case "focusout":
-      queuedFocus = null;
-      break;
-    case "dragenter":
-    case "dragleave":
-      queuedDrag = null;
-      break;
-    case "mouseover":
-    case "mouseout":
-      queuedMouse = null;
-      break;
-    case "pointerover":
-    case "pointerout":
-      queuedPointers.delete(nativeEvent.pointerId);
-      break;
-    case "gotpointercapture":
-    case "lostpointercapture":
-      queuedPointerCaptures.delete(nativeEvent.pointerId);
-  }
-}
-function accumulateOrCreateContinuousQueuedReplayableEvent(
-  existingQueuedEvent,
-  blockedOn,
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  if (
-    null === existingQueuedEvent ||
-    existingQueuedEvent.nativeEvent !== nativeEvent
-  )
-    return (
-      (existingQueuedEvent = {
-        blockedOn: blockedOn,
-        domEventName: domEventName,
-        eventSystemFlags: eventSystemFlags,
-        nativeEvent: nativeEvent,
-        targetContainers: [targetContainer]
-      }),
-      null !== blockedOn &&
-        ((blockedOn = getInstanceFromNode$1(blockedOn)),
-        null !== blockedOn && attemptContinuousHydration(blockedOn)),
-      existingQueuedEvent
-    );
-  existingQueuedEvent.eventSystemFlags |= eventSystemFlags;
-  blockedOn = existingQueuedEvent.targetContainers;
-  null !== targetContainer &&
-    -1 === blockedOn.indexOf(targetContainer) &&
-    blockedOn.push(targetContainer);
-  return existingQueuedEvent;
-}
-function queueIfContinuousEvent(
-  blockedOn,
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  switch (domEventName) {
-    case "focusin":
-      return (
-        (queuedFocus = accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedFocus,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          nativeEvent
-        )),
-        !0
-      );
-    case "dragenter":
-      return (
-        (queuedDrag = accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedDrag,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          nativeEvent
-        )),
-        !0
-      );
-    case "mouseover":
-      return (
-        (queuedMouse = accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedMouse,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          nativeEvent
-        )),
-        !0
-      );
-    case "pointerover":
-      var pointerId = nativeEvent.pointerId;
-      queuedPointers.set(
-        pointerId,
-        accumulateOrCreateContinuousQueuedReplayableEvent(
-          queuedPointers.get(pointerId) || null,
-          blockedOn,
-          domEventName,
-          eventSystemFlags,
-          targetContainer,
-          nativeEvent
-        )
-      );
-      return !0;
-    case "gotpointercapture":
-      return (
-        (pointerId = nativeEvent.pointerId),
-        queuedPointerCaptures.set(
-          pointerId,
-          accumulateOrCreateContinuousQueuedReplayableEvent(
-            queuedPointerCaptures.get(pointerId) || null,
-            blockedOn,
-            domEventName,
-            eventSystemFlags,
-            targetContainer,
-            nativeEvent
-          )
-        ),
-        !0
-      );
-  }
-  return !1;
-}
-function attemptExplicitHydrationTarget(queuedTarget) {
-  var targetInst = getClosestInstanceFromNode(queuedTarget.target);
-  if (null !== targetInst) {
-    var nearestMounted = getNearestMountedFiber(targetInst);
-    if (null !== nearestMounted)
-      if (((targetInst = nearestMounted.tag), 13 === targetInst)) {
-        if (
-          ((targetInst = getSuspenseInstanceFromFiber(nearestMounted)),
-          null !== targetInst)
-        ) {
-          queuedTarget.blockedOn = targetInst;
-          runWithPriority(queuedTarget.priority, function () {
-            if (13 === nearestMounted.tag) {
-              var lane = requestUpdateLane(nearestMounted),
-                root = enqueueConcurrentRenderForLane(nearestMounted, lane);
-              if (null !== root) {
-                var eventTime = requestEventTime();
-                scheduleUpdateOnFiber(root, nearestMounted, lane, eventTime);
-              }
-              markRetryLaneIfNotHydrated(nearestMounted, lane);
-            }
-          });
-          return;
-        }
-      } else if (
-        3 === targetInst &&
-        nearestMounted.stateNode.current.memoizedState.isDehydrated
-      ) {
-        queuedTarget.blockedOn =
-          3 === nearestMounted.tag
-            ? nearestMounted.stateNode.containerInfo
-            : null;
-        return;
-      }
-  }
-  queuedTarget.blockedOn = null;
-}
-function attemptReplayContinuousQueuedEvent(queuedEvent) {
-  if (null !== queuedEvent.blockedOn) return !1;
-  for (
-    var targetContainers = queuedEvent.targetContainers;
-    0 < targetContainers.length;
-
-  ) {
-    var nextBlockedOn = findInstanceBlockingEvent(queuedEvent.nativeEvent);
-    if (null === nextBlockedOn) {
-      nextBlockedOn = queuedEvent.nativeEvent;
-      var nativeEventClone = new nextBlockedOn.constructor(
-        nextBlockedOn.type,
-        nextBlockedOn
-      );
-      currentReplayingEvent = nativeEventClone;
-      nextBlockedOn.target.dispatchEvent(nativeEventClone);
-      currentReplayingEvent = null;
-    } else
-      return (
-        (targetContainers = getInstanceFromNode$1(nextBlockedOn)),
-        null !== targetContainers &&
-          attemptContinuousHydration(targetContainers),
-        (queuedEvent.blockedOn = nextBlockedOn),
-        !1
-      );
-    targetContainers.shift();
-  }
-  return !0;
-}
-function attemptReplayContinuousQueuedEventInMap(queuedEvent, key, map) {
-  attemptReplayContinuousQueuedEvent(queuedEvent) && map.delete(key);
-}
-function replayUnblockedEvents() {
-  hasScheduledReplayAttempt = !1;
-  null !== queuedFocus &&
-    attemptReplayContinuousQueuedEvent(queuedFocus) &&
-    (queuedFocus = null);
-  null !== queuedDrag &&
-    attemptReplayContinuousQueuedEvent(queuedDrag) &&
-    (queuedDrag = null);
-  null !== queuedMouse &&
-    attemptReplayContinuousQueuedEvent(queuedMouse) &&
-    (queuedMouse = null);
-  queuedPointers.forEach(attemptReplayContinuousQueuedEventInMap);
-  queuedPointerCaptures.forEach(attemptReplayContinuousQueuedEventInMap);
-}
-function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
-  queuedEvent.blockedOn === unblocked &&
-    ((queuedEvent.blockedOn = null),
-    hasScheduledReplayAttempt ||
-      ((hasScheduledReplayAttempt = !0),
-      Scheduler.unstable_scheduleCallback(
-        Scheduler.unstable_NormalPriority,
-        replayUnblockedEvents
-      )));
-}
-function retryIfBlockedOn(unblocked) {
-  function unblock(queuedEvent) {
-    return scheduleCallbackIfUnblocked(queuedEvent, unblocked);
-  }
-  null !== queuedFocus && scheduleCallbackIfUnblocked(queuedFocus, unblocked);
-  null !== queuedDrag && scheduleCallbackIfUnblocked(queuedDrag, unblocked);
-  null !== queuedMouse && scheduleCallbackIfUnblocked(queuedMouse, unblocked);
-  queuedPointers.forEach(unblock);
-  queuedPointerCaptures.forEach(unblock);
-  for (var i = 0; i < queuedExplicitHydrationTargets.length; i++) {
-    var queuedTarget = queuedExplicitHydrationTargets[i];
-    queuedTarget.blockedOn === unblocked && (queuedTarget.blockedOn = null);
-  }
-  for (
-    ;
-    0 < queuedExplicitHydrationTargets.length &&
-    ((i = queuedExplicitHydrationTargets[0]), null === i.blockedOn);
-
-  )
-    attemptExplicitHydrationTarget(i),
-      null === i.blockedOn && queuedExplicitHydrationTargets.shift();
-}
-var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
-  _enabled = !0;
-function createEventListenerWrapperWithPriority(
-  targetContainer,
-  domEventName,
-  eventSystemFlags
-) {
-  switch (getEventPriority(domEventName)) {
-    case 2:
-      var listenerWrapper = dispatchDiscreteEvent;
-      break;
-    case 8:
-      listenerWrapper = dispatchContinuousEvent;
-      break;
-    default:
-      listenerWrapper = dispatchEvent;
-  }
-  return listenerWrapper.bind(
-    null,
-    domEventName,
-    eventSystemFlags,
-    targetContainer
-  );
-}
-function dispatchDiscreteEvent(
-  domEventName,
-  eventSystemFlags,
-  container,
-  nativeEvent
-) {
-  var previousPriority = currentUpdatePriority,
-    prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = null;
-  try {
-    (currentUpdatePriority = 2),
-      dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
-  } finally {
-    (currentUpdatePriority = previousPriority),
-      (ReactCurrentBatchConfig.transition = prevTransition);
-  }
-}
-function dispatchContinuousEvent(
-  domEventName,
-  eventSystemFlags,
-  container,
-  nativeEvent
-) {
-  var previousPriority = currentUpdatePriority,
-    prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = null;
-  try {
-    (currentUpdatePriority = 8),
-      dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
-  } finally {
-    (currentUpdatePriority = previousPriority),
-      (ReactCurrentBatchConfig.transition = prevTransition);
-  }
-}
-function dispatchEvent(
-  domEventName,
-  eventSystemFlags,
-  targetContainer,
-  nativeEvent
-) {
-  if (_enabled) {
-    var blockedOn = findInstanceBlockingEvent(nativeEvent);
-    if (null === blockedOn)
-      dispatchEventForPluginEventSystem(
-        domEventName,
-        eventSystemFlags,
-        nativeEvent,
-        return_targetInst,
-        targetContainer
-      ),
-        clearIfContinuousEvent(domEventName, nativeEvent);
-    else if (
-      queueIfContinuousEvent(
-        blockedOn,
-        domEventName,
-        eventSystemFlags,
-        targetContainer,
-        nativeEvent
-      )
-    )
-      nativeEvent.stopPropagation();
-    else if (
-      (clearIfContinuousEvent(domEventName, nativeEvent),
-      eventSystemFlags & 4 &&
-        -1 < discreteReplayableEvents.indexOf(domEventName))
-    ) {
-      for (; null !== blockedOn; ) {
-        var fiber = getInstanceFromNode$1(blockedOn);
-        null !== fiber && attemptSynchronousHydration(fiber);
-        fiber = findInstanceBlockingEvent(nativeEvent);
-        null === fiber &&
-          dispatchEventForPluginEventSystem(
-            domEventName,
-            eventSystemFlags,
-            nativeEvent,
-            return_targetInst,
-            targetContainer
-          );
-        if (fiber === blockedOn) break;
-        blockedOn = fiber;
-      }
-      null !== blockedOn && nativeEvent.stopPropagation();
-    } else
-      dispatchEventForPluginEventSystem(
-        domEventName,
-        eventSystemFlags,
-        nativeEvent,
-        null,
-        targetContainer
-      );
-  }
-}
-var return_targetInst = null;
-function findInstanceBlockingEvent(nativeEvent) {
-  return_targetInst = null;
-  nativeEvent = getEventTarget(nativeEvent);
-  nativeEvent = getClosestInstanceFromNode(nativeEvent);
-  if (null !== nativeEvent) {
-    var nearestMounted = getNearestMountedFiber(nativeEvent);
-    if (null === nearestMounted) nativeEvent = null;
-    else {
-      var tag = nearestMounted.tag;
-      if (13 === tag) {
-        nativeEvent = getSuspenseInstanceFromFiber(nearestMounted);
-        if (null !== nativeEvent) return nativeEvent;
-        nativeEvent = null;
-      } else if (3 === tag) {
-        if (nearestMounted.stateNode.current.memoizedState.isDehydrated)
-          return 3 === nearestMounted.tag
-            ? nearestMounted.stateNode.containerInfo
-            : null;
-        nativeEvent = null;
-      } else nearestMounted !== nativeEvent && (nativeEvent = null);
-    }
-  }
-  return_targetInst = nativeEvent;
-  return null;
-}
-function getEventPriority(domEventName) {
-  switch (domEventName) {
-    case "cancel":
-    case "click":
-    case "close":
-    case "contextmenu":
-    case "copy":
-    case "cut":
-    case "auxclick":
-    case "dblclick":
-    case "dragend":
-    case "dragstart":
-    case "drop":
-    case "focusin":
-    case "focusout":
-    case "input":
-    case "invalid":
-    case "keydown":
-    case "keypress":
-    case "keyup":
-    case "mousedown":
-    case "mouseup":
-    case "paste":
-    case "pause":
-    case "play":
-    case "pointercancel":
-    case "pointerdown":
-    case "pointerup":
-    case "ratechange":
-    case "reset":
-    case "resize":
-    case "seeked":
-    case "submit":
-    case "touchcancel":
-    case "touchend":
-    case "touchstart":
-    case "volumechange":
-    case "change":
-    case "selectionchange":
-    case "textInput":
-    case "compositionstart":
-    case "compositionend":
-    case "compositionupdate":
-    case "beforeblur":
-    case "afterblur":
-    case "beforeinput":
-    case "blur":
-    case "fullscreenchange":
-    case "focus":
-    case "hashchange":
-    case "popstate":
-    case "select":
-    case "selectstart":
-      return 2;
-    case "drag":
-    case "dragenter":
-    case "dragexit":
-    case "dragleave":
-    case "dragover":
-    case "mousemove":
-    case "mouseout":
-    case "mouseover":
-    case "pointermove":
-    case "pointerout":
-    case "pointerover":
-    case "scroll":
-    case "toggle":
-    case "touchmove":
-    case "wheel":
-    case "mouseenter":
-    case "mouseleave":
-    case "pointerenter":
-    case "pointerleave":
-      return 8;
-    case "message":
-      switch (getCurrentPriorityLevel()) {
-        case ImmediatePriority:
-          return 2;
-        case UserBlockingPriority:
-          return 8;
-        case NormalPriority$1:
-        case LowPriority:
-          return 32;
-        case IdlePriority:
-          return 536870912;
-        default:
-          return 32;
-      }
-    default:
-      return 32;
-  }
-}
-function addEventBubbleListener(target, eventType, listener) {
-  target.addEventListener(eventType, listener, !1);
-  return listener;
-}
-function addEventCaptureListener(target, eventType, listener) {
-  target.addEventListener(eventType, listener, !0);
-  return listener;
-}
-function addEventCaptureListenerWithPassiveFlag(
-  target,
-  eventType,
-  listener,
-  passive
-) {
-  target.addEventListener(eventType, listener, {
-    capture: !0,
-    passive: passive
-  });
-  return listener;
-}
-function addEventBubbleListenerWithPassiveFlag(
-  target,
-  eventType,
-  listener,
-  passive
-) {
-  target.addEventListener(eventType, listener, { passive: passive });
-  return listener;
-}
-var root = null,
-  startText = null,
-  fallbackText = null;
-function getData() {
-  if (fallbackText) return fallbackText;
-  var start,
-    startValue = startText,
-    startLength = startValue.length,
-    end,
-    endValue = "value" in root ? root.value : root.textContent,
-    endLength = endValue.length;
-  for (
-    start = 0;
-    start < startLength && startValue[start] === endValue[start];
-    start++
-  );
-  var minEnd = startLength - start;
-  for (
-    end = 1;
-    end <= minEnd &&
-    startValue[startLength - end] === endValue[endLength - end];
-    end++
-  );
-  return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
-}
 function getEventCharCode(nativeEvent) {
   var keyCode = nativeEvent.keyCode;
   "charCode" in nativeEvent
@@ -13057,7 +12505,557 @@ var KeyboardEventInterface = assign({}, UIEventInterface, {
     deltaMode: 0
   }),
   SyntheticWheelEvent = createSyntheticEvent(WheelEventInterface),
-  END_KEYCODES = [9, 13, 27, 32],
+  hasScheduledReplayAttempt = !1,
+  queuedFocus = null,
+  queuedDrag = null,
+  queuedMouse = null,
+  queuedPointers = new Map(),
+  queuedPointerCaptures = new Map(),
+  queuedExplicitHydrationTargets = [],
+  discreteReplayableEvents =
+    "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(
+      " "
+    );
+function clearIfContinuousEvent(domEventName, nativeEvent) {
+  switch (domEventName) {
+    case "focusin":
+    case "focusout":
+      queuedFocus = null;
+      break;
+    case "dragenter":
+    case "dragleave":
+      queuedDrag = null;
+      break;
+    case "mouseover":
+    case "mouseout":
+      queuedMouse = null;
+      break;
+    case "pointerover":
+    case "pointerout":
+      queuedPointers.delete(nativeEvent.pointerId);
+      break;
+    case "gotpointercapture":
+    case "lostpointercapture":
+      queuedPointerCaptures.delete(nativeEvent.pointerId);
+  }
+}
+function accumulateOrCreateContinuousQueuedReplayableEvent(
+  existingQueuedEvent,
+  blockedOn,
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  if (
+    null === existingQueuedEvent ||
+    existingQueuedEvent.nativeEvent !== nativeEvent
+  )
+    return (
+      (existingQueuedEvent = {
+        blockedOn: blockedOn,
+        domEventName: domEventName,
+        eventSystemFlags: eventSystemFlags,
+        nativeEvent: nativeEvent,
+        targetContainers: [targetContainer]
+      }),
+      null !== blockedOn &&
+        ((blockedOn = getInstanceFromNode$1(blockedOn)),
+        null !== blockedOn && attemptContinuousHydration(blockedOn)),
+      existingQueuedEvent
+    );
+  existingQueuedEvent.eventSystemFlags |= eventSystemFlags;
+  blockedOn = existingQueuedEvent.targetContainers;
+  null !== targetContainer &&
+    -1 === blockedOn.indexOf(targetContainer) &&
+    blockedOn.push(targetContainer);
+  return existingQueuedEvent;
+}
+function queueIfContinuousEvent(
+  blockedOn,
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  switch (domEventName) {
+    case "focusin":
+      return (
+        (queuedFocus = accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedFocus,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          nativeEvent
+        )),
+        !0
+      );
+    case "dragenter":
+      return (
+        (queuedDrag = accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedDrag,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          nativeEvent
+        )),
+        !0
+      );
+    case "mouseover":
+      return (
+        (queuedMouse = accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedMouse,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          nativeEvent
+        )),
+        !0
+      );
+    case "pointerover":
+      var pointerId = nativeEvent.pointerId;
+      queuedPointers.set(
+        pointerId,
+        accumulateOrCreateContinuousQueuedReplayableEvent(
+          queuedPointers.get(pointerId) || null,
+          blockedOn,
+          domEventName,
+          eventSystemFlags,
+          targetContainer,
+          nativeEvent
+        )
+      );
+      return !0;
+    case "gotpointercapture":
+      return (
+        (pointerId = nativeEvent.pointerId),
+        queuedPointerCaptures.set(
+          pointerId,
+          accumulateOrCreateContinuousQueuedReplayableEvent(
+            queuedPointerCaptures.get(pointerId) || null,
+            blockedOn,
+            domEventName,
+            eventSystemFlags,
+            targetContainer,
+            nativeEvent
+          )
+        ),
+        !0
+      );
+  }
+  return !1;
+}
+function attemptExplicitHydrationTarget(queuedTarget) {
+  var targetInst = getClosestInstanceFromNode(queuedTarget.target);
+  if (null !== targetInst) {
+    var nearestMounted = getNearestMountedFiber(targetInst);
+    if (null !== nearestMounted)
+      if (((targetInst = nearestMounted.tag), 13 === targetInst)) {
+        if (
+          ((targetInst = getSuspenseInstanceFromFiber(nearestMounted)),
+          null !== targetInst)
+        ) {
+          queuedTarget.blockedOn = targetInst;
+          runWithPriority(queuedTarget.priority, function () {
+            if (13 === nearestMounted.tag) {
+              var lane = requestUpdateLane(nearestMounted),
+                root = enqueueConcurrentRenderForLane(nearestMounted, lane);
+              null !== root &&
+                scheduleUpdateOnFiber(root, nearestMounted, lane);
+              markRetryLaneIfNotHydrated(nearestMounted, lane);
+            }
+          });
+          return;
+        }
+      } else if (
+        3 === targetInst &&
+        nearestMounted.stateNode.current.memoizedState.isDehydrated
+      ) {
+        queuedTarget.blockedOn =
+          3 === nearestMounted.tag
+            ? nearestMounted.stateNode.containerInfo
+            : null;
+        return;
+      }
+  }
+  queuedTarget.blockedOn = null;
+}
+function attemptReplayContinuousQueuedEvent(queuedEvent) {
+  if (null !== queuedEvent.blockedOn) return !1;
+  for (
+    var targetContainers = queuedEvent.targetContainers;
+    0 < targetContainers.length;
+
+  ) {
+    var nextBlockedOn = findInstanceBlockingEvent(queuedEvent.nativeEvent);
+    if (null === nextBlockedOn) {
+      nextBlockedOn = queuedEvent.nativeEvent;
+      var nativeEventClone = new nextBlockedOn.constructor(
+        nextBlockedOn.type,
+        nextBlockedOn
+      );
+      currentReplayingEvent = nativeEventClone;
+      nextBlockedOn.target.dispatchEvent(nativeEventClone);
+      currentReplayingEvent = null;
+    } else
+      return (
+        (targetContainers = getInstanceFromNode$1(nextBlockedOn)),
+        null !== targetContainers &&
+          attemptContinuousHydration(targetContainers),
+        (queuedEvent.blockedOn = nextBlockedOn),
+        !1
+      );
+    targetContainers.shift();
+  }
+  return !0;
+}
+function attemptReplayContinuousQueuedEventInMap(queuedEvent, key, map) {
+  attemptReplayContinuousQueuedEvent(queuedEvent) && map.delete(key);
+}
+function replayUnblockedEvents() {
+  hasScheduledReplayAttempt = !1;
+  null !== queuedFocus &&
+    attemptReplayContinuousQueuedEvent(queuedFocus) &&
+    (queuedFocus = null);
+  null !== queuedDrag &&
+    attemptReplayContinuousQueuedEvent(queuedDrag) &&
+    (queuedDrag = null);
+  null !== queuedMouse &&
+    attemptReplayContinuousQueuedEvent(queuedMouse) &&
+    (queuedMouse = null);
+  queuedPointers.forEach(attemptReplayContinuousQueuedEventInMap);
+  queuedPointerCaptures.forEach(attemptReplayContinuousQueuedEventInMap);
+}
+function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
+  queuedEvent.blockedOn === unblocked &&
+    ((queuedEvent.blockedOn = null),
+    hasScheduledReplayAttempt ||
+      ((hasScheduledReplayAttempt = !0),
+      Scheduler.unstable_scheduleCallback(
+        Scheduler.unstable_NormalPriority,
+        replayUnblockedEvents
+      )));
+}
+function retryIfBlockedOn(unblocked) {
+  function unblock(queuedEvent) {
+    return scheduleCallbackIfUnblocked(queuedEvent, unblocked);
+  }
+  null !== queuedFocus && scheduleCallbackIfUnblocked(queuedFocus, unblocked);
+  null !== queuedDrag && scheduleCallbackIfUnblocked(queuedDrag, unblocked);
+  null !== queuedMouse && scheduleCallbackIfUnblocked(queuedMouse, unblocked);
+  queuedPointers.forEach(unblock);
+  queuedPointerCaptures.forEach(unblock);
+  for (var i = 0; i < queuedExplicitHydrationTargets.length; i++) {
+    var queuedTarget = queuedExplicitHydrationTargets[i];
+    queuedTarget.blockedOn === unblocked && (queuedTarget.blockedOn = null);
+  }
+  for (
+    ;
+    0 < queuedExplicitHydrationTargets.length &&
+    ((i = queuedExplicitHydrationTargets[0]), null === i.blockedOn);
+
+  )
+    attemptExplicitHydrationTarget(i),
+      null === i.blockedOn && queuedExplicitHydrationTargets.shift();
+}
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  _enabled = !0;
+function createEventListenerWrapperWithPriority(
+  targetContainer,
+  domEventName,
+  eventSystemFlags
+) {
+  switch (getEventPriority(domEventName)) {
+    case 2:
+      var listenerWrapper = dispatchDiscreteEvent;
+      break;
+    case 8:
+      listenerWrapper = dispatchContinuousEvent;
+      break;
+    default:
+      listenerWrapper = dispatchEvent;
+  }
+  return listenerWrapper.bind(
+    null,
+    domEventName,
+    eventSystemFlags,
+    targetContainer
+  );
+}
+function dispatchDiscreteEvent(
+  domEventName,
+  eventSystemFlags,
+  container,
+  nativeEvent
+) {
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
+  try {
+    (currentUpdatePriority = 2),
+      dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
+  }
+}
+function dispatchContinuousEvent(
+  domEventName,
+  eventSystemFlags,
+  container,
+  nativeEvent
+) {
+  var previousPriority = currentUpdatePriority,
+    prevTransition = ReactCurrentBatchConfig.transition;
+  ReactCurrentBatchConfig.transition = null;
+  try {
+    (currentUpdatePriority = 8),
+      dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
+  } finally {
+    (currentUpdatePriority = previousPriority),
+      (ReactCurrentBatchConfig.transition = prevTransition);
+  }
+}
+function dispatchEvent(
+  domEventName,
+  eventSystemFlags,
+  targetContainer,
+  nativeEvent
+) {
+  if (_enabled) {
+    var blockedOn = findInstanceBlockingEvent(nativeEvent);
+    if (null === blockedOn)
+      dispatchEventForPluginEventSystem(
+        domEventName,
+        eventSystemFlags,
+        nativeEvent,
+        return_targetInst,
+        targetContainer
+      ),
+        clearIfContinuousEvent(domEventName, nativeEvent);
+    else if (
+      queueIfContinuousEvent(
+        blockedOn,
+        domEventName,
+        eventSystemFlags,
+        targetContainer,
+        nativeEvent
+      )
+    )
+      nativeEvent.stopPropagation();
+    else if (
+      (clearIfContinuousEvent(domEventName, nativeEvent),
+      eventSystemFlags & 4 &&
+        -1 < discreteReplayableEvents.indexOf(domEventName))
+    ) {
+      for (; null !== blockedOn; ) {
+        var fiber = getInstanceFromNode$1(blockedOn);
+        null !== fiber && attemptSynchronousHydration(fiber);
+        fiber = findInstanceBlockingEvent(nativeEvent);
+        null === fiber &&
+          dispatchEventForPluginEventSystem(
+            domEventName,
+            eventSystemFlags,
+            nativeEvent,
+            return_targetInst,
+            targetContainer
+          );
+        if (fiber === blockedOn) break;
+        blockedOn = fiber;
+      }
+      null !== blockedOn && nativeEvent.stopPropagation();
+    } else
+      dispatchEventForPluginEventSystem(
+        domEventName,
+        eventSystemFlags,
+        nativeEvent,
+        null,
+        targetContainer
+      );
+  }
+}
+function findInstanceBlockingEvent(nativeEvent) {
+  nativeEvent = getEventTarget(nativeEvent);
+  a: {
+    return_targetInst = null;
+    nativeEvent = getClosestInstanceFromNode(nativeEvent);
+    if (null !== nativeEvent) {
+      var nearestMounted = getNearestMountedFiber(nativeEvent);
+      if (null === nearestMounted) nativeEvent = null;
+      else {
+        var tag = nearestMounted.tag;
+        if (13 === tag) {
+          nativeEvent = getSuspenseInstanceFromFiber(nearestMounted);
+          if (null !== nativeEvent) break a;
+          nativeEvent = null;
+        } else if (3 === tag) {
+          if (nearestMounted.stateNode.current.memoizedState.isDehydrated) {
+            nativeEvent =
+              3 === nearestMounted.tag
+                ? nearestMounted.stateNode.containerInfo
+                : null;
+            break a;
+          }
+          nativeEvent = null;
+        } else nearestMounted !== nativeEvent && (nativeEvent = null);
+      }
+    }
+    return_targetInst = nativeEvent;
+    nativeEvent = null;
+  }
+  return nativeEvent;
+}
+var return_targetInst = null;
+function getEventPriority(domEventName) {
+  switch (domEventName) {
+    case "cancel":
+    case "click":
+    case "close":
+    case "contextmenu":
+    case "copy":
+    case "cut":
+    case "auxclick":
+    case "dblclick":
+    case "dragend":
+    case "dragstart":
+    case "drop":
+    case "focusin":
+    case "focusout":
+    case "input":
+    case "invalid":
+    case "keydown":
+    case "keypress":
+    case "keyup":
+    case "mousedown":
+    case "mouseup":
+    case "paste":
+    case "pause":
+    case "play":
+    case "pointercancel":
+    case "pointerdown":
+    case "pointerup":
+    case "ratechange":
+    case "reset":
+    case "resize":
+    case "seeked":
+    case "submit":
+    case "touchcancel":
+    case "touchend":
+    case "touchstart":
+    case "volumechange":
+    case "change":
+    case "selectionchange":
+    case "textInput":
+    case "compositionstart":
+    case "compositionend":
+    case "compositionupdate":
+    case "beforeblur":
+    case "afterblur":
+    case "beforeinput":
+    case "blur":
+    case "fullscreenchange":
+    case "focus":
+    case "hashchange":
+    case "popstate":
+    case "select":
+    case "selectstart":
+      return 2;
+    case "drag":
+    case "dragenter":
+    case "dragexit":
+    case "dragleave":
+    case "dragover":
+    case "mousemove":
+    case "mouseout":
+    case "mouseover":
+    case "pointermove":
+    case "pointerout":
+    case "pointerover":
+    case "scroll":
+    case "toggle":
+    case "touchmove":
+    case "wheel":
+    case "mouseenter":
+    case "mouseleave":
+    case "pointerenter":
+    case "pointerleave":
+      return 8;
+    case "message":
+      switch (getCurrentPriorityLevel()) {
+        case ImmediatePriority:
+          return 2;
+        case UserBlockingPriority:
+          return 8;
+        case NormalPriority$1:
+        case LowPriority:
+          return 32;
+        case IdlePriority:
+          return 536870912;
+        default:
+          return 32;
+      }
+    default:
+      return 32;
+  }
+}
+function addEventBubbleListener(target, eventType, listener) {
+  target.addEventListener(eventType, listener, !1);
+  return listener;
+}
+function addEventCaptureListener(target, eventType, listener) {
+  target.addEventListener(eventType, listener, !0);
+  return listener;
+}
+function addEventCaptureListenerWithPassiveFlag(
+  target,
+  eventType,
+  listener,
+  passive
+) {
+  target.addEventListener(eventType, listener, {
+    capture: !0,
+    passive: passive
+  });
+  return listener;
+}
+function addEventBubbleListenerWithPassiveFlag(
+  target,
+  eventType,
+  listener,
+  passive
+) {
+  target.addEventListener(eventType, listener, { passive: passive });
+  return listener;
+}
+var root = null,
+  startText = null,
+  fallbackText = null;
+function getData() {
+  if (fallbackText) return fallbackText;
+  var start,
+    startValue = startText,
+    startLength = startValue.length,
+    end,
+    endValue = "value" in root ? root.value : root.textContent,
+    endLength = endValue.length;
+  for (
+    start = 0;
+    start < startLength && startValue[start] === endValue[start];
+    start++
+  );
+  var minEnd = startLength - start;
+  for (
+    end = 1;
+    end <= minEnd &&
+    startValue[startLength - end] === endValue[endLength - end];
+    end++
+  );
+  return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
+}
+var END_KEYCODES = [9, 13, 27, 32],
   canUseCompositionEvent = canUseDOM && "CompositionEvent" in window,
   documentMode = null;
 canUseDOM &&
@@ -13196,19 +13194,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$380;
+  var JSCompiler_inline_result$jscomp$373;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1634 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1634) {
-      var element$jscomp$inline_1635 = document.createElement("div");
-      element$jscomp$inline_1635.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1634 =
-        "function" === typeof element$jscomp$inline_1635.oninput;
+    var isSupported$jscomp$inline_1632 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1632) {
+      var element$jscomp$inline_1633 = document.createElement("div");
+      element$jscomp$inline_1633.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1632 =
+        "function" === typeof element$jscomp$inline_1633.oninput;
     }
-    JSCompiler_inline_result$jscomp$380 = isSupported$jscomp$inline_1634;
-  } else JSCompiler_inline_result$jscomp$380 = !1;
+    JSCompiler_inline_result$jscomp$373 = isSupported$jscomp$inline_1632;
+  } else JSCompiler_inline_result$jscomp$373 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$380 &&
+    JSCompiler_inline_result$jscomp$373 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -13517,20 +13515,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1675 = 0;
-  i$jscomp$inline_1675 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1675++
+  var i$jscomp$inline_1673 = 0;
+  i$jscomp$inline_1673 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1673++
 ) {
-  var eventName$jscomp$inline_1676 =
-      simpleEventPluginEvents[i$jscomp$inline_1675],
-    domEventName$jscomp$inline_1677 =
-      eventName$jscomp$inline_1676.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1678 =
-      eventName$jscomp$inline_1676[0].toUpperCase() +
-      eventName$jscomp$inline_1676.slice(1);
+  var eventName$jscomp$inline_1674 =
+      simpleEventPluginEvents[i$jscomp$inline_1673],
+    domEventName$jscomp$inline_1675 =
+      eventName$jscomp$inline_1674.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1676 =
+      eventName$jscomp$inline_1674[0].toUpperCase() +
+      eventName$jscomp$inline_1674.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1677,
-    "on" + capitalizedEvent$jscomp$inline_1678
+    domEventName$jscomp$inline_1675,
+    "on" + capitalizedEvent$jscomp$inline_1676
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14391,11 +14389,23 @@ function setProp(domElement, tag, key, value, props, prevValue) {
       break;
     case "src":
     case "href":
-    case "action":
       if ("" === value) {
         domElement.removeAttribute(key);
         break;
       }
+      if (
+        null == value ||
+        "function" === typeof value ||
+        "symbol" === typeof value ||
+        "boolean" === typeof value
+      ) {
+        domElement.removeAttribute(key);
+        break;
+      }
+      value = sanitizeURL(enableTrustedTypesIntegration ? value : "" + value);
+      domElement.setAttribute(key, value);
+      break;
+    case "action":
     case "formAction":
       if (
         null == value ||
@@ -14470,7 +14480,10 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case "focusable":
     case "preserveAlpha":
       null != value && "function" !== typeof value && "symbol" !== typeof value
-        ? domElement.setAttribute(key, value)
+        ? domElement.setAttribute(
+            key,
+            enableTrustedTypesIntegration ? value : "" + value
+          )
         : domElement.removeAttribute(key);
       break;
     case "allowFullScreen":
@@ -14664,7 +14677,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
               "o" === key[0] &&
               "n" === key[1] &&
               ((tag = key.endsWith("Capture")),
-              (value = key.substr(2, tag ? key.length - 9 : void 0)),
+              (value = key.slice(2, tag ? key.length - 7 : void 0)),
               (prevValue = getFiberCurrentPropsFromNode(domElement)),
               (prevValue = null != prevValue ? prevValue[key] : null),
               "function" === typeof prevValue &&
@@ -14704,7 +14717,8 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "input":
       listenToNonDelegatedEvent("invalid", domElement);
-      var type = null,
+      var name = null,
+        type = null,
         value = null,
         defaultValue = null,
         checked = null,
@@ -14714,22 +14728,14 @@ function setInitialProperties(domElement, tag, props) {
           var propValue = props[propKey];
           if (null != propValue)
             switch (propKey) {
+              case "name":
+                name = propValue;
+                break;
               case "type":
-                null != propValue &&
-                  "function" !== typeof propValue &&
-                  "symbol" !== typeof propValue &&
-                  "boolean" !== typeof propValue &&
-                  ((type = propValue),
-                  domElement.setAttribute(propKey, propValue));
+                type = propValue;
                 break;
               case "checked":
                 checked = propValue;
-                propValue =
-                  null != propValue ? propValue : props.defaultChecked;
-                domElement.checked =
-                  !!propValue &&
-                  "function" !== typeof propValue &&
-                  "symbol" !== propValue;
                 break;
               case "defaultChecked":
                 defaultChecked = propValue;
@@ -14749,7 +14755,6 @@ function setInitialProperties(domElement, tag, props) {
                 setProp(domElement, tag, propKey, propValue, props, null);
             }
         }
-      track(domElement);
       initInput(
         domElement,
         value,
@@ -14757,31 +14762,33 @@ function setInitialProperties(domElement, tag, props) {
         checked,
         defaultChecked,
         type,
+        name,
         !1
       );
+      track(domElement);
       return;
     case "select":
       listenToNonDelegatedEvent("invalid", domElement);
-      var propKey = (value = defaultValue = null);
-      for (type in props)
+      var propKey = (type = value = null);
+      for (name in props)
         if (
-          props.hasOwnProperty(type) &&
-          ((checked = props[type]), null != checked)
+          props.hasOwnProperty(name) &&
+          ((defaultValue = props[name]), null != defaultValue)
         )
-          switch (type) {
+          switch (name) {
             case "value":
-              defaultValue = checked;
+              value = defaultValue;
               break;
             case "defaultValue":
-              value = checked;
+              type = defaultValue;
               break;
             case "multiple":
-              propKey = checked;
+              propKey = defaultValue;
             default:
-              setProp(domElement, tag, type, checked, props, null);
+              setProp(domElement, tag, name, defaultValue, props, null);
           }
-      tag = defaultValue;
-      props = value;
+      tag = value;
+      props = type;
       domElement.multiple = !!propKey;
       null != tag
         ? updateOptions(domElement, !!propKey, tag, !1)
@@ -14789,37 +14796,37 @@ function setInitialProperties(domElement, tag, props) {
       return;
     case "textarea":
       listenToNonDelegatedEvent("invalid", domElement);
-      type = propKey = null;
-      for (value in props)
+      name = propKey = null;
+      for (type in props)
         if (
-          props.hasOwnProperty(value) &&
-          ((defaultValue = props[value]), null != defaultValue)
+          props.hasOwnProperty(type) &&
+          ((value = props[type]), null != value)
         )
-          switch (value) {
+          switch (type) {
             case "value":
-              propKey = defaultValue;
+              propKey = value;
               break;
             case "defaultValue":
-              type = defaultValue;
+              name = value;
               break;
             case "children":
               break;
             case "dangerouslySetInnerHTML":
-              if (null != defaultValue) throw Error(formatProdErrorMessage(91));
+              if (null != value) throw Error(formatProdErrorMessage(91));
               break;
             default:
-              setProp(domElement, tag, value, defaultValue, props);
+              setProp(domElement, tag, type, value, props, null);
           }
+      initTextarea(domElement, propKey, name);
       track(domElement);
-      initTextarea(domElement, propKey, type);
       return;
     case "option":
-      for (checked in props)
+      for (defaultValue in props)
         if (
-          props.hasOwnProperty(checked) &&
-          ((propKey = props[checked]), null != propKey)
+          props.hasOwnProperty(defaultValue) &&
+          ((propKey = props[defaultValue]), null != propKey)
         )
-          switch (checked) {
+          switch (defaultValue) {
             case "selected":
               domElement.selected =
                 propKey &&
@@ -14827,7 +14834,7 @@ function setInitialProperties(domElement, tag, props) {
                 "symbol" !== typeof propKey;
               break;
             default:
-              setProp(domElement, tag, checked, propKey, props);
+              setProp(domElement, tag, defaultValue, propKey, props, null);
           }
       return;
     case "dialog":
@@ -14867,29 +14874,29 @@ function setInitialProperties(domElement, tag, props) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (defaultChecked in props)
+      for (checked in props)
         if (
-          props.hasOwnProperty(defaultChecked) &&
-          ((propKey = props[defaultChecked]), null != propKey)
+          props.hasOwnProperty(checked) &&
+          ((propKey = props[checked]), null != propKey)
         )
-          switch (defaultChecked) {
+          switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(137, tag));
             default:
-              setProp(domElement, tag, defaultChecked, propKey, props, null);
+              setProp(domElement, tag, checked, propKey, props, null);
           }
       return;
     default:
       if (isCustomElement(tag)) {
-        for (propValue in props)
-          props.hasOwnProperty(propValue) &&
-            ((propKey = props[propValue]),
+        for (defaultChecked in props)
+          props.hasOwnProperty(defaultChecked) &&
+            ((propKey = props[defaultChecked]),
             null != propKey &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propValue,
+                defaultChecked,
                 propKey,
                 props,
                 null
@@ -14897,11 +14904,10 @@ function setInitialProperties(domElement, tag, props) {
         return;
       }
   }
-  for (defaultValue in props)
-    props.hasOwnProperty(defaultValue) &&
-      ((propKey = props[defaultValue]),
-      null != propKey &&
-        setProp(domElement, tag, defaultValue, propKey, props, null));
+  for (value in props)
+    props.hasOwnProperty(value) &&
+      ((propKey = props[value]),
+      null != propKey && setProp(domElement, tag, value, propKey, props, null));
 }
 function updateProperties(domElement, tag, lastProps, nextProps) {
   switch (tag) {
@@ -14927,12 +14933,6 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         if (lastProps.hasOwnProperty(propKey) && null != lastProp)
           switch (propKey) {
             case "checked":
-              nextProps.hasOwnProperty(propKey) ||
-                ((lastProp = nextProps.defaultChecked),
-                (domElement.checked =
-                  !!lastProp &&
-                  "function" !== typeof lastProp &&
-                  "symbol" !== lastProp));
               break;
             case "value":
               break;
@@ -14943,36 +14943,22 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$220 in nextProps) {
-        var propKey = nextProps[propKey$220];
-        lastProp = lastProps[propKey$220];
+      for (var propKey$219 in nextProps) {
+        var propKey = nextProps[propKey$219];
+        lastProp = lastProps[propKey$219];
         if (
-          nextProps.hasOwnProperty(propKey$220) &&
+          nextProps.hasOwnProperty(propKey$219) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$220) {
+          switch (propKey$219) {
             case "type":
               type = propKey;
-              propKey !== lastProp &&
-                (null != propKey &&
-                "function" !== typeof propKey &&
-                "symbol" !== typeof propKey &&
-                "boolean" !== typeof propKey
-                  ? domElement.setAttribute(propKey$220, propKey)
-                  : domElement.removeAttribute(propKey$220));
               break;
             case "name":
               name = propKey;
               break;
             case "checked":
               checked = propKey;
-              propKey !== lastProp &&
-                ((propKey =
-                  null != propKey ? propKey : nextProps.defaultChecked),
-                (domElement.checked =
-                  !!propKey &&
-                  "function" !== typeof propKey &&
-                  "symbol" !== propKey));
               break;
             case "defaultChecked":
               defaultChecked = propKey;
@@ -14993,19 +14979,13 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$220,
+                  propKey$219,
                   propKey,
                   nextProps,
                   lastProp
                 );
           }
       }
-      null != name &&
-      "function" !== typeof name &&
-      "symbol" !== typeof name &&
-      "boolean" !== typeof name
-        ? domElement.setAttribute("name", name)
-        : domElement.removeAttribute("name");
       updateInput(
         domElement,
         value,
@@ -15013,11 +14993,12 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     case "select":
-      defaultValue = value = propKey = propKey$220 = null;
+      defaultValue = value = propKey = propKey$219 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -15048,7 +15029,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$220 = type;
+              propKey$219 = type;
               break;
             case "defaultValue":
               propKey = type;
@@ -15066,10 +15047,10 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                   lastDefaultValue
                 );
           }
-      updateSelect(domElement, propKey$220, propKey, value, defaultValue);
+      updateSelect(domElement, propKey$219, propKey, value, defaultValue);
       return;
     case "textarea":
-      propKey = propKey$220 = null;
+      propKey = propKey$219 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -15093,7 +15074,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$220 = name;
+              propKey$219 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -15107,17 +15088,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$220, propKey);
+      updateTextarea(domElement, propKey$219, propKey);
       return;
     case "option":
-      for (var propKey$238 in lastProps)
+      for (var propKey$235 in lastProps)
         if (
-          ((propKey$220 = lastProps[propKey$238]),
-          lastProps.hasOwnProperty(propKey$238) &&
-            null != propKey$220 &&
-            !nextProps.hasOwnProperty(propKey$238))
+          ((propKey$219 = lastProps[propKey$235]),
+          lastProps.hasOwnProperty(propKey$235) &&
+            null != propKey$219 &&
+            !nextProps.hasOwnProperty(propKey$235))
         )
-          switch (propKey$238) {
+          switch (propKey$235) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -15125,33 +15106,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$238,
+                propKey$235,
                 null,
                 nextProps,
-                propKey$220
+                propKey$219
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$220 = nextProps[lastDefaultValue]),
+          ((propKey$219 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$220 !== propKey &&
-            (null != propKey$220 || null != propKey))
+            propKey$219 !== propKey &&
+            (null != propKey$219 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$220 &&
-                "function" !== typeof propKey$220 &&
-                "symbol" !== typeof propKey$220;
+                propKey$219 &&
+                "function" !== typeof propKey$219 &&
+                "symbol" !== typeof propKey$219;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$220,
+                propKey$219,
                 nextProps,
                 propKey
               );
@@ -15172,24 +15153,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$243 in lastProps)
-        (propKey$220 = lastProps[propKey$243]),
-          lastProps.hasOwnProperty(propKey$243) &&
-            null != propKey$220 &&
-            !nextProps.hasOwnProperty(propKey$243) &&
-            setProp(domElement, tag, propKey$243, null, nextProps, propKey$220);
+      for (var propKey$240 in lastProps)
+        (propKey$219 = lastProps[propKey$240]),
+          lastProps.hasOwnProperty(propKey$240) &&
+            null != propKey$219 &&
+            !nextProps.hasOwnProperty(propKey$240) &&
+            setProp(domElement, tag, propKey$240, null, nextProps, propKey$219);
       for (checked in nextProps)
         if (
-          ((propKey$220 = nextProps[checked]),
+          ((propKey$219 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$220 !== propKey &&
-            (null != propKey$220 || null != propKey))
+            propKey$219 !== propKey &&
+            (null != propKey$219 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$220)
+              if (null != propKey$219)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -15197,7 +15178,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$220,
+                propKey$219,
                 nextProps,
                 propKey
               );
@@ -15205,49 +15186,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$248 in lastProps)
-          (propKey$220 = lastProps[propKey$248]),
-            lastProps.hasOwnProperty(propKey$248) &&
-              null != propKey$220 &&
-              !nextProps.hasOwnProperty(propKey$248) &&
+        for (var propKey$245 in lastProps)
+          (propKey$219 = lastProps[propKey$245]),
+            lastProps.hasOwnProperty(propKey$245) &&
+              null != propKey$219 &&
+              !nextProps.hasOwnProperty(propKey$245) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$248,
+                propKey$245,
                 null,
                 nextProps,
-                propKey$220
+                propKey$219
               );
         for (defaultChecked in nextProps)
-          (propKey$220 = nextProps[defaultChecked]),
+          (propKey$219 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$220 === propKey ||
-              (null == propKey$220 && null == propKey) ||
+              propKey$219 === propKey ||
+              (null == propKey$219 && null == propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$220,
+                propKey$219,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$253 in lastProps)
-    (propKey$220 = lastProps[propKey$253]),
-      lastProps.hasOwnProperty(propKey$253) &&
-        null != propKey$220 &&
-        !nextProps.hasOwnProperty(propKey$253) &&
-        setProp(domElement, tag, propKey$253, null, nextProps, propKey$220);
+  for (var propKey$250 in lastProps)
+    (propKey$219 = lastProps[propKey$250]),
+      lastProps.hasOwnProperty(propKey$250) &&
+        null != propKey$219 &&
+        !nextProps.hasOwnProperty(propKey$250) &&
+        setProp(domElement, tag, propKey$250, null, nextProps, propKey$219);
   for (lastProp in nextProps)
-    (propKey$220 = nextProps[lastProp]),
+    (propKey$219 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$220 === propKey ||
-        (null == propKey$220 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$220, nextProps, propKey);
+        propKey$219 === propKey ||
+        (null == propKey$219 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$219, nextProps, propKey);
 }
 function updatePropertiesWithDiff(
   domElement,
@@ -15267,13 +15248,13 @@ function updatePropertiesWithDiff(
     case "li":
       break;
     case "input":
-      var name = nextProps.name,
-        type = nextProps.type,
-        value = nextProps.value,
-        defaultValue = nextProps.defaultValue;
-      lastProps = lastProps.defaultValue;
       for (
-        var checked = nextProps.checked,
+        var name = nextProps.name,
+          type = nextProps.type,
+          value = nextProps.value,
+          defaultValue = nextProps.defaultValue,
+          lastDefaultValue = lastProps.defaultValue,
+          checked = nextProps.checked,
           defaultChecked = nextProps.defaultChecked,
           i = 0;
         i < updatePayload.length;
@@ -15283,21 +15264,10 @@ function updatePropertiesWithDiff(
           propValue = updatePayload[i + 1];
         switch (propKey) {
           case "type":
-            null != propValue &&
-            "function" !== typeof propValue &&
-            "symbol" !== typeof propValue &&
-            "boolean" !== typeof propValue
-              ? domElement.setAttribute(propKey, propValue)
-              : domElement.removeAttribute(propKey);
             break;
           case "name":
             break;
           case "checked":
-            propKey = null != propValue ? propValue : nextProps.defaultChecked;
-            domElement.checked =
-              !!propKey &&
-              "function" !== typeof propKey &&
-              "symbol" !== propKey;
             break;
           case "defaultChecked":
             break;
@@ -15311,23 +15281,25 @@ function updatePropertiesWithDiff(
               throw Error(formatProdErrorMessage(137, tag));
             break;
           default:
-            setProp(domElement, tag, propKey, propValue, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              propKey,
+              propValue,
+              nextProps,
+              lastProps[propKey]
+            );
         }
       }
-      null != name &&
-      "function" !== typeof name &&
-      "symbol" !== typeof name &&
-      "boolean" !== typeof name
-        ? domElement.setAttribute("name", name)
-        : domElement.removeAttribute("name");
       updateInput(
         domElement,
         value,
         defaultValue,
-        lastProps,
+        lastDefaultValue,
         checked,
         defaultChecked,
-        type
+        type,
+        name
       );
       return;
     case "select":
@@ -15335,16 +15307,27 @@ function updatePropertiesWithDiff(
       type = nextProps.defaultValue;
       value = nextProps.multiple;
       defaultValue = lastProps.multiple;
-      for (lastProps = 0; lastProps < updatePayload.length; lastProps += 2)
+      for (
+        lastDefaultValue = 0;
+        lastDefaultValue < updatePayload.length;
+        lastDefaultValue += 2
+      )
         switch (
-          ((checked = updatePayload[lastProps]),
-          (defaultChecked = updatePayload[lastProps + 1]),
+          ((checked = updatePayload[lastDefaultValue]),
+          (defaultChecked = updatePayload[lastDefaultValue + 1]),
           checked)
         ) {
           case "value":
             break;
           default:
-            setProp(domElement, tag, checked, defaultChecked, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              checked,
+              defaultChecked,
+              nextProps,
+              lastProps[checked]
+            );
         }
       updateSelect(domElement, name, type, value, defaultValue);
       return;
@@ -15354,7 +15337,7 @@ function updatePropertiesWithDiff(
       for (value = 0; value < updatePayload.length; value += 2)
         switch (
           ((defaultValue = updatePayload[value]),
-          (lastProps = updatePayload[value + 1]),
+          (lastDefaultValue = updatePayload[value + 1]),
           defaultValue)
         ) {
           case "value":
@@ -15362,10 +15345,18 @@ function updatePropertiesWithDiff(
           case "children":
             break;
           case "dangerouslySetInnerHTML":
-            if (null != lastProps) throw Error(formatProdErrorMessage(91));
+            if (null != lastDefaultValue)
+              throw Error(formatProdErrorMessage(91));
             break;
           default:
-            setProp(domElement, tag, defaultValue, lastProps, nextProps, null);
+            setProp(
+              domElement,
+              tag,
+              defaultValue,
+              lastDefaultValue,
+              nextProps,
+              lastProps[defaultValue]
+            );
         }
       updateTextarea(domElement, name, type);
       return;
@@ -15381,7 +15372,7 @@ function updatePropertiesWithDiff(
               value && "function" !== typeof value && "symbol" !== typeof value;
             break;
           default:
-            setProp(domElement, tag, type, value, nextProps, null);
+            setProp(domElement, tag, type, value, nextProps, lastProps[type]);
         }
       return;
     case "img":
@@ -15410,41 +15401,66 @@ function updatePropertiesWithDiff(
             if (null != value) throw Error(formatProdErrorMessage(137, tag));
             break;
           default:
-            setProp(domElement, tag, type, value, nextProps, null);
+            setProp(domElement, tag, type, value, nextProps, lastProps[type]);
         }
       return;
     default:
       if (isCustomElement(tag)) {
         for (name = 0; name < updatePayload.length; name += 2)
-          setPropOnCustomElement(
-            domElement,
-            tag,
-            updatePayload[name],
-            updatePayload[name + 1],
-            nextProps,
-            null
-          );
+          (type = updatePayload[name]),
+            setPropOnCustomElement(
+              domElement,
+              tag,
+              type,
+              updatePayload[name + 1],
+              nextProps,
+              lastProps[type]
+            );
         return;
       }
   }
   for (name = 0; name < updatePayload.length; name += 2)
-    setProp(
-      domElement,
-      tag,
-      updatePayload[name],
-      updatePayload[name + 1],
-      nextProps,
-      null
-    );
+    (type = updatePayload[name]),
+      setProp(
+        domElement,
+        tag,
+        type,
+        updatePayload[name + 1],
+        nextProps,
+        lastProps[type]
+      );
 }
-var Dispatcher$1 = Internals.Dispatcher,
-  eventsEnabled = null,
+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,
@@ -15693,28 +15709,13 @@ function resolveSingletonInstance(type, props, rootContainerInstance) {
       throw Error(formatProdErrorMessage(451));
   }
 }
-var lastCurrentDocument = null,
-  previousDispatcher = null,
-  preloadPropsMap = new Map(),
+var preloadPropsMap = new Map(),
   preconnectsSet = new Set();
 function getHoistableRoot(container) {
   return "function" === typeof container.getRootNode
     ? container.getRootNode()
     : container.ownerDocument;
 }
-function getCurrentResourceRoot() {
-  var currentContainer = rootInstanceStackCursor.current;
-  return currentContainer ? getHoistableRoot(currentContainer) : null;
-}
-function getDocumentForPreloads() {
-  var root = getCurrentResourceRoot();
-  if (root) return root.ownerDocument || root;
-  try {
-    return lastCurrentDocument || window.document;
-  } catch (error) {
-    return null;
-  }
-}
 var ReactDOMClientDispatcher = {
   prefetchDNS: prefetchDNS$1,
   preconnect: preconnect$1,
@@ -15722,8 +15723,8 @@ var ReactDOMClientDispatcher = {
   preinit: preinit$1
 };
 function preconnectAs(rel, crossOrigin, href) {
-  var ownerDocument = getDocumentForPreloads();
-  if ("string" === typeof href && href && ownerDocument) {
+  var ownerDocument = document;
+  if ("string" === typeof href && href) {
     var limitedEscapedHref =
       escapeSelectorAttributeValueInsideDoubleQuotes(href);
     limitedEscapedHref =
@@ -15755,7 +15756,7 @@ function preconnect$1(href, options) {
   );
 }
 function preload$1(href, options) {
-  var ownerDocument = getDocumentForPreloads();
+  var ownerDocument = document;
   if (
     "string" === typeof href &&
     href &&
@@ -15796,125 +15797,92 @@ function preload$1(href, options) {
   }
 }
 function preinit$1(href, options) {
+  var ownerDocument = document;
   if (
     "string" === typeof href &&
     href &&
     "object" === typeof options &&
     null !== options
-  ) {
-    var resourceRoot = getCurrentResourceRoot(),
-      as = options.as;
-    if (resourceRoot)
-      switch (as) {
-        case "style":
-          as = getResourcesFromRoot(resourceRoot).hoistableStyles;
-          var key$281 = getStyleKey(href),
-            precedence = options.precedence || "default",
-            resource = as.get(key$281);
-          if (resource) break;
-          var state = { loading: 0, preload: null };
-          if (
-            (resource = resourceRoot.querySelector(
-              getStylesheetSelectorFromKey(key$281)
-            ))
-          )
-            state.loading = 1;
-          else {
-            href = {
-              rel: "stylesheet",
-              href: href,
-              "data-precedence": precedence,
-              crossOrigin: options.crossOrigin
-            };
-            (options = preloadPropsMap.get(key$281)) &&
-              adoptPreloadPropsForStylesheet(href, options);
-            var link = (resource = (
-              resourceRoot.ownerDocument || resourceRoot
-            ).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, resourceRoot);
-          }
-          resource = {
-            type: "stylesheet",
-            instance: resource,
-            count: 1,
-            state: state
-          };
-          as.set(key$281, resource);
-          break;
-        case "script":
-          (as = getResourcesFromRoot(resourceRoot).hoistableScripts),
-            (key$281 = getScriptKey(href)),
-            (precedence = as.get(key$281)),
-            precedence ||
-              ((precedence = resourceRoot.querySelector(
-                "script[async]" + key$281
-              )),
-              precedence ||
-                ((href = {
-                  src: href,
-                  async: !0,
-                  crossOrigin: options.crossOrigin,
-                  integrity: options.integrity
-                }),
-                (options = preloadPropsMap.get(key$281)) &&
-                  adoptPreloadPropsForScript(href, options),
-                (options = resourceRoot.ownerDocument || resourceRoot),
-                (precedence = options.createElement("script")),
-                markNodeAsHoistable(precedence),
-                setInitialProperties(precedence, "link", href),
-                options.head.appendChild(precedence)),
-              (precedence = {
-                type: "script",
-                instance: precedence,
-                count: 1,
-                state: null
-              }),
-              as.set(key$281, precedence));
-      }
-    else if ("style" === as || "script" === as)
-      if ((resourceRoot = getDocumentForPreloads())) {
-        key$281 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        precedence = key$281 =
-          'link[rel="preload"][as="' + as + '"][href="' + key$281 + '"]';
-        switch (as) {
-          case "style":
-            precedence = getStyleKey(href);
-            break;
-          case "script":
-            precedence = getScriptKey(href);
-        }
-        preloadPropsMap.has(precedence) ||
-          ((href = {
+  )
+    switch (options.as) {
+      case "style":
+        var styles = getResourcesFromRoot(ownerDocument).hoistableStyles,
+          key = getStyleKey(href),
+          precedence = options.precedence || "default",
+          resource = styles.get(key);
+        if (resource) break;
+        var state = { loading: 0, preload: null };
+        if (
+          (resource = ownerDocument.querySelector(
+            getStylesheetSelectorFromKey(key)
+          ))
+        )
+          state.loading = 1;
+        else {
+          href = {
+            rel: "stylesheet",
             href: href,
-            rel: "preload",
-            as: as,
-            crossOrigin: "font" === as ? "" : options.crossOrigin,
-            integrity: options.integrity
-          }),
-          preloadPropsMap.set(precedence, href),
-          null === resourceRoot.querySelector(key$281) &&
-            ((options = resourceRoot.createElement("link")),
-            setInitialProperties(options, "link", href),
-            markNodeAsHoistable(options),
-            resourceRoot.head.appendChild(options)));
-      }
-  }
+            "data-precedence": precedence,
+            crossOrigin: options.crossOrigin
+          };
+          (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);
+        break;
+      case "script":
+        (styles = getResourcesFromRoot(ownerDocument).hoistableScripts),
+          (key = getScriptKey(href)),
+          (precedence = styles.get(key)),
+          precedence ||
+            ((precedence = ownerDocument.querySelector("script[async]" + key)),
+            precedence ||
+              ((href = {
+                src: href,
+                async: !0,
+                crossOrigin: options.crossOrigin,
+                integrity: options.integrity
+              }),
+              (options = preloadPropsMap.get(key)) &&
+                adoptPreloadPropsForScript(href, options),
+              (precedence = ownerDocument.createElement("script")),
+              markNodeAsHoistable(precedence),
+              setInitialProperties(precedence, "link", href),
+              ownerDocument.head.appendChild(precedence)),
+            (precedence = {
+              type: "script",
+              instance: precedence,
+              count: 1,
+              state: null
+            }),
+            styles.set(key, precedence));
+    }
 }
 function getResource(type, currentProps, pendingProps) {
-  currentProps = getCurrentResourceRoot();
+  currentProps = (currentProps = rootInstanceStackCursor.current)
+    ? getHoistableRoot(currentProps)
+    : null;
   if (!currentProps) throw Error(formatProdErrorMessage(446));
   switch (type) {
     case "meta":
@@ -15938,17 +15906,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$290 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$291 = styles$290.get(type);
-        resource$291 ||
+        var styles$284 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$285 = styles$284.get(type);
+        resource$285 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$291 = {
+          (resource$285 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$290.set(type, resource$291),
+          styles$284.set(type, resource$285),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -15963,9 +15931,9 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$291.state
+              resource$285.state
             ));
-        return resource$291;
+        return resource$285;
       }
       return null;
     case "script":
@@ -15983,7 +15951,7 @@ function getResource(type, currentProps, pendingProps) {
   }
 }
 function getStyleKey(href) {
-  return 'href~="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
+  return 'href="' + escapeSelectorAttributeValueInsideDoubleQuotes(href) + '"';
 }
 function getStylesheetSelectorFromKey(key) {
   return 'link[rel="stylesheet"][' + key + "]";
@@ -16019,54 +15987,62 @@ function acquireResource(hoistableRoot, resource, props) {
   if (null === resource.instance)
     switch (resource.type) {
       case "style":
-        var key = getStyleKey(props.href);
-        if ((key = hoistableRoot.querySelector("style[data-" + key + "]")))
-          return (resource.instance = key), markNodeAsHoistable(key), key;
+        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
         });
-        key = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
+        instance = (hoistableRoot.ownerDocument || hoistableRoot).createElement(
           "style"
         );
-        markNodeAsHoistable(key);
-        setInitialProperties(key, "style", styleProps);
-        insertStylesheet(key, props.precedence, hoistableRoot);
-        return (resource.instance = key);
+        markNodeAsHoistable(instance);
+        setInitialProperties(instance, "style", styleProps);
+        insertStylesheet(instance, props.precedence, hoistableRoot);
+        return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$296 = hoistableRoot.querySelector(
+        var instance$289 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$296)
+        if (instance$289)
           return (
-            (resource.instance = instance$296),
-            markNodeAsHoistable(instance$296),
-            instance$296
+            (resource.instance = instance$289),
+            markNodeAsHoistable(instance$289),
+            instance$289
           );
-        key = stylesheetPropsFromRawProps(props);
+        instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
-          adoptPreloadPropsForStylesheet(key, styleProps);
-        instance$296 = (
+          adoptPreloadPropsForStylesheet(instance, styleProps);
+        instance$289 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$296);
-        var linkInstance = instance$296;
+        markNodeAsHoistable(instance$289);
+        var linkInstance = instance$289;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$296, "link", key);
+        setInitialProperties(instance$289, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$296, props.precedence, hoistableRoot);
-        return (resource.instance = instance$296);
+        insertStylesheet(instance$289, props.precedence, hoistableRoot);
+        return (resource.instance = instance$289);
       case "script":
-        instance$296 = getScriptKey(props.src);
+        instance$289 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$296
+            "script[async]" + instance$289
           ))
         )
           return (
@@ -16074,14 +16050,14 @@ function acquireResource(hoistableRoot, resource, props) {
             markNodeAsHoistable(styleProps),
             styleProps
           );
-        key = props;
-        if ((styleProps = preloadPropsMap.get(instance$296)))
-          (key = assign({}, props)),
-            adoptPreloadPropsForScript(key, styleProps);
+        instance = props;
+        if ((styleProps = preloadPropsMap.get(instance$289)))
+          (instance = assign({}, props)),
+            adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
         styleProps = hoistableRoot.createElement("script");
         markNodeAsHoistable(styleProps);
-        setInitialProperties(styleProps, "link", key);
+        setInitialProperties(styleProps, "link", instance);
         hoistableRoot.head.appendChild(styleProps);
         return (resource.instance = styleProps);
       case "void":
@@ -16092,9 +16068,9 @@ function acquireResource(hoistableRoot, resource, props) {
   else
     "stylesheet" === resource.type &&
       0 === (resource.state.loading & 4) &&
-      ((key = resource.instance),
+      ((instance = resource.instance),
       (resource.state.loading |= 4),
-      insertStylesheet(key, props.precedence, hoistableRoot));
+      insertStylesheet(instance, props.precedence, hoistableRoot));
   return resource.instance;
 }
 function insertStylesheet(instance, precedence, root) {
@@ -16170,18 +16146,8 @@ function mountHoistable(hoistableRoot, type, instance) {
     "title" === type ? hoistableRoot.querySelector("head > title") : null
   );
 }
-var escapeSelectorAttributeValueInsideDoubleQuotesRegex = /[\n"\\]/g;
-function escapeSelectorAttributeValueInsideDoubleQuotes(value) {
-  return value.replace(
-    escapeSelectorAttributeValueInsideDoubleQuotesRegex,
-    function (ch) {
-      return "\\" + ch.charCodeAt(0).toString(16);
-    }
-  );
-}
 function isHostHoistableType(type, props, hostContext) {
-  if ("http://www.w3.org/2000/svg" === hostContext || null != props.itemProp)
-    return !1;
+  if (1 === hostContext || null != props.itemProp) return !1;
   switch (type) {
     case "meta":
     case "title":
@@ -16360,13 +16326,15 @@ function insertStylesheetIntoRoot(root, resource) {
     resource.state.loading |= 4;
   }
 }
-var Dispatcher = Internals.Dispatcher,
-  defaultOnRecoverableError =
-    "function" === typeof reportError
-      ? reportError
-      : function (error) {
-          console.error(error);
-        };
+var Dispatcher$1 = Internals.Dispatcher;
+"undefined" !== typeof document &&
+  (Dispatcher$1.current = ReactDOMClientDispatcher);
+var defaultOnRecoverableError =
+  "function" === typeof reportError
+    ? reportError
+    : function (error) {
+        console.error(error);
+      };
 function ReactDOMRoot(internalRoot) {
   this._internalRoot = internalRoot;
 }
@@ -16437,6 +16405,7 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
         listenerSet.add(listenerSetKey));
     } else throw Error(formatProdErrorMessage(369));
 }
+var Dispatcher = Internals.Dispatcher;
 Internals.Events = [
   getInstanceFromNode$1,
   getNodeFromInstance,
@@ -16448,10 +16417,10 @@ Internals.Events = [
 var devToolsConfig$jscomp$inline_1843 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-95e6ae95",
+  version: "18.3.0-www-modern-bcc00dd5",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2228 = {
+var internals$jscomp$inline_2217 = {
   bundleType: devToolsConfig$jscomp$inline_1843.bundleType,
   version: devToolsConfig$jscomp$inline_1843.version,
   rendererPackageName: devToolsConfig$jscomp$inline_1843.rendererPackageName,
@@ -16479,19 +16448,19 @@ var internals$jscomp$inline_2228 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-95e6ae95"
+  reconcilerVersion: "18.3.0-www-modern-bcc00dd5"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2229 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2218 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2229.isDisabled &&
-    hook$jscomp$inline_2229.supportsFiber
+    !hook$jscomp$inline_2218.isDisabled &&
+    hook$jscomp$inline_2218.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2229.inject(
-        internals$jscomp$inline_2228
+      (rendererID = hook$jscomp$inline_2218.inject(
+        internals$jscomp$inline_2217
       )),
-        (injectedHook = hook$jscomp$inline_2229);
+        (injectedHook = hook$jscomp$inline_2218);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -16541,7 +16510,7 @@ exports.createRoot = function (container, options) {
     transitionCallbacks
   );
   container[internalContainerInstanceKey] = options.current;
-  Dispatcher.current = ReactDOMClientDispatcher;
+  Dispatcher$1.current = ReactDOMClientDispatcher;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
@@ -16553,6 +16522,9 @@ exports.createTestNameSelector = function (id) {
 exports.createTextSelector = function (text) {
   return { $$typeof: TEXT_TYPE, value: text };
 };
+exports.experimental_useFormStatus = function () {
+  throw Error(formatProdErrorMessage(248));
+};
 exports.findAllNodes = findAllNodes;
 exports.findBoundingRects = function (hostRoot, selectors) {
   selectors = findAllNodes(hostRoot, selectors);
@@ -16710,13 +16682,12 @@ exports.hydrateRoot = function (container, initialChildren, options) {
   isStrictMode = requestUpdateLane(options);
   concurrentUpdatesByDefaultOverride = createUpdate(isStrictMode);
   concurrentUpdatesByDefaultOverride.callback = null;
-  identifierPrefix = requestEventTime();
   enqueueUpdate(options, concurrentUpdatesByDefaultOverride, isStrictMode);
   initialChildren.current.lanes = isStrictMode;
-  markRootUpdated(initialChildren, isStrictMode, identifierPrefix);
+  markRootUpdated(initialChildren, isStrictMode);
   ensureRootIsScheduled(initialChildren);
   container[internalContainerInstanceKey] = initialChildren.current;
-  Dispatcher.current = ReactDOMClientDispatcher;
+  Dispatcher$1.current = ReactDOMClientDispatcher;
   listenToAllSupportedEvents(container);
   if (mutableSources)
     for (container = 0; container < mutableSources.length; container++)
@@ -16752,21 +16723,21 @@ exports.observeVisibleRects = function (
     }
   };
 };
-exports.preconnect = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preconnect.apply(this, arguments);
+exports.preconnect = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preconnect(href, options);
 };
-exports.prefetchDNS = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.prefetchDNS.apply(this, arguments);
+exports.prefetchDNS = function (href) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.prefetchDNS(href);
 };
-exports.preinit = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preinit.apply(this, arguments);
+exports.preinit = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preinit(href, options);
 };
-exports.preload = function () {
-  var dispatcher = Internals.Dispatcher.current;
-  dispatcher && dispatcher.preload.apply(this, arguments);
+exports.preload = function (href, options) {
+  var dispatcher = Dispatcher.current;
+  dispatcher && dispatcher.preload(href, options);
 };
 exports.unstable_batchedUpdates = batchedUpdates$1;
 exports.unstable_createEventHandle = function (type, options) {
@@ -16799,4 +16770,4 @@ exports.unstable_createEventHandle = function (type, options) {
   return eventHandle;
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-modern-95e6ae95";
+exports.version = "18.3.0-www-modern-bcc00dd5";
diff --git a/compiled/facebook-www/ReactFlightDOMRelayClient-dev.classic.js b/compiled/facebook-www/ReactFlightDOMRelayClient-dev.classic.js
index 6209190a6d..25d582c6eb 100644
--- a/compiled/facebook-www/ReactFlightDOMRelayClient-dev.classic.js
+++ b/compiled/facebook-www/ReactFlightDOMRelayClient-dev.classic.js
@@ -17,6 +17,7 @@ if (__DEV__) {
 "use strict";
 
 var ReactFlightDOMRelayClientIntegration = require("ReactFlightDOMRelayClientIntegration");
+var ReactDOM = require("react-dom");
 var React = require("react");
 
 var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
@@ -72,6 +73,54 @@ function parseModel(response, json) {
   return parseModelRecursively(response, dummy, "", json);
 }
 
+var ReactDOMSharedInternals =
+  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.Dispatcher;
+function dispatchHint(code, model) {
+  var dispatcher = ReactDOMCurrentDispatcher.current;
+
+  if (dispatcher) {
+    var href, options;
+
+    if (typeof model === "string") {
+      href = model;
+    } else {
+      href = model[0];
+      options = model[1];
+    }
+
+    switch (code) {
+      case "D": {
+        // $FlowFixMe[prop-missing] options are not refined to their types by code
+        dispatcher.prefetchDNS(href, options);
+        return;
+      }
+
+      case "C": {
+        // $FlowFixMe[prop-missing] options are not refined to their types by code
+        dispatcher.preconnect(href, options);
+        return;
+      }
+
+      case "L": {
+        // $FlowFixMe[prop-missing] options are not refined to their types by code
+        // $FlowFixMe[incompatible-call] options are not refined to their types by code
+        dispatcher.preload(href, options);
+        return;
+      }
+
+      case "I": {
+        // $FlowFixMe[prop-missing] options are not refined to their types by code
+        // $FlowFixMe[incompatible-call] options are not refined to their types by code
+        dispatcher.preinit(href, options);
+        return;
+      }
+    }
+  }
+}
+
 var knownServerReferences = new WeakMap();
 
 // ATTENTION
@@ -503,12 +552,12 @@ function parseModelString(response, parentObject, key, value) {
     switch (value[1]) {
       case "$": {
         // This was an escaped string value.
-        return value.substring(1);
+        return value.slice(1);
       }
 
       case "L": {
         // Lazy node
-        var id = parseInt(value.substring(2), 16);
+        var id = parseInt(value.slice(2), 16);
         var chunk = getChunk(response, id); // We create a React.lazy wrapper around any lazy values.
         // When passed into React, we'll know how to suspend on this.
 
@@ -517,7 +566,7 @@ function parseModelString(response, parentObject, key, value) {
 
       case "@": {
         // Promise
-        var _id = parseInt(value.substring(2), 16);
+        var _id = parseInt(value.slice(2), 16);
 
         var _chunk = getChunk(response, _id);
 
@@ -526,17 +575,17 @@ function parseModelString(response, parentObject, key, value) {
 
       case "S": {
         // Symbol
-        return Symbol.for(value.substring(2));
+        return Symbol.for(value.slice(2));
       }
 
       case "P": {
         // Server Context Provider
-        return getOrCreateServerContext(value.substring(2)).Provider;
+        return getOrCreateServerContext(value.slice(2)).Provider;
       }
 
       case "F": {
         // Server Reference
-        var _id2 = parseInt(value.substring(2), 16);
+        var _id2 = parseInt(value.slice(2), 16);
 
         var _chunk2 = getChunk(response, _id2);
 
@@ -558,20 +607,44 @@ function parseModelString(response, parentObject, key, value) {
         }
       }
 
+      case "I": {
+        // $Infinity
+        return Infinity;
+      }
+
+      case "-": {
+        // $-0 or $-Infinity
+        if (value === "$-0") {
+          return -0;
+        } else {
+          return -Infinity;
+        }
+      }
+
+      case "N": {
+        // $NaN
+        return NaN;
+      }
+
       case "u": {
         // matches "$undefined"
         // Special encoding for `undefined` which can't be serialized as JSON otherwise.
         return undefined;
       }
 
+      case "D": {
+        // Date
+        return new Date(Date.parse(value.slice(2)));
+      }
+
       case "n": {
         // BigInt
-        return BigInt(value.substring(2));
+        return BigInt(value.slice(2));
       }
 
       default: {
         // We assume that anything else is a reference ID.
-        var _id3 = parseInt(value.substring(1), 16);
+        var _id3 = parseInt(value.slice(1), 16);
 
         var _chunk3 = getChunk(response, _id3);
 
@@ -711,6 +784,10 @@ function resolveErrorDev(response, id, digest, message, stack) {
     triggerErrorOnChunk(chunk, errorWithDigest);
   }
 }
+function resolveHint(response, code, model) {
+  var hintModel = parseModel(response, model);
+  dispatchHint(code, hintModel);
+}
 function close(response) {
   // In case there are any remaining unresolved chunks, they won't
   // be resolved now. So we need to issue an error to those.
@@ -726,10 +803,13 @@ function resolveRow(response, chunk) {
   } else if (chunk[0] === "I") {
     // $FlowFixMe[incompatible-call] unable to refine on array indices
     resolveModule(response, chunk[1], chunk[2]);
+  } else if (chunk[0] === "H") {
+    // $FlowFixMe[incompatible-call] unable to refine on array indices
+    resolveHint(response, chunk[1], chunk[2]);
   } else {
     {
       resolveErrorDev(
-        response,
+        response, // $FlowFixMe[incompatible-call]: Flow doesn't support disjoint unions on tuples.
         chunk[1], // $FlowFixMe[incompatible-call]: Flow doesn't support disjoint unions on tuples.
         // $FlowFixMe[prop-missing]
         // $FlowFixMe[incompatible-use]
diff --git a/compiled/facebook-www/ReactFlightDOMRelayClient-dev.modern.js b/compiled/facebook-www/ReactFlightDOMRelayClient-dev.modern.js
index 6209190a6d..25d582c6eb 100644
--- a/compiled/facebook-www/ReactFlightDOMRelayClient-dev.modern.js
+++ b/compiled/facebook-www/ReactFlightDOMRelayClient-dev.modern.js
@@ -17,6 +17,7 @@ if (__DEV__) {
 "use strict";
 
 var ReactFlightDOMRelayClientIntegration = require("ReactFlightDOMRelayClientIntegration");
+var ReactDOM = require("react-dom");
 var React = require("react");
 
 var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
@@ -72,6 +73,54 @@ function parseModel(response, json) {
   return parseModelRecursively(response, dummy, "", json);
 }
 
+var ReactDOMSharedInternals =
+  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.Dispatcher;
+function dispatchHint(code, model) {
+  var dispatcher = ReactDOMCurrentDispatcher.current;
+
+  if (dispatcher) {
+    var href, options;
+
+    if (typeof model === "string") {
+      href = model;
+    } else {
+      href = model[0];
+      options = model[1];
+    }
+
+    switch (code) {
+      case "D": {
+        // $FlowFixMe[prop-missing] options are not refined to their types by code
+        dispatcher.prefetchDNS(href, options);
+        return;
+      }
+
+      case "C": {
+        // $FlowFixMe[prop-missing] options are not refined to their types by code
+        dispatcher.preconnect(href, options);
+        return;
+      }
+
+      case "L": {
+        // $FlowFixMe[prop-missing] options are not refined to their types by code
+        // $FlowFixMe[incompatible-call] options are not refined to their types by code
+        dispatcher.preload(href, options);
+        return;
+      }
+
+      case "I": {
+        // $FlowFixMe[prop-missing] options are not refined to their types by code
+        // $FlowFixMe[incompatible-call] options are not refined to their types by code
+        dispatcher.preinit(href, options);
+        return;
+      }
+    }
+  }
+}
+
 var knownServerReferences = new WeakMap();
 
 // ATTENTION
@@ -503,12 +552,12 @@ function parseModelString(response, parentObject, key, value) {
     switch (value[1]) {
       case "$": {
         // This was an escaped string value.
-        return value.substring(1);
+        return value.slice(1);
       }
 
       case "L": {
         // Lazy node
-        var id = parseInt(value.substring(2), 16);
+        var id = parseInt(value.slice(2), 16);
         var chunk = getChunk(response, id); // We create a React.lazy wrapper around any lazy values.
         // When passed into React, we'll know how to suspend on this.
 
@@ -517,7 +566,7 @@ function parseModelString(response, parentObject, key, value) {
 
       case "@": {
         // Promise
-        var _id = parseInt(value.substring(2), 16);
+        var _id = parseInt(value.slice(2), 16);
 
         var _chunk = getChunk(response, _id);
 
@@ -526,17 +575,17 @@ function parseModelString(response, parentObject, key, value) {
 
       case "S": {
         // Symbol
-        return Symbol.for(value.substring(2));
+        return Symbol.for(value.slice(2));
       }
 
       case "P": {
         // Server Context Provider
-        return getOrCreateServerContext(value.substring(2)).Provider;
+        return getOrCreateServerContext(value.slice(2)).Provider;
       }
 
       case "F": {
         // Server Reference
-        var _id2 = parseInt(value.substring(2), 16);
+        var _id2 = parseInt(value.slice(2), 16);
 
         var _chunk2 = getChunk(response, _id2);
 
@@ -558,20 +607,44 @@ function parseModelString(response, parentObject, key, value) {
         }
       }
 
+      case "I": {
+        // $Infinity
+        return Infinity;
+      }
+
+      case "-": {
+        // $-0 or $-Infinity
+        if (value === "$-0") {
+          return -0;
+        } else {
+          return -Infinity;
+        }
+      }
+
+      case "N": {
+        // $NaN
+        return NaN;
+      }
+
       case "u": {
         // matches "$undefined"
         // Special encoding for `undefined` which can't be serialized as JSON otherwise.
         return undefined;
       }
 
+      case "D": {
+        // Date
+        return new Date(Date.parse(value.slice(2)));
+      }
+
       case "n": {
         // BigInt
-        return BigInt(value.substring(2));
+        return BigInt(value.slice(2));
       }
 
       default: {
         // We assume that anything else is a reference ID.
-        var _id3 = parseInt(value.substring(1), 16);
+        var _id3 = parseInt(value.slice(1), 16);
 
         var _chunk3 = getChunk(response, _id3);
 
@@ -711,6 +784,10 @@ function resolveErrorDev(response, id, digest, message, stack) {
     triggerErrorOnChunk(chunk, errorWithDigest);
   }
 }
+function resolveHint(response, code, model) {
+  var hintModel = parseModel(response, model);
+  dispatchHint(code, hintModel);
+}
 function close(response) {
   // In case there are any remaining unresolved chunks, they won't
   // be resolved now. So we need to issue an error to those.
@@ -726,10 +803,13 @@ function resolveRow(response, chunk) {
   } else if (chunk[0] === "I") {
     // $FlowFixMe[incompatible-call] unable to refine on array indices
     resolveModule(response, chunk[1], chunk[2]);
+  } else if (chunk[0] === "H") {
+    // $FlowFixMe[incompatible-call] unable to refine on array indices
+    resolveHint(response, chunk[1], chunk[2]);
   } else {
     {
       resolveErrorDev(
-        response,
+        response, // $FlowFixMe[incompatible-call]: Flow doesn't support disjoint unions on tuples.
         chunk[1], // $FlowFixMe[incompatible-call]: Flow doesn't support disjoint unions on tuples.
         // $FlowFixMe[prop-missing]
         // $FlowFixMe[incompatible-use]
diff --git a/compiled/facebook-www/ReactFlightDOMRelayClient-prod.classic.js b/compiled/facebook-www/ReactFlightDOMRelayClient-prod.classic.js
index 94bc45cb7e..14b683c01f 100644
--- a/compiled/facebook-www/ReactFlightDOMRelayClient-prod.classic.js
+++ b/compiled/facebook-www/ReactFlightDOMRelayClient-prod.classic.js
@@ -12,6 +12,7 @@
 
 "use strict";
 var ReactFlightDOMRelayClientIntegration = require("ReactFlightDOMRelayClientIntegration"),
+  ReactDOM = require("react-dom"),
   React = require("react");
 function formatProdErrorMessage(code) {
   for (
@@ -69,6 +70,8 @@ function parseModelRecursively(response, parentObj, key, value) {
   return value;
 }
 var dummy = {},
+  ReactDOMCurrentDispatcher =
+    ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,
   knownServerReferences = new WeakMap(),
   REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_LAZY_TYPE = Symbol.for("react.lazy"),
@@ -248,23 +251,23 @@ function parseModelString(response, parentObject, key, value) {
     if ("$" === value) return REACT_ELEMENT_TYPE;
     switch (value[1]) {
       case "$":
-        return value.substring(1);
+        return value.slice(1);
       case "L":
         return (
-          (parentObject = parseInt(value.substring(2), 16)),
+          (parentObject = parseInt(value.slice(2), 16)),
           (response = getChunk(response, parentObject)),
           { $$typeof: REACT_LAZY_TYPE, _payload: response, _init: readChunk }
         );
       case "@":
         return (
-          (parentObject = parseInt(value.substring(2), 16)),
+          (parentObject = parseInt(value.slice(2), 16)),
           getChunk(response, parentObject)
         );
       case "S":
-        return Symbol.for(value.substring(2));
+        return Symbol.for(value.slice(2));
       case "P":
         return (
-          (response = value.substring(2)),
+          (response = value.slice(2)),
           ContextRegistry[response] ||
             (ContextRegistry[response] = React.createServerContext(
               response,
@@ -273,7 +276,7 @@ function parseModelString(response, parentObject, key, value) {
           ContextRegistry[response].Provider
         );
       case "F":
-        parentObject = parseInt(value.substring(2), 16);
+        parentObject = parseInt(value.slice(2), 16);
         parentObject = getChunk(response, parentObject);
         switch (parentObject.status) {
           case "resolved_model":
@@ -285,12 +288,20 @@ function parseModelString(response, parentObject, key, value) {
           default:
             throw parentObject.reason;
         }
+      case "I":
+        return Infinity;
+      case "-":
+        return "$-0" === value ? -0 : -Infinity;
+      case "N":
+        return NaN;
       case "u":
         return;
+      case "D":
+        return new Date(Date.parse(value.slice(2)));
       case "n":
-        return BigInt(value.substring(2));
+        return BigInt(value.slice(2));
       default:
-        value = parseInt(value.substring(1), 16);
+        value = parseInt(value.slice(1), 16);
         response = getChunk(response, value);
         switch (response.status) {
           case "resolved_model":
@@ -368,31 +379,67 @@ exports.createResponse = function (bundlerConfig, callServer) {
 exports.getRoot = function (response) {
   return getChunk(response, 0);
 };
-exports.resolveRow = function (response, chunk) {
-  if ("O" === chunk[0]) {
-    var id = chunk[1],
-      model = chunk[2],
-      chunks = response._chunks;
-    (chunk = chunks.get(id))
+exports.resolveRow = function (response, chunk$jscomp$0) {
+  if ("O" === chunk$jscomp$0[0]) {
+    var id = chunk$jscomp$0[1],
+      model = chunk$jscomp$0[2];
+    chunk$jscomp$0 = response._chunks;
+    var chunk = chunk$jscomp$0.get(id);
+    chunk
       ? "pending" === chunk.status &&
         ((response = chunk.value),
-        (id = chunk.reason),
+        (chunk$jscomp$0 = chunk.reason),
         (chunk.status = "resolved_model"),
         (chunk.value = model),
         null !== response &&
           (initializeModelChunk(chunk),
-          wakeChunkIfInitialized(chunk, response, id)))
-      : chunks.set(id, new Chunk("resolved_model", model, null, response));
+          wakeChunkIfInitialized(chunk, response, chunk$jscomp$0)))
+      : chunk$jscomp$0.set(
+          id,
+          new Chunk("resolved_model", model, null, response)
+        );
+  } else if ("I" === chunk$jscomp$0[0])
+    resolveModule(response, chunk$jscomp$0[1], chunk$jscomp$0[2]);
+  else if ("H" === chunk$jscomp$0[0]) {
+    if (
+      ((model = chunk$jscomp$0[1]),
+      (response = parseModelRecursively(
+        response,
+        dummy,
+        "",
+        chunk$jscomp$0[2]
+      )),
+      (chunk$jscomp$0 = ReactDOMCurrentDispatcher.current))
+    )
+      switch (
+        ("string" === typeof response
+          ? (id = response)
+          : ((id = response[0]), (chunk = response[1])),
+        model)
+      ) {
+        case "D":
+          chunk$jscomp$0.prefetchDNS(id, chunk);
+          break;
+        case "C":
+          chunk$jscomp$0.preconnect(id, chunk);
+          break;
+        case "L":
+          chunk$jscomp$0.preload(id, chunk);
+          break;
+        case "I":
+          chunk$jscomp$0.preinit(id, chunk);
+      }
   } else
-    "I" === chunk[0]
-      ? resolveModule(response, chunk[1], chunk[2])
-      : ((model = chunk[1]),
-        (id = chunk[2].digest),
-        (chunk = Error(formatProdErrorMessage(441))),
-        (chunk.stack = "Error: " + chunk.message),
-        (chunk.digest = id),
-        (id = response._chunks),
-        (chunks = id.get(model))
-          ? triggerErrorOnChunk(chunks, chunk)
-          : id.set(model, new Chunk("rejected", null, chunk, response)));
+    (model = chunk$jscomp$0[1]),
+      (chunk$jscomp$0 = chunk$jscomp$0[2].digest),
+      (chunk = Error(formatProdErrorMessage(441))),
+      (chunk.stack = "Error: " + chunk.message),
+      (chunk.digest = chunk$jscomp$0),
+      (chunk$jscomp$0 = response._chunks),
+      (id = chunk$jscomp$0.get(model))
+        ? triggerErrorOnChunk(id, chunk)
+        : chunk$jscomp$0.set(
+            model,
+            new Chunk("rejected", null, chunk, response)
+          );
 };
diff --git a/compiled/facebook-www/ReactFlightDOMRelayClient-prod.modern.js b/compiled/facebook-www/ReactFlightDOMRelayClient-prod.modern.js
index 94bc45cb7e..14b683c01f 100644
--- a/compiled/facebook-www/ReactFlightDOMRelayClient-prod.modern.js
+++ b/compiled/facebook-www/ReactFlightDOMRelayClient-prod.modern.js
@@ -12,6 +12,7 @@
 
 "use strict";
 var ReactFlightDOMRelayClientIntegration = require("ReactFlightDOMRelayClientIntegration"),
+  ReactDOM = require("react-dom"),
   React = require("react");
 function formatProdErrorMessage(code) {
   for (
@@ -69,6 +70,8 @@ function parseModelRecursively(response, parentObj, key, value) {
   return value;
 }
 var dummy = {},
+  ReactDOMCurrentDispatcher =
+    ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,
   knownServerReferences = new WeakMap(),
   REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_LAZY_TYPE = Symbol.for("react.lazy"),
@@ -248,23 +251,23 @@ function parseModelString(response, parentObject, key, value) {
     if ("$" === value) return REACT_ELEMENT_TYPE;
     switch (value[1]) {
       case "$":
-        return value.substring(1);
+        return value.slice(1);
       case "L":
         return (
-          (parentObject = parseInt(value.substring(2), 16)),
+          (parentObject = parseInt(value.slice(2), 16)),
           (response = getChunk(response, parentObject)),
           { $$typeof: REACT_LAZY_TYPE, _payload: response, _init: readChunk }
         );
       case "@":
         return (
-          (parentObject = parseInt(value.substring(2), 16)),
+          (parentObject = parseInt(value.slice(2), 16)),
           getChunk(response, parentObject)
         );
       case "S":
-        return Symbol.for(value.substring(2));
+        return Symbol.for(value.slice(2));
       case "P":
         return (
-          (response = value.substring(2)),
+          (response = value.slice(2)),
           ContextRegistry[response] ||
             (ContextRegistry[response] = React.createServerContext(
               response,
@@ -273,7 +276,7 @@ function parseModelString(response, parentObject, key, value) {
           ContextRegistry[response].Provider
         );
       case "F":
-        parentObject = parseInt(value.substring(2), 16);
+        parentObject = parseInt(value.slice(2), 16);
         parentObject = getChunk(response, parentObject);
         switch (parentObject.status) {
           case "resolved_model":
@@ -285,12 +288,20 @@ function parseModelString(response, parentObject, key, value) {
           default:
             throw parentObject.reason;
         }
+      case "I":
+        return Infinity;
+      case "-":
+        return "$-0" === value ? -0 : -Infinity;
+      case "N":
+        return NaN;
       case "u":
         return;
+      case "D":
+        return new Date(Date.parse(value.slice(2)));
       case "n":
-        return BigInt(value.substring(2));
+        return BigInt(value.slice(2));
       default:
-        value = parseInt(value.substring(1), 16);
+        value = parseInt(value.slice(1), 16);
         response = getChunk(response, value);
         switch (response.status) {
           case "resolved_model":
@@ -368,31 +379,67 @@ exports.createResponse = function (bundlerConfig, callServer) {
 exports.getRoot = function (response) {
   return getChunk(response, 0);
 };
-exports.resolveRow = function (response, chunk) {
-  if ("O" === chunk[0]) {
-    var id = chunk[1],
-      model = chunk[2],
-      chunks = response._chunks;
-    (chunk = chunks.get(id))
+exports.resolveRow = function (response, chunk$jscomp$0) {
+  if ("O" === chunk$jscomp$0[0]) {
+    var id = chunk$jscomp$0[1],
+      model = chunk$jscomp$0[2];
+    chunk$jscomp$0 = response._chunks;
+    var chunk = chunk$jscomp$0.get(id);
+    chunk
       ? "pending" === chunk.status &&
         ((response = chunk.value),
-        (id = chunk.reason),
+        (chunk$jscomp$0 = chunk.reason),
         (chunk.status = "resolved_model"),
         (chunk.value = model),
         null !== response &&
           (initializeModelChunk(chunk),
-          wakeChunkIfInitialized(chunk, response, id)))
-      : chunks.set(id, new Chunk("resolved_model", model, null, response));
+          wakeChunkIfInitialized(chunk, response, chunk$jscomp$0)))
+      : chunk$jscomp$0.set(
+          id,
+          new Chunk("resolved_model", model, null, response)
+        );
+  } else if ("I" === chunk$jscomp$0[0])
+    resolveModule(response, chunk$jscomp$0[1], chunk$jscomp$0[2]);
+  else if ("H" === chunk$jscomp$0[0]) {
+    if (
+      ((model = chunk$jscomp$0[1]),
+      (response = parseModelRecursively(
+        response,
+        dummy,
+        "",
+        chunk$jscomp$0[2]
+      )),
+      (chunk$jscomp$0 = ReactDOMCurrentDispatcher.current))
+    )
+      switch (
+        ("string" === typeof response
+          ? (id = response)
+          : ((id = response[0]), (chunk = response[1])),
+        model)
+      ) {
+        case "D":
+          chunk$jscomp$0.prefetchDNS(id, chunk);
+          break;
+        case "C":
+          chunk$jscomp$0.preconnect(id, chunk);
+          break;
+        case "L":
+          chunk$jscomp$0.preload(id, chunk);
+          break;
+        case "I":
+          chunk$jscomp$0.preinit(id, chunk);
+      }
   } else
-    "I" === chunk[0]
-      ? resolveModule(response, chunk[1], chunk[2])
-      : ((model = chunk[1]),
-        (id = chunk[2].digest),
-        (chunk = Error(formatProdErrorMessage(441))),
-        (chunk.stack = "Error: " + chunk.message),
-        (chunk.digest = id),
-        (id = response._chunks),
-        (chunks = id.get(model))
-          ? triggerErrorOnChunk(chunks, chunk)
-          : id.set(model, new Chunk("rejected", null, chunk, response)));
+    (model = chunk$jscomp$0[1]),
+      (chunk$jscomp$0 = chunk$jscomp$0[2].digest),
+      (chunk = Error(formatProdErrorMessage(441))),
+      (chunk.stack = "Error: " + chunk.message),
+      (chunk.digest = chunk$jscomp$0),
+      (chunk$jscomp$0 = response._chunks),
+      (id = chunk$jscomp$0.get(model))
+        ? triggerErrorOnChunk(id, chunk)
+        : chunk$jscomp$0.set(
+            model,
+            new Chunk("rejected", null, chunk, response)
+          );
 };
diff --git a/compiled/facebook-www/ReactFlightDOMRelayServer-dev.classic.js b/compiled/facebook-www/ReactFlightDOMRelayServer-dev.classic.js
index 2a9435b294..75f1813f30 100644
--- a/compiled/facebook-www/ReactFlightDOMRelayServer-dev.classic.js
+++ b/compiled/facebook-www/ReactFlightDOMRelayServer-dev.classic.js
@@ -18,6 +18,7 @@ if (__DEV__) {
 
 var JSResourceReferenceImpl = require("JSResourceReferenceImpl");
 var ReactFlightDOMRelayServerIntegration = require("ReactFlightDOMRelayServerIntegration");
+var ReactDOM = require("react-dom");
 var React = require("react");
 
 // This refers to a WWW module.
@@ -142,6 +143,10 @@ function processImportChunk(request, id, clientReferenceMetadata) {
   // The clientReferenceMetadata is already a JSON serializable value.
   return ["I", id, clientReferenceMetadata];
 }
+function processHintChunk(request, id, code, model) {
+  // The hint is already a JSON serializable value.
+  return ["H", code, model];
+}
 function scheduleWork(callback) {
   callback();
 }
@@ -154,6 +159,128 @@ function closeWithError(destination, error) {
   ReactFlightDOMRelayServerIntegration.close(destination);
 }
 
+var ReactDOMSharedInternals =
+  ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+// Re-export dynamic flags from the www version.
+require("ReactFeatureFlags");
+
+var ReactDOMFlightServerDispatcher = {
+  prefetchDNS: prefetchDNS,
+  preconnect: preconnect,
+  preload: preload,
+  preinit: preinit
+};
+
+function prefetchDNS(href, options) {
+  {
+    if (typeof href === "string") {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = "D" + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+
+        if (options) {
+          emitHint(request, "D", [href, options]);
+        } else {
+          emitHint(request, "D", href);
+        }
+      }
+    }
+  }
+}
+
+function preconnect(href, options) {
+  {
+    if (typeof href === "string") {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var crossOrigin =
+          options == null || typeof options.crossOrigin !== "string"
+            ? null
+            : options.crossOrigin === "use-credentials"
+            ? "use-credentials"
+            : "";
+        var key =
+          "C" + (crossOrigin === null ? "null" : crossOrigin) + "|" + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+
+        if (options) {
+          emitHint(request, "C", [href, options]);
+        } else {
+          emitHint(request, "C", href);
+        }
+      }
+    }
+  }
+}
+
+function preload(href, options) {
+  {
+    if (typeof href === "string") {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = "L" + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        emitHint(request, "L", [href, options]);
+      }
+    }
+  }
+}
+
+function preinit(href, options) {
+  {
+    if (typeof href === "string") {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = "I" + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        emitHint(request, "I", [href, options]);
+      }
+    }
+  }
+}
+
+var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.Dispatcher;
+function prepareHostDispatcher() {
+  ReactDOMCurrentDispatcher.current = ReactDOMFlightServerDispatcher;
+} // Used to distinguish these contexts from ones used in other renderers.
+function createHints() {
+  return new Set();
+}
+
 // ATTENTION
 // When adding new symbols to this file,
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
@@ -397,9 +524,6 @@ function readContext$1(context) {
   return value;
 }
 
-// Re-export dynamic flags from the www version.
-require("ReactFeatureFlags");
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -522,14 +646,14 @@ function getSuspendedThenable() {
   return thenable;
 }
 
-var currentRequest = null;
+var currentRequest$1 = null;
 var thenableIndexCounter = 0;
 var thenableState = null;
 function prepareToUseHooksForRequest(request) {
-  currentRequest = request;
+  currentRequest$1 = request;
 }
 function resetHooksForRequest() {
-  currentRequest = null;
+  currentRequest$1 = null;
 }
 function prepareToUseHooksForComponent(prevThenableState) {
   thenableIndexCounter = 0;
@@ -551,7 +675,7 @@ function readContext(context) {
       }
     }
 
-    if (currentRequest === null) {
+    if (currentRequest$1 === null) {
       error(
         "Context can only be read while React is rendering. " +
           "In classes, you can read it in the render method or getDerivedStateFromProps. " +
@@ -612,13 +736,13 @@ function unsupportedRefresh() {
 }
 
 function useId() {
-  if (currentRequest === null) {
+  if (currentRequest$1 === null) {
     throw new Error("useId can only be used while React is rendering");
   }
 
-  var id = currentRequest.identifierCount++; // use 'S' for Flight components to distinguish from 'R' and 'r' in Fizz/Client
+  var id = currentRequest$1.identifierCount++; // use 'S' for Flight components to distinguish from 'R' and 'r' in Fizz/Client
 
-  return ":" + currentRequest.identifierPrefix + "S" + id.toString(32) + ":";
+  return ":" + currentRequest$1.identifierPrefix + "S" + id.toString(32) + ":";
 }
 
 function use(usable) {
@@ -659,9 +783,11 @@ function createSignal() {
 }
 
 function resolveCache() {
-  if (currentCache) return currentCache;
-  // active and so to support cache() and fetch() outside of render, we yield
-  // an empty Map.
+  var request = resolveRequest();
+
+  if (request) {
+    return getCache(request);
+  }
 
   return new Map();
 }
@@ -691,14 +817,6 @@ var DefaultCacheDispatcher = {
     return entry;
   }
 };
-var currentCache = null;
-function setCurrentCache(cache) {
-  currentCache = cache;
-  return currentCache;
-}
-function getCurrentCache() {
-  return currentCache;
-}
 
 // in case they error.
 
@@ -780,7 +898,7 @@ function describeValueForErrorMessage(value) {
   switch (typeof value) {
     case "string": {
       return JSON.stringify(
-        value.length <= 10 ? value : value.substr(0, 10) + "..."
+        value.length <= 10 ? value : value.slice(0, 10) + "..."
       );
     }
 
@@ -1065,20 +1183,25 @@ function createRequest(
     );
   }
 
+  prepareHostDispatcher();
   ReactCurrentCache.current = DefaultCacheDispatcher;
   var abortSet = new Set();
   var pingedTasks = [];
+  var hints = createHints();
   var request = {
     status: OPEN,
+    flushScheduled: false,
     fatalError: null,
     destination: null,
     bundlerConfig: bundlerConfig,
     cache: new Map(),
     nextChunkId: 0,
     pendingChunks: 0,
+    hints: hints,
     abortableTasks: abortSet,
     pingedTasks: pingedTasks,
     completedImportChunks: [],
+    completedHintChunks: [],
     completedJSONChunks: [],
     completedErrorChunks: [],
     writtenSymbols: new Map(),
@@ -1099,6 +1222,12 @@ function createRequest(
   pingedTasks.push(rootTask);
   return request;
 }
+var currentRequest = null;
+function resolveRequest() {
+  if (currentRequest) return currentRequest;
+
+  return null;
+}
 
 function createRootContext(reqContext) {
   return importServerContexts(reqContext);
@@ -1194,6 +1323,17 @@ function serializeThenable(request, thenable) {
   return newTask.id;
 }
 
+function emitHint(request, code, model) {
+  emitHintChunk(request, code, model);
+  enqueueFlush(request);
+}
+function getHints(request) {
+  return request.hints;
+}
+function getCache(request) {
+  return request.cache;
+}
+
 function readThenable(thenable) {
   if (thenable.status === "fulfilled") {
     return thenable.value;
@@ -1400,6 +1540,7 @@ function pingTask(request, task) {
   pingedTasks.push(task);
 
   if (pingedTasks.length === 1) {
+    request.flushScheduled = request.destination !== null;
     scheduleWork(function () {
       return performWork(request);
     });
@@ -1442,10 +1583,34 @@ function serializeProviderReference(name) {
   return "$P" + name;
 }
 
+function serializeNumber(number) {
+  if (Number.isFinite(number)) {
+    if (number === 0 && 1 / number === -Infinity) {
+      return "$-0";
+    } else {
+      return number;
+    }
+  } else {
+    if (number === Infinity) {
+      return "$Infinity";
+    } else if (number === -Infinity) {
+      return "$-Infinity";
+    } else {
+      return "$NaN";
+    }
+  }
+}
+
 function serializeUndefined() {
   return "$undefined";
 }
 
+function serializeDateFromDateJSON(dateJSON) {
+  // JSON.stringify automatically calls Date.prototype.toJSON which calls toISOString.
+  // We need only tack on a $D prefix.
+  return "$D" + dateJSON;
+}
+
 function serializeBigInt(n) {
   return "$n" + n.toString(10);
 }
@@ -1518,11 +1683,16 @@ function escapeStringValue(value) {
 var insideContextProps = null;
 var isInsideContextValue = false;
 function resolveModelToJSON(request, parent, key, value) {
+  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
   {
     // $FlowFixMe[incompatible-use]
     var originalValue = parent[key];
 
-    if (typeof originalValue === "object" && originalValue !== value) {
+    if (
+      typeof originalValue === "object" &&
+      originalValue !== value &&
+      !(originalValue instanceof Date)
+    ) {
       if (objectName(originalValue) !== "Object") {
         var jsxParentType = jsxChildrenParents.get(parent);
 
@@ -1730,13 +1900,28 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === "string") {
+    // TODO: Maybe too clever. If we support URL there's no similar trick.
+    if (value[value.length - 1] === "Z") {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      // $FlowFixMe[incompatible-use]
+      var _originalValue = parent[key]; // $FlowFixMe[method-unbinding]
+
+      if (_originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
     return escapeStringValue(value);
   }
 
-  if (typeof value === "boolean" || typeof value === "number") {
+  if (typeof value === "boolean") {
     return value;
   }
 
+  if (typeof value === "number") {
+    return serializeNumber(value);
+  }
+
   if (typeof value === "undefined") {
     return serializeUndefined();
   }
@@ -1868,6 +2053,16 @@ function emitImportChunk(request, id, clientReferenceMetadata) {
   request.completedImportChunks.push(processedChunk);
 }
 
+function emitHintChunk(request, code, model) {
+  var processedChunk = processHintChunk(
+    request,
+    request.nextChunkId++,
+    code,
+    model
+  );
+  request.completedHintChunks.push(processedChunk);
+}
+
 function emitSymbolChunk(request, id, name) {
   var symbolReference = serializeSymbolReference(name);
   var processedChunk = processReferenceChunk(request, id, symbolReference);
@@ -1976,9 +2171,9 @@ function retryTask(request, task) {
 
 function performWork(request) {
   var prevDispatcher = ReactCurrentDispatcher.current;
-  var prevCache = getCurrentCache();
   ReactCurrentDispatcher.current = HooksDispatcher;
-  setCurrentCache(request.cache);
+  var prevRequest = currentRequest;
+  currentRequest = request;
   prepareToUseHooksForRequest(request);
 
   try {
@@ -1998,8 +2193,8 @@ function performWork(request) {
     fatalError(request, error);
   } finally {
     ReactCurrentDispatcher.current = prevDispatcher;
-    setCurrentCache(prevCache);
     resetHooksForRequest();
+    currentRequest = prevRequest;
   }
 }
 
@@ -2022,18 +2217,35 @@ function flushCompletedChunks(request, destination) {
       }
     }
 
-    importsChunks.splice(0, i); // Next comes model data.
+    importsChunks.splice(0, i); // Next comes hints.
+
+    var hintChunks = request.completedHintChunks;
+    i = 0;
+
+    for (; i < hintChunks.length; i++) {
+      var _chunk = hintChunks[i];
+
+      var _keepWriting = writeChunkAndReturn(destination, _chunk);
+
+      if (!_keepWriting) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    hintChunks.splice(0, i); // Next comes model data.
 
     var jsonChunks = request.completedJSONChunks;
     i = 0;
 
     for (; i < jsonChunks.length; i++) {
       request.pendingChunks--;
-      var _chunk = jsonChunks[i];
+      var _chunk2 = jsonChunks[i];
 
-      var _keepWriting = writeChunkAndReturn(destination, _chunk);
+      var _keepWriting2 = writeChunkAndReturn(destination, _chunk2);
 
-      if (!_keepWriting) {
+      if (!_keepWriting2) {
         request.destination = null;
         i++;
         break;
@@ -2049,11 +2261,11 @@ function flushCompletedChunks(request, destination) {
 
     for (; i < errorChunks.length; i++) {
       request.pendingChunks--;
-      var _chunk2 = errorChunks[i];
+      var _chunk3 = errorChunks[i];
 
-      var _keepWriting2 = writeChunkAndReturn(destination, _chunk2);
+      var _keepWriting3 = writeChunkAndReturn(destination, _chunk3);
 
-      if (!_keepWriting2) {
+      if (!_keepWriting3) {
         request.destination = null;
         i++;
         break;
@@ -2062,6 +2274,7 @@ function flushCompletedChunks(request, destination) {
 
     errorChunks.splice(0, i);
   } finally {
+    request.flushScheduled = false;
   }
 
   if (request.pendingChunks === 0) {
@@ -2071,12 +2284,30 @@ function flushCompletedChunks(request, destination) {
 }
 
 function startWork(request) {
+  request.flushScheduled = request.destination !== null;
+
   {
     scheduleWork(function () {
       return performWork(request);
     });
   }
 }
+
+function enqueueFlush(request) {
+  if (
+    request.flushScheduled === false && // If there are pinged tasks we are going to flush anyway after work completes
+    request.pingedTasks.length === 0 && // If there is no destination there is nothing we can flush to. A flush will
+    // happen when we start flowing again
+    request.destination !== null
+  ) {
+    var destination = request.destination;
+    request.flushScheduled = true;
+    scheduleWork(function () {
+      return flushCompletedChunks(request, destination);
+    });
+  }
+}
+
 function startFlowing(request, destination) {
   if (request.status === CLOSING) {
     request.status = CLOSED;
diff --git a/compiled/facebook-www/ReactFlightDOMRelayServer-dev.modern.js b/compiled/facebook-www/ReactFlightDOMRelayServer-dev.modern.js
index 2a9435b294..75f1813f30 100644
--- a/compiled/facebook-www/ReactFlightDOMRelayServer-dev.modern.js
+++ b/compiled/facebook-www/ReactFlightDOMRelayServer-dev.modern.js
@@ -18,6 +18,7 @@ if (__DEV__) {
 
 var JSResourceReferenceImpl = require("JSResourceReferenceImpl");
 var ReactFlightDOMRelayServerIntegration = require("ReactFlightDOMRelayServerIntegration");
+var ReactDOM = require("react-dom");
 var React = require("react");
 
 // This refers to a WWW module.
@@ -142,6 +143,10 @@ function processImportChunk(request, id, clientReferenceMetadata) {
   // The clientReferenceMetadata is already a JSON serializable value.
   return ["I", id, clientReferenceMetadata];
 }
+function processHintChunk(request, id, code, model) {
+  // The hint is already a JSON serializable value.
+  return ["H", code, model];
+}
 function scheduleWork(callback) {
   callback();
 }
@@ -154,6 +159,128 @@ function closeWithError(destination, error) {
   ReactFlightDOMRelayServerIntegration.close(destination);
 }
 
+var ReactDOMSharedInternals =
+  ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+// Re-export dynamic flags from the www version.
+require("ReactFeatureFlags");
+
+var ReactDOMFlightServerDispatcher = {
+  prefetchDNS: prefetchDNS,
+  preconnect: preconnect,
+  preload: preload,
+  preinit: preinit
+};
+
+function prefetchDNS(href, options) {
+  {
+    if (typeof href === "string") {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = "D" + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+
+        if (options) {
+          emitHint(request, "D", [href, options]);
+        } else {
+          emitHint(request, "D", href);
+        }
+      }
+    }
+  }
+}
+
+function preconnect(href, options) {
+  {
+    if (typeof href === "string") {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var crossOrigin =
+          options == null || typeof options.crossOrigin !== "string"
+            ? null
+            : options.crossOrigin === "use-credentials"
+            ? "use-credentials"
+            : "";
+        var key =
+          "C" + (crossOrigin === null ? "null" : crossOrigin) + "|" + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+
+        if (options) {
+          emitHint(request, "C", [href, options]);
+        } else {
+          emitHint(request, "C", href);
+        }
+      }
+    }
+  }
+}
+
+function preload(href, options) {
+  {
+    if (typeof href === "string") {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = "L" + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        emitHint(request, "L", [href, options]);
+      }
+    }
+  }
+}
+
+function preinit(href, options) {
+  {
+    if (typeof href === "string") {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = "I" + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        emitHint(request, "I", [href, options]);
+      }
+    }
+  }
+}
+
+var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.Dispatcher;
+function prepareHostDispatcher() {
+  ReactDOMCurrentDispatcher.current = ReactDOMFlightServerDispatcher;
+} // Used to distinguish these contexts from ones used in other renderers.
+function createHints() {
+  return new Set();
+}
+
 // ATTENTION
 // When adding new symbols to this file,
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
@@ -397,9 +524,6 @@ function readContext$1(context) {
   return value;
 }
 
-// Re-export dynamic flags from the www version.
-require("ReactFeatureFlags");
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -522,14 +646,14 @@ function getSuspendedThenable() {
   return thenable;
 }
 
-var currentRequest = null;
+var currentRequest$1 = null;
 var thenableIndexCounter = 0;
 var thenableState = null;
 function prepareToUseHooksForRequest(request) {
-  currentRequest = request;
+  currentRequest$1 = request;
 }
 function resetHooksForRequest() {
-  currentRequest = null;
+  currentRequest$1 = null;
 }
 function prepareToUseHooksForComponent(prevThenableState) {
   thenableIndexCounter = 0;
@@ -551,7 +675,7 @@ function readContext(context) {
       }
     }
 
-    if (currentRequest === null) {
+    if (currentRequest$1 === null) {
       error(
         "Context can only be read while React is rendering. " +
           "In classes, you can read it in the render method or getDerivedStateFromProps. " +
@@ -612,13 +736,13 @@ function unsupportedRefresh() {
 }
 
 function useId() {
-  if (currentRequest === null) {
+  if (currentRequest$1 === null) {
     throw new Error("useId can only be used while React is rendering");
   }
 
-  var id = currentRequest.identifierCount++; // use 'S' for Flight components to distinguish from 'R' and 'r' in Fizz/Client
+  var id = currentRequest$1.identifierCount++; // use 'S' for Flight components to distinguish from 'R' and 'r' in Fizz/Client
 
-  return ":" + currentRequest.identifierPrefix + "S" + id.toString(32) + ":";
+  return ":" + currentRequest$1.identifierPrefix + "S" + id.toString(32) + ":";
 }
 
 function use(usable) {
@@ -659,9 +783,11 @@ function createSignal() {
 }
 
 function resolveCache() {
-  if (currentCache) return currentCache;
-  // active and so to support cache() and fetch() outside of render, we yield
-  // an empty Map.
+  var request = resolveRequest();
+
+  if (request) {
+    return getCache(request);
+  }
 
   return new Map();
 }
@@ -691,14 +817,6 @@ var DefaultCacheDispatcher = {
     return entry;
   }
 };
-var currentCache = null;
-function setCurrentCache(cache) {
-  currentCache = cache;
-  return currentCache;
-}
-function getCurrentCache() {
-  return currentCache;
-}
 
 // in case they error.
 
@@ -780,7 +898,7 @@ function describeValueForErrorMessage(value) {
   switch (typeof value) {
     case "string": {
       return JSON.stringify(
-        value.length <= 10 ? value : value.substr(0, 10) + "..."
+        value.length <= 10 ? value : value.slice(0, 10) + "..."
       );
     }
 
@@ -1065,20 +1183,25 @@ function createRequest(
     );
   }
 
+  prepareHostDispatcher();
   ReactCurrentCache.current = DefaultCacheDispatcher;
   var abortSet = new Set();
   var pingedTasks = [];
+  var hints = createHints();
   var request = {
     status: OPEN,
+    flushScheduled: false,
     fatalError: null,
     destination: null,
     bundlerConfig: bundlerConfig,
     cache: new Map(),
     nextChunkId: 0,
     pendingChunks: 0,
+    hints: hints,
     abortableTasks: abortSet,
     pingedTasks: pingedTasks,
     completedImportChunks: [],
+    completedHintChunks: [],
     completedJSONChunks: [],
     completedErrorChunks: [],
     writtenSymbols: new Map(),
@@ -1099,6 +1222,12 @@ function createRequest(
   pingedTasks.push(rootTask);
   return request;
 }
+var currentRequest = null;
+function resolveRequest() {
+  if (currentRequest) return currentRequest;
+
+  return null;
+}
 
 function createRootContext(reqContext) {
   return importServerContexts(reqContext);
@@ -1194,6 +1323,17 @@ function serializeThenable(request, thenable) {
   return newTask.id;
 }
 
+function emitHint(request, code, model) {
+  emitHintChunk(request, code, model);
+  enqueueFlush(request);
+}
+function getHints(request) {
+  return request.hints;
+}
+function getCache(request) {
+  return request.cache;
+}
+
 function readThenable(thenable) {
   if (thenable.status === "fulfilled") {
     return thenable.value;
@@ -1400,6 +1540,7 @@ function pingTask(request, task) {
   pingedTasks.push(task);
 
   if (pingedTasks.length === 1) {
+    request.flushScheduled = request.destination !== null;
     scheduleWork(function () {
       return performWork(request);
     });
@@ -1442,10 +1583,34 @@ function serializeProviderReference(name) {
   return "$P" + name;
 }
 
+function serializeNumber(number) {
+  if (Number.isFinite(number)) {
+    if (number === 0 && 1 / number === -Infinity) {
+      return "$-0";
+    } else {
+      return number;
+    }
+  } else {
+    if (number === Infinity) {
+      return "$Infinity";
+    } else if (number === -Infinity) {
+      return "$-Infinity";
+    } else {
+      return "$NaN";
+    }
+  }
+}
+
 function serializeUndefined() {
   return "$undefined";
 }
 
+function serializeDateFromDateJSON(dateJSON) {
+  // JSON.stringify automatically calls Date.prototype.toJSON which calls toISOString.
+  // We need only tack on a $D prefix.
+  return "$D" + dateJSON;
+}
+
 function serializeBigInt(n) {
   return "$n" + n.toString(10);
 }
@@ -1518,11 +1683,16 @@ function escapeStringValue(value) {
 var insideContextProps = null;
 var isInsideContextValue = false;
 function resolveModelToJSON(request, parent, key, value) {
+  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
   {
     // $FlowFixMe[incompatible-use]
     var originalValue = parent[key];
 
-    if (typeof originalValue === "object" && originalValue !== value) {
+    if (
+      typeof originalValue === "object" &&
+      originalValue !== value &&
+      !(originalValue instanceof Date)
+    ) {
       if (objectName(originalValue) !== "Object") {
         var jsxParentType = jsxChildrenParents.get(parent);
 
@@ -1730,13 +1900,28 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === "string") {
+    // TODO: Maybe too clever. If we support URL there's no similar trick.
+    if (value[value.length - 1] === "Z") {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      // $FlowFixMe[incompatible-use]
+      var _originalValue = parent[key]; // $FlowFixMe[method-unbinding]
+
+      if (_originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
     return escapeStringValue(value);
   }
 
-  if (typeof value === "boolean" || typeof value === "number") {
+  if (typeof value === "boolean") {
     return value;
   }
 
+  if (typeof value === "number") {
+    return serializeNumber(value);
+  }
+
   if (typeof value === "undefined") {
     return serializeUndefined();
   }
@@ -1868,6 +2053,16 @@ function emitImportChunk(request, id, clientReferenceMetadata) {
   request.completedImportChunks.push(processedChunk);
 }
 
+function emitHintChunk(request, code, model) {
+  var processedChunk = processHintChunk(
+    request,
+    request.nextChunkId++,
+    code,
+    model
+  );
+  request.completedHintChunks.push(processedChunk);
+}
+
 function emitSymbolChunk(request, id, name) {
   var symbolReference = serializeSymbolReference(name);
   var processedChunk = processReferenceChunk(request, id, symbolReference);
@@ -1976,9 +2171,9 @@ function retryTask(request, task) {
 
 function performWork(request) {
   var prevDispatcher = ReactCurrentDispatcher.current;
-  var prevCache = getCurrentCache();
   ReactCurrentDispatcher.current = HooksDispatcher;
-  setCurrentCache(request.cache);
+  var prevRequest = currentRequest;
+  currentRequest = request;
   prepareToUseHooksForRequest(request);
 
   try {
@@ -1998,8 +2193,8 @@ function performWork(request) {
     fatalError(request, error);
   } finally {
     ReactCurrentDispatcher.current = prevDispatcher;
-    setCurrentCache(prevCache);
     resetHooksForRequest();
+    currentRequest = prevRequest;
   }
 }
 
@@ -2022,18 +2217,35 @@ function flushCompletedChunks(request, destination) {
       }
     }
 
-    importsChunks.splice(0, i); // Next comes model data.
+    importsChunks.splice(0, i); // Next comes hints.
+
+    var hintChunks = request.completedHintChunks;
+    i = 0;
+
+    for (; i < hintChunks.length; i++) {
+      var _chunk = hintChunks[i];
+
+      var _keepWriting = writeChunkAndReturn(destination, _chunk);
+
+      if (!_keepWriting) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    hintChunks.splice(0, i); // Next comes model data.
 
     var jsonChunks = request.completedJSONChunks;
     i = 0;
 
     for (; i < jsonChunks.length; i++) {
       request.pendingChunks--;
-      var _chunk = jsonChunks[i];
+      var _chunk2 = jsonChunks[i];
 
-      var _keepWriting = writeChunkAndReturn(destination, _chunk);
+      var _keepWriting2 = writeChunkAndReturn(destination, _chunk2);
 
-      if (!_keepWriting) {
+      if (!_keepWriting2) {
         request.destination = null;
         i++;
         break;
@@ -2049,11 +2261,11 @@ function flushCompletedChunks(request, destination) {
 
     for (; i < errorChunks.length; i++) {
       request.pendingChunks--;
-      var _chunk2 = errorChunks[i];
+      var _chunk3 = errorChunks[i];
 
-      var _keepWriting2 = writeChunkAndReturn(destination, _chunk2);
+      var _keepWriting3 = writeChunkAndReturn(destination, _chunk3);
 
-      if (!_keepWriting2) {
+      if (!_keepWriting3) {
         request.destination = null;
         i++;
         break;
@@ -2062,6 +2274,7 @@ function flushCompletedChunks(request, destination) {
 
     errorChunks.splice(0, i);
   } finally {
+    request.flushScheduled = false;
   }
 
   if (request.pendingChunks === 0) {
@@ -2071,12 +2284,30 @@ function flushCompletedChunks(request, destination) {
 }
 
 function startWork(request) {
+  request.flushScheduled = request.destination !== null;
+
   {
     scheduleWork(function () {
       return performWork(request);
     });
   }
 }
+
+function enqueueFlush(request) {
+  if (
+    request.flushScheduled === false && // If there are pinged tasks we are going to flush anyway after work completes
+    request.pingedTasks.length === 0 && // If there is no destination there is nothing we can flush to. A flush will
+    // happen when we start flowing again
+    request.destination !== null
+  ) {
+    var destination = request.destination;
+    request.flushScheduled = true;
+    scheduleWork(function () {
+      return flushCompletedChunks(request, destination);
+    });
+  }
+}
+
 function startFlowing(request, destination) {
   if (request.status === CLOSING) {
     request.status = CLOSED;
diff --git a/compiled/facebook-www/ReactFlightDOMRelayServer-prod.classic.js b/compiled/facebook-www/ReactFlightDOMRelayServer-prod.classic.js
index 411eddc6b9..3d4b22dbbd 100644
--- a/compiled/facebook-www/ReactFlightDOMRelayServer-prod.classic.js
+++ b/compiled/facebook-www/ReactFlightDOMRelayServer-prod.classic.js
@@ -13,6 +13,7 @@
 "use strict";
 var JSResourceReferenceImpl = require("JSResourceReferenceImpl"),
   ReactFlightDOMRelayServerIntegration = require("ReactFlightDOMRelayServerIntegration"),
+  ReactDOM = require("react-dom"),
   React = require("react"),
   hasOwnProperty = Object.prototype.hasOwnProperty,
   isArrayImpl = Array.isArray;
@@ -47,7 +48,80 @@ function writeChunkAndReturn(destination, chunk) {
   ReactFlightDOMRelayServerIntegration.emitRow(destination, chunk);
   return !0;
 }
-var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
+var ReactDOMSharedInternals =
+  ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+require("ReactFeatureFlags");
+var ReactDOMFlightServerDispatcher = {
+  prefetchDNS: prefetchDNS,
+  preconnect: preconnect,
+  preload: preload,
+  preinit: preinit
+};
+function prefetchDNS(href, options) {
+  if ("string" === typeof href) {
+    var request = currentRequest ? currentRequest : null;
+    if (request) {
+      var hints = request.hints,
+        key = "D" + href;
+      hints.has(key) ||
+        (hints.add(key),
+        options
+          ? emitHintChunk(request, "D", [href, options])
+          : emitHintChunk(request, "D", href),
+        enqueueFlush(request));
+    }
+  }
+}
+function preconnect(href, options) {
+  if ("string" === typeof href) {
+    var request = currentRequest ? currentRequest : null;
+    if (request) {
+      var hints = request.hints,
+        crossOrigin =
+          null == options || "string" !== typeof options.crossOrigin
+            ? null
+            : "use-credentials" === options.crossOrigin
+            ? "use-credentials"
+            : "";
+      crossOrigin =
+        "C" + (null === crossOrigin ? "null" : crossOrigin) + "|" + href;
+      hints.has(crossOrigin) ||
+        (hints.add(crossOrigin),
+        options
+          ? emitHintChunk(request, "C", [href, options])
+          : emitHintChunk(request, "C", href),
+        enqueueFlush(request));
+    }
+  }
+}
+function preload(href, options) {
+  if ("string" === typeof href) {
+    var request = currentRequest ? currentRequest : null;
+    if (request) {
+      var hints = request.hints,
+        key = "L" + href;
+      hints.has(key) ||
+        (hints.add(key),
+        emitHintChunk(request, "L", [href, options]),
+        enqueueFlush(request));
+    }
+  }
+}
+function preinit(href, options) {
+  if ("string" === typeof href) {
+    var request = currentRequest ? currentRequest : null;
+    if (request) {
+      var hints = request.hints,
+        key = "I" + href;
+      hints.has(key) ||
+        (hints.add(key),
+        emitHintChunk(request, "I", [href, options]),
+        enqueueFlush(request));
+    }
+  }
+}
+var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.Dispatcher,
+  REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
   REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
   REACT_SERVER_CONTEXT_TYPE = Symbol.for("react.server_context"),
@@ -141,7 +215,6 @@ function pushProvider(context, nextValue) {
       value: nextValue
     });
 }
-require("ReactFeatureFlags");
 var SuspenseException = Error(
   "Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"
 );
@@ -198,7 +271,7 @@ function getSuspendedThenable() {
   suspendedThenable = null;
   return thenable;
 }
-var currentRequest = null,
+var currentRequest$1 = null,
   thenableIndexCounter = 0,
   thenableState = null;
 function getThenableStateAfterSuspending() {
@@ -248,10 +321,10 @@ function unsupportedRefresh() {
   throw Error("Refreshing the cache is not supported in Server Components.");
 }
 function useId() {
-  if (null === currentRequest)
+  if (null === currentRequest$1)
     throw Error("useId can only be used while React is rendering");
-  var id = currentRequest.identifierCount++;
-  return ":" + currentRequest.identifierPrefix + "S" + id.toString(32) + ":";
+  var id = currentRequest$1.identifierCount++;
+  return ":" + currentRequest$1.identifierPrefix + "S" + id.toString(32) + ":";
 }
 function use(usable) {
   if (
@@ -272,23 +345,26 @@ function use(usable) {
 function createSignal() {
   return new AbortController().signal;
 }
+function resolveCache() {
+  var request = currentRequest ? currentRequest : null;
+  return request ? request.cache : new Map();
+}
 var DefaultCacheDispatcher = {
-    getCacheSignal: function () {
-      var cache = currentCache ? currentCache : new Map(),
-        entry = cache.get(createSignal);
-      void 0 === entry &&
-        ((entry = createSignal()), cache.set(createSignal, entry));
-      return entry;
-    },
-    getCacheForType: function (resourceType) {
-      var cache = currentCache ? currentCache : new Map(),
-        entry = cache.get(resourceType);
-      void 0 === entry &&
-        ((entry = resourceType()), cache.set(resourceType, entry));
-      return entry;
-    }
+  getCacheSignal: function () {
+    var cache = resolveCache(),
+      entry = cache.get(createSignal);
+    void 0 === entry &&
+      ((entry = createSignal()), cache.set(createSignal, entry));
+    return entry;
   },
-  currentCache = null;
+  getCacheForType: function (resourceType) {
+    var cache = resolveCache(),
+      entry = cache.get(resourceType);
+    void 0 === entry &&
+      ((entry = resourceType()), cache.set(resourceType, entry));
+    return entry;
+  }
+};
 function objectName(object) {
   return Object.prototype.toString
     .call(object)
@@ -300,7 +376,7 @@ function describeValueForErrorMessage(value) {
   switch (typeof value) {
     case "string":
       return JSON.stringify(
-        10 >= value.length ? value : value.substr(0, 10) + "..."
+        10 >= value.length ? value : value.slice(0, 10) + "..."
       );
     case "object":
       if (isArrayImpl(value)) return "[...]";
@@ -410,20 +486,25 @@ function createRequest(
     ReactCurrentCache.current !== DefaultCacheDispatcher
   )
     throw Error("Currently React only supports one RSC renderer at a time.");
+  ReactDOMCurrentDispatcher.current = ReactDOMFlightServerDispatcher;
   ReactCurrentCache.current = DefaultCacheDispatcher;
   var abortSet = new Set(),
     pingedTasks = [],
+    hints = new Set(),
     request = {
       status: 0,
+      flushScheduled: !1,
       fatalError: null,
       destination: null,
       bundlerConfig: bundlerConfig,
       cache: new Map(),
       nextChunkId: 0,
       pendingChunks: 0,
+      hints: hints,
       abortableTasks: abortSet,
       pingedTasks: pingedTasks,
       completedImportChunks: [],
+      completedHintChunks: [],
       completedJSONChunks: [],
       completedErrorChunks: [],
       writtenSymbols: new Map(),
@@ -443,7 +524,8 @@ function createRequest(
   pingedTasks.push(model);
   return request;
 }
-var POP = {};
+var currentRequest = null,
+  POP = {};
 function serializeThenable(request, thenable) {
   request.pendingChunks++;
   var newTask = createTask(
@@ -599,7 +681,9 @@ function attemptResolveElement(
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
   pingedTasks.push(task);
-  1 === pingedTasks.length && performWork(request);
+  1 === pingedTasks.length &&
+    ((request.flushScheduled = null !== request.destination),
+    performWork(request));
 }
 function createTask(request, model, context, abortSet) {
   var task = {
@@ -751,9 +835,26 @@ function resolveModelToJSON(request, parent, key, value) {
       ? Array.from(value)
       : value;
   }
-  if ("string" === typeof value)
-    return (request = "$" === value[0] ? "$" + value : value), request;
-  if ("boolean" === typeof value || "number" === typeof value) return value;
+  if ("string" === typeof value) {
+    if ("Z" === value[value.length - 1] && parent[key] instanceof Date)
+      return "$D" + value;
+    request = "$" === value[0] ? "$" + value : value;
+    return request;
+  }
+  if ("boolean" === typeof value) return value;
+  if ("number" === typeof value)
+    return (
+      (request = value),
+      Number.isFinite(request)
+        ? 0 === request && -Infinity === 1 / request
+          ? "$-0"
+          : request
+        : Infinity === request
+        ? "$Infinity"
+        : -Infinity === request
+        ? "$-Infinity"
+        : "$NaN"
+    );
   if ("undefined" === typeof value) return "$undefined";
   if ("function" === typeof value) {
     if (value instanceof JSResourceReferenceImpl)
@@ -814,12 +915,15 @@ function fatalError(request, error) {
 function emitErrorChunkProd(request, id, digest) {
   request.completedErrorChunks.push(["E", id, { digest: digest }]);
 }
+function emitHintChunk(request, code, model) {
+  request.nextChunkId++;
+  request.completedHintChunks.push(["H", code, model]);
+}
 function performWork(request$jscomp$0) {
-  var prevDispatcher = ReactCurrentDispatcher.current,
-    prevCache = currentCache;
+  var prevDispatcher = ReactCurrentDispatcher.current;
   ReactCurrentDispatcher.current = HooksDispatcher;
-  currentCache = request$jscomp$0.cache;
-  currentRequest = request$jscomp$0;
+  var prevRequest = currentRequest;
+  currentRequest$1 = currentRequest = request$jscomp$0;
   try {
     var pingedTasks = request$jscomp$0.pingedTasks;
     request$jscomp$0.pingedTasks = [];
@@ -898,29 +1002,49 @@ function performWork(request$jscomp$0) {
       fatalError(request$jscomp$0, error);
   } finally {
     (ReactCurrentDispatcher.current = prevDispatcher),
-      (currentCache = prevCache),
-      (currentRequest = null);
+      (currentRequest$1 = null),
+      (currentRequest = prevRequest);
   }
 }
 function flushCompletedChunks(request, destination) {
-  for (
-    var importsChunks = request.completedImportChunks, i = 0;
-    i < importsChunks.length;
-    i++
-  )
-    request.pendingChunks--, writeChunkAndReturn(destination, importsChunks[i]);
-  importsChunks.splice(0, i);
-  importsChunks = request.completedJSONChunks;
-  for (i = 0; i < importsChunks.length; i++)
-    request.pendingChunks--, writeChunkAndReturn(destination, importsChunks[i]);
-  importsChunks.splice(0, i);
-  importsChunks = request.completedErrorChunks;
-  for (i = 0; i < importsChunks.length; i++)
-    request.pendingChunks--, writeChunkAndReturn(destination, importsChunks[i]);
-  importsChunks.splice(0, i);
+  try {
+    for (
+      var importsChunks = request.completedImportChunks, i = 0;
+      i < importsChunks.length;
+      i++
+    )
+      request.pendingChunks--,
+        writeChunkAndReturn(destination, importsChunks[i]);
+    importsChunks.splice(0, i);
+    var hintChunks = request.completedHintChunks;
+    for (i = 0; i < hintChunks.length; i++)
+      writeChunkAndReturn(destination, hintChunks[i]);
+    hintChunks.splice(0, i);
+    var jsonChunks = request.completedJSONChunks;
+    for (i = 0; i < jsonChunks.length; i++)
+      request.pendingChunks--, writeChunkAndReturn(destination, jsonChunks[i]);
+    jsonChunks.splice(0, i);
+    var errorChunks = request.completedErrorChunks;
+    for (i = 0; i < errorChunks.length; i++)
+      request.pendingChunks--, writeChunkAndReturn(destination, errorChunks[i]);
+    errorChunks.splice(0, i);
+  } finally {
+    request.flushScheduled = !1;
+  }
   0 === request.pendingChunks &&
     ReactFlightDOMRelayServerIntegration.close(destination);
 }
+function enqueueFlush(request) {
+  if (
+    !1 === request.flushScheduled &&
+    0 === request.pingedTasks.length &&
+    null !== request.destination
+  ) {
+    var destination = request.destination;
+    request.flushScheduled = !0;
+    flushCompletedChunks(request, destination);
+  }
+}
 function importServerContexts(contexts) {
   if (contexts) {
     var prevContext = currentActiveSnapshot;
@@ -950,6 +1074,7 @@ exports.render = function (model, destination, config, options) {
     void 0,
     options ? options.identifierPrefix : void 0
   );
+  model.flushScheduled = null !== model.destination;
   performWork(model);
   if (1 === model.status)
     (model.status = 2), ReactFlightDOMRelayServerIntegration.close(destination);
diff --git a/compiled/facebook-www/ReactFlightDOMRelayServer-prod.modern.js b/compiled/facebook-www/ReactFlightDOMRelayServer-prod.modern.js
index 411eddc6b9..3d4b22dbbd 100644
--- a/compiled/facebook-www/ReactFlightDOMRelayServer-prod.modern.js
+++ b/compiled/facebook-www/ReactFlightDOMRelayServer-prod.modern.js
@@ -13,6 +13,7 @@
 "use strict";
 var JSResourceReferenceImpl = require("JSResourceReferenceImpl"),
   ReactFlightDOMRelayServerIntegration = require("ReactFlightDOMRelayServerIntegration"),
+  ReactDOM = require("react-dom"),
   React = require("react"),
   hasOwnProperty = Object.prototype.hasOwnProperty,
   isArrayImpl = Array.isArray;
@@ -47,7 +48,80 @@ function writeChunkAndReturn(destination, chunk) {
   ReactFlightDOMRelayServerIntegration.emitRow(destination, chunk);
   return !0;
 }
-var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
+var ReactDOMSharedInternals =
+  ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+require("ReactFeatureFlags");
+var ReactDOMFlightServerDispatcher = {
+  prefetchDNS: prefetchDNS,
+  preconnect: preconnect,
+  preload: preload,
+  preinit: preinit
+};
+function prefetchDNS(href, options) {
+  if ("string" === typeof href) {
+    var request = currentRequest ? currentRequest : null;
+    if (request) {
+      var hints = request.hints,
+        key = "D" + href;
+      hints.has(key) ||
+        (hints.add(key),
+        options
+          ? emitHintChunk(request, "D", [href, options])
+          : emitHintChunk(request, "D", href),
+        enqueueFlush(request));
+    }
+  }
+}
+function preconnect(href, options) {
+  if ("string" === typeof href) {
+    var request = currentRequest ? currentRequest : null;
+    if (request) {
+      var hints = request.hints,
+        crossOrigin =
+          null == options || "string" !== typeof options.crossOrigin
+            ? null
+            : "use-credentials" === options.crossOrigin
+            ? "use-credentials"
+            : "";
+      crossOrigin =
+        "C" + (null === crossOrigin ? "null" : crossOrigin) + "|" + href;
+      hints.has(crossOrigin) ||
+        (hints.add(crossOrigin),
+        options
+          ? emitHintChunk(request, "C", [href, options])
+          : emitHintChunk(request, "C", href),
+        enqueueFlush(request));
+    }
+  }
+}
+function preload(href, options) {
+  if ("string" === typeof href) {
+    var request = currentRequest ? currentRequest : null;
+    if (request) {
+      var hints = request.hints,
+        key = "L" + href;
+      hints.has(key) ||
+        (hints.add(key),
+        emitHintChunk(request, "L", [href, options]),
+        enqueueFlush(request));
+    }
+  }
+}
+function preinit(href, options) {
+  if ("string" === typeof href) {
+    var request = currentRequest ? currentRequest : null;
+    if (request) {
+      var hints = request.hints,
+        key = "I" + href;
+      hints.has(key) ||
+        (hints.add(key),
+        emitHintChunk(request, "I", [href, options]),
+        enqueueFlush(request));
+    }
+  }
+}
+var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.Dispatcher,
+  REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
   REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
   REACT_SERVER_CONTEXT_TYPE = Symbol.for("react.server_context"),
@@ -141,7 +215,6 @@ function pushProvider(context, nextValue) {
       value: nextValue
     });
 }
-require("ReactFeatureFlags");
 var SuspenseException = Error(
   "Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"
 );
@@ -198,7 +271,7 @@ function getSuspendedThenable() {
   suspendedThenable = null;
   return thenable;
 }
-var currentRequest = null,
+var currentRequest$1 = null,
   thenableIndexCounter = 0,
   thenableState = null;
 function getThenableStateAfterSuspending() {
@@ -248,10 +321,10 @@ function unsupportedRefresh() {
   throw Error("Refreshing the cache is not supported in Server Components.");
 }
 function useId() {
-  if (null === currentRequest)
+  if (null === currentRequest$1)
     throw Error("useId can only be used while React is rendering");
-  var id = currentRequest.identifierCount++;
-  return ":" + currentRequest.identifierPrefix + "S" + id.toString(32) + ":";
+  var id = currentRequest$1.identifierCount++;
+  return ":" + currentRequest$1.identifierPrefix + "S" + id.toString(32) + ":";
 }
 function use(usable) {
   if (
@@ -272,23 +345,26 @@ function use(usable) {
 function createSignal() {
   return new AbortController().signal;
 }
+function resolveCache() {
+  var request = currentRequest ? currentRequest : null;
+  return request ? request.cache : new Map();
+}
 var DefaultCacheDispatcher = {
-    getCacheSignal: function () {
-      var cache = currentCache ? currentCache : new Map(),
-        entry = cache.get(createSignal);
-      void 0 === entry &&
-        ((entry = createSignal()), cache.set(createSignal, entry));
-      return entry;
-    },
-    getCacheForType: function (resourceType) {
-      var cache = currentCache ? currentCache : new Map(),
-        entry = cache.get(resourceType);
-      void 0 === entry &&
-        ((entry = resourceType()), cache.set(resourceType, entry));
-      return entry;
-    }
+  getCacheSignal: function () {
+    var cache = resolveCache(),
+      entry = cache.get(createSignal);
+    void 0 === entry &&
+      ((entry = createSignal()), cache.set(createSignal, entry));
+    return entry;
   },
-  currentCache = null;
+  getCacheForType: function (resourceType) {
+    var cache = resolveCache(),
+      entry = cache.get(resourceType);
+    void 0 === entry &&
+      ((entry = resourceType()), cache.set(resourceType, entry));
+    return entry;
+  }
+};
 function objectName(object) {
   return Object.prototype.toString
     .call(object)
@@ -300,7 +376,7 @@ function describeValueForErrorMessage(value) {
   switch (typeof value) {
     case "string":
       return JSON.stringify(
-        10 >= value.length ? value : value.substr(0, 10) + "..."
+        10 >= value.length ? value : value.slice(0, 10) + "..."
       );
     case "object":
       if (isArrayImpl(value)) return "[...]";
@@ -410,20 +486,25 @@ function createRequest(
     ReactCurrentCache.current !== DefaultCacheDispatcher
   )
     throw Error("Currently React only supports one RSC renderer at a time.");
+  ReactDOMCurrentDispatcher.current = ReactDOMFlightServerDispatcher;
   ReactCurrentCache.current = DefaultCacheDispatcher;
   var abortSet = new Set(),
     pingedTasks = [],
+    hints = new Set(),
     request = {
       status: 0,
+      flushScheduled: !1,
       fatalError: null,
       destination: null,
       bundlerConfig: bundlerConfig,
       cache: new Map(),
       nextChunkId: 0,
       pendingChunks: 0,
+      hints: hints,
       abortableTasks: abortSet,
       pingedTasks: pingedTasks,
       completedImportChunks: [],
+      completedHintChunks: [],
       completedJSONChunks: [],
       completedErrorChunks: [],
       writtenSymbols: new Map(),
@@ -443,7 +524,8 @@ function createRequest(
   pingedTasks.push(model);
   return request;
 }
-var POP = {};
+var currentRequest = null,
+  POP = {};
 function serializeThenable(request, thenable) {
   request.pendingChunks++;
   var newTask = createTask(
@@ -599,7 +681,9 @@ function attemptResolveElement(
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
   pingedTasks.push(task);
-  1 === pingedTasks.length && performWork(request);
+  1 === pingedTasks.length &&
+    ((request.flushScheduled = null !== request.destination),
+    performWork(request));
 }
 function createTask(request, model, context, abortSet) {
   var task = {
@@ -751,9 +835,26 @@ function resolveModelToJSON(request, parent, key, value) {
       ? Array.from(value)
       : value;
   }
-  if ("string" === typeof value)
-    return (request = "$" === value[0] ? "$" + value : value), request;
-  if ("boolean" === typeof value || "number" === typeof value) return value;
+  if ("string" === typeof value) {
+    if ("Z" === value[value.length - 1] && parent[key] instanceof Date)
+      return "$D" + value;
+    request = "$" === value[0] ? "$" + value : value;
+    return request;
+  }
+  if ("boolean" === typeof value) return value;
+  if ("number" === typeof value)
+    return (
+      (request = value),
+      Number.isFinite(request)
+        ? 0 === request && -Infinity === 1 / request
+          ? "$-0"
+          : request
+        : Infinity === request
+        ? "$Infinity"
+        : -Infinity === request
+        ? "$-Infinity"
+        : "$NaN"
+    );
   if ("undefined" === typeof value) return "$undefined";
   if ("function" === typeof value) {
     if (value instanceof JSResourceReferenceImpl)
@@ -814,12 +915,15 @@ function fatalError(request, error) {
 function emitErrorChunkProd(request, id, digest) {
   request.completedErrorChunks.push(["E", id, { digest: digest }]);
 }
+function emitHintChunk(request, code, model) {
+  request.nextChunkId++;
+  request.completedHintChunks.push(["H", code, model]);
+}
 function performWork(request$jscomp$0) {
-  var prevDispatcher = ReactCurrentDispatcher.current,
-    prevCache = currentCache;
+  var prevDispatcher = ReactCurrentDispatcher.current;
   ReactCurrentDispatcher.current = HooksDispatcher;
-  currentCache = request$jscomp$0.cache;
-  currentRequest = request$jscomp$0;
+  var prevRequest = currentRequest;
+  currentRequest$1 = currentRequest = request$jscomp$0;
   try {
     var pingedTasks = request$jscomp$0.pingedTasks;
     request$jscomp$0.pingedTasks = [];
@@ -898,29 +1002,49 @@ function performWork(request$jscomp$0) {
       fatalError(request$jscomp$0, error);
   } finally {
     (ReactCurrentDispatcher.current = prevDispatcher),
-      (currentCache = prevCache),
-      (currentRequest = null);
+      (currentRequest$1 = null),
+      (currentRequest = prevRequest);
   }
 }
 function flushCompletedChunks(request, destination) {
-  for (
-    var importsChunks = request.completedImportChunks, i = 0;
-    i < importsChunks.length;
-    i++
-  )
-    request.pendingChunks--, writeChunkAndReturn(destination, importsChunks[i]);
-  importsChunks.splice(0, i);
-  importsChunks = request.completedJSONChunks;
-  for (i = 0; i < importsChunks.length; i++)
-    request.pendingChunks--, writeChunkAndReturn(destination, importsChunks[i]);
-  importsChunks.splice(0, i);
-  importsChunks = request.completedErrorChunks;
-  for (i = 0; i < importsChunks.length; i++)
-    request.pendingChunks--, writeChunkAndReturn(destination, importsChunks[i]);
-  importsChunks.splice(0, i);
+  try {
+    for (
+      var importsChunks = request.completedImportChunks, i = 0;
+      i < importsChunks.length;
+      i++
+    )
+      request.pendingChunks--,
+        writeChunkAndReturn(destination, importsChunks[i]);
+    importsChunks.splice(0, i);
+    var hintChunks = request.completedHintChunks;
+    for (i = 0; i < hintChunks.length; i++)
+      writeChunkAndReturn(destination, hintChunks[i]);
+    hintChunks.splice(0, i);
+    var jsonChunks = request.completedJSONChunks;
+    for (i = 0; i < jsonChunks.length; i++)
+      request.pendingChunks--, writeChunkAndReturn(destination, jsonChunks[i]);
+    jsonChunks.splice(0, i);
+    var errorChunks = request.completedErrorChunks;
+    for (i = 0; i < errorChunks.length; i++)
+      request.pendingChunks--, writeChunkAndReturn(destination, errorChunks[i]);
+    errorChunks.splice(0, i);
+  } finally {
+    request.flushScheduled = !1;
+  }
   0 === request.pendingChunks &&
     ReactFlightDOMRelayServerIntegration.close(destination);
 }
+function enqueueFlush(request) {
+  if (
+    !1 === request.flushScheduled &&
+    0 === request.pingedTasks.length &&
+    null !== request.destination
+  ) {
+    var destination = request.destination;
+    request.flushScheduled = !0;
+    flushCompletedChunks(request, destination);
+  }
+}
 function importServerContexts(contexts) {
   if (contexts) {
     var prevContext = currentActiveSnapshot;
@@ -950,6 +1074,7 @@ exports.render = function (model, destination, config, options) {
     void 0,
     options ? options.identifierPrefix : void 0
   );
+  model.flushScheduled = null !== model.destination;
   performWork(model);
   if (1 === model.status)
     (model.status = 2), ReactFlightDOMRelayServerIntegration.close(destination);
diff --git a/compiled/facebook-www/ReactTestRenderer-dev.classic.js b/compiled/facebook-www/ReactTestRenderer-dev.classic.js
index f439711f19..9f715a2a72 100644
--- a/compiled/facebook-www/ReactTestRenderer-dev.classic.js
+++ b/compiled/facebook-www/ReactTestRenderer-dev.classic.js
@@ -140,7 +140,9 @@ var enableProfilerNestedUpdatePhase = true;
 var createRootStrictEffectsByDefault = false;
 var enableLazyContextPropagation = false;
 var enableLegacyHidden = false;
-var diffInCommitPhase = true; // Flow magic to verify the exports of this file match the original version.
+var diffInCommitPhase = true;
+var enableAsyncActions = false;
+var alwaysThrottleRetries = true; // Flow magic to verify the exports of this file match the original version.
 
 var FunctionComponent = 0;
 var ClassComponent = 1;
@@ -1444,24 +1446,6 @@ function getNextLanes(root, wipLanes) {
 
   return nextLanes;
 }
-function getMostRecentEventTime(root, lanes) {
-  var eventTimes = root.eventTimes;
-  var mostRecentEventTime = NoTimestamp;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    var eventTime = eventTimes[index];
-
-    if (eventTime > mostRecentEventTime) {
-      mostRecentEventTime = eventTime;
-    }
-
-    lanes &= ~lane;
-  }
-
-  return mostRecentEventTime;
-}
 
 function computeExpirationTime(lane, currentTime) {
   switch (lane) {
@@ -1699,7 +1683,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -1717,12 +1701,6 @@ function markRootUpdated(root, updateLane, eventTime) {
     root.suspendedLanes = NoLanes;
     root.pingedLanes = NoLanes;
   }
-
-  var eventTimes = root.eventTimes;
-  var index = laneToIndex(updateLane); // We can always overwrite an existing timestamp because we prefer the most
-  // recent event, and we assume time is monotonically increasing.
-
-  eventTimes[index] = eventTime;
 }
 function markRootSuspended$1(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
@@ -1755,7 +1733,6 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   var entanglements = root.entanglements;
-  var eventTimes = root.eventTimes;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
 
@@ -1765,7 +1742,6 @@ function markRootFinished(root, remainingLanes) {
     var index = pickArbitraryLaneIndex(lanes);
     var lane = 1 << index;
     entanglements[index] = NoLanes;
-    eventTimes[index] = NoTimestamp;
     expirationTimes[index] = NoTimestamp;
     var hiddenUpdatesForLane = hiddenUpdates[index];
 
@@ -2078,6 +2054,9 @@ function createTextInstance(
 function getCurrentEventPriority() {
   return DefaultEventPriority;
 }
+function shouldAttemptEagerTransition() {
+  return false;
+}
 var scheduleTimeout = setTimeout;
 var cancelTimeout = clearTimeout;
 var noTimeout = -1; // -------------------
@@ -6293,6 +6272,489 @@ function warnAboutMultipleRenderersDEV(mutableSource) {
   }
 } // Eager reads the version of a mutable source and stores it on the root.
 
+var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
+
+var firstScheduledRoot = null;
+var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+
+var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
+// microtask, so we have to dedupe those separately. This wouldn't be an issue
+// if we required all `act` calls to be awaited, which we might in the future.
+
+var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
+
+var mightHavePendingSyncWork = false;
+var isFlushingWork = false;
+var currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null);
+  else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+    } else {
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
+    }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
+
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  if (ReactCurrentActQueue$2.current !== null) {
+    // We're inside an `act` scope.
+    if (!didScheduleMicrotask_act) {
+      didScheduleMicrotask_act = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  } else {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  }
+
+  if (ReactCurrentActQueue$2.isBatchingLegacy && root.tag === LegacyRoot) {
+    // Special `act` case: Record whenever a legacy update is scheduled.
+    ReactCurrentActQueue$2.didScheduleLegacyUpdate = true;
+  }
+}
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
+
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
+    return;
+  }
+
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  }
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
+
+  var didPerformSomeWork;
+  var errors = null;
+  isFlushingWork = true;
+
+  do {
+    didPerformSomeWork = false;
+    var root = firstScheduledRoot;
+
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot);
+      else {
+        var nextLanes = getNextLanes(
+          root,
+          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+        );
+
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            // TODO: Pass nextLanes as an argument instead of computing it again
+            // inside performSyncWorkOnRoot.
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
+
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
+
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
+
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === "function") {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
+      } else {
+        for (var i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
+
+        var firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      var error = errors[0];
+      throw error;
+    }
+  }
+}
+
+function throwError(error) {
+  throw error;
+}
+
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
+
+  {
+    didScheduleMicrotask_act = false;
+  } // We'll recompute this as we iterate through all the roots and schedule them.
+
+  mightHavePendingSyncWork = false;
+  var currentTime = now$1();
+  var prev = null;
+  var root = firstScheduledRoot;
+
+  while (root !== null) {
+    var next = root.next;
+
+    if (
+      currentEventTransitionLane !== NoLane &&
+      shouldAttemptEagerTransition()
+    ) {
+      markRootEntangled(root, mergeLanes(currentEventTransitionLane, SyncLane));
+    }
+
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
+
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
+      }
+
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
+      }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
+
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
+      }
+    }
+
+    root = next;
+  }
+
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
+}
+
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  var nextLanes = getNextLanes(
+    root,
+    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+  );
+  var existingCallbackNode = root.callbackNode;
+
+  if (
+    // Check if there's nothing to work on
+    nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+    // schedule a task to render it. We'll either wait for a ping, or wait to
+    // receive an update.
+    //
+    // Suspended render phase
+    (root === workInProgressRoot && isWorkLoopSuspendedOnData()) || // Suspended commit phase
+    root.cancelPendingCommit !== null
+  ) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
+
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    var existingCallbackPriority = root.callbackPriority;
+    var newCallbackPriority = getHighestPriorityLane(nextLanes);
+
+    if (
+      newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+      // Scheduler task, rather than an `act` task, cancel it and re-schedule
+      // on the `act` queue.
+      !(
+        ReactCurrentActQueue$2.current !== null &&
+        existingCallbackNode !== fakeActCallbackNode$1
+      )
+    ) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
+
+    var schedulerPriorityLevel;
+
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
+
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
+
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
+
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
+
+    var newCallbackNode = scheduleCallback$2(
+      schedulerPriorityLevel,
+      performConcurrentWorkOnRoot.bind(null, root)
+    );
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
+
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
+
+  return null;
+}
+var fakeActCallbackNode$1 = {};
+
+function scheduleCallback$2(priorityLevel, callback) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: We're inside an `act` scope (a testing utility).
+    // Instead of scheduling work in the host environment, add it to a
+    // fake internal queue that's managed by the `act` implementation.
+    ReactCurrentActQueue$2.current.push(callback);
+    return fakeActCallbackNode$1;
+  } else {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode === fakeActCallbackNode$1);
+  else if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
+
+function scheduleImmediateTask(cb) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
+    // callback queue. This is because we currently support calling `act`
+    // without awaiting the result. The plan is to deprecate that, and require
+    // that you always await the result so that the microtasks have a chance to
+    // run. But it hasn't happened yet.
+    ReactCurrentActQueue$2.current.push(function () {
+      cb();
+      return null;
+    });
+  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
+  // Alternatively, can we move this check to the host config?
+
+  {
+    // If microtasks are not supported, use Scheduler.
+    scheduleCallback$3(ImmediatePriority, cb);
+  }
+}
+
+function requestTransitionLane() {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
+
+  return currentEventTransitionLane;
+}
+
+var currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    actionReturnValue !== null &&
+    typeof actionReturnValue === "object" &&
+    typeof actionReturnValue.then === "function"
+  ) {
+    // This is an async action.
+    //
+    // Return a thenable that resolves once the action scope (i.e. the async
+    // function passed to startTransition) has finished running. The fulfilled
+    // value is `false` to represent that the action is not pending.
+    var thenable = actionReturnValue;
+
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope. Create a new one.
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: false,
+        reason: undefined,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(thenable, asyncAction);
+      currentAsyncAction = asyncAction;
+      return asyncAction;
+    } else {
+      // Inherit the outer scope.
+      var _asyncAction = currentAsyncAction;
+      attachPingListeners(thenable, _asyncAction);
+      return _asyncAction;
+    }
+  } else {
+    // This is not an async action, but it may be part of an outer async action.
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope.
+      return false;
+    } else {
+      // Inherit the outer scope.
+      return currentAsyncAction;
+    }
+  }
+}
+function peekAsyncActionContext() {
+  return currentAsyncAction;
+}
+
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      if (--asyncAction.count === 0) {
+        var fulfilledAsyncAction = asyncAction;
+        fulfilledAsyncAction.status = "fulfilled";
+        completeAsyncActionScope(asyncAction);
+      }
+    },
+    function (error) {
+      if (--asyncAction.count === 0) {
+        var rejectedAsyncAction = asyncAction;
+        rejectedAsyncAction.status = "rejected";
+        rejectedAsyncAction.reason = error;
+        completeAsyncActionScope(asyncAction);
+      }
+    }
+  );
+  return asyncAction;
+}
+
+function completeAsyncActionScope(action) {
+  if (currentAsyncAction === action) {
+    currentAsyncAction = null;
+  }
+
+  var listeners = action.listeners;
+  action.listeners = [];
+
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(false);
+  }
+}
+
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
@@ -6927,38 +7389,42 @@ var createFunctionComponentUpdateQueue;
   };
 }
 
+function useThenable(thenable) {
+  // Track the position of the thenable within this fiber.
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  var result = trackUsedThenable(thenableState, thenable, index);
+
+  if (
+    currentlyRenderingFiber$1.alternate === null &&
+    (workInProgressHook === null
+      ? currentlyRenderingFiber$1.memoizedState === null
+      : workInProgressHook.next === null)
+  ) {
+    // Initial render, and either this is the first time the component is
+    // called, or there were no Hooks called after this use() the previous
+    // time (perhaps because it threw). Subsequent Hook calls should use the
+    // mount dispatcher.
+    {
+      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+    }
+  }
+
+  return result;
+}
+
 function use(usable) {
   if (usable !== null && typeof usable === "object") {
     // $FlowFixMe[method-unbinding]
     if (typeof usable.then === "function") {
       // This is a thenable.
-      var thenable = usable; // Track the position of the thenable within this fiber.
-
-      var index = thenableIndexCounter;
-      thenableIndexCounter += 1;
-
-      if (thenableState === null) {
-        thenableState = createThenableState();
-      }
-
-      var result = trackUsedThenable(thenableState, thenable, index);
-
-      if (
-        currentlyRenderingFiber$1.alternate === null &&
-        (workInProgressHook === null
-          ? currentlyRenderingFiber$1.memoizedState === null
-          : workInProgressHook.next === null)
-      ) {
-        // Initial render, and either this is the first time the component is
-        // called, or there were no Hooks called after this use() the previous
-        // time (perhaps because it threw). Subsequent Hook calls should use the
-        // mount dispatcher.
-        {
-          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
-        }
-      }
-
-      return result;
+      var thenable = usable;
+      return useThenable(thenable);
     } else if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -7661,7 +8127,7 @@ function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
   if (root !== null) {
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -8059,8 +8525,19 @@ function startTransition(setPending, callback, options) {
   }
 
   try {
-    setPending(false);
-    callback();
+    var returnValue, isPending;
+    if (enableAsyncActions);
+    else {
+      // Async actions are not enabled.
+      setPending(false);
+      callback();
+    }
+  } catch (error) {
+    {
+      // The error rethrowing behavior is only enabled when the async actions
+      // feature is on, even for sync actions.
+      throw error;
+    }
   } finally {
     setCurrentUpdatePriority(previousPriority);
     ReactCurrentBatchConfig$2.transition = prevTransition;
@@ -8085,30 +8562,37 @@ function startTransition(setPending, callback, options) {
 
 function mountTransition() {
   var _mountState = mountState(false),
-    isPending = _mountState[0],
     setPending = _mountState[1]; // The `start` method never changes.
 
   var start = startTransition.bind(null, setPending);
   var hook = mountWorkInProgressHook();
   hook.memoizedState = start;
-  return [isPending, start];
+  return [false, start];
 }
 
 function updateTransition() {
   var _updateState = updateState(),
-    isPending = _updateState[0];
+    booleanOrThenable = _updateState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
 function rerenderTransition() {
   var _rerenderState = rerenderState(),
-    isPending = _rerenderState[0];
+    booleanOrThenable = _rerenderState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
@@ -8169,8 +8653,7 @@ function refreshCache(fiber, seedKey, seedValue) {
         var root = enqueueUpdate(provider, refreshUpdate, lane);
 
         if (root !== null) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, provider, lane, eventTime);
+          scheduleUpdateOnFiber(root, provider, lane);
           entangleTransitions(root, provider, lane);
         } // TODO: If a refresh never commits, the new cache created here must be
         // released. A simple case is start refreshing a cache boundary, but then
@@ -8224,8 +8707,7 @@ function dispatchReducerAction(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -8306,8 +8788,7 @@ function dispatchSetState(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -8361,6 +8842,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -8383,10 +8865,6 @@ var ContextOnlyDispatcher = {
   ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
 }
 
-{
-  ContextOnlyDispatcher.use = throwInvalidHookError;
-}
-
 var HooksDispatcherOnMountInDEV = null;
 var HooksDispatcherOnMountWithHookTypesInDEV = null;
 var HooksDispatcherOnUpdateInDEV = null;
@@ -8418,6 +8896,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       mountHookTypesDev();
@@ -8538,14 +9017,11 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnMountInDEV.use = use;
-  }
-
   HooksDispatcherOnMountWithHookTypesInDEV = {
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -8661,14 +9137,11 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnMountWithHookTypesInDEV.use = use;
-  }
-
   HooksDispatcherOnUpdateInDEV = {
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -8783,14 +9256,11 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnUpdateInDEV.use = use;
-  }
-
   HooksDispatcherOnRerenderInDEV = {
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -8906,15 +9376,15 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnRerenderInDEV.use = use;
-  }
-
   InvalidNestedHooksDispatcherOnMountInDEV = {
     readContext: function (context) {
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -9046,18 +9516,15 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnMountInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   InvalidNestedHooksDispatcherOnUpdateInDEV = {
     readContext: function (context) {
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -9189,18 +9656,15 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnUpdateInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   InvalidNestedHooksDispatcherOnRerenderInDEV = {
     readContext: function (context) {
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -9331,13 +9795,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
         return updateRefresh();
       };
   }
-
-  {
-    InvalidNestedHooksDispatcherOnRerenderInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
 }
 
 var now = Scheduler$1.unstable_now;
@@ -9652,8 +10109,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
   },
@@ -9675,8 +10131,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
   },
@@ -9698,8 +10153,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
   }
@@ -13122,16 +13576,9 @@ function updateDehydratedSuspenseComponent(
           // Intentionally mutating since this render will get interrupted. This
           // is one of the very rare times where we mutate the current tree
           // during the render phase.
-          suspenseState.retryLane = attemptHydrationAtLane; // TODO: Ideally this would inherit the event time of the current render
-
-          var eventTime = NoTimestamp;
+          suspenseState.retryLane = attemptHydrationAtLane;
           enqueueConcurrentRenderForLane(current, attemptHydrationAtLane);
-          scheduleUpdateOnFiber(
-            root,
-            current,
-            attemptHydrationAtLane,
-            eventTime
-          ); // Throw a special object that signals to the work loop that it should
+          scheduleUpdateOnFiber(root, current, attemptHydrationAtLane); // Throw a special object that signals to the work loop that it should
           // interrupt the current render.
           //
           // Because we're inside a React-only execution stack, we don't
@@ -14753,7 +15200,7 @@ var AbortControllerLocal =
       }; // Intentionally not named imports because Rollup would
 // use dynamic dispatch for CommonJS interop named imports.
 
-var scheduleCallback$2 = Scheduler$1.unstable_scheduleCallback,
+var scheduleCallback$1 = Scheduler$1.unstable_scheduleCallback,
   NormalPriority = Scheduler$1.unstable_NormalPriority;
 var CacheContext = {
   $$typeof: REACT_CONTEXT_TYPE,
@@ -14809,7 +15256,7 @@ function releaseCache(cache) {
   }
 
   if (cache.refCount === 0) {
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
   }
@@ -18146,7 +18593,7 @@ function detachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility |= OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 function attachOffscreenInstance(instance) {
@@ -18167,7 +18614,7 @@ function attachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility &= ~OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -19956,7 +20403,7 @@ if (typeof Symbol === "function" && Symbol.for) {
   symbolFor("selector.text");
 }
 
-var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue;
+var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
 function isLegacyActEnvironment(fiber) {
   {
     // Legacy mode. We preserve the behavior of React 17's act. It assumes an
@@ -19981,7 +20428,7 @@ function isConcurrentActEnvironment() {
 
     if (
       !isReactActEnvironmentGlobal &&
-      ReactCurrentActQueue$2.current !== null
+      ReactCurrentActQueue$1.current !== null
     ) {
       // TODO: Include link to relevant documentation page.
       error(
@@ -19994,376 +20441,6 @@ function isConcurrentActEnvironment() {
   }
 }
 
-var ReactCurrentActQueue$1 = 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;
-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$1.current !== null) {
-    // We're inside an `act` scope.
-    if (!didScheduleMicrotask_act) {
-      didScheduleMicrotask_act = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
-    }
-  } else {
-    if (!didScheduleMicrotask) {
-      didScheduleMicrotask = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
-    }
-  }
-
-  if (ReactCurrentActQueue$1.isBatchingLegacy && root.tag === LegacyRoot) {
-    // Special `act` case: Record whenever a legacy update is scheduled.
-    ReactCurrentActQueue$1.didScheduleLegacyUpdate = true;
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
-
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
-  }
-
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  }
-
-  var workInProgressRoot = getWorkInProgressRoot();
-  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
-
-  var didPerformSomeWork;
-  var errors = null;
-  isFlushingWork = true;
-
-  do {
-    didPerformSomeWork = false;
-    var root = firstScheduledRoot;
-
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot);
-      else {
-        var nextLanes = getNextLanes(
-          root,
-          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
-        );
-
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            // TODO: Pass nextLanes as an argument instead of computing it again
-            // inside performSyncWorkOnRoot.
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
-          }
-        }
-      }
-
-      root = root.next;
-    }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
-
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === "function") {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (var i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
-
-        var firstError = errors[0];
-        throw firstError;
-      }
-    } else {
-      var error = errors[0];
-      throw error;
-    }
-  }
-}
-
-function throwError(error) {
-  throw error;
-}
-
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
-
-  {
-    didScheduleMicrotask_act = false;
-  } // We'll recompute this as we iterate through all the roots and schedule them.
-
-  mightHavePendingSyncWork = false;
-  var currentTime = now$1();
-  var prev = null;
-  var root = firstScheduledRoot;
-
-  while (root !== null) {
-    var next = root.next;
-    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;
-  } // 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$1.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$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 (ReactCurrentActQueue$1.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$1.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$1.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$1.current.push(function () {
-      cb();
-      return null;
-    });
-  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
-  // Alternatively, can we move this check to the host config?
-
-  {
-    // If microtasks are not supported, use Scheduler.
-    scheduleCallback$3(ImmediatePriority, cb);
-  }
-}
-
-var ceil = Math.ceil;
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
@@ -20477,12 +20554,7 @@ var isFlushingPassiveEffects = false;
 var didScheduleUpdateDuringPassiveEffects = false;
 var NESTED_PASSIVE_UPDATE_LIMIT = 50;
 var nestedPassiveUpdateCount = 0;
-var rootWithPassiveNestedUpdates = null; // If two updates are scheduled within the same event, we should treat their
-// event times as simultaneous, even if the actual clock time has advanced
-// between the first and second call.
-
-var currentEventTime = NoTimestamp;
-var currentEventTransitionLane = NoLanes;
+var rootWithPassiveNestedUpdates = null;
 var isRunningInsertionEffect = false;
 function getWorkInProgressRoot() {
   return workInProgressRoot;
@@ -20493,20 +20565,6 @@ function getWorkInProgressRootRenderLanes() {
 function isWorkLoopSuspendedOnData() {
   return workInProgressSuspendedReason === SuspendedOnData;
 }
-function requestEventTime() {
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    // We're inside React, so it's fine to read the actual time.
-    return now$1();
-  } // We're not inside React, so we may be in the middle of a browser event.
-
-  if (currentEventTime !== NoTimestamp) {
-    // Use the same start time for all updates until we enter React again.
-    return currentEventTime;
-  } // This is the first update since React yielded. Compute a new start time.
-
-  currentEventTime = now$1();
-  return currentEventTime;
-}
 function requestUpdateLane(fiber) {
   // Special cases
   var mode = fiber.mode;
@@ -20540,20 +20598,14 @@ function requestUpdateLane(fiber) {
       }
 
       transition._updatedFibers.add(fiber);
-    } // 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;
+    var asyncAction = peekAsyncActionContext();
+    return asyncAction !== null // We're inside an async action scope. Reuse the same lane.
+      ? asyncAction.lane // We may or may not be inside an async action scope. If we are, this
+      : // 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.
   //
@@ -20590,7 +20642,7 @@ function requestRetryLane(fiber) {
   return claimNextRetryLane();
 }
 
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   {
     if (isRunningInsertionEffect) {
       error("useInsertionEffect must not schedule updates.");
@@ -20616,7 +20668,7 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
     markRootSuspended(root, workInProgressRootRenderLanes);
   } // Mark that the root has a pending update.
 
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
 
   if (
     (executionContext & RenderContext) !== NoLanes &&
@@ -20682,11 +20734,7 @@ function isUnsafeClassRenderPhaseUpdate(fiber) {
 function performConcurrentWorkOnRoot(root, didTimeout) {
   {
     resetNestedUpdateFlag();
-  } // Since we know we're in a React event, we can clear the current
-  // event time. The next update will compute a new event time.
-
-  currentEventTime = NoTimestamp;
-  currentEventTransitionLane = NoLanes;
+  }
 
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
     throw new Error("Should not already be working.");
@@ -20912,133 +20960,30 @@ function queueRecoverableErrors(errors) {
 }
 
 function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
+  // TODO: The fact that most of these branches are identical suggests that some
+  // of the exit statuses are not best modeled as exit statuses and should be
+  // tracked orthogonally.
   switch (exitStatus) {
     case RootInProgress:
     case RootFatalErrored: {
       throw new Error("Root did not complete. This is a bug in React.");
     }
 
-    case RootErrored: {
-      // We should have already attempted to retry this tree. If we reached
-      // this point, it errored again. Commit it.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
-    case RootSuspended: {
-      markRootSuspended(root, lanes); // We have an acceptable loading state. We need to figure out if we
-      // should immediately commit it or wait a bit.
-
-      if (
-        includesOnlyRetries(lanes) && // do not delay if we're inside an act() scope
-        !shouldForceFlushFallbacksInDEV()
-      ) {
-        // This render only included retries, no updates. Throttle committing
-        // retries so that we don't show too many loading states too quickly.
-        var msUntilTimeout =
-          globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
-
-        if (msUntilTimeout > 10) {
-          var nextLanes = getNextLanes(root, NoLanes);
-
-          if (nextLanes !== NoLanes) {
-            // There's additional work on this root.
-            break;
-          } // The render is suspended, it hasn't timed out, and there's no
-          // lower priority work to do. Instead of committing the fallback
-          // immediately, wait for more data to arrive.
-
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            msUntilTimeout
-          );
-          break;
-        }
-      } // The work expired. Commit immediately.
-
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
     case RootSuspendedWithDelay: {
-      markRootSuspended(root, lanes);
-
       if (includesOnlyTransitions(lanes)) {
         // This is a transition, so we should exit without committing a
         // placeholder and without scheduling a timeout. Delay indefinitely
         // until we receive more data.
-        break;
-      }
-
-      if (!shouldForceFlushFallbacksInDEV()) {
-        // This is not a transition, but we did trigger an avoided state.
-        // Schedule a placeholder to display after a short delay, using the Just
-        // Noticeable Difference.
-        // TODO: Is the JND optimization worth the added complexity? If this is
-        // the only reason we track the event time, then probably not.
-        // Consider removing.
-        var mostRecentEventTime = getMostRecentEventTime(root, lanes);
-        var eventTimeMs = mostRecentEventTime;
-        var timeElapsedMs = now$1() - eventTimeMs;
-
-        var _msUntilTimeout = jnd(timeElapsedMs) - timeElapsedMs; // Don't bother with a very short suspense time.
-
-        if (_msUntilTimeout > 10) {
-          // Instead of committing the fallback immediately, wait for more data
-          // to arrive.
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            _msUntilTimeout
-          );
-          break;
-        }
+        markRootSuspended(root, lanes);
+        return;
       } // Commit the placeholder.
 
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
+    case RootErrored:
+    case RootSuspended:
     case RootCompleted: {
-      // The work completed.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
@@ -21046,6 +20991,58 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
       throw new Error("Unknown root exit status.");
     }
   }
+
+  if (shouldForceFlushFallbacksInDEV()) {
+    // We're inside an `act` scope. Commit immediately.
+    commitRoot(
+      root,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions
+    );
+  } else {
+    if (includesOnlyRetries(lanes) && alwaysThrottleRetries) {
+      // This render only included retries, no updates. Throttle committing
+      // retries so that we don't show too many loading states too quickly.
+      var msUntilTimeout =
+        globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
+
+      if (msUntilTimeout > 10) {
+        markRootSuspended(root, lanes);
+        var nextLanes = getNextLanes(root, NoLanes);
+
+        if (nextLanes !== NoLanes) {
+          // There's additional work we can do on this root. We might as well
+          // attempt to work on that while we're suspended.
+          return;
+        } // The render is suspended, it hasn't timed out, and there's no
+        // lower priority work to do. Instead of committing the fallback
+        // immediately, wait for more data to arrive.
+        // TODO: Combine retry throttling with Suspensey commits. Right now they
+        // run one after the other.
+
+        root.timeoutHandle = scheduleTimeout(
+          commitRootWhenReady.bind(
+            null,
+            root,
+            finishedWork,
+            workInProgressRootRecoverableErrors,
+            workInProgressTransitions,
+            lanes
+          ),
+          msUntilTimeout
+        );
+        return;
+      }
+    }
+
+    commitRootWhenReady(
+      root,
+      finishedWork,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions,
+      lanes
+    );
+  }
 }
 
 function commitRootWhenReady(
@@ -21055,6 +21052,8 @@ function commitRootWhenReady(
   transitions,
   lanes
 ) {
+  // TODO: Combine retry throttling with Suspensey commits. Right now they run
+  // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
     // the suspensey resources. The renderer is responsible for accumulating
     // all the load events. This all happens in a single synchronous
@@ -21074,22 +21073,14 @@ function commitRootWhenReady(
       // us that it's ready. This will be canceled if we start work on the
       // root again.
       root.cancelPendingCommit = schedulePendingCommit(
-        commitRoot.bind(
-          null,
-          root,
-          workInProgressRootRecoverableErrors,
-          workInProgressTransitions
-        )
+        commitRoot.bind(null, root, recoverableErrors, transitions)
       );
+      markRootSuspended(root, lanes);
       return;
     }
   } // Otherwise, commit immediately.
 
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -22035,6 +22026,16 @@ function replaySuspendedUnitOfWork(unitOfWork) {
       break;
     }
 
+    case HostComponent: {
+      // Some host components are stateful (that's how we implement form
+      // actions) but we don't bother to reuse the memoized state because it's
+      // not worth the extra code. The main reason to reuse the previous hooks
+      // is to reuse uncached promises, but we happen to know that the only
+      // promises that a host component might suspend on are definitely cached
+      // because they are controlled by us. So don't bother.
+      resetHooksOnUnwind(); // Fallthrough to the next branch.
+    }
+
     default: {
       // Other types besides function components are reset completely before
       // being replayed. Currently this only happens when a Usable type is
@@ -22141,15 +22142,13 @@ function completeUnitOfWork(unitOfWork) {
 
   do {
     {
-      {
-        if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-          // NOTE: If we re-enable sibling prerendering in some cases, this branch
-          // is where we would switch to the unwinding path.
-          error(
-            "Internal React error: Expected this fiber to be complete, but " +
-              "it isn't. It should have been unwound. This is a bug in React."
-          );
-        }
+      if ((completedWork.flags & Incomplete) !== NoFlags$1) {
+        // NOTE: If we re-enable sibling prerendering in some cases, this branch
+        // is where we would switch to the unwinding path.
+        error(
+          "Internal React error: Expected this fiber to be complete, but " +
+            "it isn't. It should have been unwound. This is a bug in React."
+        );
       }
     } // The current, flushed, state of this fiber is the alternate. Ideally
     // nothing should rely on this, but relying on it here means that we don't
@@ -22248,7 +22247,10 @@ function unwindUnitOfWork(unitOfWork) {
       returnFiber.flags |= Incomplete;
       returnFiber.subtreeFlags = NoFlags$1;
       returnFiber.deletions = null;
-    }
+    } // NOTE: If we re-enable sibling prerendering in some cases, here we
+    // would switch to the normal completion path: check if a sibling
+    // exists, and if so, begin work on it.
+    // Otherwise, return to the parent
     // $FlowFixMe[incompatible-type] we bail out when we get a null
 
     incompleteWork = returnFiber; // Update the next thing we're working on in case something throws.
@@ -22737,10 +22739,9 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   var errorInfo = createCapturedValueAtFiber(error, sourceFiber);
   var update = createRootErrorUpdate(rootFiber, errorInfo, SyncLane);
   var root = enqueueUpdate(rootFiber, update, SyncLane);
-  var eventTime = requestEventTime();
 
   if (root !== null) {
-    markRootUpdated(root, SyncLane, eventTime);
+    markRootUpdated(root, SyncLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -22776,10 +22777,9 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) {
         var errorInfo = createCapturedValueAtFiber(error$1, sourceFiber);
         var update = createClassErrorUpdate(fiber, errorInfo, SyncLane);
         var root = enqueueUpdate(fiber, update, SyncLane);
-        var eventTime = requestEventTime();
 
         if (root !== null) {
-          markRootUpdated(root, SyncLane, eventTime);
+          markRootUpdated(root, SyncLane);
           ensureRootIsScheduled(root);
         }
 
@@ -22898,11 +22898,10 @@ function retryTimedOutBoundary(boundaryFiber, retryLane) {
     retryLane = requestRetryLane(boundaryFiber);
   } // TODO: Special case idle priority?
 
-  var eventTime = requestEventTime();
   var root = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
 
   if (root !== null) {
-    markRootUpdated(root, retryLane, eventTime);
+    markRootUpdated(root, retryLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -22957,32 +22956,7 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
   }
 
   retryTimedOutBoundary(boundaryFiber, retryLane);
-} // Computes the next Just Noticeable Difference (JND) boundary.
-// The theory is that a person can't tell the difference between small differences in time.
-// Therefore, if we wait a bit longer than necessary that won't translate to a noticeable
-// difference in the experience. However, waiting for longer might mean that we can avoid
-// showing an intermediate loading state. The longer we have already waited, the harder it
-// is to tell small differences in time. Therefore, the longer we've already waited,
-// the longer we can wait additionally. At some point we have to give up though.
-// We pick a train model where the next boundary commits at a consistent schedule.
-// These particular numbers are vague estimates. We expect to adjust them based on research.
-
-function jnd(timeElapsed) {
-  return timeElapsed < 120
-    ? 120
-    : timeElapsed < 480
-    ? 480
-    : timeElapsed < 1080
-    ? 1080
-    : timeElapsed < 1920
-    ? 1920
-    : timeElapsed < 3000
-    ? 3000
-    : timeElapsed < 4320
-    ? 4320
-    : ceil(timeElapsed / 1960) * 1960;
 }
-
 function throwIfInfiniteUpdateLoopDetected() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
@@ -23579,7 +23553,7 @@ function scheduleFibersWithFamiliesRecursively(
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
 
@@ -24377,7 +24351,6 @@ function FiberRootNode(
   this.next = null;
   this.callbackNode = null;
   this.callbackPriority = NoLane;
-  this.eventTimes = createLaneMap(NoLanes);
   this.expirationTimes = createLaneMap(NoTimestamp);
   this.pendingLanes = NoLanes;
   this.suspendedLanes = NoLanes;
@@ -24482,7 +24455,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-3b456806";
+var ReactVersion = "18.3.0-www-classic-3c32bc8c";
 
 // Might add PROFILE later.
 
@@ -24590,8 +24563,7 @@ function updateContainer(element, container, parentComponent, callback) {
   var root = enqueueUpdate(current$1, update, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, current$1, lane, eventTime);
+    scheduleUpdateOnFiber(root, current$1, lane);
     entangleTransitions(root, current$1, lane);
   }
 
@@ -24755,7 +24727,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -24776,7 +24748,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -24797,7 +24769,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
@@ -24812,7 +24784,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -24826,7 +24798,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -24840,7 +24812,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -24848,7 +24820,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
diff --git a/compiled/facebook-www/ReactTestRenderer-dev.modern.js b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
index 3d42e2d0e1..c0deff7c00 100644
--- a/compiled/facebook-www/ReactTestRenderer-dev.modern.js
+++ b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
@@ -140,7 +140,9 @@ var enableProfilerNestedUpdatePhase = true;
 var createRootStrictEffectsByDefault = false;
 var enableLazyContextPropagation = false;
 var enableLegacyHidden = false;
-var diffInCommitPhase = true; // Flow magic to verify the exports of this file match the original version.
+var diffInCommitPhase = true;
+var enableAsyncActions = false;
+var alwaysThrottleRetries = true; // Flow magic to verify the exports of this file match the original version.
 
 var FunctionComponent = 0;
 var ClassComponent = 1;
@@ -1444,24 +1446,6 @@ function getNextLanes(root, wipLanes) {
 
   return nextLanes;
 }
-function getMostRecentEventTime(root, lanes) {
-  var eventTimes = root.eventTimes;
-  var mostRecentEventTime = NoTimestamp;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    var eventTime = eventTimes[index];
-
-    if (eventTime > mostRecentEventTime) {
-      mostRecentEventTime = eventTime;
-    }
-
-    lanes &= ~lane;
-  }
-
-  return mostRecentEventTime;
-}
 
 function computeExpirationTime(lane, currentTime) {
   switch (lane) {
@@ -1699,7 +1683,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -1717,12 +1701,6 @@ function markRootUpdated(root, updateLane, eventTime) {
     root.suspendedLanes = NoLanes;
     root.pingedLanes = NoLanes;
   }
-
-  var eventTimes = root.eventTimes;
-  var index = laneToIndex(updateLane); // We can always overwrite an existing timestamp because we prefer the most
-  // recent event, and we assume time is monotonically increasing.
-
-  eventTimes[index] = eventTime;
 }
 function markRootSuspended$1(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
@@ -1755,7 +1733,6 @@ function markRootFinished(root, remainingLanes) {
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
   var entanglements = root.entanglements;
-  var eventTimes = root.eventTimes;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
 
@@ -1765,7 +1742,6 @@ function markRootFinished(root, remainingLanes) {
     var index = pickArbitraryLaneIndex(lanes);
     var lane = 1 << index;
     entanglements[index] = NoLanes;
-    eventTimes[index] = NoTimestamp;
     expirationTimes[index] = NoTimestamp;
     var hiddenUpdatesForLane = hiddenUpdates[index];
 
@@ -2078,6 +2054,9 @@ function createTextInstance(
 function getCurrentEventPriority() {
   return DefaultEventPriority;
 }
+function shouldAttemptEagerTransition() {
+  return false;
+}
 var scheduleTimeout = setTimeout;
 var cancelTimeout = clearTimeout;
 var noTimeout = -1; // -------------------
@@ -6293,6 +6272,489 @@ function warnAboutMultipleRenderersDEV(mutableSource) {
   }
 } // Eager reads the version of a mutable source and stores it on the root.
 
+var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
+
+var firstScheduledRoot = null;
+var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+
+var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
+// microtask, so we have to dedupe those separately. This wouldn't be an issue
+// if we required all `act` calls to be awaited, which we might in the future.
+
+var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
+
+var mightHavePendingSyncWork = false;
+var isFlushingWork = false;
+var currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null);
+  else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+    } else {
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
+    }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
+
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  if (ReactCurrentActQueue$2.current !== null) {
+    // We're inside an `act` scope.
+    if (!didScheduleMicrotask_act) {
+      didScheduleMicrotask_act = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  } else {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  }
+
+  if (ReactCurrentActQueue$2.isBatchingLegacy && root.tag === LegacyRoot) {
+    // Special `act` case: Record whenever a legacy update is scheduled.
+    ReactCurrentActQueue$2.didScheduleLegacyUpdate = true;
+  }
+}
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
+
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
+    return;
+  }
+
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  }
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
+
+  var didPerformSomeWork;
+  var errors = null;
+  isFlushingWork = true;
+
+  do {
+    didPerformSomeWork = false;
+    var root = firstScheduledRoot;
+
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot);
+      else {
+        var nextLanes = getNextLanes(
+          root,
+          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+        );
+
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            // TODO: Pass nextLanes as an argument instead of computing it again
+            // inside performSyncWorkOnRoot.
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
+
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
+
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
+
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === "function") {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
+      } else {
+        for (var i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
+
+        var firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      var error = errors[0];
+      throw error;
+    }
+  }
+}
+
+function throwError(error) {
+  throw error;
+}
+
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
+
+  {
+    didScheduleMicrotask_act = false;
+  } // We'll recompute this as we iterate through all the roots and schedule them.
+
+  mightHavePendingSyncWork = false;
+  var currentTime = now$1();
+  var prev = null;
+  var root = firstScheduledRoot;
+
+  while (root !== null) {
+    var next = root.next;
+
+    if (
+      currentEventTransitionLane !== NoLane &&
+      shouldAttemptEagerTransition()
+    ) {
+      markRootEntangled(root, mergeLanes(currentEventTransitionLane, SyncLane));
+    }
+
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
+
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
+      }
+
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
+      }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
+
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
+      }
+    }
+
+    root = next;
+  }
+
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
+}
+
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  var nextLanes = getNextLanes(
+    root,
+    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+  );
+  var existingCallbackNode = root.callbackNode;
+
+  if (
+    // Check if there's nothing to work on
+    nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+    // schedule a task to render it. We'll either wait for a ping, or wait to
+    // receive an update.
+    //
+    // Suspended render phase
+    (root === workInProgressRoot && isWorkLoopSuspendedOnData()) || // Suspended commit phase
+    root.cancelPendingCommit !== null
+  ) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
+
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    var existingCallbackPriority = root.callbackPriority;
+    var newCallbackPriority = getHighestPriorityLane(nextLanes);
+
+    if (
+      newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+      // Scheduler task, rather than an `act` task, cancel it and re-schedule
+      // on the `act` queue.
+      !(
+        ReactCurrentActQueue$2.current !== null &&
+        existingCallbackNode !== fakeActCallbackNode$1
+      )
+    ) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
+
+    var schedulerPriorityLevel;
+
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
+
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
+
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
+
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
+
+    var newCallbackNode = scheduleCallback$2(
+      schedulerPriorityLevel,
+      performConcurrentWorkOnRoot.bind(null, root)
+    );
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
+
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
+
+  return null;
+}
+var fakeActCallbackNode$1 = {};
+
+function scheduleCallback$2(priorityLevel, callback) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: We're inside an `act` scope (a testing utility).
+    // Instead of scheduling work in the host environment, add it to a
+    // fake internal queue that's managed by the `act` implementation.
+    ReactCurrentActQueue$2.current.push(callback);
+    return fakeActCallbackNode$1;
+  } else {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode === fakeActCallbackNode$1);
+  else if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
+
+function scheduleImmediateTask(cb) {
+  if (ReactCurrentActQueue$2.current !== null) {
+    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
+    // callback queue. This is because we currently support calling `act`
+    // without awaiting the result. The plan is to deprecate that, and require
+    // that you always await the result so that the microtasks have a chance to
+    // run. But it hasn't happened yet.
+    ReactCurrentActQueue$2.current.push(function () {
+      cb();
+      return null;
+    });
+  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
+  // Alternatively, can we move this check to the host config?
+
+  {
+    // If microtasks are not supported, use Scheduler.
+    scheduleCallback$3(ImmediatePriority, cb);
+  }
+}
+
+function requestTransitionLane() {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
+
+  return currentEventTransitionLane;
+}
+
+var currentAsyncAction = null;
+function requestAsyncActionContext(actionReturnValue) {
+  if (
+    actionReturnValue !== null &&
+    typeof actionReturnValue === "object" &&
+    typeof actionReturnValue.then === "function"
+  ) {
+    // This is an async action.
+    //
+    // Return a thenable that resolves once the action scope (i.e. the async
+    // function passed to startTransition) has finished running. The fulfilled
+    // value is `false` to represent that the action is not pending.
+    var thenable = actionReturnValue;
+
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope. Create a new one.
+      var asyncAction = {
+        lane: requestTransitionLane(),
+        listeners: [],
+        count: 0,
+        status: "pending",
+        value: false,
+        reason: undefined,
+        then: function (resolve) {
+          asyncAction.listeners.push(resolve);
+        }
+      };
+      attachPingListeners(thenable, asyncAction);
+      currentAsyncAction = asyncAction;
+      return asyncAction;
+    } else {
+      // Inherit the outer scope.
+      var _asyncAction = currentAsyncAction;
+      attachPingListeners(thenable, _asyncAction);
+      return _asyncAction;
+    }
+  } else {
+    // This is not an async action, but it may be part of an outer async action.
+    if (currentAsyncAction === null) {
+      // There's no outer async action scope.
+      return false;
+    } else {
+      // Inherit the outer scope.
+      return currentAsyncAction;
+    }
+  }
+}
+function peekAsyncActionContext() {
+  return currentAsyncAction;
+}
+
+function attachPingListeners(thenable, asyncAction) {
+  asyncAction.count++;
+  thenable.then(
+    function () {
+      if (--asyncAction.count === 0) {
+        var fulfilledAsyncAction = asyncAction;
+        fulfilledAsyncAction.status = "fulfilled";
+        completeAsyncActionScope(asyncAction);
+      }
+    },
+    function (error) {
+      if (--asyncAction.count === 0) {
+        var rejectedAsyncAction = asyncAction;
+        rejectedAsyncAction.status = "rejected";
+        rejectedAsyncAction.reason = error;
+        completeAsyncActionScope(asyncAction);
+      }
+    }
+  );
+  return asyncAction;
+}
+
+function completeAsyncActionScope(action) {
+  if (currentAsyncAction === action) {
+    currentAsyncAction = null;
+  }
+
+  var listeners = action.listeners;
+  action.listeners = [];
+
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(false);
+  }
+}
+
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
@@ -6927,38 +7389,42 @@ var createFunctionComponentUpdateQueue;
   };
 }
 
+function useThenable(thenable) {
+  // Track the position of the thenable within this fiber.
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  var result = trackUsedThenable(thenableState, thenable, index);
+
+  if (
+    currentlyRenderingFiber$1.alternate === null &&
+    (workInProgressHook === null
+      ? currentlyRenderingFiber$1.memoizedState === null
+      : workInProgressHook.next === null)
+  ) {
+    // Initial render, and either this is the first time the component is
+    // called, or there were no Hooks called after this use() the previous
+    // time (perhaps because it threw). Subsequent Hook calls should use the
+    // mount dispatcher.
+    {
+      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+    }
+  }
+
+  return result;
+}
+
 function use(usable) {
   if (usable !== null && typeof usable === "object") {
     // $FlowFixMe[method-unbinding]
     if (typeof usable.then === "function") {
       // This is a thenable.
-      var thenable = usable; // Track the position of the thenable within this fiber.
-
-      var index = thenableIndexCounter;
-      thenableIndexCounter += 1;
-
-      if (thenableState === null) {
-        thenableState = createThenableState();
-      }
-
-      var result = trackUsedThenable(thenableState, thenable, index);
-
-      if (
-        currentlyRenderingFiber$1.alternate === null &&
-        (workInProgressHook === null
-          ? currentlyRenderingFiber$1.memoizedState === null
-          : workInProgressHook.next === null)
-      ) {
-        // Initial render, and either this is the first time the component is
-        // called, or there were no Hooks called after this use() the previous
-        // time (perhaps because it threw). Subsequent Hook calls should use the
-        // mount dispatcher.
-        {
-          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
-        }
-      }
-
-      return result;
+      var thenable = usable;
+      return useThenable(thenable);
     } else if (
       usable.$$typeof === REACT_CONTEXT_TYPE ||
       usable.$$typeof === REACT_SERVER_CONTEXT_TYPE
@@ -7661,7 +8127,7 @@ function forceStoreRerender(fiber) {
   var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
   if (root !== null) {
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -8059,8 +8525,19 @@ function startTransition(setPending, callback, options) {
   }
 
   try {
-    setPending(false);
-    callback();
+    var returnValue, isPending;
+    if (enableAsyncActions);
+    else {
+      // Async actions are not enabled.
+      setPending(false);
+      callback();
+    }
+  } catch (error) {
+    {
+      // The error rethrowing behavior is only enabled when the async actions
+      // feature is on, even for sync actions.
+      throw error;
+    }
   } finally {
     setCurrentUpdatePriority(previousPriority);
     ReactCurrentBatchConfig$2.transition = prevTransition;
@@ -8085,30 +8562,37 @@ function startTransition(setPending, callback, options) {
 
 function mountTransition() {
   var _mountState = mountState(false),
-    isPending = _mountState[0],
     setPending = _mountState[1]; // The `start` method never changes.
 
   var start = startTransition.bind(null, setPending);
   var hook = mountWorkInProgressHook();
   hook.memoizedState = start;
-  return [isPending, start];
+  return [false, start];
 }
 
 function updateTransition() {
   var _updateState = updateState(),
-    isPending = _updateState[0];
+    booleanOrThenable = _updateState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
 function rerenderTransition() {
   var _rerenderState = rerenderState(),
-    isPending = _rerenderState[0];
+    booleanOrThenable = _rerenderState[0];
 
   var hook = updateWorkInProgressHook();
   var start = hook.memoizedState;
+  var isPending =
+    typeof booleanOrThenable === "boolean"
+      ? booleanOrThenable // This will suspend until the async action scope has finished.
+      : useThenable(booleanOrThenable);
   return [isPending, start];
 }
 
@@ -8169,8 +8653,7 @@ function refreshCache(fiber, seedKey, seedValue) {
         var root = enqueueUpdate(provider, refreshUpdate, lane);
 
         if (root !== null) {
-          var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root, provider, lane, eventTime);
+          scheduleUpdateOnFiber(root, provider, lane);
           entangleTransitions(root, provider, lane);
         } // TODO: If a refresh never commits, the new cache created here must be
         // released. A simple case is start refreshing a cache boundary, but then
@@ -8224,8 +8707,7 @@ function dispatchReducerAction(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -8306,8 +8788,7 @@ function dispatchSetState(fiber, queue, action) {
     var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
   }
@@ -8361,6 +8842,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 
 var ContextOnlyDispatcher = {
   readContext: readContext,
+  use: use,
   useCallback: throwInvalidHookError,
   useContext: throwInvalidHookError,
   useEffect: throwInvalidHookError,
@@ -8383,10 +8865,6 @@ var ContextOnlyDispatcher = {
   ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
 }
 
-{
-  ContextOnlyDispatcher.use = throwInvalidHookError;
-}
-
 var HooksDispatcherOnMountInDEV = null;
 var HooksDispatcherOnMountWithHookTypesInDEV = null;
 var HooksDispatcherOnUpdateInDEV = null;
@@ -8418,6 +8896,7 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       mountHookTypesDev();
@@ -8538,14 +9017,11 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnMountInDEV.use = use;
-  }
-
   HooksDispatcherOnMountWithHookTypesInDEV = {
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -8661,14 +9137,11 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnMountWithHookTypesInDEV.use = use;
-  }
-
   HooksDispatcherOnUpdateInDEV = {
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -8783,14 +9256,11 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
     };
   }
 
-  {
-    HooksDispatcherOnUpdateInDEV.use = use;
-  }
-
   HooksDispatcherOnRerenderInDEV = {
     readContext: function (context) {
       return readContext(context);
     },
+    use: use,
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       updateHookTypesDev();
@@ -8906,15 +9376,15 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    HooksDispatcherOnRerenderInDEV.use = use;
-  }
-
   InvalidNestedHooksDispatcherOnMountInDEV = {
     readContext: function (context) {
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -9046,18 +9516,15 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnMountInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   InvalidNestedHooksDispatcherOnUpdateInDEV = {
     readContext: function (context) {
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -9189,18 +9656,15 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       };
   }
 
-  {
-    InvalidNestedHooksDispatcherOnUpdateInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
-
   InvalidNestedHooksDispatcherOnRerenderInDEV = {
     readContext: function (context) {
       warnInvalidContextAccess();
       return readContext(context);
     },
+    use: function (usable) {
+      warnInvalidHookAccess();
+      return use(usable);
+    },
     useCallback: function (callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
@@ -9331,13 +9795,6 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
         return updateRefresh();
       };
   }
-
-  {
-    InvalidNestedHooksDispatcherOnRerenderInDEV.use = function (usable) {
-      warnInvalidHookAccess();
-      return use(usable);
-    };
-  }
 }
 
 var now = Scheduler$1.unstable_now;
@@ -9652,8 +10109,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
   },
@@ -9675,8 +10131,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
   },
@@ -9698,8 +10153,7 @@ var classComponentUpdater = {
     var root = enqueueUpdate(fiber, update, lane);
 
     if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
+      scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
   }
@@ -13122,16 +13576,9 @@ function updateDehydratedSuspenseComponent(
           // Intentionally mutating since this render will get interrupted. This
           // is one of the very rare times where we mutate the current tree
           // during the render phase.
-          suspenseState.retryLane = attemptHydrationAtLane; // TODO: Ideally this would inherit the event time of the current render
-
-          var eventTime = NoTimestamp;
+          suspenseState.retryLane = attemptHydrationAtLane;
           enqueueConcurrentRenderForLane(current, attemptHydrationAtLane);
-          scheduleUpdateOnFiber(
-            root,
-            current,
-            attemptHydrationAtLane,
-            eventTime
-          ); // Throw a special object that signals to the work loop that it should
+          scheduleUpdateOnFiber(root, current, attemptHydrationAtLane); // Throw a special object that signals to the work loop that it should
           // interrupt the current render.
           //
           // Because we're inside a React-only execution stack, we don't
@@ -14753,7 +15200,7 @@ var AbortControllerLocal =
       }; // Intentionally not named imports because Rollup would
 // use dynamic dispatch for CommonJS interop named imports.
 
-var scheduleCallback$2 = Scheduler$1.unstable_scheduleCallback,
+var scheduleCallback$1 = Scheduler$1.unstable_scheduleCallback,
   NormalPriority = Scheduler$1.unstable_NormalPriority;
 var CacheContext = {
   $$typeof: REACT_CONTEXT_TYPE,
@@ -14809,7 +15256,7 @@ function releaseCache(cache) {
   }
 
   if (cache.refCount === 0) {
-    scheduleCallback$2(NormalPriority, function () {
+    scheduleCallback$1(NormalPriority, function () {
       cache.controller.abort();
     });
   }
@@ -18146,7 +18593,7 @@ function detachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility |= OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 function attachOffscreenInstance(instance) {
@@ -18167,7 +18614,7 @@ function attachOffscreenInstance(instance) {
 
   if (root !== null) {
     instance._pendingVisibility &= ~OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+    scheduleUpdateOnFiber(root, fiber, SyncLane);
   }
 }
 
@@ -19956,7 +20403,7 @@ if (typeof Symbol === "function" && Symbol.for) {
   symbolFor("selector.text");
 }
 
-var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue;
+var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
 function isLegacyActEnvironment(fiber) {
   {
     // Legacy mode. We preserve the behavior of React 17's act. It assumes an
@@ -19981,7 +20428,7 @@ function isConcurrentActEnvironment() {
 
     if (
       !isReactActEnvironmentGlobal &&
-      ReactCurrentActQueue$2.current !== null
+      ReactCurrentActQueue$1.current !== null
     ) {
       // TODO: Include link to relevant documentation page.
       error(
@@ -19994,376 +20441,6 @@ function isConcurrentActEnvironment() {
   }
 }
 
-var ReactCurrentActQueue$1 = 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;
-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$1.current !== null) {
-    // We're inside an `act` scope.
-    if (!didScheduleMicrotask_act) {
-      didScheduleMicrotask_act = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
-    }
-  } else {
-    if (!didScheduleMicrotask) {
-      didScheduleMicrotask = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
-    }
-  }
-
-  if (ReactCurrentActQueue$1.isBatchingLegacy && root.tag === LegacyRoot) {
-    // Special `act` case: Record whenever a legacy update is scheduled.
-    ReactCurrentActQueue$1.didScheduleLegacyUpdate = true;
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
-
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
-  }
-
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  }
-
-  var workInProgressRoot = getWorkInProgressRoot();
-  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes(); // There may or may not be synchronous work scheduled. Let's check.
-
-  var didPerformSomeWork;
-  var errors = null;
-  isFlushingWork = true;
-
-  do {
-    didPerformSomeWork = false;
-    var root = firstScheduledRoot;
-
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot);
-      else {
-        var nextLanes = getNextLanes(
-          root,
-          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
-        );
-
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            // TODO: Pass nextLanes as an argument instead of computing it again
-            // inside performSyncWorkOnRoot.
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
-          }
-        }
-      }
-
-      root = root.next;
-    }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
-
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === "function") {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (var i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
-
-        var firstError = errors[0];
-        throw firstError;
-      }
-    } else {
-      var error = errors[0];
-      throw error;
-    }
-  }
-}
-
-function throwError(error) {
-  throw error;
-}
-
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
-
-  {
-    didScheduleMicrotask_act = false;
-  } // We'll recompute this as we iterate through all the roots and schedule them.
-
-  mightHavePendingSyncWork = false;
-  var currentTime = now$1();
-  var prev = null;
-  var root = firstScheduledRoot;
-
-  while (root !== null) {
-    var next = root.next;
-    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;
-  } // 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$1.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$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 (ReactCurrentActQueue$1.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$1.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$1.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$1.current.push(function () {
-      cb();
-      return null;
-    });
-  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
-  // Alternatively, can we move this check to the host config?
-
-  {
-    // If microtasks are not supported, use Scheduler.
-    scheduleCallback$3(ImmediatePriority, cb);
-  }
-}
-
-var ceil = Math.ceil;
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentCache = ReactSharedInternals.ReactCurrentCache,
@@ -20477,12 +20554,7 @@ var isFlushingPassiveEffects = false;
 var didScheduleUpdateDuringPassiveEffects = false;
 var NESTED_PASSIVE_UPDATE_LIMIT = 50;
 var nestedPassiveUpdateCount = 0;
-var rootWithPassiveNestedUpdates = null; // If two updates are scheduled within the same event, we should treat their
-// event times as simultaneous, even if the actual clock time has advanced
-// between the first and second call.
-
-var currentEventTime = NoTimestamp;
-var currentEventTransitionLane = NoLanes;
+var rootWithPassiveNestedUpdates = null;
 var isRunningInsertionEffect = false;
 function getWorkInProgressRoot() {
   return workInProgressRoot;
@@ -20493,20 +20565,6 @@ function getWorkInProgressRootRenderLanes() {
 function isWorkLoopSuspendedOnData() {
   return workInProgressSuspendedReason === SuspendedOnData;
 }
-function requestEventTime() {
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    // We're inside React, so it's fine to read the actual time.
-    return now$1();
-  } // We're not inside React, so we may be in the middle of a browser event.
-
-  if (currentEventTime !== NoTimestamp) {
-    // Use the same start time for all updates until we enter React again.
-    return currentEventTime;
-  } // This is the first update since React yielded. Compute a new start time.
-
-  currentEventTime = now$1();
-  return currentEventTime;
-}
 function requestUpdateLane(fiber) {
   // Special cases
   var mode = fiber.mode;
@@ -20540,20 +20598,14 @@ function requestUpdateLane(fiber) {
       }
 
       transition._updatedFibers.add(fiber);
-    } // 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;
+    var asyncAction = peekAsyncActionContext();
+    return asyncAction !== null // We're inside an async action scope. Reuse the same lane.
+      ? asyncAction.lane // We may or may not be inside an async action scope. If we are, this
+      : // 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.
   //
@@ -20590,7 +20642,7 @@ function requestRetryLane(fiber) {
   return claimNextRetryLane();
 }
 
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+function scheduleUpdateOnFiber(root, fiber, lane) {
   {
     if (isRunningInsertionEffect) {
       error("useInsertionEffect must not schedule updates.");
@@ -20616,7 +20668,7 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
     markRootSuspended(root, workInProgressRootRenderLanes);
   } // Mark that the root has a pending update.
 
-  markRootUpdated(root, lane, eventTime);
+  markRootUpdated(root, lane);
 
   if (
     (executionContext & RenderContext) !== NoLanes &&
@@ -20682,11 +20734,7 @@ function isUnsafeClassRenderPhaseUpdate(fiber) {
 function performConcurrentWorkOnRoot(root, didTimeout) {
   {
     resetNestedUpdateFlag();
-  } // Since we know we're in a React event, we can clear the current
-  // event time. The next update will compute a new event time.
-
-  currentEventTime = NoTimestamp;
-  currentEventTransitionLane = NoLanes;
+  }
 
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
     throw new Error("Should not already be working.");
@@ -20912,133 +20960,30 @@ function queueRecoverableErrors(errors) {
 }
 
 function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
+  // TODO: The fact that most of these branches are identical suggests that some
+  // of the exit statuses are not best modeled as exit statuses and should be
+  // tracked orthogonally.
   switch (exitStatus) {
     case RootInProgress:
     case RootFatalErrored: {
       throw new Error("Root did not complete. This is a bug in React.");
     }
 
-    case RootErrored: {
-      // We should have already attempted to retry this tree. If we reached
-      // this point, it errored again. Commit it.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
-    case RootSuspended: {
-      markRootSuspended(root, lanes); // We have an acceptable loading state. We need to figure out if we
-      // should immediately commit it or wait a bit.
-
-      if (
-        includesOnlyRetries(lanes) && // do not delay if we're inside an act() scope
-        !shouldForceFlushFallbacksInDEV()
-      ) {
-        // This render only included retries, no updates. Throttle committing
-        // retries so that we don't show too many loading states too quickly.
-        var msUntilTimeout =
-          globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
-
-        if (msUntilTimeout > 10) {
-          var nextLanes = getNextLanes(root, NoLanes);
-
-          if (nextLanes !== NoLanes) {
-            // There's additional work on this root.
-            break;
-          } // The render is suspended, it hasn't timed out, and there's no
-          // lower priority work to do. Instead of committing the fallback
-          // immediately, wait for more data to arrive.
-
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            msUntilTimeout
-          );
-          break;
-        }
-      } // The work expired. Commit immediately.
-
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
-      break;
-    }
-
     case RootSuspendedWithDelay: {
-      markRootSuspended(root, lanes);
-
       if (includesOnlyTransitions(lanes)) {
         // This is a transition, so we should exit without committing a
         // placeholder and without scheduling a timeout. Delay indefinitely
         // until we receive more data.
-        break;
-      }
-
-      if (!shouldForceFlushFallbacksInDEV()) {
-        // This is not a transition, but we did trigger an avoided state.
-        // Schedule a placeholder to display after a short delay, using the Just
-        // Noticeable Difference.
-        // TODO: Is the JND optimization worth the added complexity? If this is
-        // the only reason we track the event time, then probably not.
-        // Consider removing.
-        var mostRecentEventTime = getMostRecentEventTime(root, lanes);
-        var eventTimeMs = mostRecentEventTime;
-        var timeElapsedMs = now$1() - eventTimeMs;
-
-        var _msUntilTimeout = jnd(timeElapsedMs) - timeElapsedMs; // Don't bother with a very short suspense time.
-
-        if (_msUntilTimeout > 10) {
-          // Instead of committing the fallback immediately, wait for more data
-          // to arrive.
-          root.timeoutHandle = scheduleTimeout(
-            commitRootWhenReady.bind(
-              null,
-              root,
-              finishedWork,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions,
-              lanes
-            ),
-            _msUntilTimeout
-          );
-          break;
-        }
+        markRootSuspended(root, lanes);
+        return;
       } // Commit the placeholder.
 
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
+    case RootErrored:
+    case RootSuspended:
     case RootCompleted: {
-      // The work completed.
-      commitRootWhenReady(
-        root,
-        finishedWork,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions,
-        lanes
-      );
       break;
     }
 
@@ -21046,6 +20991,58 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
       throw new Error("Unknown root exit status.");
     }
   }
+
+  if (shouldForceFlushFallbacksInDEV()) {
+    // We're inside an `act` scope. Commit immediately.
+    commitRoot(
+      root,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions
+    );
+  } else {
+    if (includesOnlyRetries(lanes) && alwaysThrottleRetries) {
+      // This render only included retries, no updates. Throttle committing
+      // retries so that we don't show too many loading states too quickly.
+      var msUntilTimeout =
+        globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
+
+      if (msUntilTimeout > 10) {
+        markRootSuspended(root, lanes);
+        var nextLanes = getNextLanes(root, NoLanes);
+
+        if (nextLanes !== NoLanes) {
+          // There's additional work we can do on this root. We might as well
+          // attempt to work on that while we're suspended.
+          return;
+        } // The render is suspended, it hasn't timed out, and there's no
+        // lower priority work to do. Instead of committing the fallback
+        // immediately, wait for more data to arrive.
+        // TODO: Combine retry throttling with Suspensey commits. Right now they
+        // run one after the other.
+
+        root.timeoutHandle = scheduleTimeout(
+          commitRootWhenReady.bind(
+            null,
+            root,
+            finishedWork,
+            workInProgressRootRecoverableErrors,
+            workInProgressTransitions,
+            lanes
+          ),
+          msUntilTimeout
+        );
+        return;
+      }
+    }
+
+    commitRootWhenReady(
+      root,
+      finishedWork,
+      workInProgressRootRecoverableErrors,
+      workInProgressTransitions,
+      lanes
+    );
+  }
 }
 
 function commitRootWhenReady(
@@ -21055,6 +21052,8 @@ function commitRootWhenReady(
   transitions,
   lanes
 ) {
+  // TODO: Combine retry throttling with Suspensey commits. Right now they run
+  // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
     // the suspensey resources. The renderer is responsible for accumulating
     // all the load events. This all happens in a single synchronous
@@ -21074,22 +21073,14 @@ function commitRootWhenReady(
       // us that it's ready. This will be canceled if we start work on the
       // root again.
       root.cancelPendingCommit = schedulePendingCommit(
-        commitRoot.bind(
-          null,
-          root,
-          workInProgressRootRecoverableErrors,
-          workInProgressTransitions
-        )
+        commitRoot.bind(null, root, recoverableErrors, transitions)
       );
+      markRootSuspended(root, lanes);
       return;
     }
   } // Otherwise, commit immediately.
 
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
+  commitRoot(root, recoverableErrors, transitions);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -22035,6 +22026,16 @@ function replaySuspendedUnitOfWork(unitOfWork) {
       break;
     }
 
+    case HostComponent: {
+      // Some host components are stateful (that's how we implement form
+      // actions) but we don't bother to reuse the memoized state because it's
+      // not worth the extra code. The main reason to reuse the previous hooks
+      // is to reuse uncached promises, but we happen to know that the only
+      // promises that a host component might suspend on are definitely cached
+      // because they are controlled by us. So don't bother.
+      resetHooksOnUnwind(); // Fallthrough to the next branch.
+    }
+
     default: {
       // Other types besides function components are reset completely before
       // being replayed. Currently this only happens when a Usable type is
@@ -22141,15 +22142,13 @@ function completeUnitOfWork(unitOfWork) {
 
   do {
     {
-      {
-        if ((completedWork.flags & Incomplete) !== NoFlags$1) {
-          // NOTE: If we re-enable sibling prerendering in some cases, this branch
-          // is where we would switch to the unwinding path.
-          error(
-            "Internal React error: Expected this fiber to be complete, but " +
-              "it isn't. It should have been unwound. This is a bug in React."
-          );
-        }
+      if ((completedWork.flags & Incomplete) !== NoFlags$1) {
+        // NOTE: If we re-enable sibling prerendering in some cases, this branch
+        // is where we would switch to the unwinding path.
+        error(
+          "Internal React error: Expected this fiber to be complete, but " +
+            "it isn't. It should have been unwound. This is a bug in React."
+        );
       }
     } // The current, flushed, state of this fiber is the alternate. Ideally
     // nothing should rely on this, but relying on it here means that we don't
@@ -22248,7 +22247,10 @@ function unwindUnitOfWork(unitOfWork) {
       returnFiber.flags |= Incomplete;
       returnFiber.subtreeFlags = NoFlags$1;
       returnFiber.deletions = null;
-    }
+    } // NOTE: If we re-enable sibling prerendering in some cases, here we
+    // would switch to the normal completion path: check if a sibling
+    // exists, and if so, begin work on it.
+    // Otherwise, return to the parent
     // $FlowFixMe[incompatible-type] we bail out when we get a null
 
     incompleteWork = returnFiber; // Update the next thing we're working on in case something throws.
@@ -22737,10 +22739,9 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   var errorInfo = createCapturedValueAtFiber(error, sourceFiber);
   var update = createRootErrorUpdate(rootFiber, errorInfo, SyncLane);
   var root = enqueueUpdate(rootFiber, update, SyncLane);
-  var eventTime = requestEventTime();
 
   if (root !== null) {
-    markRootUpdated(root, SyncLane, eventTime);
+    markRootUpdated(root, SyncLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -22776,10 +22777,9 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) {
         var errorInfo = createCapturedValueAtFiber(error$1, sourceFiber);
         var update = createClassErrorUpdate(fiber, errorInfo, SyncLane);
         var root = enqueueUpdate(fiber, update, SyncLane);
-        var eventTime = requestEventTime();
 
         if (root !== null) {
-          markRootUpdated(root, SyncLane, eventTime);
+          markRootUpdated(root, SyncLane);
           ensureRootIsScheduled(root);
         }
 
@@ -22898,11 +22898,10 @@ function retryTimedOutBoundary(boundaryFiber, retryLane) {
     retryLane = requestRetryLane(boundaryFiber);
   } // TODO: Special case idle priority?
 
-  var eventTime = requestEventTime();
   var root = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
 
   if (root !== null) {
-    markRootUpdated(root, retryLane, eventTime);
+    markRootUpdated(root, retryLane);
     ensureRootIsScheduled(root);
   }
 }
@@ -22957,32 +22956,7 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
   }
 
   retryTimedOutBoundary(boundaryFiber, retryLane);
-} // Computes the next Just Noticeable Difference (JND) boundary.
-// The theory is that a person can't tell the difference between small differences in time.
-// Therefore, if we wait a bit longer than necessary that won't translate to a noticeable
-// difference in the experience. However, waiting for longer might mean that we can avoid
-// showing an intermediate loading state. The longer we have already waited, the harder it
-// is to tell small differences in time. Therefore, the longer we've already waited,
-// the longer we can wait additionally. At some point we have to give up though.
-// We pick a train model where the next boundary commits at a consistent schedule.
-// These particular numbers are vague estimates. We expect to adjust them based on research.
-
-function jnd(timeElapsed) {
-  return timeElapsed < 120
-    ? 120
-    : timeElapsed < 480
-    ? 480
-    : timeElapsed < 1080
-    ? 1080
-    : timeElapsed < 1920
-    ? 1920
-    : timeElapsed < 3000
-    ? 3000
-    : timeElapsed < 4320
-    ? 4320
-    : ceil(timeElapsed / 1960) * 1960;
 }
-
 function throwIfInfiniteUpdateLoopDetected() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
@@ -23579,7 +23553,7 @@ function scheduleFibersWithFamiliesRecursively(
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
 
@@ -24377,7 +24351,6 @@ function FiberRootNode(
   this.next = null;
   this.callbackNode = null;
   this.callbackPriority = NoLane;
-  this.eventTimes = createLaneMap(NoLanes);
   this.expirationTimes = createLaneMap(NoTimestamp);
   this.pendingLanes = NoLanes;
   this.suspendedLanes = NoLanes;
@@ -24482,7 +24455,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-95e6ae95";
+var ReactVersion = "18.3.0-www-modern-bcc00dd5";
 
 // Might add PROFILE later.
 
@@ -24590,8 +24563,7 @@ function updateContainer(element, container, parentComponent, callback) {
   var root = enqueueUpdate(current$1, update, lane);
 
   if (root !== null) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(root, current$1, lane, eventTime);
+    scheduleUpdateOnFiber(root, current$1, lane);
     entangleTransitions(root, current$1, lane);
   }
 
@@ -24755,7 +24727,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -24776,7 +24748,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   };
@@ -24797,7 +24769,7 @@ var setSuspenseHandler = null;
       var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
       if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
     }
   }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
@@ -24812,7 +24784,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -24826,7 +24798,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -24840,7 +24812,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
@@ -24848,7 +24820,7 @@ var setSuspenseHandler = null;
     var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
     if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      scheduleUpdateOnFiber(root, fiber, SyncLane);
     }
   };
 
diff --git a/compiled/facebook-www/WARNINGS b/compiled/facebook-www/WARNINGS
index c54246f3a5..742b8c5b3f 100644
--- a/compiled/facebook-www/WARNINGS
+++ b/compiled/facebook-www/WARNINGS
@@ -55,6 +55,7 @@
 "%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
 "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements."
 "<SuspenseList tail=\"%s\" /> is only valid if revealOrder is \"forwards\" or \"backwards\". Did you mean to specify revealOrder=\"forwards\"?"
+"A button can only specify a formAction along with type=\"submit\" or no type."
 "A cache instance was released after it was already freed. This likely indicates a bug in React."
 "A cache instance was retained after it was already freed. This likely indicates a bug in React."
 "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
@@ -77,6 +78,7 @@
 "An empty string (\"\") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string."
 "An empty string (\"\") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string."
 "An error occurred during hydration. The server HTML was replaced with client content in <%s>."
+"An input can only specify a formAction along with type=\"submit\" or type=\"image\"."
 "An invalid container has been provided. This may indicate that another renderer is being used in addition to the test renderer. (For example, ReactDOM.createPortal inside of a ReactTestRenderer tree.) This is not supported."
 "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"
 "An update to %s inside a test was not wrapped in act(...).\n\nWhen testing, code that causes React state updates should be wrapped into act(...):\n\nact(() => {\n  /* fire events that update state */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://reactjs.org/link/wrap-tests-with-act"
@@ -101,6 +103,11 @@
 "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>."
 "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."
 "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."
+"Cannot specify a \"name\" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden."
+"Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
+"Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
+"Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
+"Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
 "Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render"
 "Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state."
 "Cannot update the \"is\" prop after it has been initialized."
@@ -341,6 +348,10 @@
 "You are setting the style `{ %s: ... }` as a prop. You should nest it in a style object. E.g. `{ style: { %s: ... } }`"
 "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
 "You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"
+"You can only pass the action prop to <form>. Use the formAction prop on <input> or <button>."
+"You can only pass the action prop to <form>."
+"You can only pass the formAction prop to <input> or <button>. Use the action prop on <form>."
+"You can only pass the formAction prop to <input> or <button>."
 "You did not run Node.js with the `--conditions react-server` flag. Any \"react-server\" override will only work with ESM imports."
 "You passed a JSX element to createRoot. You probably meant to call root.render instead. Example usage:\n\n  let root = createRoot(domContainer);\n  root.render(<App />);"
 "You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root."
diff --git a/compiled/facebook-www/eslint-plugin-react-hooks.js b/compiled/facebook-www/eslint-plugin-react-hooks.js
index 50667bead3..2b2b7b3aa4 100644
--- a/compiled/facebook-www/eslint-plugin-react-hooks.js
+++ b/compiled/facebook-www/eslint-plugin-react-hooks.js
@@ -1812,7 +1812,7 @@ var ExhaustiveDeps = {
               break;
 
             case 'updater':
-              extraWarning = " You can also do a functional update '" + setStateRecommendation.setter + "(" + setStateRecommendation.missingDep.substring(0, 1) + " => ...)' if you only need '" + setStateRecommendation.missingDep + "'" + (" in the '" + setStateRecommendation.setter + "' call.");
+              extraWarning = " You can also do a functional update '" + setStateRecommendation.setter + "(" + setStateRecommendation.missingDep.slice(0, 1) + " => ...)' if you only need '" + setStateRecommendation.missingDep + "'" + (" in the '" + setStateRecommendation.setter + "' call.");
               break;
 
             default: