From 6448f4e2f1ff87600c559208f0f31c8e9fcedd9a Mon Sep 17 00:00:00 2001
From: Tim Yung <yungsters@fb.com>
Date: Sun, 4 Nov 2018 01:06:38 -0700
Subject: [PATCH] RN: Revert React 16.6 Sync

Summary:
There are some critical bugs that require further investigation in the most recent upgrade to React 16.6 (and ReactNativeRenderer changes).

This revision reverts the sync until these issues have been resolved.

Reviewed By: mdvacca

Differential Revision: D12918541

fbshipit-source-id: 5c1ada185851ba599f3c86387158a2b41f3dcf3e
---
 Libraries/Renderer/REVISION                   |    2 +-
 Libraries/Renderer/oss/ReactFabric-dev.js     | 3281 +++++------------
 Libraries/Renderer/oss/ReactFabric-prod.js    | 3203 +++++++---------
 .../Renderer/oss/ReactFabric-profiling.js     | 3272 +++++++---------
 .../Renderer/oss/ReactNativeRenderer-dev.js   | 3279 +++++-----------
 .../Renderer/oss/ReactNativeRenderer-prod.js  | 3174 +++++++---------
 .../oss/ReactNativeRenderer-profiling.js      | 3219 +++++++---------
 Libraries/Renderer/shims/ReactTypes.js        |    1 +
 package.json                                  |    6 +-
 yarn.lock                                     |   38 +-
 10 files changed, 7121 insertions(+), 12354 deletions(-)

diff --git a/Libraries/Renderer/REVISION b/Libraries/Renderer/REVISION
index 7274d4dc474..21b691427f4 100644
--- a/Libraries/Renderer/REVISION
+++ b/Libraries/Renderer/REVISION
@@ -1 +1 @@
-c84b9bf828c38e0b24042ebb9cd859292146a6fb
\ No newline at end of file
+4773fdf7cdf5d6d775ad0960f23ee1a830e7b82b
\ No newline at end of file
diff --git a/Libraries/Renderer/oss/ReactFabric-dev.js b/Libraries/Renderer/oss/ReactFabric-dev.js
index 0d10490736c..de566d72b49 100644
--- a/Libraries/Renderer/oss/ReactFabric-dev.js
+++ b/Libraries/Renderer/oss/ReactFabric-dev.js
@@ -27,7 +27,6 @@ var TextInputState = require("TextInputState");
 var FabricUIManager = require("FabricUIManager");
 var checkPropTypes = require("prop-types/checkPropTypes");
 var tracing = require("scheduler/tracing");
-var scheduler = require("scheduler");
 var ExceptionsManager = require("ExceptionsManager");
 
 /**
@@ -1134,23 +1133,24 @@ function runExtractedEventsInBatch(
 }
 
 var FunctionComponent = 0;
-var ClassComponent = 1;
-var IndeterminateComponent = 2; // Before we know whether it is function or class
-var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
-var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
-var HostComponent = 5;
-var HostText = 6;
-var Fragment = 7;
-var Mode = 8;
-var ContextConsumer = 9;
-var ContextProvider = 10;
-var ForwardRef = 11;
-var Profiler = 12;
-var SuspenseComponent = 13;
-var MemoComponent = 14;
-var SimpleMemoComponent = 15;
-var LazyComponent = 16;
-var IncompleteClassComponent = 17;
+var FunctionComponentLazy = 1;
+var ClassComponent = 2;
+var ClassComponentLazy = 3;
+var IndeterminateComponent = 4; // Before we know whether it is function or class
+var HostRoot = 5; // Root of a host tree. Could be nested inside another node.
+var HostPortal = 6; // A subtree. Could be an entry point to a different renderer.
+var HostComponent = 7;
+var HostText = 8;
+var Fragment = 9;
+var Mode = 10;
+var ContextConsumer = 11;
+var ContextProvider = 12;
+var ForwardRef = 13;
+var ForwardRefLazy = 14;
+var Profiler = 15;
+var SuspenseComponent = 16;
+var PureComponent = 17;
+var PureComponentLazy = 18;
 
 function getParent(inst) {
   do {
@@ -2650,7 +2650,6 @@ var REACT_STRICT_MODE_TYPE = hasSymbol
 var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 0xead2;
 var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 0xeacd;
 var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 0xeace;
-
 var REACT_CONCURRENT_MODE_TYPE = hasSymbol
   ? Symbol.for("react.concurrent_mode")
   : 0xeacf;
@@ -2658,8 +2657,7 @@ var REACT_FORWARD_REF_TYPE = hasSymbol
   ? Symbol.for("react.forward_ref")
   : 0xead0;
 var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 0xead1;
-var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 0xead3;
-var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 0xead4;
+var REACT_PURE_TYPE = hasSymbol ? Symbol.for("react.pure") : 0xead3;
 
 var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = "@@iterator";
@@ -2681,8 +2679,12 @@ var Pending = 0;
 var Resolved = 1;
 var Rejected = 2;
 
-function refineResolvedLazyComponent(lazyComponent) {
-  return lazyComponent._status === Resolved ? lazyComponent._result : null;
+function getResultFromResolvedThenable(thenable) {
+  return thenable._reactResult;
+}
+
+function refineResolvedThenable(thenable) {
+  return thenable._reactStatus === Resolved ? thenable._reactResult : null;
 }
 
 function getWrappedName(outerType, innerType, wrapperName) {
@@ -2735,14 +2737,14 @@ function getComponentName(type) {
         return "Context.Provider";
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, "ForwardRef");
-      case REACT_MEMO_TYPE:
-        return getComponentName(type.type);
-      case REACT_LAZY_TYPE: {
-        var thenable = type;
-        var resolvedThenable = refineResolvedLazyComponent(thenable);
-        if (resolvedThenable) {
-          return getComponentName(resolvedThenable);
-        }
+      case REACT_PURE_TYPE:
+        return getWrappedName(type, type.render, "Pure");
+    }
+    if (typeof type.then === "function") {
+      var thenable = type;
+      var resolvedThenable = refineResolvedThenable(thenable);
+      if (resolvedThenable) {
+        return getComponentName(resolvedThenable);
       }
     }
   }
@@ -2763,16 +2765,15 @@ var Callback = /*              */ 32;
 var DidCapture = /*            */ 64;
 var Ref = /*                   */ 128;
 var Snapshot = /*              */ 256;
-var Passive = /*               */ 512;
 
-// Passive & Update & Callback & Ref & Snapshot
-var LifecycleEffectMask = /*   */ 932;
+// Update & Callback & Ref & Snapshot
+var LifecycleEffectMask = /*   */ 420;
 
 // Union of all host effects
-var HostEffectMask = /*        */ 1023;
+var HostEffectMask = /*        */ 511;
 
-var Incomplete = /*            */ 1024;
-var ShouldCapture = /*         */ 2048;
+var Incomplete = /*            */ 512;
+var ShouldCapture = /*         */ 1024;
 
 var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
 
@@ -2816,7 +2817,10 @@ function isFiberMounted(fiber) {
 function isMounted(component) {
   {
     var owner = ReactCurrentOwner$1.current;
-    if (owner !== null && owner.tag === ClassComponent) {
+    if (
+      owner !== null &&
+      (owner.tag === ClassComponent || owner.tag === ClassComponentLazy)
+    ) {
       var ownerFiber = owner;
       var instance = ownerFiber.stateNode;
       !instance._warnedAboutRefsInRender
@@ -3526,6 +3530,13 @@ var now$1 = hasNativePerformanceNow
 var scheduledCallback = null;
 var frameDeadline = 0;
 
+var frameDeadlineObject = {
+  timeRemaining: function() {
+    return frameDeadline - now$1();
+  },
+  didTimeout: false
+};
+
 function setTimeoutCallback() {
   // TODO (bvaughn) Hard-coded 5ms unblocks initial async testing.
   // React API probably changing to boolean rather than time remaining.
@@ -3536,7 +3547,7 @@ function setTimeoutCallback() {
   var callback = scheduledCallback;
   scheduledCallback = null;
   if (callback !== null) {
-    callback();
+    callback(frameDeadlineObject);
   }
 }
 
@@ -3555,10 +3566,6 @@ function cancelDeferredCallback$1(callbackID) {
   clearTimeout(callbackID); // Timeouts are always numbers on RN
 }
 
-function shouldYield$1() {
-  return frameDeadline <= now$1();
-}
-
 // Use to restore controlled state after a change event has fired.
 
 var restoreImpl = null;
@@ -3689,10 +3696,6 @@ var insertInContainerBefore = shim;
 var removeChild = shim;
 var removeChildFromContainer = shim;
 var resetTextContent = shim;
-var hideInstance = shim;
-var hideTextInstance = shim;
-var unhideInstance = shim;
-var unhideTextInstance = shim;
 
 // Renderers that don't support hydration
 // can re-export everything from this module.
@@ -3970,7 +3973,6 @@ var isPrimaryRenderer = false;
 var now = now$1;
 var scheduleDeferredCallback = scheduleDeferredCallback$1;
 var cancelDeferredCallback = cancelDeferredCallback$1;
-var shouldYield = shouldYield$1;
 
 var scheduleTimeout = setTimeout;
 var cancelTimeout = clearTimeout;
@@ -4016,23 +4018,6 @@ function cloneInstance(
   };
 }
 
-function cloneHiddenInstance(instance, type, props, internalInstanceHandle) {
-  throw new Error("Not yet implemented.");
-}
-
-function cloneUnhiddenInstance(instance, type, props, internalInstanceHandle) {
-  throw new Error("Not yet implemented.");
-}
-
-function createHiddenTextInstance(
-  text,
-  rootContainerInstance,
-  hostContext,
-  internalInstanceHandle
-) {
-  throw new Error("Not yet implemented.");
-}
-
 function createContainerChildSet(container) {
   return FabricUIManager.createChildSet(container);
 }
@@ -4078,12 +4063,12 @@ var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
 function describeFiber(fiber) {
   switch (fiber.tag) {
     case IndeterminateComponent:
-    case LazyComponent:
     case FunctionComponent:
+    case FunctionComponentLazy:
     case ClassComponent:
+    case ClassComponentLazy:
     case HostComponent:
     case Mode:
-    case SuspenseComponent:
       var owner = fiber._debugOwner;
       var source = fiber._debugSource;
       var name = getComponentName(fiber.type);
@@ -4160,7 +4145,6 @@ function setCurrentPhase(lifeCyclePhase) {
 var debugRenderPhaseSideEffects = false;
 var debugRenderPhaseSideEffectsForStrictMode = false;
 var enableUserTimingAPI = true;
-
 var warnAboutDeprecatedLifecycles = false;
 var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
 var enableProfilerTimer = true;
@@ -4932,7 +4916,8 @@ function findCurrentUnmaskedContext(fiber) {
   // Currently this is only used with renderSubtreeIntoContainer; not sure if it
   // makes sense elsewhere
   invariant(
-    isFiberMounted(fiber) && fiber.tag === ClassComponent,
+    isFiberMounted(fiber) &&
+      (fiber.tag === ClassComponent || fiber.tag === ClassComponentLazy),
     "Expected subtree parent to be a mounted class component. " +
       "This error is likely caused by a bug in React. Please file an issue."
   );
@@ -4949,6 +4934,13 @@ function findCurrentUnmaskedContext(fiber) {
         }
         break;
       }
+      case ClassComponentLazy: {
+        var _Component = getResultFromResolvedThenable(node.type);
+        if (isContextProvider(_Component)) {
+          return node.stateNode.__reactInternalMemoizedMergedChildContext;
+        }
+        break;
+      }
     }
     node = node.return;
   } while (node !== null);
@@ -5047,20 +5039,20 @@ function onCommitUnmount(fiber) {
 var maxSigned31BitInt = 1073741823;
 
 var NoWork = 0;
-var Never = 1;
-var Sync = maxSigned31BitInt;
+var Sync = 1;
+var Never = maxSigned31BitInt;
 
 var UNIT_SIZE = 10;
-var MAGIC_NUMBER_OFFSET = maxSigned31BitInt - 1;
+var MAGIC_NUMBER_OFFSET = 2;
 
 // 1 unit of expiration time represents 10ms.
 function msToExpirationTime(ms) {
   // Always add an offset so that we don't clash with the magic number for NoWork.
-  return MAGIC_NUMBER_OFFSET - ((ms / UNIT_SIZE) | 0);
+  return ((ms / UNIT_SIZE) | 0) + MAGIC_NUMBER_OFFSET;
 }
 
 function expirationTimeToMs(expirationTime) {
-  return (MAGIC_NUMBER_OFFSET - expirationTime) * UNIT_SIZE;
+  return (expirationTime - MAGIC_NUMBER_OFFSET) * UNIT_SIZE;
 }
 
 function ceiling(num, precision) {
@@ -5069,9 +5061,9 @@ function ceiling(num, precision) {
 
 function computeExpirationBucket(currentTime, expirationInMs, bucketSizeMs) {
   return (
-    MAGIC_NUMBER_OFFSET -
+    MAGIC_NUMBER_OFFSET +
     ceiling(
-      MAGIC_NUMBER_OFFSET - currentTime + expirationInMs / UNIT_SIZE,
+      currentTime - MAGIC_NUMBER_OFFSET + expirationInMs / UNIT_SIZE,
       bucketSizeMs / UNIT_SIZE
     )
   );
@@ -5147,7 +5139,6 @@ function FiberNode(tag, pendingProps, key, mode) {
   // Instance
   this.tag = tag;
   this.key = key;
-  this.elementType = null;
   this.type = null;
   this.stateNode = null;
 
@@ -5220,24 +5211,18 @@ function shouldConstruct(Component) {
   return !!(prototype && prototype.isReactComponent);
 }
 
-function isSimpleFunctionComponent(type) {
-  return (
-    typeof type === "function" &&
-    !shouldConstruct(type) &&
-    type.defaultProps === undefined
-  );
-}
-
-function resolveLazyComponentTag(Component) {
+function resolveLazyComponentTag(fiber, Component) {
   if (typeof Component === "function") {
-    return shouldConstruct(Component) ? ClassComponent : FunctionComponent;
+    return shouldConstruct(Component)
+      ? ClassComponentLazy
+      : FunctionComponentLazy;
   } else if (Component !== undefined && Component !== null) {
     var $$typeof = Component.$$typeof;
     if ($$typeof === REACT_FORWARD_REF_TYPE) {
-      return ForwardRef;
+      return ForwardRefLazy;
     }
-    if ($$typeof === REACT_MEMO_TYPE) {
-      return MemoComponent;
+    if ($$typeof === REACT_PURE_TYPE) {
+      return PureComponentLazy;
     }
   }
   return IndeterminateComponent;
@@ -5258,7 +5243,6 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
       current.key,
       current.mode
     );
-    workInProgress.elementType = current.elementType;
     workInProgress.type = current.type;
     workInProgress.stateNode = current.stateNode;
 
@@ -5328,23 +5312,20 @@ function createHostRootFiber(isConcurrent) {
   return createFiber(HostRoot, null, null, mode);
 }
 
-function createFiberFromTypeAndProps(
-  type, // React$ElementType
-  key,
-  pendingProps,
-  owner,
-  mode,
-  expirationTime
-) {
-  var fiber = void 0;
+function createFiberFromElement(element, mode, expirationTime) {
+  var owner = null;
+  {
+    owner = element._owner;
+  }
 
-  var fiberTag = IndeterminateComponent;
-  // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
-  var resolvedType = type;
+  var fiber = void 0;
+  var type = element.type;
+  var key = element.key;
+  var pendingProps = element.props;
+
+  var fiberTag = void 0;
   if (typeof type === "function") {
-    if (shouldConstruct(type)) {
-      fiberTag = ClassComponent;
-    }
+    fiberTag = shouldConstruct(type) ? ClassComponent : IndeterminateComponent;
   } else if (typeof type === "string") {
     fiberTag = HostComponent;
   } else {
@@ -5357,23 +5338,18 @@ function createFiberFromTypeAndProps(
           key
         );
       case REACT_CONCURRENT_MODE_TYPE:
-        return createFiberFromMode(
-          pendingProps,
-          mode | ConcurrentMode | StrictMode,
-          expirationTime,
-          key
-        );
+        fiberTag = Mode;
+        mode |= ConcurrentMode | StrictMode;
+        break;
       case REACT_STRICT_MODE_TYPE:
-        return createFiberFromMode(
-          pendingProps,
-          mode | StrictMode,
-          expirationTime,
-          key
-        );
+        fiberTag = Mode;
+        mode |= StrictMode;
+        break;
       case REACT_PROFILER_TYPE:
         return createFiberFromProfiler(pendingProps, mode, expirationTime, key);
       case REACT_SUSPENSE_TYPE:
-        return createFiberFromSuspense(pendingProps, mode, expirationTime, key);
+        fiberTag = SuspenseComponent;
+        break;
       default: {
         if (typeof type === "object" && type !== null) {
           switch (type.$$typeof) {
@@ -5387,13 +5363,15 @@ function createFiberFromTypeAndProps(
             case REACT_FORWARD_REF_TYPE:
               fiberTag = ForwardRef;
               break getTag;
-            case REACT_MEMO_TYPE:
-              fiberTag = MemoComponent;
-              break getTag;
-            case REACT_LAZY_TYPE:
-              fiberTag = LazyComponent;
-              resolvedType = null;
+            case REACT_PURE_TYPE:
+              fiberTag = PureComponent;
               break getTag;
+            default: {
+              if (typeof type.then === "function") {
+                fiberTag = IndeterminateComponent;
+                break getTag;
+              }
+            }
           }
         }
         var info = "";
@@ -5427,33 +5405,14 @@ function createFiberFromTypeAndProps(
   }
 
   fiber = createFiber(fiberTag, pendingProps, key, mode);
-  fiber.elementType = type;
-  fiber.type = resolvedType;
+  fiber.type = type;
   fiber.expirationTime = expirationTime;
 
-  return fiber;
-}
-
-function createFiberFromElement(element, mode, expirationTime) {
-  var owner = null;
-  {
-    owner = element._owner;
-  }
-  var type = element.type;
-  var key = element.key;
-  var pendingProps = element.props;
-  var fiber = createFiberFromTypeAndProps(
-    type,
-    key,
-    pendingProps,
-    owner,
-    mode,
-    expirationTime
-  );
   {
     fiber._debugSource = element._source;
     fiber._debugOwner = element._owner;
   }
+
   return fiber;
 }
 
@@ -5477,41 +5436,12 @@ function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
   }
 
   var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
-  // TODO: The Profiler fiber shouldn't have a type. It has a tag.
-  fiber.elementType = REACT_PROFILER_TYPE;
   fiber.type = REACT_PROFILER_TYPE;
   fiber.expirationTime = expirationTime;
 
   return fiber;
 }
 
-function createFiberFromMode(pendingProps, mode, expirationTime, key) {
-  var fiber = createFiber(Mode, pendingProps, key, mode);
-
-  // TODO: The Mode fiber shouldn't have a type. It has a tag.
-  var type =
-    (mode & ConcurrentMode) === NoContext
-      ? REACT_STRICT_MODE_TYPE
-      : REACT_CONCURRENT_MODE_TYPE;
-  fiber.elementType = type;
-  fiber.type = type;
-
-  fiber.expirationTime = expirationTime;
-  return fiber;
-}
-
-function createFiberFromSuspense(pendingProps, mode, expirationTime, key) {
-  var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
-
-  // TODO: The SuspenseComponent fiber shouldn't have a type. It has a tag.
-  var type = REACT_SUSPENSE_TYPE;
-  fiber.elementType = type;
-  fiber.type = type;
-
-  fiber.expirationTime = expirationTime;
-  return fiber;
-}
-
 function createFiberFromText(content, mode, expirationTime) {
   var fiber = createFiber(HostText, content, null, mode);
   fiber.expirationTime = expirationTime;
@@ -5520,8 +5450,6 @@ function createFiberFromText(content, mode, expirationTime) {
 
 function createFiberFromHostInstanceForDeletion() {
   var fiber = createFiber(HostComponent, null, null, NoContext);
-  // TODO: These should not need a type.
-  fiber.elementType = "DELETED";
   fiber.type = "DELETED";
   return fiber;
 }
@@ -5554,7 +5482,6 @@ function assignFiberPropertiesInDEV(target, source) {
 
   target.tag = source.tag;
   target.key = source.key;
-  target.elementType = source.elementType;
   target.type = source.type;
   target.stateNode = source.stateNode;
   target.return = source.return;
@@ -6097,12 +6024,12 @@ function markPendingPriorityLevel(root, expirationTime) {
     // No other pending updates.
     root.earliestPendingTime = root.latestPendingTime = expirationTime;
   } else {
-    if (earliestPendingTime < expirationTime) {
+    if (earliestPendingTime > expirationTime) {
       // This is the earliest pending update.
       root.earliestPendingTime = expirationTime;
     } else {
       var latestPendingTime = root.latestPendingTime;
-      if (latestPendingTime > expirationTime) {
+      if (latestPendingTime < expirationTime) {
         // This is the latest pending update
         root.latestPendingTime = expirationTime;
       }
@@ -6128,12 +6055,12 @@ function markCommittedPriorityLevels(root, earliestRemainingTime) {
   // Let's see if the previous latest known pending level was just flushed.
   var latestPendingTime = root.latestPendingTime;
   if (latestPendingTime !== NoWork) {
-    if (latestPendingTime > earliestRemainingTime) {
+    if (latestPendingTime < earliestRemainingTime) {
       // We've flushed all the known pending levels.
       root.earliestPendingTime = root.latestPendingTime = NoWork;
     } else {
       var earliestPendingTime = root.earliestPendingTime;
-      if (earliestPendingTime > earliestRemainingTime) {
+      if (earliestPendingTime < earliestRemainingTime) {
         // We've flushed the earliest known pending level. Set this to the
         // latest pending time.
         root.earliestPendingTime = root.latestPendingTime;
@@ -6155,7 +6082,7 @@ function markCommittedPriorityLevels(root, earliestRemainingTime) {
   }
 
   var latestSuspendedTime = root.latestSuspendedTime;
-  if (earliestRemainingTime < latestSuspendedTime) {
+  if (earliestRemainingTime > latestSuspendedTime) {
     // The earliest remaining level is later than all the suspended work. That
     // means we've flushed all the suspended work.
     root.earliestSuspendedTime = NoWork;
@@ -6169,7 +6096,7 @@ function markCommittedPriorityLevels(root, earliestRemainingTime) {
     return;
   }
 
-  if (earliestRemainingTime > earliestSuspendedTime) {
+  if (earliestRemainingTime < earliestSuspendedTime) {
     // The earliest remaining time is earlier than all the suspended work.
     // Treat it as a pending update.
     markPendingPriorityLevel(root, earliestRemainingTime);
@@ -6188,10 +6115,10 @@ function hasLowerPriorityWork(root, erroredExpirationTime) {
   var latestPingedTime = root.latestPingedTime;
   return (
     (latestPendingTime !== NoWork &&
-      latestPendingTime < erroredExpirationTime) ||
+      latestPendingTime > erroredExpirationTime) ||
     (latestSuspendedTime !== NoWork &&
-      latestSuspendedTime < erroredExpirationTime) ||
-    (latestPingedTime !== NoWork && latestPingedTime < erroredExpirationTime)
+      latestSuspendedTime > erroredExpirationTime) ||
+    (latestPingedTime !== NoWork && latestPingedTime > erroredExpirationTime)
   );
 }
 
@@ -6200,8 +6127,8 @@ function isPriorityLevelSuspended(root, expirationTime) {
   var latestSuspendedTime = root.latestSuspendedTime;
   return (
     earliestSuspendedTime !== NoWork &&
-    expirationTime <= earliestSuspendedTime &&
-    expirationTime >= latestSuspendedTime
+    expirationTime >= earliestSuspendedTime &&
+    expirationTime <= latestSuspendedTime
   );
 }
 
@@ -6234,10 +6161,10 @@ function markSuspendedPriorityLevel(root, suspendedTime) {
     // No other suspended levels.
     root.earliestSuspendedTime = root.latestSuspendedTime = suspendedTime;
   } else {
-    if (earliestSuspendedTime < suspendedTime) {
+    if (earliestSuspendedTime > suspendedTime) {
       // This is the earliest suspended level.
       root.earliestSuspendedTime = suspendedTime;
-    } else if (latestSuspendedTime > suspendedTime) {
+    } else if (latestSuspendedTime < suspendedTime) {
       // This is the latest suspended level
       root.latestSuspendedTime = suspendedTime;
     }
@@ -6253,7 +6180,7 @@ function markPingedPriorityLevel(root, pingedTime) {
   // is thrown out and not reused during the restarted render. One way to
   // invalidate the progressed work is to restart at expirationTime + 1.
   var latestPingedTime = root.latestPingedTime;
-  if (latestPingedTime === NoWork || latestPingedTime > pingedTime) {
+  if (latestPingedTime === NoWork || latestPingedTime < pingedTime) {
     root.latestPingedTime = pingedTime;
   }
   findNextExpirationTimeToWorkOn(pingedTime, root);
@@ -6263,7 +6190,7 @@ function clearPing(root, completedTime) {
   // TODO: Track whether the root was pinged during the render phase. If so,
   // we need to make sure we don't lose track of it.
   var latestPingedTime = root.latestPingedTime;
-  if (latestPingedTime !== NoWork && latestPingedTime >= completedTime) {
+  if (latestPingedTime !== NoWork && latestPingedTime <= completedTime) {
     root.latestPingedTime = NoWork;
   }
 }
@@ -6273,10 +6200,18 @@ function findEarliestOutstandingPriorityLevel(root, renderExpirationTime) {
 
   var earliestPendingTime = root.earliestPendingTime;
   var earliestSuspendedTime = root.earliestSuspendedTime;
-  if (earliestPendingTime > earliestExpirationTime) {
+  if (
+    earliestExpirationTime === NoWork ||
+    (earliestPendingTime !== NoWork &&
+      earliestPendingTime < earliestExpirationTime)
+  ) {
     earliestExpirationTime = earliestPendingTime;
   }
-  if (earliestSuspendedTime > earliestExpirationTime) {
+  if (
+    earliestExpirationTime === NoWork ||
+    (earliestSuspendedTime !== NoWork &&
+      earliestSuspendedTime < earliestExpirationTime)
+  ) {
     earliestExpirationTime = earliestSuspendedTime;
   }
   return earliestExpirationTime;
@@ -6284,7 +6219,7 @@ function findEarliestOutstandingPriorityLevel(root, renderExpirationTime) {
 
 function didExpireAtExpirationTime(root, currentTime) {
   var expirationTime = root.expirationTime;
-  if (expirationTime !== NoWork && currentTime <= expirationTime) {
+  if (expirationTime !== NoWork && currentTime >= expirationTime) {
     // The root has expired. Flush all work up to the current time.
     root.nextExpirationTimeToWorkOn = currentTime;
   }
@@ -6306,7 +6241,7 @@ function findNextExpirationTimeToWorkOn(completedExpirationTime, root) {
   if (
     nextExpirationTimeToWorkOn === NoWork &&
     (completedExpirationTime === NoWork ||
-      latestSuspendedTime < completedExpirationTime)
+      latestSuspendedTime > completedExpirationTime)
   ) {
     // The lowest priority suspended work is the work most likely to be
     // committed next. Let's start rendering it again, so that if it times out,
@@ -6315,7 +6250,11 @@ function findNextExpirationTimeToWorkOn(completedExpirationTime, root) {
   }
 
   var expirationTime = nextExpirationTimeToWorkOn;
-  if (expirationTime !== NoWork && earliestSuspendedTime > expirationTime) {
+  if (
+    expirationTime !== NoWork &&
+    earliestSuspendedTime !== NoWork &&
+    earliestSuspendedTime < expirationTime
+  ) {
     // Expire using the earliest known expiration time.
     expirationTime = earliestSuspendedTime;
   }
@@ -6539,7 +6478,7 @@ function enqueueUpdate(fiber, update) {
 
   {
     if (
-      fiber.tag === ClassComponent &&
+      (fiber.tag === ClassComponent || fiber.tag === ClassComponentLazy) &&
       (currentlyProcessingQueue === queue1 ||
         (queue2 !== null && currentlyProcessingQueue === queue2)) &&
       !didWarnUpdateInsideUpdate
@@ -6687,7 +6626,7 @@ function processUpdateQueue(
   var resultState = newBaseState;
   while (update !== null) {
     var updateExpirationTime = update.expirationTime;
-    if (updateExpirationTime < renderExpirationTime) {
+    if (updateExpirationTime > renderExpirationTime) {
       // This update does not have sufficient priority. Skip it.
       if (newFirstUpdate === null) {
         // This is the first skipped update. It will be the first update in
@@ -6699,7 +6638,10 @@ function processUpdateQueue(
       }
       // Since this update will remain in the list, update the remaining
       // expiration time.
-      if (newExpirationTime < updateExpirationTime) {
+      if (
+        newExpirationTime === NoWork ||
+        newExpirationTime > updateExpirationTime
+      ) {
         newExpirationTime = updateExpirationTime;
       }
     } else {
@@ -6735,7 +6677,7 @@ function processUpdateQueue(
   update = queue.firstCapturedUpdate;
   while (update !== null) {
     var _updateExpirationTime = update.expirationTime;
-    if (_updateExpirationTime < renderExpirationTime) {
+    if (_updateExpirationTime > renderExpirationTime) {
       // This update does not have sufficient priority. Skip it.
       if (newFirstCapturedUpdate === null) {
         // This is the first skipped captured update. It will be the first
@@ -6749,7 +6691,10 @@ function processUpdateQueue(
       }
       // Since this update will remain in the list, update the remaining
       // expiration time.
-      if (newExpirationTime < _updateExpirationTime) {
+      if (
+        newExpirationTime === NoWork ||
+        newExpirationTime > _updateExpirationTime
+      ) {
         newExpirationTime = _updateExpirationTime;
       }
     } else {
@@ -7047,7 +6992,10 @@ function propagateContextChange(
         ) {
           // Match! Schedule an update on this fiber.
 
-          if (fiber.tag === ClassComponent) {
+          if (
+            fiber.tag === ClassComponent ||
+            fiber.tag === ClassComponentLazy
+          ) {
             // Schedule a force update on the work-in-progress.
             var update = createUpdate(renderExpirationTime);
             update.tag = ForceUpdate;
@@ -7058,13 +7006,17 @@ function propagateContextChange(
             enqueueUpdate(fiber, update);
           }
 
-          if (fiber.expirationTime < renderExpirationTime) {
+          if (
+            fiber.expirationTime === NoWork ||
+            fiber.expirationTime > renderExpirationTime
+          ) {
             fiber.expirationTime = renderExpirationTime;
           }
           var alternate = fiber.alternate;
           if (
             alternate !== null &&
-            alternate.expirationTime < renderExpirationTime
+            (alternate.expirationTime === NoWork ||
+              alternate.expirationTime > renderExpirationTime)
           ) {
             alternate.expirationTime = renderExpirationTime;
           }
@@ -7073,17 +7025,22 @@ function propagateContextChange(
           var node = fiber.return;
           while (node !== null) {
             alternate = node.alternate;
-            if (node.childExpirationTime < renderExpirationTime) {
+            if (
+              node.childExpirationTime === NoWork ||
+              node.childExpirationTime > renderExpirationTime
+            ) {
               node.childExpirationTime = renderExpirationTime;
               if (
                 alternate !== null &&
-                alternate.childExpirationTime < renderExpirationTime
+                (alternate.childExpirationTime === NoWork ||
+                  alternate.childExpirationTime > renderExpirationTime)
               ) {
                 alternate.childExpirationTime = renderExpirationTime;
               }
             } else if (
               alternate !== null &&
-              alternate.childExpirationTime < renderExpirationTime
+              (alternate.childExpirationTime === NoWork ||
+                alternate.childExpirationTime > renderExpirationTime)
             ) {
               alternate.childExpirationTime = renderExpirationTime;
             } else {
@@ -7168,7 +7125,7 @@ function readContext(context, observedBits) {
     if (lastContextDependency === null) {
       invariant(
         currentlyRenderingFiber !== null,
-        "Context can only be read while React is " +
+        "Context.unstable_read(): Context can only be read while React is " +
           "rendering, e.g. inside the render method or getDerivedStateFromProps."
       );
       // This is the first dependency in the list
@@ -7181,637 +7138,6 @@ function readContext(context, observedBits) {
   return isPrimaryRenderer ? context._currentValue : context._currentValue2;
 }
 
-var NoEffect$1 = /*             */ 0;
-var UnmountSnapshot = /*      */ 2;
-var UnmountMutation = /*      */ 4;
-var MountMutation = /*        */ 8;
-var UnmountLayout = /*        */ 16;
-var MountLayout = /*          */ 32;
-var MountPassive = /*         */ 64;
-var UnmountPassive = /*       */ 128;
-
-// These are set right before calling the component.
-var renderExpirationTime = NoWork;
-// The work-in-progress fiber. I've named it differently to distinguish it from
-// the work-in-progress hook.
-var currentlyRenderingFiber$1 = null;
-
-// Hooks are stored as a linked list on the fiber's memoizedState field. The
-// current hook list is the list that belongs to the current fiber. The
-// work-in-progress hook list is a new list that will be added to the
-// work-in-progress fiber.
-var firstCurrentHook = null;
-var currentHook = null;
-var firstWorkInProgressHook = null;
-var workInProgressHook = null;
-
-var remainingExpirationTime = NoWork;
-var componentUpdateQueue = null;
-
-// Updates scheduled during render will trigger an immediate re-render at the
-// end of the current pass. We can't store these updates on the normal queue,
-// because if the work is aborted, they should be discarded. Because this is
-// a relatively rare case, we also don't want to add an additional field to
-// either the hook or queue object types. So we store them in a lazily create
-// map of queue -> render-phase updates, which are discarded once the component
-// completes without re-rendering.
-
-// Whether the work-in-progress hook is a re-rendered hook
-var isReRender = false;
-// Whether an update was scheduled during the currently executing render pass.
-var didScheduleRenderPhaseUpdate = false;
-// Lazily created map of render-phase updates
-var renderPhaseUpdates = null;
-// Counter to prevent infinite loops.
-var numberOfReRenders = 0;
-var RE_RENDER_LIMIT = 25;
-
-function resolveCurrentlyRenderingFiber() {
-  invariant(
-    currentlyRenderingFiber$1 !== null,
-    "Hooks can only be called inside the body of a function component."
-  );
-  return currentlyRenderingFiber$1;
-}
-
-function prepareToUseHooks(current, workInProgress, nextRenderExpirationTime) {
-  renderExpirationTime = nextRenderExpirationTime;
-  currentlyRenderingFiber$1 = workInProgress;
-  firstCurrentHook = current !== null ? current.memoizedState : null;
-
-  // The following should have already been reset
-  // currentHook = null;
-  // workInProgressHook = null;
-
-  // remainingExpirationTime = NoWork;
-  // componentUpdateQueue = null;
-
-  // isReRender = false;
-  // didScheduleRenderPhaseUpdate = false;
-  // renderPhaseUpdates = null;
-  // numberOfReRenders = 0;
-}
-
-function finishHooks(Component, props, children, refOrContext) {
-  // This must be called after every function component to prevent hooks from
-  // being used in classes.
-
-  while (didScheduleRenderPhaseUpdate) {
-    // Updates were scheduled during the render phase. They are stored in
-    // the `renderPhaseUpdates` map. Call the component again, reusing the
-    // work-in-progress hooks and applying the additional updates on top. Keep
-    // restarting until no more updates are scheduled.
-    didScheduleRenderPhaseUpdate = false;
-    numberOfReRenders += 1;
-
-    // Start over from the beginning of the list
-    currentHook = null;
-    workInProgressHook = null;
-    componentUpdateQueue = null;
-
-    children = Component(props, refOrContext);
-  }
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
-
-  var renderedWork = currentlyRenderingFiber$1;
-
-  renderedWork.memoizedState = firstWorkInProgressHook;
-  renderedWork.expirationTime = remainingExpirationTime;
-  renderedWork.updateQueue = componentUpdateQueue;
-
-  var didRenderTooFewHooks = currentHook !== null && currentHook.next !== null;
-
-  renderExpirationTime = NoWork;
-  currentlyRenderingFiber$1 = null;
-
-  firstCurrentHook = null;
-  currentHook = null;
-  firstWorkInProgressHook = null;
-  workInProgressHook = null;
-
-  remainingExpirationTime = NoWork;
-  componentUpdateQueue = null;
-
-  // Always set during createWorkInProgress
-  // isReRender = false;
-
-  // These were reset above
-  // didScheduleRenderPhaseUpdate = false;
-  // renderPhaseUpdates = null;
-  // numberOfReRenders = 0;
-
-  invariant(
-    !didRenderTooFewHooks,
-    "Rendered fewer hooks than expected. This may be caused by an accidental " +
-      "early return statement."
-  );
-
-  return children;
-}
-
-function resetHooks() {
-  // This is called instead of `finishHooks` if the component throws. It's also
-  // called inside mountIndeterminateComponent if we determine the component
-  // is a module-style component.
-  renderExpirationTime = NoWork;
-  currentlyRenderingFiber$1 = null;
-
-  firstCurrentHook = null;
-  currentHook = null;
-  firstWorkInProgressHook = null;
-  workInProgressHook = null;
-
-  remainingExpirationTime = NoWork;
-  componentUpdateQueue = null;
-
-  // Always set during createWorkInProgress
-  // isReRender = false;
-
-  didScheduleRenderPhaseUpdate = false;
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
-}
-
-function createHook() {
-  return {
-    memoizedState: null,
-
-    baseState: null,
-    queue: null,
-    baseUpdate: null,
-
-    next: null
-  };
-}
-
-function cloneHook(hook) {
-  return {
-    memoizedState: hook.memoizedState,
-
-    baseState: hook.memoizedState,
-    queue: hook.queue,
-    baseUpdate: hook.baseUpdate,
-
-    next: null
-  };
-}
-
-function createWorkInProgressHook() {
-  if (workInProgressHook === null) {
-    // This is the first hook in the list
-    if (firstWorkInProgressHook === null) {
-      isReRender = false;
-      currentHook = firstCurrentHook;
-      if (currentHook === null) {
-        // This is a newly mounted hook
-        workInProgressHook = createHook();
-      } else {
-        // Clone the current hook.
-        workInProgressHook = cloneHook(currentHook);
-      }
-      firstWorkInProgressHook = workInProgressHook;
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      currentHook = firstCurrentHook;
-      workInProgressHook = firstWorkInProgressHook;
-    }
-  } else {
-    if (workInProgressHook.next === null) {
-      isReRender = false;
-      var hook = void 0;
-      if (currentHook === null) {
-        // This is a newly mounted hook
-        hook = createHook();
-      } else {
-        currentHook = currentHook.next;
-        if (currentHook === null) {
-          // This is a newly mounted hook
-          hook = createHook();
-        } else {
-          // Clone the current hook.
-          hook = cloneHook(currentHook);
-        }
-      }
-      // Append to the end of the list
-      workInProgressHook = workInProgressHook.next = hook;
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      workInProgressHook = workInProgressHook.next;
-      currentHook = currentHook !== null ? currentHook.next : null;
-    }
-  }
-  return workInProgressHook;
-}
-
-function createFunctionComponentUpdateQueue() {
-  return {
-    lastEffect: null
-  };
-}
-
-function basicStateReducer(state, action) {
-  return typeof action === "function" ? action(state) : action;
-}
-
-function useContext(context, observedBits) {
-  // Ensure we're in a function component (class components support only the
-  // .unstable_read() form)
-  resolveCurrentlyRenderingFiber();
-  return readContext(context, observedBits);
-}
-
-function useState(initialState) {
-  return useReducer(
-    basicStateReducer,
-    // useReducer has a special case to support lazy useState initializers
-    initialState
-  );
-}
-
-function useReducer(reducer, initialState, initialAction) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-  var queue = workInProgressHook.queue;
-  if (queue !== null) {
-    // Already have a queue, so this is an update.
-    if (isReRender) {
-      // This is a re-render. Apply the new render phase updates to the previous
-      var _dispatch2 = queue.dispatch;
-      if (renderPhaseUpdates !== null) {
-        // Render phase updates are stored in a map of queue -> linked list
-        var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
-        if (firstRenderPhaseUpdate !== undefined) {
-          renderPhaseUpdates.delete(queue);
-          var newState = workInProgressHook.memoizedState;
-          var update = firstRenderPhaseUpdate;
-          do {
-            // Process this render phase update. We don't have to check the
-            // priority because it will always be the same as the current
-            // render's.
-            var _action = update.action;
-            newState = reducer(newState, _action);
-            update = update.next;
-          } while (update !== null);
-
-          workInProgressHook.memoizedState = newState;
-
-          // Don't persist the state accumlated from the render phase updates to
-          // the base state unless the queue is empty.
-          // TODO: Not sure if this is the desired semantics, but it's what we
-          // do for gDSFP. I can't remember why.
-          if (workInProgressHook.baseUpdate === queue.last) {
-            workInProgressHook.baseState = newState;
-          }
-
-          return [newState, _dispatch2];
-        }
-      }
-      return [workInProgressHook.memoizedState, _dispatch2];
-    }
-
-    // The last update in the entire queue
-    var _last = queue.last;
-    // The last update that is part of the base state.
-    var _baseUpdate = workInProgressHook.baseUpdate;
-
-    // Find the first unprocessed update.
-    var first = void 0;
-    if (_baseUpdate !== null) {
-      if (_last !== null) {
-        // For the first update, the queue is a circular linked list where
-        // `queue.last.next = queue.first`. Once the first update commits, and
-        // the `baseUpdate` is no longer empty, we can unravel the list.
-        _last.next = null;
-      }
-      first = _baseUpdate.next;
-    } else {
-      first = _last !== null ? _last.next : null;
-    }
-    if (first !== null) {
-      var _newState = workInProgressHook.baseState;
-      var newBaseState = null;
-      var newBaseUpdate = null;
-      var prevUpdate = _baseUpdate;
-      var _update = first;
-      var didSkip = false;
-      do {
-        var updateExpirationTime = _update.expirationTime;
-        if (updateExpirationTime < renderExpirationTime) {
-          // Priority is insufficient. Skip this update. If this is the first
-          // skipped update, the previous update/state is the new base
-          // update/state.
-          if (!didSkip) {
-            didSkip = true;
-            newBaseUpdate = prevUpdate;
-            newBaseState = _newState;
-          }
-          // Update the remaining priority in the queue.
-          if (updateExpirationTime > remainingExpirationTime) {
-            remainingExpirationTime = updateExpirationTime;
-          }
-        } else {
-          // Process this update.
-          var _action2 = _update.action;
-          _newState = reducer(_newState, _action2);
-        }
-        prevUpdate = _update;
-        _update = _update.next;
-      } while (_update !== null && _update !== first);
-
-      if (!didSkip) {
-        newBaseUpdate = prevUpdate;
-        newBaseState = _newState;
-      }
-
-      workInProgressHook.memoizedState = _newState;
-      workInProgressHook.baseUpdate = newBaseUpdate;
-      workInProgressHook.baseState = newBaseState;
-    }
-
-    var _dispatch = queue.dispatch;
-    return [workInProgressHook.memoizedState, _dispatch];
-  }
-
-  // There's no existing queue, so this is the initial render.
-  if (reducer === basicStateReducer) {
-    // Special case for `useState`.
-    if (typeof initialState === "function") {
-      initialState = initialState();
-    }
-  } else if (initialAction !== undefined && initialAction !== null) {
-    initialState = reducer(initialState, initialAction);
-  }
-  workInProgressHook.memoizedState = workInProgressHook.baseState = initialState;
-  queue = workInProgressHook.queue = {
-    last: null,
-    dispatch: null
-  };
-  var dispatch = (queue.dispatch = dispatchAction.bind(
-    null,
-    currentlyRenderingFiber$1,
-    queue
-  ));
-  return [workInProgressHook.memoizedState, dispatch];
-}
-
-function pushEffect(tag, create, destroy, inputs) {
-  var effect = {
-    tag: tag,
-    create: create,
-    destroy: destroy,
-    inputs: inputs,
-    // Circular
-    next: null
-  };
-  if (componentUpdateQueue === null) {
-    componentUpdateQueue = createFunctionComponentUpdateQueue();
-    componentUpdateQueue.lastEffect = effect.next = effect;
-  } else {
-    var _lastEffect = componentUpdateQueue.lastEffect;
-    if (_lastEffect === null) {
-      componentUpdateQueue.lastEffect = effect.next = effect;
-    } else {
-      var firstEffect = _lastEffect.next;
-      _lastEffect.next = effect;
-      effect.next = firstEffect;
-      componentUpdateQueue.lastEffect = effect;
-    }
-  }
-  return effect;
-}
-
-function useRef(initialValue) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-  var ref = void 0;
-
-  if (workInProgressHook.memoizedState === null) {
-    ref = { current: initialValue };
-    {
-      Object.seal(ref);
-    }
-    workInProgressHook.memoizedState = ref;
-  } else {
-    ref = workInProgressHook.memoizedState;
-  }
-  return ref;
-}
-
-function useMutationEffect(create, inputs) {
-  useEffectImpl(
-    Snapshot | Update,
-    UnmountSnapshot | MountMutation,
-    create,
-    inputs
-  );
-}
-
-function useLayoutEffect(create, inputs) {
-  useEffectImpl(Update, UnmountMutation | MountLayout, create, inputs);
-}
-
-function useEffect(create, inputs) {
-  useEffectImpl(
-    Update | Passive,
-    UnmountPassive | MountPassive,
-    create,
-    inputs
-  );
-}
-
-function useEffectImpl(fiberEffectTag, hookEffectTag, create, inputs) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-
-  var nextInputs = inputs !== undefined && inputs !== null ? inputs : [create];
-  var destroy = null;
-  if (currentHook !== null) {
-    var prevEffect = currentHook.memoizedState;
-    destroy = prevEffect.destroy;
-    if (inputsAreEqual(nextInputs, prevEffect.inputs)) {
-      pushEffect(NoEffect$1, create, destroy, nextInputs);
-      return;
-    }
-  }
-
-  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
-  workInProgressHook.memoizedState = pushEffect(
-    hookEffectTag,
-    create,
-    destroy,
-    nextInputs
-  );
-}
-
-function useImperativeMethods(ref, create, inputs) {
-  // TODO: If inputs are provided, should we skip comparing the ref itself?
-  var nextInputs =
-    inputs !== null && inputs !== undefined
-      ? inputs.concat([ref])
-      : [ref, create];
-
-  // TODO: I've implemented this on top of useEffect because it's almost the
-  // same thing, and it would require an equal amount of code. It doesn't seem
-  // like a common enough use case to justify the additional size.
-  useEffectImpl(
-    Update,
-    UnmountMutation | MountLayout,
-    function() {
-      if (typeof ref === "function") {
-        var refCallback = ref;
-        var _inst = create();
-        refCallback(_inst);
-        return function() {
-          return refCallback(null);
-        };
-      } else if (ref !== null && ref !== undefined) {
-        var refObject = ref;
-        var _inst2 = create();
-        refObject.current = _inst2;
-        return function() {
-          refObject.current = null;
-        };
-      }
-    },
-    nextInputs
-  );
-}
-
-function useCallback(callback, inputs) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-
-  var nextInputs =
-    inputs !== undefined && inputs !== null ? inputs : [callback];
-
-  var prevState = workInProgressHook.memoizedState;
-  if (prevState !== null) {
-    var prevInputs = prevState[1];
-    if (inputsAreEqual(nextInputs, prevInputs)) {
-      return prevState[0];
-    }
-  }
-  workInProgressHook.memoizedState = [callback, nextInputs];
-  return callback;
-}
-
-function useMemo(nextCreate, inputs) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-
-  var nextInputs =
-    inputs !== undefined && inputs !== null ? inputs : [nextCreate];
-
-  var prevState = workInProgressHook.memoizedState;
-  if (prevState !== null) {
-    var prevInputs = prevState[1];
-    if (inputsAreEqual(nextInputs, prevInputs)) {
-      return prevState[0];
-    }
-  }
-
-  var nextValue = nextCreate();
-  workInProgressHook.memoizedState = [nextValue, nextInputs];
-  return nextValue;
-}
-
-function dispatchAction(fiber, queue, action) {
-  invariant(
-    numberOfReRenders < RE_RENDER_LIMIT,
-    "Too many re-renders. React limits the number of renders to prevent " +
-      "an infinite loop."
-  );
-
-  var alternate = fiber.alternate;
-  if (
-    fiber === currentlyRenderingFiber$1 ||
-    (alternate !== null && alternate === currentlyRenderingFiber$1)
-  ) {
-    // This is a render phase update. Stash it in a lazily-created map of
-    // queue -> linked list of updates. After this render pass, we'll restart
-    // and apply the stashed updates on top of the work-in-progress hook.
-    didScheduleRenderPhaseUpdate = true;
-    var update = {
-      expirationTime: renderExpirationTime,
-      action: action,
-      next: null
-    };
-    if (renderPhaseUpdates === null) {
-      renderPhaseUpdates = new Map();
-    }
-    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
-    if (firstRenderPhaseUpdate === undefined) {
-      renderPhaseUpdates.set(queue, update);
-    } else {
-      // Append the update to the end of the list.
-      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
-      while (lastRenderPhaseUpdate.next !== null) {
-        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-      }
-      lastRenderPhaseUpdate.next = update;
-    }
-  } else {
-    var currentTime = requestCurrentTime();
-    var _expirationTime = computeExpirationForFiber(currentTime, fiber);
-    var _update2 = {
-      expirationTime: _expirationTime,
-      action: action,
-      next: null
-    };
-    flushPassiveEffects();
-    // Append the update to the end of the list.
-    var _last2 = queue.last;
-    if (_last2 === null) {
-      // This is the first update. Create a circular list.
-      _update2.next = _update2;
-    } else {
-      var first = _last2.next;
-      if (first !== null) {
-        // Still circular.
-        _update2.next = first;
-      }
-      _last2.next = _update2;
-    }
-    queue.last = _update2;
-    scheduleWork(fiber, _expirationTime);
-  }
-}
-
-function inputsAreEqual(arr1, arr2) {
-  // Don't bother comparing lengths in prod because these arrays should be
-  // passed inline.
-  {
-    !(arr1.length === arr2.length)
-      ? warning$1(
-          false,
-          "Detected a variable number of hook dependencies. The length of the " +
-            "dependencies array should be constant between renders.\n\n" +
-            "Previous: %s\n" +
-            "Incoming: %s",
-          arr1.join(", "),
-          arr2.join(", ")
-        )
-      : void 0;
-  }
-  for (var i = 0; i < arr1.length; i++) {
-    // Inlined Object.is polyfill.
-    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
-    var val1 = arr1[i];
-    var val2 = arr2[i];
-    if (
-      (val1 === val2 && (val1 !== 0 || 1 / val1 === 1 / val2)) ||
-      (val1 !== val1 && val2 !== val2) // eslint-disable-line no-self-compare
-    ) {
-      continue;
-    }
-    return false;
-  }
-  return true;
-}
-
 var NO_CONTEXT = {};
 
 var contextStackCursor$1 = createCursor(NO_CONTEXT);
@@ -7998,13 +7324,6 @@ function shallowEqual(objA, objB) {
   return true;
 }
 
-var ReactCurrentOwner$4 = ReactSharedInternals.ReactCurrentOwner;
-
-function readContext$1(contextType) {
-  var dispatcher = ReactCurrentOwner$4.currentDispatcher;
-  return dispatcher.readContext(contextType);
-}
-
 var fakeInternalInstance = {};
 var isArray$1 = Array.isArray;
 
@@ -8144,7 +7463,6 @@ var classComponentUpdater = {
       update.callback = callback;
     }
 
-    flushPassiveEffects();
     enqueueUpdate(fiber, update);
     scheduleWork(fiber, expirationTime);
   },
@@ -8164,7 +7482,6 @@ var classComponentUpdater = {
       update.callback = callback;
     }
 
-    flushPassiveEffects();
     enqueueUpdate(fiber, update);
     scheduleWork(fiber, expirationTime);
   },
@@ -8183,7 +7500,6 @@ var classComponentUpdater = {
       update.callback = callback;
     }
 
-    flushPassiveEffects();
     enqueueUpdate(fiber, update);
     scheduleWork(fiber, expirationTime);
   }
@@ -8500,7 +7816,7 @@ function constructClassInstance(
   if (typeof contextType === "object" && contextType !== null) {
     {
       if (
-        contextType.$$typeof !== REACT_CONTEXT_TYPE &&
+        typeof contextType.unstable_read !== "function" &&
         !didWarnAboutInvalidateContextType.has(ctor)
       ) {
         didWarnAboutInvalidateContextType.add(ctor);
@@ -8514,7 +7830,7 @@ function constructClassInstance(
       }
     }
 
-    context = readContext$1(contextType);
+    context = contextType.unstable_read();
   } else {
     unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     var contextTypes = ctor.contextTypes;
@@ -8716,7 +8032,7 @@ function mountClassInstance(
 
   var contextType = ctor.contextType;
   if (typeof contextType === "object" && contextType !== null) {
-    instance.context = readContext$1(contextType);
+    instance.context = contextType.unstable_read();
   } else {
     var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     instance.context = getMaskedContext(workInProgress, unmaskedContext);
@@ -8824,7 +8140,7 @@ function resumeMountClassInstance(
   var contextType = ctor.contextType;
   var nextContext = void 0;
   if (typeof contextType === "object" && contextType !== null) {
-    nextContext = readContext$1(contextType);
+    nextContext = contextType.unstable_read();
   } else {
     var nextLegacyUnmaskedContext = getUnmaskedContext(
       workInProgress,
@@ -8970,7 +8286,7 @@ function updateClassInstance(
   var contextType = ctor.contextType;
   var nextContext = void 0;
   if (typeof contextType === "object" && contextType !== null) {
-    nextContext = readContext$1(contextType);
+    nextContext = contextType.unstable_read();
   } else {
     var nextUnmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     nextContext = getMaskedContext(workInProgress, nextUnmaskedContext);
@@ -9213,7 +8529,8 @@ function coerceRef(returnFiber, current$$1, element) {
       if (owner) {
         var ownerFiber = owner;
         invariant(
-          ownerFiber.tag === ClassComponent,
+          ownerFiber.tag === ClassComponent ||
+            ownerFiber.tag === ClassComponentLazy,
           "Function components cannot have refs."
         );
         inst = ownerFiber.stateNode;
@@ -9433,7 +8750,7 @@ function ChildReconciler(shouldTrackSideEffects) {
   }
 
   function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (current$$1 !== null && current$$1.elementType === element.type) {
+    if (current$$1 !== null && current$$1.type === element.type) {
       // Move based on index
       var existing = useFiber(current$$1, element.props, expirationTime);
       existing.ref = coerceRef(returnFiber, current$$1, element);
@@ -10171,7 +9488,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         if (
           child.tag === Fragment
             ? element.type === REACT_FRAGMENT_TYPE
-            : child.elementType === element.type
+            : child.type === element.type
         ) {
           deleteRemainingChildren(returnFiber, child.sibling);
           var existing = useFiber(
@@ -10354,7 +9671,8 @@ function ChildReconciler(shouldTrackSideEffects) {
       // component, throw an error. If Fiber return types are disabled,
       // we already threw above.
       switch (returnFiber.tag) {
-        case ClassComponent: {
+        case ClassComponent:
+        case ClassComponentLazy: {
           {
             var instance = returnFiber.stateNode;
             if (instance.render._isMockFunction) {
@@ -10737,54 +10055,45 @@ function resetHydrationState() {
   isHydrating = false;
 }
 
-function readLazyComponentType(lazyComponent) {
-  var status = lazyComponent._status;
-  var result = lazyComponent._result;
+function readLazyComponentType(thenable) {
+  var status = thenable._reactStatus;
   switch (status) {
-    case Resolved: {
-      var Component = result;
+    case Resolved:
+      var Component = thenable._reactResult;
       return Component;
-    }
-    case Rejected: {
-      var error = result;
-      throw error;
-    }
-    case Pending: {
-      var thenable = result;
+    case Rejected:
+      throw thenable._reactResult;
+    case Pending:
       throw thenable;
-    }
     default: {
-      lazyComponent._status = Pending;
-      var ctor = lazyComponent._ctor;
-      var _thenable = ctor();
-      _thenable.then(
-        function(moduleObject) {
-          if (lazyComponent._status === Pending) {
-            var defaultExport = moduleObject.default;
-            {
-              if (defaultExport === undefined) {
-                warning$1(
-                  false,
-                  "lazy: Expected the result of a dynamic import() call. " +
-                    "Instead received: %s\n\nYour code should look like: \n  " +
-                    "const MyComponent = lazy(() => import('./MyComponent'))",
-                  moduleObject
-                );
-              }
+      thenable._reactStatus = Pending;
+      thenable.then(
+        function(resolvedValue) {
+          if (thenable._reactStatus === Pending) {
+            thenable._reactStatus = Resolved;
+            if (typeof resolvedValue === "object" && resolvedValue !== null) {
+              // If the `default` property is not empty, assume it's the result
+              // of an async import() and use that. Otherwise, use the
+              // resolved value itself.
+              var defaultExport = resolvedValue.default;
+              resolvedValue =
+                defaultExport !== undefined && defaultExport !== null
+                  ? defaultExport
+                  : resolvedValue;
+            } else {
+              resolvedValue = resolvedValue;
             }
-            lazyComponent._status = Resolved;
-            lazyComponent._result = defaultExport;
+            thenable._reactResult = resolvedValue;
           }
         },
         function(error) {
-          if (lazyComponent._status === Pending) {
-            lazyComponent._status = Rejected;
-            lazyComponent._result = error;
+          if (thenable._reactStatus === Pending) {
+            thenable._reactStatus = Rejected;
+            thenable._reactResult = error;
           }
         }
       );
-      lazyComponent._result = _thenable;
-      throw _thenable;
+      throw thenable;
     }
   }
 }
@@ -10871,24 +10180,85 @@ function forceUnmountCurrentAndReconcile(
 function updateForwardRef(
   current$$1,
   workInProgress,
-  Component,
+  type,
   nextProps,
   renderExpirationTime
 ) {
-  var render = Component.render;
+  var render = type.render;
   var ref = workInProgress.ref;
+  if (hasContextChanged()) {
+    // Normally we can bail out on props equality but if context has changed
+    // we don't do the bailout and we have to reuse existing props instead.
+  } else if (workInProgress.memoizedProps === nextProps) {
+    var currentRef = current$$1 !== null ? current$$1.ref : null;
+    if (ref === currentRef) {
+      return bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+  }
 
-  // The rest is a fork of updateFunctionComponent
   var nextChildren = void 0;
-  prepareToReadContext(workInProgress, renderExpirationTime);
-  prepareToUseHooks(current$$1, workInProgress, renderExpirationTime);
   {
     ReactCurrentOwner$3.current = workInProgress;
     setCurrentPhase("render");
     nextChildren = render(nextProps, ref);
     setCurrentPhase(null);
   }
-  nextChildren = finishHooks(render, nextProps, nextChildren, ref);
+
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  memoizeProps(workInProgress, nextProps);
+  return workInProgress.child;
+}
+
+function updatePureComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  var render = Component.render;
+  var ref = workInProgress.ref;
+
+  if (
+    current$$1 !== null &&
+    (updateExpirationTime === NoWork ||
+      updateExpirationTime > renderExpirationTime)
+  ) {
+    var prevProps = current$$1.memoizedProps;
+    // Default to shallow comparison
+    var compare = Component.compare;
+    compare = compare !== null ? compare : shallowEqual;
+    if (
+      workInProgress.ref === current$$1.ref &&
+      compare(prevProps, nextProps)
+    ) {
+      return bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+  }
+
+  // The rest is a fork of updateFunctionComponent
+  var nextChildren = void 0;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  {
+    ReactCurrentOwner$3.current = workInProgress;
+    setCurrentPhase("render");
+    nextChildren = render(nextProps, ref);
+    setCurrentPhase(null);
+  }
 
   // React DevTools reads this flag.
   workInProgress.effectTag |= PerformedWork;
@@ -10898,107 +10268,10 @@ function updateForwardRef(
     nextChildren,
     renderExpirationTime
   );
+  memoizeProps(workInProgress, nextProps);
   return workInProgress.child;
 }
 
-function updateMemoComponent(
-  current$$1,
-  workInProgress,
-  Component,
-  nextProps,
-  updateExpirationTime,
-  renderExpirationTime
-) {
-  if (current$$1 === null) {
-    var type = Component.type;
-    if (isSimpleFunctionComponent(type) && Component.compare === null) {
-      // If this is a plain function component without default props,
-      // and with only the default shallow comparison, we upgrade it
-      // to a SimpleMemoComponent to allow fast path updates.
-      workInProgress.tag = SimpleMemoComponent;
-      workInProgress.type = type;
-      return updateSimpleMemoComponent(
-        current$$1,
-        workInProgress,
-        type,
-        nextProps,
-        updateExpirationTime,
-        renderExpirationTime
-      );
-    }
-    var child = createFiberFromTypeAndProps(
-      Component.type,
-      null,
-      nextProps,
-      null,
-      workInProgress.mode,
-      renderExpirationTime
-    );
-    child.ref = workInProgress.ref;
-    child.return = workInProgress;
-    workInProgress.child = child;
-    return child;
-  }
-  var currentChild = current$$1.child; // This is always exactly one child
-  if (updateExpirationTime < renderExpirationTime) {
-    // This will be the props with resolved defaultProps,
-    // unlike current.memoizedProps which will be the unresolved ones.
-    var prevProps = currentChild.memoizedProps;
-    // Default to shallow comparison
-    var compare = Component.compare;
-    compare = compare !== null ? compare : shallowEqual;
-    if (
-      compare(prevProps, nextProps) &&
-      current$$1.ref === workInProgress.ref
-    ) {
-      return bailoutOnAlreadyFinishedWork(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    }
-  }
-  var newChild = createWorkInProgress(
-    currentChild,
-    nextProps,
-    renderExpirationTime
-  );
-  newChild.ref = workInProgress.ref;
-  newChild.return = workInProgress;
-  workInProgress.child = newChild;
-  return newChild;
-}
-
-function updateSimpleMemoComponent(
-  current$$1,
-  workInProgress,
-  Component,
-  nextProps,
-  updateExpirationTime,
-  renderExpirationTime
-) {
-  if (current$$1 !== null && updateExpirationTime < renderExpirationTime) {
-    var prevProps = current$$1.memoizedProps;
-    if (
-      shallowEqual(prevProps, nextProps) &&
-      current$$1.ref === workInProgress.ref
-    ) {
-      return bailoutOnAlreadyFinishedWork(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    }
-  }
-  return updateFunctionComponent(
-    current$$1,
-    workInProgress,
-    Component,
-    nextProps,
-    renderExpirationTime
-  );
-}
-
 function updateFragment(current$$1, workInProgress, renderExpirationTime) {
   var nextChildren = workInProgress.pendingProps;
   reconcileChildren(
@@ -11007,6 +10280,7 @@ function updateFragment(current$$1, workInProgress, renderExpirationTime) {
     nextChildren,
     renderExpirationTime
   );
+  memoizeProps(workInProgress, nextChildren);
   return workInProgress.child;
 }
 
@@ -11018,6 +10292,7 @@ function updateMode(current$$1, workInProgress, renderExpirationTime) {
     nextChildren,
     renderExpirationTime
   );
+  memoizeProps(workInProgress, nextChildren);
   return workInProgress.child;
 }
 
@@ -11033,6 +10308,7 @@ function updateProfiler(current$$1, workInProgress, renderExpirationTime) {
     nextChildren,
     renderExpirationTime
   );
+  memoizeProps(workInProgress, nextProps);
   return workInProgress.child;
 }
 
@@ -11059,14 +10335,12 @@ function updateFunctionComponent(
 
   var nextChildren = void 0;
   prepareToReadContext(workInProgress, renderExpirationTime);
-  prepareToUseHooks(current$$1, workInProgress, renderExpirationTime);
   {
     ReactCurrentOwner$3.current = workInProgress;
     setCurrentPhase("render");
     nextChildren = Component(nextProps, context);
     setCurrentPhase(null);
   }
-  nextChildren = finishHooks(Component, nextProps, nextChildren, context);
 
   // React DevTools reads this flag.
   workInProgress.effectTag |= PerformedWork;
@@ -11076,6 +10350,7 @@ function updateFunctionComponent(
     nextChildren,
     renderExpirationTime
   );
+  memoizeProps(workInProgress, nextProps);
   return workInProgress.child;
 }
 
@@ -11098,41 +10373,32 @@ function updateClassComponent(
   }
   prepareToReadContext(workInProgress, renderExpirationTime);
 
-  var instance = workInProgress.stateNode;
   var shouldUpdate = void 0;
-  if (instance === null) {
-    if (current$$1 !== null) {
-      // An class component without an instance only mounts if it suspended
-      // inside a non- concurrent tree, in an inconsistent state. We want to
-      // tree it like a new mount, even though an empty version of it already
-      // committed. Disconnect the alternate pointers.
-      current$$1.alternate = null;
-      workInProgress.alternate = null;
-      // Since this is conceptually a new fiber, schedule a Placement effect
-      workInProgress.effectTag |= Placement;
+  if (current$$1 === null) {
+    if (workInProgress.stateNode === null) {
+      // In the initial pass we might need to construct the instance.
+      constructClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      );
+      mountClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      );
+      shouldUpdate = true;
+    } else {
+      // In a resume, we'll already have an instance we can reuse.
+      shouldUpdate = resumeMountClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      );
     }
-    // In the initial pass we might need to construct the instance.
-    constructClassInstance(
-      workInProgress,
-      Component,
-      nextProps,
-      renderExpirationTime
-    );
-    mountClassInstance(
-      workInProgress,
-      Component,
-      nextProps,
-      renderExpirationTime
-    );
-    shouldUpdate = true;
-  } else if (current$$1 === null) {
-    // In a resume, we'll already have an instance we can reuse.
-    shouldUpdate = resumeMountClassInstance(
-      workInProgress,
-      Component,
-      nextProps,
-      renderExpirationTime
-    );
   } else {
     shouldUpdate = updateClassInstance(
       current$$1,
@@ -11234,9 +10500,10 @@ function finishClassComponent(
     );
   }
 
-  // Memoize state using the values we just used to render.
+  // Memoize props and state using the values we just used to render.
   // TODO: Restructure so we never read values from the instance.
-  workInProgress.memoizedState = instance.state;
+  memoizeState(workInProgress, instance.state);
+  memoizeProps(workInProgress, instance.props);
 
   // The context might have changed so we need to recalculate it.
   if (hasContext) {
@@ -11370,6 +10637,7 @@ function updateHostComponent(current$$1, workInProgress, renderExpirationTime) {
   ) {
     // Schedule this fiber to re-render at offscreen priority. Then bailout.
     workInProgress.expirationTime = Never;
+    workInProgress.memoizedProps = nextProps;
     return null;
   }
 
@@ -11379,6 +10647,7 @@ function updateHostComponent(current$$1, workInProgress, renderExpirationTime) {
     nextChildren,
     renderExpirationTime
   );
+  memoizeProps(workInProgress, nextProps);
   return workInProgress.child;
 }
 
@@ -11386,6 +10655,8 @@ function updateHostText(current$$1, workInProgress) {
   if (current$$1 === null) {
     tryToClaimNextHydratableInstance(workInProgress);
   }
+  var nextProps = workInProgress.pendingProps;
+  memoizeProps(workInProgress, nextProps);
   // Nothing to do here. This is terminal. We'll do the completion step
   // immediately after.
   return null;
@@ -11406,173 +10677,98 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function mountLazyComponent(
-  _current,
+function mountIndeterminateComponent(
+  current$$1,
   workInProgress,
-  elementType,
+  Component,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  if (_current !== null) {
-    // An lazy component only mounts if it suspended inside a non-
-    // concurrent tree, in an inconsistent state. We want to tree it like
-    // a new mount, even though an empty version of it already committed.
-    // Disconnect the alternate pointers.
-    _current.alternate = null;
-    workInProgress.alternate = null;
-    // Since this is conceptually a new fiber, schedule a Placement effect
-    workInProgress.effectTag |= Placement;
-  }
+  invariant(
+    current$$1 === null,
+    "An indeterminate component should never have mounted. This error is " +
+      "likely caused by a bug in React. Please file an issue."
+  );
 
   var props = workInProgress.pendingProps;
-  // We can't start a User Timing measurement with correct label yet.
-  // Cancel and resume right after we know the tag.
-  cancelWorkTimer(workInProgress);
-  var Component = readLazyComponentType(elementType);
-  // Store the unwrapped component in the type.
-  workInProgress.type = Component;
-  var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(Component));
-  startWorkTimer(workInProgress);
-  var resolvedProps = resolveDefaultProps(Component, props);
-  var child = void 0;
-  switch (resolvedTag) {
-    case FunctionComponent: {
-      child = updateFunctionComponent(
-        null,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderExpirationTime
-      );
-      break;
+  if (
+    typeof Component === "object" &&
+    Component !== null &&
+    typeof Component.then === "function"
+  ) {
+    // We can't start a User Timing measurement with correct label yet.
+    // Cancel and resume right after we know the tag.
+    cancelWorkTimer(workInProgress);
+    Component = readLazyComponentType(Component);
+    var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(
+      workInProgress,
+      Component
+    ));
+    startWorkTimer(workInProgress);
+    var resolvedProps = resolveDefaultProps(Component, props);
+    var child = void 0;
+    switch (resolvedTag) {
+      case FunctionComponentLazy: {
+        child = updateFunctionComponent(
+          current$$1,
+          workInProgress,
+          Component,
+          resolvedProps,
+          renderExpirationTime
+        );
+        break;
+      }
+      case ClassComponentLazy: {
+        child = updateClassComponent(
+          current$$1,
+          workInProgress,
+          Component,
+          resolvedProps,
+          renderExpirationTime
+        );
+        break;
+      }
+      case ForwardRefLazy: {
+        child = updateForwardRef(
+          current$$1,
+          workInProgress,
+          Component,
+          resolvedProps,
+          renderExpirationTime
+        );
+        break;
+      }
+      case PureComponentLazy: {
+        child = updatePureComponent(
+          current$$1,
+          workInProgress,
+          Component,
+          resolvedProps,
+          updateExpirationTime,
+          renderExpirationTime
+        );
+        break;
+      }
+      default: {
+        // This message intentionally doesn't metion ForwardRef or PureComponent
+        // because the fact that it's a separate type of work is an
+        // implementation detail.
+        invariant(
+          false,
+          "Element type is invalid. Received a promise that resolves to: %s. " +
+            "Promise elements must resolve to a class or function.",
+          Component
+        );
+      }
     }
-    case ClassComponent: {
-      child = updateClassComponent(
-        null,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderExpirationTime
-      );
-      break;
-    }
-    case ForwardRef: {
-      child = updateForwardRef(
-        null,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderExpirationTime
-      );
-      break;
-    }
-    case MemoComponent: {
-      child = updateMemoComponent(
-        null,
-        workInProgress,
-        Component,
-        resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
-        updateExpirationTime,
-        renderExpirationTime
-      );
-      break;
-    }
-    default: {
-      // This message intentionally doesn't metion ForwardRef or MemoComponent
-      // because the fact that it's a separate type of work is an
-      // implementation detail.
-      invariant(
-        false,
-        "Element type is invalid. Received a promise that resolves to: %s. " +
-          "Promise elements must resolve to a class or function.",
-        Component
-      );
-    }
-  }
-  return child;
-}
-
-function mountIncompleteClassComponent(
-  _current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderExpirationTime
-) {
-  if (_current !== null) {
-    // An incomplete component only mounts if it suspended inside a non-
-    // concurrent tree, in an inconsistent state. We want to tree it like
-    // a new mount, even though an empty version of it already committed.
-    // Disconnect the alternate pointers.
-    _current.alternate = null;
-    workInProgress.alternate = null;
-    // Since this is conceptually a new fiber, schedule a Placement effect
-    workInProgress.effectTag |= Placement;
+    workInProgress.memoizedProps = props;
+    return child;
   }
 
-  // Promote the fiber to a class and try rendering again.
-  workInProgress.tag = ClassComponent;
-
-  // The rest of this function is a fork of `updateClassComponent`
-
-  // Push context providers early to prevent context stack mismatches.
-  // During mounting we don't know the child context yet as the instance doesn't exist.
-  // We will invalidate the child context in finishClassComponent() right after rendering.
-  var hasContext = void 0;
-  if (isContextProvider(Component)) {
-    hasContext = true;
-    pushContextProvider(workInProgress);
-  } else {
-    hasContext = false;
-  }
-  prepareToReadContext(workInProgress, renderExpirationTime);
-
-  constructClassInstance(
-    workInProgress,
-    Component,
-    nextProps,
-    renderExpirationTime
-  );
-  mountClassInstance(
-    workInProgress,
-    Component,
-    nextProps,
-    renderExpirationTime
-  );
-
-  return finishClassComponent(
-    null,
-    workInProgress,
-    Component,
-    true,
-    hasContext,
-    renderExpirationTime
-  );
-}
-
-function mountIndeterminateComponent(
-  _current,
-  workInProgress,
-  Component,
-  renderExpirationTime
-) {
-  if (_current !== null) {
-    // An indeterminate component only mounts if it suspended inside a non-
-    // concurrent tree, in an inconsistent state. We want to tree it like
-    // a new mount, even though an empty version of it already committed.
-    // Disconnect the alternate pointers.
-    _current.alternate = null;
-    workInProgress.alternate = null;
-    // Since this is conceptually a new fiber, schedule a Placement effect
-    workInProgress.effectTag |= Placement;
-  }
-
-  var props = workInProgress.pendingProps;
   var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
   var context = getMaskedContext(workInProgress, unmaskedContext);
 
   prepareToReadContext(workInProgress, renderExpirationTime);
-  prepareToUseHooks(null, workInProgress, renderExpirationTime);
 
   var value = void 0;
 
@@ -11614,9 +10810,6 @@ function mountIndeterminateComponent(
     // Proceed under the assumption that this is a class instance
     workInProgress.tag = ClassComponent;
 
-    // Throw out any hooks that were used.
-    resetHooks();
-
     // Push context providers early to prevent context stack mismatches.
     // During mounting we don't know the child context yet as the instance doesn't exist.
     // We will invalidate the child context in finishClassComponent() right after rendering.
@@ -11644,7 +10837,7 @@ function mountIndeterminateComponent(
     adoptClassInstance(workInProgress, value);
     mountClassInstance(workInProgress, Component, props, renderExpirationTime);
     return finishClassComponent(
-      null,
+      current$$1,
       workInProgress,
       Component,
       true,
@@ -11654,7 +10847,6 @@ function mountIndeterminateComponent(
   } else {
     // Proceed under the assumption that this is a function component
     workInProgress.tag = FunctionComponent;
-    value = finishHooks(Component, props, value, context);
     {
       if (Component) {
         !!Component.childContextTypes
@@ -11717,7 +10909,8 @@ function mountIndeterminateComponent(
         }
       }
     }
-    reconcileChildren(null, workInProgress, value, renderExpirationTime);
+    reconcileChildren(current$$1, workInProgress, value, renderExpirationTime);
+    memoizeProps(workInProgress, props);
     return workInProgress.child;
   }
 }
@@ -11727,207 +10920,67 @@ function updateSuspenseComponent(
   workInProgress,
   renderExpirationTime
 ) {
-  var mode = workInProgress.mode;
   var nextProps = workInProgress.pendingProps;
 
-  // We should attempt to render the primary children unless this boundary
-  // already suspended during this render (`alreadyCaptured` is true).
-  var nextState = workInProgress.memoizedState;
-  if (nextState === null) {
-    // An empty suspense state means this boundary has not yet timed out.
+  // Check if we already attempted to render the normal state. If we did,
+  // and we timed out, render the placeholder state.
+  var alreadyCaptured = (workInProgress.effectTag & DidCapture) === NoEffect;
+
+  var nextDidTimeout = void 0;
+  if (current$$1 !== null && workInProgress.updateQueue !== null) {
+    // We're outside strict mode. Something inside this Placeholder boundary
+    // suspended during the last commit. Switch to the placholder.
+    workInProgress.updateQueue = null;
+    nextDidTimeout = true;
   } else {
-    if (!nextState.alreadyCaptured) {
-      // Since we haven't already suspended during this commit, clear the
-      // existing suspense state. We'll try rendering again.
-      nextState = null;
-    } else {
-      // Something in this boundary's subtree already suspended. Switch to
-      // rendering the fallback children. Set `alreadyCaptured` to true.
-      if (current$$1 !== null && nextState === current$$1.memoizedState) {
-        // Create a new suspense state to avoid mutating the current tree's.
-        nextState = {
-          alreadyCaptured: true,
-          didTimeout: true,
-          timedOutAt: nextState.timedOutAt
-        };
-      } else {
-        // Already have a clone, so it's safe to mutate.
-        nextState.alreadyCaptured = true;
-        nextState.didTimeout = true;
-      }
-    }
+    nextDidTimeout = !alreadyCaptured;
   }
-  var nextDidTimeout = nextState !== null && nextState.didTimeout;
 
-  // This next part is a bit confusing. If the children timeout, we switch to
-  // showing the fallback children in place of the "primary" children.
-  // However, we don't want to delete the primary children because then their
-  // state will be lost (both the React state and the host state, e.g.
-  // uncontrolled form inputs). Instead we keep them mounted and hide them.
-  // Both the fallback children AND the primary children are rendered at the
-  // same time. Once the primary children are un-suspended, we can delete
-  // the fallback children — don't need to preserve their state.
-  //
-  // The two sets of children are siblings in the host environment, but
-  // semantically, for purposes of reconciliation, they are two separate sets.
-  // So we store them using two fragment fibers.
-  //
-  // However, we want to avoid allocating extra fibers for every placeholder.
-  // They're only necessary when the children time out, because that's the
-  // only time when both sets are mounted.
-  //
-  // So, the extra fragment fibers are only used if the children time out.
-  // Otherwise, we render the primary children directly. This requires some
-  // custom reconciliation logic to preserve the state of the primary
-  // children. It's essentially a very basic form of re-parenting.
-
-  // `child` points to the child fiber. In the normal case, this is the first
-  // fiber of the primary children set. In the timed-out case, it's a
-  // a fragment fiber containing the primary children.
-  var child = void 0;
-  // `next` points to the next fiber React should render. In the normal case,
-  // it's the same as `child`: the first fiber of the primary children set.
-  // In the timed-out case, it's a fragment fiber containing the *fallback*
-  // children -- we skip over the primary children entirely.
-  var next = void 0;
-  if (current$$1 === null) {
-    // This is the initial mount. This branch is pretty simple because there's
-    // no previous state that needs to be preserved.
+  if ((workInProgress.mode & StrictMode) !== NoEffect) {
     if (nextDidTimeout) {
-      // Mount separate fragments for primary and fallback children.
-      var nextFallbackChildren = nextProps.fallback;
-      var primaryChildFragment = createFiberFromFragment(
-        null,
-        mode,
-        NoWork,
-        null
-      );
-      var fallbackChildFragment = createFiberFromFragment(
-        nextFallbackChildren,
-        mode,
-        renderExpirationTime,
-        null
-      );
-      primaryChildFragment.sibling = fallbackChildFragment;
-      child = primaryChildFragment;
-      // Skip the primary children, and continue working on the
-      // fallback children.
-      next = fallbackChildFragment;
-      child.return = next.return = workInProgress;
+      // If the timed-out view commits, schedule an update effect to record
+      // the committed time.
+      workInProgress.effectTag |= Update;
     } else {
-      // Mount the primary children without an intermediate fragment fiber.
-      var nextPrimaryChildren = nextProps.children;
-      child = next = mountChildFibers(
-        workInProgress,
-        null,
-        nextPrimaryChildren,
-        renderExpirationTime
-      );
-    }
-  } else {
-    // This is an update. This branch is more complicated because we need to
-    // ensure the state of the primary children is preserved.
-    var prevState = current$$1.memoizedState;
-    var prevDidTimeout = prevState !== null && prevState.didTimeout;
-    if (prevDidTimeout) {
-      // The current tree already timed out. That means each child set is
-      var currentPrimaryChildFragment = current$$1.child;
-      var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
-      if (nextDidTimeout) {
-        // Still timed out. Reuse the current primary children by cloning
-        // its fragment. We're going to skip over these entirely.
-        var _nextFallbackChildren = nextProps.fallback;
-        var _primaryChildFragment = createWorkInProgress(
-          currentPrimaryChildFragment,
-          currentPrimaryChildFragment.pendingProps,
-          NoWork
-        );
-        _primaryChildFragment.effectTag |= Placement;
-        // Clone the fallback child fragment, too. These we'll continue
-        // working on.
-        var _fallbackChildFragment = (_primaryChildFragment.sibling = createWorkInProgress(
-          currentFallbackChildFragment,
-          _nextFallbackChildren,
-          currentFallbackChildFragment.expirationTime
-        ));
-        _fallbackChildFragment.effectTag |= Placement;
-        child = _primaryChildFragment;
-        _primaryChildFragment.childExpirationTime = NoWork;
-        // Skip the primary children, and continue working on the
-        // fallback children.
-        next = _fallbackChildFragment;
-        child.return = next.return = workInProgress;
-      } else {
-        // No longer suspended. Switch back to showing the primary children,
-        // and remove the intermediate fragment fiber.
-        var _nextPrimaryChildren = nextProps.children;
-        var currentPrimaryChild = currentPrimaryChildFragment.child;
-        var currentFallbackChild = currentFallbackChildFragment.child;
-        var primaryChild = reconcileChildFibers(
-          workInProgress,
-          currentPrimaryChild,
-          _nextPrimaryChildren,
-          renderExpirationTime
-        );
-        // Delete the fallback children.
-        reconcileChildFibers(
-          workInProgress,
-          currentFallbackChild,
-          null,
-          renderExpirationTime
-        );
-        // Continue rendering the children, like we normally do.
-        child = next = primaryChild;
-      }
-    } else {
-      // The current tree has not already timed out. That means the primary
-      var _currentPrimaryChild = current$$1.child;
-      if (nextDidTimeout) {
-        // Timed out. Wrap the children in a fragment fiber to keep them
-        // separate from the fallback children.
-        var _nextFallbackChildren2 = nextProps.fallback;
-        var _primaryChildFragment2 = createFiberFromFragment(
-          // It shouldn't matter what the pending props are because we aren't
-          // going to render this fragment.
-          null,
-          mode,
-          NoWork,
-          null
-        );
-        _primaryChildFragment2.effectTag |= Placement;
-        _primaryChildFragment2.child = _currentPrimaryChild;
-        _currentPrimaryChild.return = _primaryChildFragment2;
-        // Create a fragment from the fallback children, too.
-        var _fallbackChildFragment2 = (_primaryChildFragment2.sibling = createFiberFromFragment(
-          _nextFallbackChildren2,
-          mode,
-          renderExpirationTime,
-          null
-        ));
-        _fallbackChildFragment2.effectTag |= Placement;
-        child = _primaryChildFragment2;
-        _primaryChildFragment2.childExpirationTime = NoWork;
-        // Skip the primary children, and continue working on the
-        // fallback children.
-        next = _fallbackChildFragment2;
-        child.return = next.return = workInProgress;
-      } else {
-        // Still haven't timed out.  Continue rendering the children, like we
-        // normally do.
-        var _nextPrimaryChildren2 = nextProps.children;
-        next = child = reconcileChildFibers(
-          workInProgress,
-          _currentPrimaryChild,
-          _nextPrimaryChildren2,
-          renderExpirationTime
-        );
-      }
+      // The state node points to the time at which placeholder timed out.
+      // We can clear it once we switch back to the normal children.
+      workInProgress.stateNode = null;
     }
   }
 
-  workInProgress.memoizedState = nextState;
-  workInProgress.child = child;
-  return next;
+  // If the `children` prop is a function, treat it like a render prop.
+  // TODO: This is temporary until we finalize a lower level API.
+  var children = nextProps.children;
+  var nextChildren = void 0;
+  if (typeof children === "function") {
+    nextChildren = children(nextDidTimeout);
+  } else {
+    nextChildren = nextDidTimeout ? nextProps.fallback : children;
+  }
+
+  if (current$$1 !== null && nextDidTimeout !== workInProgress.memoizedState) {
+    // We're about to switch from the placeholder children to the normal
+    // children, or vice versa. These are two different conceptual sets that
+    // happen to be stored in the same set. Call this special function to
+    // force the new set not to match with the current set.
+    // TODO: The proper way to model this is by storing each set separately.
+    forceUnmountCurrentAndReconcile(
+      current$$1,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  } else {
+    reconcileChildren(
+      current$$1,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  }
+  workInProgress.memoizedProps = nextProps;
+  workInProgress.memoizedState = nextDidTimeout;
+  return workInProgress.child;
 }
 
 function updatePortalComponent(
@@ -11949,6 +11002,7 @@ function updatePortalComponent(
       nextChildren,
       renderExpirationTime
     );
+    memoizeProps(workInProgress, nextChildren);
   } else {
     reconcileChildren(
       current$$1,
@@ -11956,6 +11010,7 @@ function updatePortalComponent(
       nextChildren,
       renderExpirationTime
     );
+    memoizeProps(workInProgress, nextChildren);
   }
   return workInProgress.child;
 }
@@ -11972,6 +11027,7 @@ function updateContextProvider(
   var oldProps = workInProgress.memoizedProps;
 
   var newValue = newProps.value;
+  workInProgress.memoizedProps = newProps;
 
   {
     var providerPropTypes = workInProgress.type.propTypes;
@@ -12040,18 +11096,13 @@ function updateContextConsumer(
   // in DEV mode if this property exists or not and warn if it does not.
   {
     if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
-          warning$1(
-            false,
-            "Rendering <Context> directly is not supported and will be removed in " +
-              "a future major release. Did you mean to render <Context.Consumer> instead?"
-          );
-        }
+      if (!hasWarnedAboutUsingContextAsConsumer) {
+        hasWarnedAboutUsingContextAsConsumer = true;
+        warning$1(
+          false,
+          "Rendering <Context> directly is not supported and will be removed in " +
+            "a future major release. Did you mean to render <Context.Consumer> instead?"
+        );
       }
     } else {
       context = context._context;
@@ -12090,6 +11141,7 @@ function updateContextConsumer(
     newChildren,
     renderExpirationTime
   );
+  workInProgress.memoizedProps = newProps;
   return workInProgress.child;
 }
 
@@ -12131,7 +11183,10 @@ function bailoutOnAlreadyFinishedWork(
 
   // Check if the children have any pending work.
   var childExpirationTime = workInProgress.childExpirationTime;
-  if (childExpirationTime < renderExpirationTime) {
+  if (
+    childExpirationTime === NoWork ||
+    childExpirationTime > renderExpirationTime
+  ) {
     // The children don't have any work either. We can skip them.
     // TODO: Once we add back resuming, we should check if the children are
     // a work-in-progress set. If so, we need to transfer their effects.
@@ -12144,6 +11199,17 @@ function bailoutOnAlreadyFinishedWork(
   }
 }
 
+// TODO: Delete memoizeProps/State and move to reconcile/bailout instead
+function memoizeProps(workInProgress, nextProps) {
+  workInProgress.memoizedProps = nextProps;
+}
+
+function memoizeState(workInProgress, nextState) {
+  workInProgress.memoizedState = nextState;
+  // Don't reset the updateQueue, in case there are pending updates. Resetting
+  // is handled by processUpdateQueue.
+}
+
 function beginWork(current$$1, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
 
@@ -12153,7 +11219,8 @@ function beginWork(current$$1, workInProgress, renderExpirationTime) {
     if (
       oldProps === newProps &&
       !hasContextChanged() &&
-      updateExpirationTime < renderExpirationTime
+      (updateExpirationTime === NoWork ||
+        updateExpirationTime > renderExpirationTime)
     ) {
       // This fiber does not have any pending work. Bailout without entering
       // the begin phase. There's still some bookkeeping we that needs to be done
@@ -12173,6 +11240,14 @@ function beginWork(current$$1, workInProgress, renderExpirationTime) {
           }
           break;
         }
+        case ClassComponentLazy: {
+          var thenable = workInProgress.type;
+          var _Component = getResultFromResolvedThenable(thenable);
+          if (isContextProvider(_Component)) {
+            pushContextProvider(workInProgress);
+          }
+          break;
+        }
         case HostPortal:
           pushHostContainer(
             workInProgress,
@@ -12189,46 +11264,6 @@ function beginWork(current$$1, workInProgress, renderExpirationTime) {
             workInProgress.effectTag |= Update;
           }
           break;
-        case SuspenseComponent: {
-          var state = workInProgress.memoizedState;
-          var didTimeout = state !== null && state.didTimeout;
-          if (didTimeout) {
-            // If this boundary is currently timed out, we need to decide
-            // whether to retry the primary children, or to skip over it and
-            // go straight to the fallback. Check the priority of the primary
-            var primaryChildFragment = workInProgress.child;
-            var primaryChildExpirationTime =
-              primaryChildFragment.childExpirationTime;
-            if (
-              primaryChildExpirationTime !== NoWork &&
-              primaryChildExpirationTime >= renderExpirationTime
-            ) {
-              // The primary children have pending work. Use the normal path
-              // to attempt to render the primary children again.
-              return updateSuspenseComponent(
-                current$$1,
-                workInProgress,
-                renderExpirationTime
-              );
-            } else {
-              // The primary children do not have pending work with sufficient
-              // priority. Bailout.
-              var child = bailoutOnAlreadyFinishedWork(
-                current$$1,
-                workInProgress,
-                renderExpirationTime
-              );
-              if (child !== null) {
-                // The fallback children have pending work. Skip over the
-                // primary children and work on the fallback.
-                return child.sibling;
-              } else {
-                return null;
-              }
-            }
-          }
-          break;
-        }
       }
       return bailoutOnAlreadyFinishedWork(
         current$$1,
@@ -12243,54 +11278,65 @@ function beginWork(current$$1, workInProgress, renderExpirationTime) {
 
   switch (workInProgress.tag) {
     case IndeterminateComponent: {
-      var elementType = workInProgress.elementType;
+      var _Component2 = workInProgress.type;
       return mountIndeterminateComponent(
         current$$1,
         workInProgress,
-        elementType,
-        renderExpirationTime
-      );
-    }
-    case LazyComponent: {
-      var _elementType = workInProgress.elementType;
-      return mountLazyComponent(
-        current$$1,
-        workInProgress,
-        _elementType,
+        _Component2,
         updateExpirationTime,
         renderExpirationTime
       );
     }
     case FunctionComponent: {
-      var _Component = workInProgress.type;
+      var _Component3 = workInProgress.type;
       var unresolvedProps = workInProgress.pendingProps;
-      var resolvedProps =
-        workInProgress.elementType === _Component
-          ? unresolvedProps
-          : resolveDefaultProps(_Component, unresolvedProps);
       return updateFunctionComponent(
         current$$1,
         workInProgress,
-        _Component,
-        resolvedProps,
+        _Component3,
+        unresolvedProps,
         renderExpirationTime
       );
     }
-    case ClassComponent: {
-      var _Component2 = workInProgress.type;
+    case FunctionComponentLazy: {
+      var _thenable = workInProgress.type;
+      var _Component4 = getResultFromResolvedThenable(_thenable);
       var _unresolvedProps = workInProgress.pendingProps;
-      var _resolvedProps =
-        workInProgress.elementType === _Component2
-          ? _unresolvedProps
-          : resolveDefaultProps(_Component2, _unresolvedProps);
+      var child = updateFunctionComponent(
+        current$$1,
+        workInProgress,
+        _Component4,
+        resolveDefaultProps(_Component4, _unresolvedProps),
+        renderExpirationTime
+      );
+      workInProgress.memoizedProps = _unresolvedProps;
+      return child;
+    }
+    case ClassComponent: {
+      var _Component5 = workInProgress.type;
+      var _unresolvedProps2 = workInProgress.pendingProps;
       return updateClassComponent(
         current$$1,
         workInProgress,
-        _Component2,
-        _resolvedProps,
+        _Component5,
+        _unresolvedProps2,
         renderExpirationTime
       );
     }
+    case ClassComponentLazy: {
+      var _thenable2 = workInProgress.type;
+      var _Component6 = getResultFromResolvedThenable(_thenable2);
+      var _unresolvedProps3 = workInProgress.pendingProps;
+      var _child = updateClassComponent(
+        current$$1,
+        workInProgress,
+        _Component6,
+        resolveDefaultProps(_Component6, _unresolvedProps3),
+        renderExpirationTime
+      );
+      workInProgress.memoizedProps = _unresolvedProps3;
+      return _child;
+    }
     case HostRoot:
       return updateHostRoot(current$$1, workInProgress, renderExpirationTime);
     case HostComponent:
@@ -12315,19 +11361,28 @@ function beginWork(current$$1, workInProgress, renderExpirationTime) {
       );
     case ForwardRef: {
       var type = workInProgress.type;
-      var _unresolvedProps2 = workInProgress.pendingProps;
-      var _resolvedProps2 =
-        workInProgress.elementType === type
-          ? _unresolvedProps2
-          : resolveDefaultProps(type, _unresolvedProps2);
       return updateForwardRef(
         current$$1,
         workInProgress,
         type,
-        _resolvedProps2,
+        workInProgress.pendingProps,
         renderExpirationTime
       );
     }
+    case ForwardRefLazy: {
+      var _thenable3 = workInProgress.type;
+      var _Component7 = getResultFromResolvedThenable(_thenable3);
+      var _unresolvedProps4 = workInProgress.pendingProps;
+      var _child2 = updateForwardRef(
+        current$$1,
+        workInProgress,
+        _Component7,
+        resolveDefaultProps(_Component7, _unresolvedProps4),
+        renderExpirationTime
+      );
+      workInProgress.memoizedProps = _unresolvedProps4;
+      return _child2;
+    }
     case Fragment:
       return updateFragment(current$$1, workInProgress, renderExpirationTime);
     case Mode:
@@ -12346,43 +11401,31 @@ function beginWork(current$$1, workInProgress, renderExpirationTime) {
         workInProgress,
         renderExpirationTime
       );
-    case MemoComponent: {
+    case PureComponent: {
       var _type = workInProgress.type;
-      var _unresolvedProps3 = workInProgress.pendingProps;
-      var _resolvedProps3 = resolveDefaultProps(_type.type, _unresolvedProps3);
-      return updateMemoComponent(
+      return updatePureComponent(
         current$$1,
         workInProgress,
         _type,
-        _resolvedProps3,
-        updateExpirationTime,
-        renderExpirationTime
-      );
-    }
-    case SimpleMemoComponent: {
-      return updateSimpleMemoComponent(
-        current$$1,
-        workInProgress,
-        workInProgress.type,
         workInProgress.pendingProps,
         updateExpirationTime,
         renderExpirationTime
       );
     }
-    case IncompleteClassComponent: {
-      var _Component3 = workInProgress.type;
-      var _unresolvedProps4 = workInProgress.pendingProps;
-      var _resolvedProps4 =
-        workInProgress.elementType === _Component3
-          ? _unresolvedProps4
-          : resolveDefaultProps(_Component3, _unresolvedProps4);
-      return mountIncompleteClassComponent(
+    case PureComponentLazy: {
+      var _thenable4 = workInProgress.type;
+      var _Component8 = getResultFromResolvedThenable(_thenable4);
+      var _unresolvedProps5 = workInProgress.pendingProps;
+      var _child3 = updatePureComponent(
         current$$1,
         workInProgress,
-        _Component3,
-        _resolvedProps4,
+        _Component8,
+        resolveDefaultProps(_Component8, _unresolvedProps5),
+        updateExpirationTime,
         renderExpirationTime
       );
+      workInProgress.memoizedProps = _unresolvedProps5;
+      return _child3;
     }
     default:
       invariant(
@@ -12403,48 +11446,42 @@ function markRef$1(workInProgress) {
   workInProgress.effectTag |= Ref;
 }
 
-var appendAllChildren = void 0;
+function appendAllChildren(parent, workInProgress) {
+  // We only have the top Fiber that was created but we need recurse down its
+  // children to find all the terminal nodes.
+  var node = workInProgress.child;
+  while (node !== null) {
+    if (node.tag === HostComponent || node.tag === HostText) {
+      appendInitialChild(parent, node.stateNode);
+    } else if (node.tag === HostPortal) {
+      // If we have a portal child, then we don't want to traverse
+      // down its children. Instead, we'll get insertions from each child in
+      // the portal directly.
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === workInProgress) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === workInProgress) {
+        return;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+
 var updateHostContainer = void 0;
 var updateHostComponent$1 = void 0;
 var updateHostText$1 = void 0;
 if (supportsMutation) {
   // Mutation mode
 
-  appendAllChildren = function(
-    parent,
-    workInProgress,
-    needsVisibilityToggle,
-    isHidden
-  ) {
-    // We only have the top Fiber that was created but we need recurse down its
-    // children to find all the terminal nodes.
-    var node = workInProgress.child;
-    while (node !== null) {
-      if (node.tag === HostComponent || node.tag === HostText) {
-        appendInitialChild(parent, node.stateNode);
-      } else if (node.tag === HostPortal) {
-        // If we have a portal child, then we don't want to traverse
-        // down its children. Instead, we'll get insertions from each child in
-        // the portal directly.
-      } else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
-      if (node === workInProgress) {
-        return;
-      }
-      while (node.sibling === null) {
-        if (node.return === null || node.return === workInProgress) {
-          return;
-        }
-        node = node.return;
-      }
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-  };
-
   updateHostContainer = function(workInProgress) {
     // Noop
   };
@@ -12498,202 +11535,26 @@ if (supportsMutation) {
 } else if (supportsPersistence) {
   // Persistent host tree mode
 
-  appendAllChildren = function(
-    parent,
-    workInProgress,
-    needsVisibilityToggle,
-    isHidden
-  ) {
-    // We only have the top Fiber that was created but we need recurse down its
-    // children to find all the terminal nodes.
-    var node = workInProgress.child;
-    while (node !== null) {
-      // eslint-disable-next-line no-labels
-      branches: if (node.tag === HostComponent) {
-        var instance = node.stateNode;
-        if (needsVisibilityToggle) {
-          var props = node.memoizedProps;
-          var type = node.type;
-          if (isHidden) {
-            // This child is inside a timed out tree. Hide it.
-            instance = cloneHiddenInstance(instance, type, props, node);
-          } else {
-            // This child was previously inside a timed out tree. If it was not
-            // updated during this render, it may need to be unhidden. Clone
-            // again to be sure.
-            instance = cloneUnhiddenInstance(instance, type, props, node);
-          }
-          node.stateNode = instance;
-        }
-        appendInitialChild(parent, instance);
-      } else if (node.tag === HostText) {
-        var _instance = node.stateNode;
-        if (needsVisibilityToggle) {
-          var text = node.memoizedProps;
-          var rootContainerInstance = getRootHostContainer();
-          var currentHostContext = getHostContext();
-          if (isHidden) {
-            _instance = createHiddenTextInstance(
-              text,
-              rootContainerInstance,
-              currentHostContext,
-              workInProgress
-            );
-          } else {
-            _instance = createTextInstance(
-              text,
-              rootContainerInstance,
-              currentHostContext,
-              workInProgress
-            );
-          }
-          node.stateNode = _instance;
-        }
-        appendInitialChild(parent, _instance);
-      } else if (node.tag === HostPortal) {
-        // If we have a portal child, then we don't want to traverse
-        // down its children. Instead, we'll get insertions from each child in
-        // the portal directly.
-      } else if (node.tag === SuspenseComponent) {
-        var current = node.alternate;
-        if (current !== null) {
-          var oldState = current.memoizedState;
-          var newState = node.memoizedState;
-          var oldIsHidden = oldState !== null && oldState.didTimeout;
-          var newIsHidden = newState !== null && newState.didTimeout;
-          if (oldIsHidden !== newIsHidden) {
-            // The placeholder either just timed out or switched back to the normal
-            // children after having previously timed out. Toggle the visibility of
-            // the direct host children.
-            var primaryChildParent = newIsHidden ? node.child : node;
-            if (primaryChildParent !== null) {
-              appendAllChildren(parent, primaryChildParent, true, newIsHidden);
-            }
-            // eslint-disable-next-line no-labels
-            break branches;
-          }
-        }
-        if (node.child !== null) {
-          // Continue traversing like normal
-          node.child.return = node;
-          node = node.child;
-          continue;
-        }
-      } else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
-      // $FlowFixMe This is correct but Flow is confused by the labeled break.
-      node = node;
-      if (node === workInProgress) {
-        return;
-      }
-      while (node.sibling === null) {
-        if (node.return === null || node.return === workInProgress) {
-          return;
-        }
-        node = node.return;
-      }
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-  };
-
   // An unfortunate fork of appendAllChildren because we have two different parent types.
   var appendAllChildrenToContainer = function(
     containerChildSet,
-    workInProgress,
-    needsVisibilityToggle,
-    isHidden
+    workInProgress
   ) {
     // We only have the top Fiber that was created but we need recurse down its
     // children to find all the terminal nodes.
     var node = workInProgress.child;
     while (node !== null) {
-      // eslint-disable-next-line no-labels
-      branches: if (node.tag === HostComponent) {
-        var instance = node.stateNode;
-        if (needsVisibilityToggle) {
-          var props = node.memoizedProps;
-          var type = node.type;
-          if (isHidden) {
-            // This child is inside a timed out tree. Hide it.
-            instance = cloneHiddenInstance(instance, type, props, node);
-          } else {
-            // This child was previously inside a timed out tree. If it was not
-            // updated during this render, it may need to be unhidden. Clone
-            // again to be sure.
-            instance = cloneUnhiddenInstance(instance, type, props, node);
-          }
-          node.stateNode = instance;
-        }
-        appendChildToContainerChildSet(containerChildSet, instance);
-      } else if (node.tag === HostText) {
-        var _instance2 = node.stateNode;
-        if (needsVisibilityToggle) {
-          var text = node.memoizedProps;
-          var rootContainerInstance = getRootHostContainer();
-          var currentHostContext = getHostContext();
-          if (isHidden) {
-            _instance2 = createHiddenTextInstance(
-              text,
-              rootContainerInstance,
-              currentHostContext,
-              workInProgress
-            );
-          } else {
-            _instance2 = createTextInstance(
-              text,
-              rootContainerInstance,
-              currentHostContext,
-              workInProgress
-            );
-          }
-          node.stateNode = _instance2;
-        }
-        appendChildToContainerChildSet(containerChildSet, _instance2);
+      if (node.tag === HostComponent || node.tag === HostText) {
+        appendChildToContainerChildSet(containerChildSet, node.stateNode);
       } else if (node.tag === HostPortal) {
         // If we have a portal child, then we don't want to traverse
         // down its children. Instead, we'll get insertions from each child in
         // the portal directly.
-      } else if (node.tag === SuspenseComponent) {
-        var current = node.alternate;
-        if (current !== null) {
-          var oldState = current.memoizedState;
-          var newState = node.memoizedState;
-          var oldIsHidden = oldState !== null && oldState.didTimeout;
-          var newIsHidden = newState !== null && newState.didTimeout;
-          if (oldIsHidden !== newIsHidden) {
-            // The placeholder either just timed out or switched back to the normal
-            // children after having previously timed out. Toggle the visibility of
-            // the direct host children.
-            var primaryChildParent = newIsHidden ? node.child : node;
-            if (primaryChildParent !== null) {
-              appendAllChildrenToContainer(
-                containerChildSet,
-                primaryChildParent,
-                true,
-                newIsHidden
-              );
-            }
-            // eslint-disable-next-line no-labels
-            break branches;
-          }
-        }
-        if (node.child !== null) {
-          // Continue traversing like normal
-          node.child.return = node;
-          node = node.child;
-          continue;
-        }
       } else if (node.child !== null) {
         node.child.return = node;
         node = node.child;
         continue;
       }
-      // $FlowFixMe This is correct but Flow is confused by the labeled break.
-      node = node;
       if (node === workInProgress) {
         return;
       }
@@ -12716,7 +11577,7 @@ if (supportsMutation) {
       var container = portalOrRoot.containerInfo;
       var newChildSet = createContainerChildSet(container);
       // If children might have changed, we have to add them all to the set.
-      appendAllChildrenToContainer(newChildSet, workInProgress, false, false);
+      appendAllChildrenToContainer(newChildSet, workInProgress);
       portalOrRoot.pendingChildren = newChildSet;
       // Schedule an update on the container to swap out the container.
       markUpdate(workInProgress);
@@ -12789,7 +11650,7 @@ if (supportsMutation) {
       markUpdate(workInProgress);
     } else {
       // If children might have changed, we have to add them all to the set.
-      appendAllChildren(newInstance, workInProgress, false, false);
+      appendAllChildren(newInstance, workInProgress);
     }
   };
   updateHostText$1 = function(current, workInProgress, oldText, newText) {
@@ -12831,12 +11692,8 @@ function completeWork(current, workInProgress, renderExpirationTime) {
   var newProps = workInProgress.pendingProps;
 
   switch (workInProgress.tag) {
-    case IndeterminateComponent:
-      break;
-    case LazyComponent:
-      break;
-    case SimpleMemoComponent:
     case FunctionComponent:
+    case FunctionComponentLazy:
       break;
     case ClassComponent: {
       var Component = workInProgress.type;
@@ -12845,6 +11702,13 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       }
       break;
     }
+    case ClassComponentLazy: {
+      var _Component = getResultFromResolvedThenable(workInProgress.type);
+      if (isContextProvider(_Component)) {
+        popContext(workInProgress);
+      }
+      break;
+    }
     case HostRoot: {
       popHostContainer(workInProgress);
       popTopLevelContextObject(workInProgress);
@@ -12920,7 +11784,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
             workInProgress
           );
 
-          appendAllChildren(instance, workInProgress, false, false);
+          appendAllChildren(instance, workInProgress);
 
           // Certain renderers require commit-time effects for initial mount.
           // (eg DOM renderer supports auto-focus for certain elements).
@@ -12981,19 +11845,10 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       break;
     }
     case ForwardRef:
+    case ForwardRefLazy:
       break;
-    case SuspenseComponent: {
-      var nextState = workInProgress.memoizedState;
-      var prevState = current !== null ? current.memoizedState : null;
-      var nextDidTimeout = nextState !== null && nextState.didTimeout;
-      var prevDidTimeout = prevState !== null && prevState.didTimeout;
-      if (nextDidTimeout !== prevDidTimeout) {
-        // If this render commits, and it switches between the normal state
-        // and the timed-out state, schedule an effect.
-        workInProgress.effectTag |= Update;
-      }
+    case SuspenseComponent:
       break;
-    }
     case Fragment:
       break;
     case Mode:
@@ -13010,17 +11865,18 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       break;
     case ContextConsumer:
       break;
-    case MemoComponent:
+    case PureComponent:
+    case PureComponentLazy:
       break;
-    case IncompleteClassComponent: {
-      // Same as class component case. I put it down here so that the tags are
-      // sequential to ensure this switch is compiled to a jump table.
-      var _Component = workInProgress.type;
-      if (isContextProvider(_Component)) {
-        popContext(workInProgress);
-      }
-      break;
-    }
+    // Error cases
+    case IndeterminateComponent:
+      invariant(
+        false,
+        "An indeterminate component should have become determinate before " +
+          "completing. This error is likely caused by a bug in React. Please " +
+          "file an issue."
+      );
+    // eslint-disable-next-line no-fallthrough
     default:
       invariant(
         false,
@@ -13032,17 +11888,6 @@ function completeWork(current, workInProgress, renderExpirationTime) {
   return null;
 }
 
-function shouldCaptureSuspense(current, workInProgress) {
-  // In order to capture, the Suspense component must have a fallback prop.
-  if (workInProgress.memoizedProps.fallback === undefined) {
-    return false;
-  }
-  // If it was the primary children that just suspended, capture and render the
-  // fallback. Otherwise, don't capture and bubble to the next boundary.
-  var nextState = workInProgress.memoizedState;
-  return nextState === null || !nextState.didTimeout;
-}
-
 // Module provided by RN:
 /**
  * Intercept lifecycle errors and ensure they are shown with the correct stack
@@ -13159,6 +12004,8 @@ function logCapturedError(capturedError) {
   }
 }
 
+var emptyObject$1 = {};
+
 var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
 {
   didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
@@ -13243,25 +12090,10 @@ function safelyDetachRef(current$$1) {
   }
 }
 
-function safelyCallDestroy(current$$1, destroy) {
-  {
-    invokeGuardedCallback(null, destroy, null);
-    if (hasCaughtError()) {
-      var error = clearCaughtError();
-      captureCommitPhaseError(current$$1, error);
-    }
-  }
-}
-
 function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
   switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountSnapshot, NoEffect$1, finishedWork);
-      return;
-    }
-    case ClassComponent: {
+    case ClassComponent:
+    case ClassComponentLazy: {
       if (finishedWork.effectTag & Snapshot) {
         if (current$$1 !== null) {
           var prevProps = current$$1.memoizedProps;
@@ -13293,7 +12125,6 @@ function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
     case HostComponent:
     case HostText:
     case HostPortal:
-    case IncompleteClassComponent:
       // Nothing to do for these component types
       return;
     default: {
@@ -13306,37 +12137,6 @@ function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
   }
 }
 
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
-  var updateQueue = finishedWork.updateQueue;
-  var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
-  if (lastEffect !== null) {
-    var firstEffect = lastEffect.next;
-    var effect = firstEffect;
-    do {
-      if ((effect.tag & unmountTag) !== NoEffect$1) {
-        // Unmount
-        var destroy = effect.destroy;
-        effect.destroy = null;
-        if (destroy !== null) {
-          destroy();
-        }
-      }
-      if ((effect.tag & mountTag) !== NoEffect$1) {
-        // Mount
-        var create = effect.create;
-        var _destroy = create();
-        effect.destroy = typeof _destroy === "function" ? _destroy : null;
-      }
-      effect = effect.next;
-    } while (effect !== firstEffect);
-  }
-}
-
-function commitPassiveHookEffects(finishedWork) {
-  commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
-  commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
-}
-
 function commitLifeCycles(
   finishedRoot,
   current$$1,
@@ -13344,13 +12144,8 @@ function commitLifeCycles(
   committedExpirationTime
 ) {
   switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountLayout, MountLayout, finishedWork);
-      break;
-    }
-    case ClassComponent: {
+    case ClassComponent:
+    case ClassComponentLazy: {
       var instance = finishedWork.stateNode;
       if (finishedWork.effectTag & Update) {
         if (current$$1 === null) {
@@ -13396,6 +12191,7 @@ function commitLifeCycles(
               _instance = getPublicInstance(finishedWork.child.stateNode);
               break;
             case ClassComponent:
+            case ClassComponentLazy:
               _instance = finishedWork.child.stateNode;
               break;
           }
@@ -13460,49 +12256,22 @@ function commitLifeCycles(
       return;
     }
     case SuspenseComponent: {
-      if (finishedWork.effectTag & Callback) {
-        // In non-strict mode, a suspense boundary times out by commiting
-        // twice: first, by committing the children in an inconsistent state,
-        // then hiding them and showing the fallback children in a subsequent
-        var _newState = {
-          alreadyCaptured: true,
-          didTimeout: false,
-          timedOutAt: NoWork
-        };
-        finishedWork.memoizedState = _newState;
-        flushPassiveEffects();
+      if ((finishedWork.mode & StrictMode) === NoEffect) {
+        // In loose mode, a placeholder times out by scheduling a synchronous
+        // update in the commit phase. Use `updateQueue` field to signal that
+        // the Timeout needs to switch to the placeholder. We don't need an
+        // entire queue. Any non-null value works.
+        // $FlowFixMe - Intentionally using a value other than an UpdateQueue.
+        finishedWork.updateQueue = emptyObject$1;
         scheduleWork(finishedWork, Sync);
-        return;
-      }
-      var oldState = current$$1 !== null ? current$$1.memoizedState : null;
-      var newState = finishedWork.memoizedState;
-      var oldDidTimeout = oldState !== null ? oldState.didTimeout : false;
-
-      var newDidTimeout = void 0;
-      var primaryChildParent = finishedWork;
-      if (newState === null) {
-        newDidTimeout = false;
       } else {
-        newDidTimeout = newState.didTimeout;
-        if (newDidTimeout) {
-          primaryChildParent = finishedWork.child;
-          newState.alreadyCaptured = false;
-          if (newState.timedOutAt === NoWork) {
-            // If the children had not already timed out, record the time.
-            // This is used to compute the elapsed time during subsequent
-            // attempts to render the children.
-            newState.timedOutAt = requestCurrentTime();
-          }
-        }
-      }
-
-      if (newDidTimeout !== oldDidTimeout && primaryChildParent !== null) {
-        hideOrUnhideAllChildren(primaryChildParent, newDidTimeout);
+        // In strict mode, the Update effect is used to record the time at
+        // which the placeholder timed out.
+        var currentTime = requestCurrentTime();
+        finishedWork.stateNode = { timedOutAt: currentTime };
       }
       return;
     }
-    case IncompleteClassComponent:
-      break;
     default: {
       invariant(
         false,
@@ -13513,45 +12282,6 @@ function commitLifeCycles(
   }
 }
 
-function hideOrUnhideAllChildren(finishedWork, isHidden) {
-  if (supportsMutation) {
-    // We only have the top Fiber that was inserted but we need recurse down its
-    var node = finishedWork;
-    while (true) {
-      if (node.tag === HostComponent) {
-        var instance = node.stateNode;
-        if (isHidden) {
-          hideInstance(instance);
-        } else {
-          unhideInstance(node.stateNode, node.memoizedProps);
-        }
-      } else if (node.tag === HostText) {
-        var _instance3 = node.stateNode;
-        if (isHidden) {
-          hideTextInstance(_instance3);
-        } else {
-          unhideTextInstance(_instance3, node.memoizedProps);
-        }
-      } else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
-      if (node === finishedWork) {
-        return;
-      }
-      while (node.sibling === null) {
-        if (node.return === null || node.return === finishedWork) {
-          return;
-        }
-        node = node.return;
-      }
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-  }
-}
-
 function commitAttachRef(finishedWork) {
   var ref = finishedWork.ref;
   if (ref !== null) {
@@ -13602,28 +12332,8 @@ function commitUnmount(current$$1) {
   onCommitUnmount(current$$1);
 
   switch (current$$1.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case MemoComponent:
-    case SimpleMemoComponent: {
-      var updateQueue = current$$1.updateQueue;
-      if (updateQueue !== null) {
-        var lastEffect = updateQueue.lastEffect;
-        if (lastEffect !== null) {
-          var firstEffect = lastEffect.next;
-          var effect = firstEffect;
-          do {
-            var destroy = effect.destroy;
-            if (destroy !== null) {
-              safelyCallDestroy(current$$1, destroy);
-            }
-            effect = effect.next;
-          } while (effect !== firstEffect);
-        }
-      }
-      break;
-    }
-    case ClassComponent: {
+    case ClassComponent:
+    case ClassComponentLazy: {
       safelyDetachRef(current$$1);
       var instance = current$$1.stateNode;
       if (typeof instance.componentWillUnmount === "function") {
@@ -13714,7 +12424,8 @@ function commitContainer(finishedWork) {
   }
 
   switch (finishedWork.tag) {
-    case ClassComponent: {
+    case ClassComponent:
+    case ClassComponentLazy: {
       return;
     }
     case HostComponent: {
@@ -13989,29 +12700,13 @@ function commitDeletion(current$$1) {
 
 function commitWork(current$$1, finishedWork) {
   if (!supportsMutation) {
-    switch (finishedWork.tag) {
-      case FunctionComponent:
-      case ForwardRef:
-      case MemoComponent:
-      case SimpleMemoComponent: {
-        commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
-        return;
-      }
-    }
-
     commitContainer(finishedWork);
     return;
   }
 
   switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case MemoComponent:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
-      return;
-    }
-    case ClassComponent: {
+    case ClassComponent:
+    case ClassComponentLazy: {
       return;
     }
     case HostComponent: {
@@ -14065,9 +12760,6 @@ function commitWork(current$$1, finishedWork) {
     case SuspenseComponent: {
       return;
     }
-    case IncompleteClassComponent: {
-      return;
-    }
     default: {
       invariant(
         false,
@@ -14085,6 +12777,10 @@ function commitResetTextContent(current$$1) {
   resetTextContent(current$$1.stateNode);
 }
 
+function NoopComponent() {
+  return null;
+}
+
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
   var update = createUpdate(expirationTime);
   // Unmount the root by rendering null.
@@ -14178,17 +12874,22 @@ function throwException(
     var startTimeMs = -1;
     do {
       if (_workInProgress.tag === SuspenseComponent) {
-        var current$$1 = _workInProgress.alternate;
-        if (current$$1 !== null) {
-          var currentState = current$$1.memoizedState;
-          if (currentState !== null && currentState.didTimeout) {
-            // Reached a boundary that already timed out. Do not search
-            // any further.
-            var timedOutAt = currentState.timedOutAt;
-            startTimeMs = expirationTimeToMs(timedOutAt);
-            // Do not search any further.
-            break;
-          }
+        var current = _workInProgress.alternate;
+        if (
+          current !== null &&
+          current.memoizedState === true &&
+          current.stateNode !== null
+        ) {
+          // Reached a placeholder that already timed out. Each timed out
+          // placeholder acts as the root of a new suspense boundary.
+
+          // Use the time at which the placeholder timed out as the start time
+          // for the current render.
+          var timedOutAt = current.stateNode.timedOutAt;
+          startTimeMs = expirationTimeToMs(timedOutAt);
+
+          // Do not search any further.
+          break;
         }
         var timeoutPropMs = _workInProgress.pendingProps.maxDuration;
         if (typeof timeoutPropMs === "number") {
@@ -14208,127 +12909,129 @@ function throwException(
     // Schedule the nearest Suspense to re-render the timed out view.
     _workInProgress = returnFiber;
     do {
-      if (
-        _workInProgress.tag === SuspenseComponent &&
-        shouldCaptureSuspense(_workInProgress.alternate, _workInProgress)
-      ) {
-        // Found the nearest boundary.
+      if (_workInProgress.tag === SuspenseComponent) {
+        var didTimeout = _workInProgress.memoizedState;
+        if (!didTimeout) {
+          // Found the nearest boundary.
 
-        // If the boundary is not in concurrent mode, we should not suspend, and
-        // likewise, when the promise resolves, we should ping synchronously.
-        var pingTime =
-          (_workInProgress.mode & ConcurrentMode) === NoEffect
-            ? Sync
-            : renderExpirationTime;
+          // If the boundary is not in concurrent mode, we should not suspend, and
+          // likewise, when the promise resolves, we should ping synchronously.
+          var pingTime =
+            (_workInProgress.mode & ConcurrentMode) === NoEffect
+              ? Sync
+              : renderExpirationTime;
 
-        // Attach a listener to the promise to "ping" the root and retry.
-        var onResolveOrReject = retrySuspendedRoot.bind(
-          null,
-          root,
-          _workInProgress,
-          sourceFiber,
-          pingTime
-        );
-        if (enableSchedulerTracing) {
-          onResolveOrReject = tracing.unstable_wrap(onResolveOrReject);
-        }
-        thenable.then(onResolveOrReject, onResolveOrReject);
-
-        // If the boundary is outside of concurrent mode, we should *not*
-        // suspend the commit. Pretend as if the suspended component rendered
-        // null and keep rendering. In the commit phase, we'll schedule a
-        // subsequent synchronous update to re-render the Suspense.
-        //
-        // Note: It doesn't matter whether the component that suspended was
-        // inside a concurrent mode tree. If the Suspense is outside of it, we
-        // should *not* suspend the commit.
-        if ((_workInProgress.mode & ConcurrentMode) === NoEffect) {
-          _workInProgress.effectTag |= Callback;
-
-          // Unmount the source fiber's children
-          var nextChildren = null;
-          reconcileChildren(
-            sourceFiber.alternate,
-            sourceFiber,
-            nextChildren,
-            renderExpirationTime
+          // Attach a listener to the promise to "ping" the root and retry.
+          var onResolveOrReject = retrySuspendedRoot.bind(
+            null,
+            root,
+            _workInProgress,
+            pingTime
           );
-          sourceFiber.effectTag &= ~Incomplete;
-
-          // We're going to commit this fiber even though it didn't complete.
-          // But we shouldn't call any lifecycle methods or callbacks. Remove
-          // all lifecycle effect tags.
-          sourceFiber.effectTag &= ~LifecycleEffectMask;
-
-          if (sourceFiber.tag === ClassComponent) {
-            var _current = sourceFiber.alternate;
-            if (_current === null) {
-              // This is a new mount. Change the tag so it's not mistaken for a
-              // completed class component. For example, we should not call
-              // componentWillUnmount if it is deleted.
-              sourceFiber.tag = IncompleteClassComponent;
-            }
+          if (enableSchedulerTracing) {
+            onResolveOrReject = tracing.unstable_wrap(onResolveOrReject);
           }
+          thenable.then(onResolveOrReject, onResolveOrReject);
 
-          // Exit without suspending.
-          return;
-        }
+          // If the boundary is outside of strict mode, we should *not* suspend
+          // the commit. Pretend as if the suspended component rendered null and
+          // keep rendering. In the commit phase, we'll schedule a subsequent
+          // synchronous update to re-render the Suspense.
+          //
+          // Note: It doesn't matter whether the component that suspended was
+          // inside a strict mode tree. If the Suspense is outside of it, we
+          // should *not* suspend the commit.
+          if ((_workInProgress.mode & StrictMode) === NoEffect) {
+            _workInProgress.effectTag |= Update;
 
-        // Confirmed that the boundary is in a concurrent mode tree. Continue
-        // with the normal suspend path.
-
-        var absoluteTimeoutMs = void 0;
-        if (earliestTimeoutMs === -1) {
-          // If no explicit threshold is given, default to an abitrarily large
-          // value. The actual size doesn't matter because the threshold for the
-          // whole tree will be clamped to the expiration time.
-          absoluteTimeoutMs = maxSigned31BitInt;
-        } else {
-          if (startTimeMs === -1) {
-            // This suspend happened outside of any already timed-out
-            // placeholders. We don't know exactly when the update was
-            // scheduled, but we can infer an approximate start time from the
-            // expiration time. First, find the earliest uncommitted expiration
-            // time in the tree, including work that is suspended. Then subtract
-            // the offset used to compute an async update's expiration time.
-            // This will cause high priority (interactive) work to expire
-            // earlier than necessary, but we can account for this by adjusting
-            // for the Just Noticeable Difference.
-            var earliestExpirationTime = findEarliestOutstandingPriorityLevel(
-              root,
+            // Unmount the source fiber's children
+            var nextChildren = null;
+            reconcileChildren(
+              sourceFiber.alternate,
+              sourceFiber,
+              nextChildren,
               renderExpirationTime
             );
-            var earliestExpirationTimeMs = expirationTimeToMs(
-              earliestExpirationTime
-            );
-            startTimeMs = earliestExpirationTimeMs - LOW_PRIORITY_EXPIRATION;
+            sourceFiber.effectTag &= ~Incomplete;
+            if (sourceFiber.tag === IndeterminateComponent) {
+              // Let's just assume it's a function component. This fiber will
+              // be unmounted in the immediate next commit, anyway.
+              sourceFiber.tag = FunctionComponent;
+            }
+
+            if (
+              sourceFiber.tag === ClassComponent ||
+              sourceFiber.tag === ClassComponentLazy
+            ) {
+              // We're going to commit this fiber even though it didn't
+              // complete. But we shouldn't call any lifecycle methods or
+              // callbacks. Remove all lifecycle effect tags.
+              sourceFiber.effectTag &= ~LifecycleEffectMask;
+              if (sourceFiber.alternate === null) {
+                // We're about to mount a class component that doesn't have an
+                // instance. Turn this into a dummy function component instead,
+                // to prevent type errors. This is a bit weird but it's an edge
+                // case and we're about to synchronously delete this
+                // component, anyway.
+                sourceFiber.tag = FunctionComponent;
+                sourceFiber.type = NoopComponent;
+              }
+            }
+
+            // Exit without suspending.
+            return;
           }
-          absoluteTimeoutMs = startTimeMs + earliestTimeoutMs;
+
+          // Confirmed that the boundary is in a strict mode tree. Continue with
+          // the normal suspend path.
+
+          var absoluteTimeoutMs = void 0;
+          if (earliestTimeoutMs === -1) {
+            // If no explicit threshold is given, default to an abitrarily large
+            // value. The actual size doesn't matter because the threshold for the
+            // whole tree will be clamped to the expiration time.
+            absoluteTimeoutMs = maxSigned31BitInt;
+          } else {
+            if (startTimeMs === -1) {
+              // This suspend happened outside of any already timed-out
+              // placeholders. We don't know exactly when the update was scheduled,
+              // but we can infer an approximate start time from the expiration
+              // time. First, find the earliest uncommitted expiration time in the
+              // tree, including work that is suspended. Then subtract the offset
+              // used to compute an async update's expiration time. This will cause
+              // high priority (interactive) work to expire earlier than necessary,
+              // but we can account for this by adjusting for the Just Noticeable
+              // Difference.
+              var earliestExpirationTime = findEarliestOutstandingPriorityLevel(
+                root,
+                renderExpirationTime
+              );
+              var earliestExpirationTimeMs = expirationTimeToMs(
+                earliestExpirationTime
+              );
+              startTimeMs = earliestExpirationTimeMs - LOW_PRIORITY_EXPIRATION;
+            }
+            absoluteTimeoutMs = startTimeMs + earliestTimeoutMs;
+          }
+
+          // Mark the earliest timeout in the suspended fiber's ancestor path.
+          // After completing the root, we'll take the largest of all the
+          // suspended fiber's timeouts and use it to compute a timeout for the
+          // whole tree.
+          renderDidSuspend(root, absoluteTimeoutMs, renderExpirationTime);
+
+          _workInProgress.effectTag |= ShouldCapture;
+          _workInProgress.expirationTime = renderExpirationTime;
+          return;
         }
-
-        // Mark the earliest timeout in the suspended fiber's ancestor path.
-        // After completing the root, we'll take the largest of all the
-        // suspended fiber's timeouts and use it to compute a timeout for the
-        // whole tree.
-        renderDidSuspend(root, absoluteTimeoutMs, renderExpirationTime);
-
-        _workInProgress.effectTag |= ShouldCapture;
-        _workInProgress.expirationTime = renderExpirationTime;
-        return;
+        // This boundary already captured during this render. Continue to the
+        // next boundary.
       }
-      // This boundary already captured during this render. Continue to the next
-      // boundary.
       _workInProgress = _workInProgress.return;
     } while (_workInProgress !== null);
     // No boundary was found. Fallthrough to error mode.
-    // TODO: Use invariant so the message is stripped in prod?
     value = new Error(
-      (getComponentName(sourceFiber.type) || "A React component") +
-        " suspended while rendering, but no fallback UI was specified.\n" +
-        "\n" +
-        "Add a <Suspense fallback=...> component higher in the tree to " +
-        "provide a loading indicator or placeholder to display." +
-        getStackByFiberInDevAndProd(sourceFiber)
+      "An update was suspended, but no placeholder UI was provided."
     );
   }
 
@@ -14353,6 +13056,7 @@ function throwException(
         return;
       }
       case ClassComponent:
+      case ClassComponentLazy:
         // Capture and retry
         var errorInfo = value;
         var ctor = workInProgress.type;
@@ -14397,16 +13101,28 @@ function unwindWork(workInProgress, renderExpirationTime) {
       }
       return null;
     }
+    case ClassComponentLazy: {
+      var _Component = workInProgress.type._reactResult;
+      if (isContextProvider(_Component)) {
+        popContext(workInProgress);
+      }
+      var _effectTag = workInProgress.effectTag;
+      if (_effectTag & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
+        return workInProgress;
+      }
+      return null;
+    }
     case HostRoot: {
       popHostContainer(workInProgress);
       popTopLevelContextObject(workInProgress);
-      var _effectTag = workInProgress.effectTag;
+      var _effectTag2 = workInProgress.effectTag;
       invariant(
-        (_effectTag & DidCapture) === NoEffect,
+        (_effectTag2 & DidCapture) === NoEffect,
         "The root failed to unmount after an error. This is likely a bug in " +
           "React. Please file an issue."
       );
-      workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
+      workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture;
       return workInProgress;
     }
     case HostComponent: {
@@ -14414,36 +13130,9 @@ function unwindWork(workInProgress, renderExpirationTime) {
       return null;
     }
     case SuspenseComponent: {
-      var _effectTag2 = workInProgress.effectTag;
-      if (_effectTag2 & ShouldCapture) {
-        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture;
-        // Captured a suspense effect. Set the boundary's `alreadyCaptured`
-        // state to true so we know to render the fallback.
-        var current$$1 = workInProgress.alternate;
-        var currentState =
-          current$$1 !== null ? current$$1.memoizedState : null;
-        var nextState = workInProgress.memoizedState;
-        if (nextState === null) {
-          // No existing state. Create a new object.
-          nextState = {
-            alreadyCaptured: true,
-            didTimeout: false,
-            timedOutAt: NoWork
-          };
-        } else if (currentState === nextState) {
-          // There is an existing state but it's the same as the current tree's.
-          // Clone the object.
-          nextState = {
-            alreadyCaptured: true,
-            didTimeout: nextState.didTimeout,
-            timedOutAt: nextState.timedOutAt
-          };
-        } else {
-          // Already have a clone, so it's safe to mutate.
-          nextState.alreadyCaptured = true;
-        }
-        workInProgress.memoizedState = nextState;
-        // Re-render the boundary.
+      var _effectTag3 = workInProgress.effectTag;
+      if (_effectTag3 & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag3 & ~ShouldCapture) | DidCapture;
         return workInProgress;
       }
       return null;
@@ -14468,6 +13157,14 @@ function unwindInterruptedWork(interruptedWork) {
       }
       break;
     }
+    case ClassComponentLazy: {
+      var _childContextTypes =
+        interruptedWork.type._reactResult.childContextTypes;
+      if (_childContextTypes !== null && _childContextTypes !== undefined) {
+        popContext(interruptedWork);
+      }
+      break;
+    }
     case HostRoot: {
       popHostContainer(interruptedWork);
       popTopLevelContextObject(interruptedWork);
@@ -14489,17 +13186,7 @@ function unwindInterruptedWork(interruptedWork) {
 }
 
 var Dispatcher = {
-  readContext: readContext,
-  useCallback: useCallback,
-  useContext: useContext,
-  useEffect: useEffect,
-  useImperativeMethods: useImperativeMethods,
-  useLayoutEffect: useLayoutEffect,
-  useMemo: useMemo,
-  useMutationEffect: useMutationEffect,
-  useReducer: useReducer,
-  useRef: useRef,
-  useState: useState
+  readContext: readContext
 };
 
 var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
@@ -14527,21 +13214,19 @@ if (enableSchedulerTracing) {
   didWarnSetStateChildContext = false;
   var didWarnStateUpdateForUnmountedComponent = {};
 
-  warnAboutUpdateOnUnmounted = function(fiber, isClass) {
+  warnAboutUpdateOnUnmounted = function(fiber) {
     // We show the whole stack but dedupe on the top component's name because
     // the problematic code almost always lies inside that component.
-    var componentName = getComponentName(fiber.type) || "ReactComponent";
+    var componentName = getComponentName(fiber.type) || "ReactClass";
     if (didWarnStateUpdateForUnmountedComponent[componentName]) {
       return;
     }
     warningWithoutStack$1(
       false,
-      "Can't perform a React state update on an unmounted component. This " +
+      "Can't call setState (or forceUpdate) on an unmounted component. This " +
         "is a no-op, but it indicates a memory leak in your application. To " +
-        "fix, cancel all subscriptions and asynchronous tasks in %s.%s",
-      isClass
-        ? "the componentWillUnmount method"
-        : "a useEffect cleanup function",
+        "fix, cancel all subscriptions and asynchronous tasks in the " +
+        "componentWillUnmount method.%s",
       getStackByFiberInDevAndProd(fiber)
     );
     didWarnStateUpdateForUnmountedComponent[componentName] = true;
@@ -14593,9 +13278,6 @@ var nextRenderDidError = false;
 var nextEffect = null;
 
 var isCommitting$1 = false;
-var rootWithPendingPassiveEffects = null;
-var passiveEffectCallbackHandle = null;
-var passiveEffectCallback = null;
 
 var legacyErrorBoundariesThatAlreadyFailed = null;
 
@@ -14653,6 +13335,13 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
         }
         break;
       }
+      case ClassComponentLazy: {
+        var _Component = getResultFromResolvedThenable(failedUnitOfWork.type);
+        if (isContextProvider(_Component)) {
+          popContext(failedUnitOfWork);
+        }
+        break;
+      }
       case HostPortal:
         popHostContainer(failedUnitOfWork);
         break;
@@ -14791,6 +13480,8 @@ function commitBeforeMutationLifecycles() {
       commitBeforeMutationLifeCycles(current$$1, nextEffect);
     }
 
+    // Don't cleanup effects yet;
+    // This will be done by commitAllLifeCycles()
     nextEffect = nextEffect.nextEffect;
   }
 
@@ -14827,48 +13518,15 @@ function commitAllLifeCycles(finishedRoot, committedExpirationTime) {
       commitAttachRef(nextEffect);
     }
 
-    if (effectTag & Passive) {
-      rootWithPendingPassiveEffects = finishedRoot;
-    }
-
-    nextEffect = nextEffect.nextEffect;
-  }
-}
-
-function commitPassiveEffects(root, firstEffect) {
-  rootWithPendingPassiveEffects = null;
-  passiveEffectCallbackHandle = null;
-  passiveEffectCallback = null;
-
-  // Set this to true to prevent re-entrancy
-  var previousIsRendering = isRendering;
-  isRendering = true;
-
-  var effect = firstEffect;
-  do {
-    if (effect.effectTag & Passive) {
-      var didError = false;
-      var error = void 0;
-      {
-        invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
-        if (hasCaughtError()) {
-          didError = true;
-          error = clearCaughtError();
-        }
-      }
-      if (didError) {
-        captureCommitPhaseError(effect, error);
-      }
-    }
-    effect = effect.nextEffect;
-  } while (effect !== null);
-
-  isRendering = previousIsRendering;
-
-  // Check if work was scheduled by one of the effects
-  var rootExpirationTime = root.expirationTime;
-  if (rootExpirationTime !== NoWork) {
-    requestWork(root, rootExpirationTime);
+    var next = nextEffect.nextEffect;
+    // Ensure that we clean these up so that we don't accidentally keep them.
+    // I'm not actually sure this matters because we can't reset firstEffect
+    // and lastEffect since they're on every node, not just the effectful
+    // ones. So we have to clean everything as we reuse nodes anyway.
+    nextEffect.nextEffect = null;
+    // Ensure that we reset the effectTag here so that we can rely on effect
+    // tags to reason about the current life-cycle.
+    nextEffect = next;
   }
 }
 
@@ -14887,15 +13545,6 @@ function markLegacyErrorBoundaryAsFailed(instance) {
   }
 }
 
-function flushPassiveEffects() {
-  if (passiveEffectCallback !== null) {
-    scheduler.unstable_cancelCallback(passiveEffectCallbackHandle);
-    // We call the scheduled callback instead of commitPassiveEffects directly
-    // to ensure tracing works correctly.
-    passiveEffectCallback();
-  }
-}
-
 function commitRoot(root, finishedWork) {
   isWorking = true;
   isCommitting$1 = true;
@@ -14921,7 +13570,9 @@ function commitRoot(root, finishedWork) {
   var updateExpirationTimeBeforeCommit = finishedWork.expirationTime;
   var childExpirationTimeBeforeCommit = finishedWork.childExpirationTime;
   var earliestRemainingTimeBeforeCommit =
-    childExpirationTimeBeforeCommit > updateExpirationTimeBeforeCommit
+    updateExpirationTimeBeforeCommit === NoWork ||
+    (childExpirationTimeBeforeCommit !== NoWork &&
+      childExpirationTimeBeforeCommit < updateExpirationTimeBeforeCommit)
       ? childExpirationTimeBeforeCommit
       : updateExpirationTimeBeforeCommit;
   markCommittedPriorityLevels(root, earliestRemainingTimeBeforeCommit);
@@ -15063,22 +13714,6 @@ function commitRoot(root, finishedWork) {
     }
   }
 
-  if (firstEffect !== null && rootWithPendingPassiveEffects !== null) {
-    // This commit included a passive effect. These do not need to fire until
-    // after the next paint. Schedule an callback to fire them in an async
-    // event. To ensure serial execution, the callback will be flushed early if
-    // we enter rootWithPendingPassiveEffects commit phase before then.
-    var callback = commitPassiveEffects.bind(null, root, firstEffect);
-    if (enableSchedulerTracing) {
-      // TODO: Avoid this extra callback by mutating the tracing ref directly,
-      // like we do at the beginning of commitRoot. I've opted not to do that
-      // here because that code is still in flux.
-      callback = tracing.unstable_wrap(callback);
-    }
-    passiveEffectCallbackHandle = scheduler.unstable_scheduleCallback(callback);
-    passiveEffectCallback = callback;
-  }
-
   isCommitting$1 = false;
   isWorking = false;
   stopCommitLifeCyclesTimer();
@@ -15091,7 +13726,9 @@ function commitRoot(root, finishedWork) {
   var updateExpirationTimeAfterCommit = finishedWork.expirationTime;
   var childExpirationTimeAfterCommit = finishedWork.childExpirationTime;
   var earliestRemainingTimeAfterCommit =
-    childExpirationTimeAfterCommit > updateExpirationTimeAfterCommit
+    updateExpirationTimeAfterCommit === NoWork ||
+    (childExpirationTimeAfterCommit !== NoWork &&
+      childExpirationTimeAfterCommit < updateExpirationTimeAfterCommit)
       ? childExpirationTimeAfterCommit
       : updateExpirationTimeAfterCommit;
   if (earliestRemainingTimeAfterCommit === NoWork) {
@@ -15134,7 +13771,10 @@ function commitRoot(root, finishedWork) {
         // Only decrement the pending interaction count if we're done.
         // If there's still work at the current priority,
         // That indicates that we are waiting for suspense data.
-        if (scheduledExpirationTime > earliestRemainingTimeAfterCommit) {
+        if (
+          earliestRemainingTimeAfterCommit === NoWork ||
+          scheduledExpirationTime < earliestRemainingTimeAfterCommit
+        ) {
           pendingInteractionMap.delete(scheduledExpirationTime);
 
           scheduledInteractions.forEach(function(interaction) {
@@ -15190,10 +13830,18 @@ function resetChildExpirationTime(workInProgress, renderTime) {
     while (child !== null) {
       var childUpdateExpirationTime = child.expirationTime;
       var childChildExpirationTime = child.childExpirationTime;
-      if (childUpdateExpirationTime > newChildExpirationTime) {
+      if (
+        newChildExpirationTime === NoWork ||
+        (childUpdateExpirationTime !== NoWork &&
+          childUpdateExpirationTime < newChildExpirationTime)
+      ) {
         newChildExpirationTime = childUpdateExpirationTime;
       }
-      if (childChildExpirationTime > newChildExpirationTime) {
+      if (
+        newChildExpirationTime === NoWork ||
+        (childChildExpirationTime !== NoWork &&
+          childChildExpirationTime < newChildExpirationTime)
+      ) {
         newChildExpirationTime = childChildExpirationTime;
       }
       if (shouldBubbleActualDurations) {
@@ -15209,10 +13857,18 @@ function resetChildExpirationTime(workInProgress, renderTime) {
     while (_child !== null) {
       var _childUpdateExpirationTime = _child.expirationTime;
       var _childChildExpirationTime = _child.childExpirationTime;
-      if (_childUpdateExpirationTime > newChildExpirationTime) {
+      if (
+        newChildExpirationTime === NoWork ||
+        (_childUpdateExpirationTime !== NoWork &&
+          _childUpdateExpirationTime < newChildExpirationTime)
+      ) {
         newChildExpirationTime = _childUpdateExpirationTime;
       }
-      if (_childChildExpirationTime > newChildExpirationTime) {
+      if (
+        newChildExpirationTime === NoWork ||
+        (_childChildExpirationTime !== NoWork &&
+          _childChildExpirationTime < newChildExpirationTime)
+      ) {
         newChildExpirationTime = _childChildExpirationTime;
       }
       _child = _child.sibling;
@@ -15426,7 +14082,6 @@ function performUnitOfWork(workInProgress) {
     }
 
     next = beginWork(current$$1, workInProgress, nextRenderExpirationTime);
-    workInProgress.memoizedProps = workInProgress.pendingProps;
 
     if (workInProgress.mode & ProfileMode) {
       // Record the render duration assuming we didn't bailout (or error).
@@ -15434,7 +14089,6 @@ function performUnitOfWork(workInProgress) {
     }
   } else {
     next = beginWork(current$$1, workInProgress, nextRenderExpirationTime);
-    workInProgress.memoizedProps = workInProgress.pendingProps;
   }
 
   {
@@ -15468,22 +14122,19 @@ function workLoop(isYieldy) {
       nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
     }
   } else {
-    // Flush asynchronous work until there's a higher priority event
-    while (nextUnitOfWork !== null && !shouldYieldToRenderer()) {
+    // Flush asynchronous work until the deadline runs out of time.
+    while (nextUnitOfWork !== null && !shouldYield()) {
       nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
     }
   }
 }
 
-function renderRoot(root, isYieldy) {
+function renderRoot(root, isYieldy, isExpired) {
   invariant(
     !isWorking,
     "renderRoot was called recursively. This error is likely caused " +
       "by a bug in React. Please file an issue."
   );
-
-  flushPassiveEffects();
-
   isWorking = true;
   ReactCurrentOwner$2.currentDispatcher = Dispatcher;
 
@@ -15515,7 +14166,7 @@ function renderRoot(root, isYieldy) {
         scheduledInteractions,
         scheduledExpirationTime
       ) {
-        if (scheduledExpirationTime >= expirationTime) {
+        if (scheduledExpirationTime <= expirationTime) {
           scheduledInteractions.forEach(function(interaction) {
             return interactions.add(interaction);
           });
@@ -15567,9 +14218,6 @@ function renderRoot(root, isYieldy) {
     try {
       workLoop(isYieldy);
     } catch (thrownValue) {
-      resetContextDependences();
-      resetHooks();
-
       if (nextUnitOfWork === null) {
         // This is a fatal error.
         didFatal = true;
@@ -15632,7 +14280,6 @@ function renderRoot(root, isYieldy) {
   isWorking = false;
   ReactCurrentOwner$2.currentDispatcher = null;
   resetContextDependences();
-  resetHooks();
 
   // Yield back to main thread.
   if (didFatal) {
@@ -15704,7 +14351,7 @@ function renderRoot(root, isYieldy) {
       // similar to a suspend, but without a timeout because we're not waiting
       // for a promise to resolve.
       !root.didError &&
-      isYieldy
+      !isExpired
     ) {
       root.didError = true;
       var _suspendedExpirationTime = (root.nextExpirationTimeToWorkOn = expirationTime);
@@ -15720,7 +14367,7 @@ function renderRoot(root, isYieldy) {
     }
   }
 
-  if (isYieldy && nextLatestAbsoluteTimeoutMs !== -1) {
+  if (!isExpired && nextLatestAbsoluteTimeoutMs !== -1) {
     // The tree was suspended.
     var _suspendedExpirationTime2 = expirationTime;
     markSuspendedPriorityLevel(root, _suspendedExpirationTime2);
@@ -15762,12 +14409,17 @@ function renderRoot(root, isYieldy) {
   onComplete(root, rootWorkInProgress, expirationTime);
 }
 
-function captureCommitPhaseError(sourceFiber, value) {
-  var expirationTime = Sync;
+function dispatch(sourceFiber, value, expirationTime) {
+  invariant(
+    !isWorking || isCommitting$1,
+    "dispatch: Cannot dispatch during the render phase."
+  );
+
   var fiber = sourceFiber.return;
   while (fiber !== null) {
     switch (fiber.tag) {
       case ClassComponent:
+      case ClassComponentLazy:
         var ctor = fiber.type;
         var instance = fiber.stateNode;
         if (
@@ -15808,6 +14460,10 @@ function captureCommitPhaseError(sourceFiber, value) {
   }
 }
 
+function captureCommitPhaseError(fiber, error) {
+  return dispatch(fiber, error, Sync);
+}
+
 function computeThreadID(expirationTime, interactionThreadID) {
   // Interaction threads are unique per root and expiration time.
   return expirationTime * 1000 + interactionThreadID;
@@ -15842,7 +14498,7 @@ function computeExpirationForFiber(currentTime, fiber) {
       // If we're in the middle of rendering a tree, do not update at the same
       // expiration time that is already rendering.
       if (nextRoot !== null && expirationTime === nextRenderExpirationTime) {
-        expirationTime -= 1;
+        expirationTime += 1;
       }
     } else {
       // This is a sync update
@@ -15853,10 +14509,7 @@ function computeExpirationForFiber(currentTime, fiber) {
     // This is an interactive update. Keep track of the lowest pending
     // interactive expiration time. This allows us to synchronously flush
     // all interactive updates when needed.
-    if (
-      lowestPriorityPendingInteractiveExpirationTime === NoWork ||
-      expirationTime < lowestPriorityPendingInteractiveExpirationTime
-    ) {
+    if (expirationTime > lowestPriorityPendingInteractiveExpirationTime) {
       lowestPriorityPendingInteractiveExpirationTime = expirationTime;
     }
   }
@@ -15877,7 +14530,7 @@ function renderDidError() {
   nextRenderDidError = true;
 }
 
-function retrySuspendedRoot(root, boundaryFiber, sourceFiber, suspendedTime) {
+function retrySuspendedRoot(root, fiber, suspendedTime) {
   var retryTime = void 0;
 
   if (isPriorityLevelSuspended(root, suspendedTime)) {
@@ -15888,18 +14541,18 @@ function retrySuspendedRoot(root, boundaryFiber, sourceFiber, suspendedTime) {
   } else {
     // Suspense already timed out. Compute a new expiration time
     var currentTime = requestCurrentTime();
-    retryTime = computeExpirationForFiber(currentTime, boundaryFiber);
+    retryTime = computeExpirationForFiber(currentTime, fiber);
     markPendingPriorityLevel(root, retryTime);
   }
 
-  // TODO: If the suspense fiber has already rendered the primary children
+  // TODO: If the placeholder fiber has already rendered the primary children
   // without suspending (that is, all of the promises have already resolved),
   // we should not trigger another update here. One case this happens is when
   // we are in sync mode and a single promise is thrown both on initial render
   // and on update; we attach two .then(retrySuspendedRoot) callbacks and each
   // one performs Sync work, rerendering the Suspense.
 
-  if ((boundaryFiber.mode & ConcurrentMode) !== NoContext) {
+  if ((fiber.mode & ConcurrentMode) !== NoContext) {
     if (root === nextRoot && nextRenderExpirationTime === suspendedTime) {
       // Received a ping at the same priority level at which we're currently
       // rendering. Restart from the root.
@@ -15907,23 +14560,7 @@ function retrySuspendedRoot(root, boundaryFiber, sourceFiber, suspendedTime) {
     }
   }
 
-  scheduleWorkToRoot(boundaryFiber, retryTime);
-  if ((boundaryFiber.mode & ConcurrentMode) === NoContext) {
-    // Outside of concurrent mode, we must schedule an update on the source
-    // fiber, too, since it already committed in an inconsistent state and
-    // therefore does not have any pending work.
-    scheduleWorkToRoot(sourceFiber, retryTime);
-    var sourceTag = sourceFiber.tag;
-    if (sourceTag === ClassComponent && sourceFiber.stateNode !== null) {
-      // When we try rendering again, we should not reuse the current fiber,
-      // since it's known to be in an inconsistent state. Use a force updte to
-      // prevent a bail out.
-      var update = createUpdate(retryTime);
-      update.tag = ForceUpdate;
-      enqueueUpdate(sourceFiber, update);
-    }
-  }
-
+  scheduleWorkToRoot(fiber, retryTime);
   var rootExpirationTime = root.expirationTime;
   if (rootExpirationTime !== NoWork) {
     requestWork(root, rootExpirationTime);
@@ -15934,18 +14571,25 @@ function scheduleWorkToRoot(fiber, expirationTime) {
   recordScheduleUpdate();
 
   {
-    if (fiber.tag === ClassComponent) {
+    if (fiber.tag === ClassComponent || fiber.tag === ClassComponentLazy) {
       var instance = fiber.stateNode;
       warnAboutInvalidUpdates(instance);
     }
   }
 
   // Update the source fiber's expiration time
-  if (fiber.expirationTime < expirationTime) {
+  if (
+    fiber.expirationTime === NoWork ||
+    fiber.expirationTime > expirationTime
+  ) {
     fiber.expirationTime = expirationTime;
   }
   var alternate = fiber.alternate;
-  if (alternate !== null && alternate.expirationTime < expirationTime) {
+  if (
+    alternate !== null &&
+    (alternate.expirationTime === NoWork ||
+      alternate.expirationTime > expirationTime)
+  ) {
     alternate.expirationTime = expirationTime;
   }
   // Walk the parent path to the root and update the child expiration time.
@@ -15956,17 +14600,22 @@ function scheduleWorkToRoot(fiber, expirationTime) {
   } else {
     while (node !== null) {
       alternate = node.alternate;
-      if (node.childExpirationTime < expirationTime) {
+      if (
+        node.childExpirationTime === NoWork ||
+        node.childExpirationTime > expirationTime
+      ) {
         node.childExpirationTime = expirationTime;
         if (
           alternate !== null &&
-          alternate.childExpirationTime < expirationTime
+          (alternate.childExpirationTime === NoWork ||
+            alternate.childExpirationTime > expirationTime)
         ) {
           alternate.childExpirationTime = expirationTime;
         }
       } else if (
         alternate !== null &&
-        alternate.childExpirationTime < expirationTime
+        (alternate.childExpirationTime === NoWork ||
+          alternate.childExpirationTime > expirationTime)
       ) {
         alternate.childExpirationTime = expirationTime;
       }
@@ -15979,18 +14628,11 @@ function scheduleWorkToRoot(fiber, expirationTime) {
   }
 
   if (root === null) {
-    {
-      switch (fiber.tag) {
-        case ClassComponent:
-          warnAboutUpdateOnUnmounted(fiber, true);
-          break;
-        case FunctionComponent:
-        case ForwardRef:
-        case MemoComponent:
-        case SimpleMemoComponent:
-          warnAboutUpdateOnUnmounted(fiber, false);
-          break;
-      }
+    if (
+      true &&
+      (fiber.tag === ClassComponent || fiber.tag === ClassComponentLazy)
+    ) {
+      warnAboutUpdateOnUnmounted(fiber);
     }
     return null;
   }
@@ -16041,7 +14683,7 @@ function scheduleWork(fiber, expirationTime) {
   if (
     !isWorking &&
     nextRenderExpirationTime !== NoWork &&
-    expirationTime > nextRenderExpirationTime
+    expirationTime < nextRenderExpirationTime
   ) {
     // This is an interruption. (Used for performance tracking.)
     interruptedBy = fiber;
@@ -16085,8 +14727,10 @@ var isRendering = false;
 var nextFlushedRoot = null;
 var nextFlushedExpirationTime = NoWork;
 var lowestPriorityPendingInteractiveExpirationTime = NoWork;
+var deadlineDidExpire = false;
 var hasUnhandledError = false;
 var unhandledError = null;
+var deadline = null;
 
 var isBatchingUpdates = false;
 var isUnbatchingUpdates = false;
@@ -16103,6 +14747,8 @@ var NESTED_UPDATE_LIMIT = 50;
 var nestedUpdateCount = 0;
 var lastCommittedRootDuringThisBatch = null;
 
+var timeHeuristicForUnitOfWork = 1;
+
 function recomputeCurrentRendererTime() {
   var currentTimeMs = now() - originalStartTimeMs;
   currentRendererTime = msToExpirationTime(currentTimeMs);
@@ -16111,7 +14757,7 @@ function recomputeCurrentRendererTime() {
 function scheduleCallbackWithExpirationTime(root, expirationTime) {
   if (callbackExpirationTime !== NoWork) {
     // A callback is already scheduled. Check its expiration time (timeout).
-    if (expirationTime < callbackExpirationTime) {
+    if (expirationTime > callbackExpirationTime) {
       // Existing callback has sufficient timeout. Exit.
       return;
     } else {
@@ -16154,7 +14800,7 @@ function onSuspend(
   msUntilTimeout
 ) {
   root.expirationTime = rootExpirationTime;
-  if (msUntilTimeout === 0 && !shouldYieldToRenderer()) {
+  if (msUntilTimeout === 0 && !shouldYield()) {
     // Don't wait an additional tick. Commit the tree immediately.
     root.pendingCommitExpirationTime = suspendedExpirationTime;
     root.finishedWork = finishedWork;
@@ -16249,7 +14895,7 @@ function requestWork(root, expirationTime) {
       // flush it now.
       nextFlushedRoot = root;
       nextFlushedExpirationTime = Sync;
-      performWorkOnRoot(root, Sync, false);
+      performWorkOnRoot(root, Sync, true);
     }
     return;
   }
@@ -16279,7 +14925,10 @@ function addRootToSchedule(root, expirationTime) {
   } else {
     // This root is already scheduled, but its priority may have increased.
     var remainingExpirationTime = root.expirationTime;
-    if (expirationTime > remainingExpirationTime) {
+    if (
+      remainingExpirationTime === NoWork ||
+      expirationTime < remainingExpirationTime
+    ) {
       // Update the priority.
       root.expirationTime = expirationTime;
     }
@@ -16328,7 +14977,10 @@ function findHighestPriorityRoot() {
         }
         root = previousScheduledRoot.nextScheduledRoot;
       } else {
-        if (remainingExpirationTime > highestPriorityWork) {
+        if (
+          highestPriorityWork === NoWork ||
+          remainingExpirationTime < highestPriorityWork
+        ) {
           // Update the priority, if it's higher
           highestPriorityWork = remainingExpirationTime;
           highestPriorityRoot = root;
@@ -16351,60 +15003,43 @@ function findHighestPriorityRoot() {
   nextFlushedExpirationTime = highestPriorityWork;
 }
 
-// TODO: This wrapper exists because many of the older tests (the ones that use
-// flushDeferredPri) rely on the number of times `shouldYield` is called. We
-// should get rid of it.
-var didYield = false;
-function shouldYieldToRenderer() {
-  if (didYield) {
-    return true;
-  }
-  if (shouldYield()) {
-    didYield = true;
-    return true;
-  }
-  return false;
-}
-
-function performAsyncWork() {
-  try {
-    if (!shouldYieldToRenderer()) {
-      // The callback timed out. That means at least one update has expired.
-      // Iterate through the root schedule. If they contain expired work, set
-      // the next render expiration time to the current time. This has the effect
-      // of flushing all expired work in a single batch, instead of flushing each
-      // level one at a time.
-      if (firstScheduledRoot !== null) {
-        recomputeCurrentRendererTime();
-        var root = firstScheduledRoot;
-        do {
-          didExpireAtExpirationTime(root, currentRendererTime);
-          // The root schedule is circular, so this is never null.
-          root = root.nextScheduledRoot;
-        } while (root !== firstScheduledRoot);
-      }
+function performAsyncWork(dl) {
+  if (dl.didTimeout) {
+    // The callback timed out. That means at least one update has expired.
+    // Iterate through the root schedule. If they contain expired work, set
+    // the next render expiration time to the current time. This has the effect
+    // of flushing all expired work in a single batch, instead of flushing each
+    // level one at a time.
+    if (firstScheduledRoot !== null) {
+      recomputeCurrentRendererTime();
+      var root = firstScheduledRoot;
+      do {
+        didExpireAtExpirationTime(root, currentRendererTime);
+        // The root schedule is circular, so this is never null.
+        root = root.nextScheduledRoot;
+      } while (root !== firstScheduledRoot);
     }
-    performWork(NoWork, true);
-  } finally {
-    didYield = false;
   }
+  performWork(NoWork, dl);
 }
 
 function performSyncWork() {
-  performWork(Sync, false);
+  performWork(Sync, null);
 }
 
-function performWork(minExpirationTime, isYieldy) {
-  // Keep working on roots until there's no more work, or until there's a higher
-  // priority event.
+function performWork(minExpirationTime, dl) {
+  deadline = dl;
+
+  // Keep working on roots until there's no more work, or until we reach
+  // the deadline.
   findHighestPriorityRoot();
 
-  if (isYieldy) {
+  if (deadline !== null) {
     recomputeCurrentRendererTime();
     currentSchedulerTime = currentRendererTime;
 
     if (enableUserTimingAPI) {
-      var didExpire = nextFlushedExpirationTime > currentRendererTime;
+      var didExpire = nextFlushedExpirationTime < currentRendererTime;
       var timeout = expirationTimeToMs(nextFlushedExpirationTime);
       stopRequestCallbackTimer(didExpire, timeout);
     }
@@ -16412,13 +15047,14 @@ function performWork(minExpirationTime, isYieldy) {
     while (
       nextFlushedRoot !== null &&
       nextFlushedExpirationTime !== NoWork &&
-      minExpirationTime <= nextFlushedExpirationTime &&
-      !(didYield && currentRendererTime > nextFlushedExpirationTime)
+      (minExpirationTime === NoWork ||
+        minExpirationTime >= nextFlushedExpirationTime) &&
+      (!deadlineDidExpire || currentRendererTime >= nextFlushedExpirationTime)
     ) {
       performWorkOnRoot(
         nextFlushedRoot,
         nextFlushedExpirationTime,
-        currentRendererTime > nextFlushedExpirationTime
+        currentRendererTime >= nextFlushedExpirationTime
       );
       findHighestPriorityRoot();
       recomputeCurrentRendererTime();
@@ -16428,9 +15064,10 @@ function performWork(minExpirationTime, isYieldy) {
     while (
       nextFlushedRoot !== null &&
       nextFlushedExpirationTime !== NoWork &&
-      minExpirationTime <= nextFlushedExpirationTime
+      (minExpirationTime === NoWork ||
+        minExpirationTime >= nextFlushedExpirationTime)
     ) {
-      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, false);
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, true);
       findHighestPriorityRoot();
     }
   }
@@ -16439,7 +15076,7 @@ function performWork(minExpirationTime, isYieldy) {
   // or there's no more work left with sufficient priority.
 
   // If we're inside a callback, set this to false since we just completed it.
-  if (isYieldy) {
+  if (deadline !== null) {
     callbackExpirationTime = NoWork;
     callbackID = null;
   }
@@ -16452,6 +15089,9 @@ function performWork(minExpirationTime, isYieldy) {
   }
 
   // Clean-up.
+  deadline = null;
+  deadlineDidExpire = false;
+
   finishRendering();
 }
 
@@ -16466,7 +15106,7 @@ function flushRoot(root, expirationTime) {
   // including the given time.
   nextFlushedRoot = root;
   nextFlushedExpirationTime = expirationTime;
-  performWorkOnRoot(root, expirationTime, false);
+  performWorkOnRoot(root, expirationTime, true);
   // Flush any sync work that was scheduled by lifecycles
   performSyncWork();
 }
@@ -16499,7 +15139,7 @@ function finishRendering() {
   }
 }
 
-function performWorkOnRoot(root, expirationTime, isYieldy) {
+function performWorkOnRoot(root, expirationTime, isExpired) {
   invariant(
     !isRendering,
     "performWorkOnRoot was called recursively. This error is likely caused " +
@@ -16509,7 +15149,7 @@ function performWorkOnRoot(root, expirationTime, isYieldy) {
   isRendering = true;
 
   // Check if this is async work or sync/expired work.
-  if (!isYieldy) {
+  if (deadline === null || isExpired) {
     // Flush work without yielding.
     // TODO: Non-yieldy work does not necessarily imply expired work. A renderer
     // may want to perform some work without yielding, but also without
@@ -16529,7 +15169,8 @@ function performWorkOnRoot(root, expirationTime, isYieldy) {
         // $FlowFixMe Complains noTimeout is not a TimeoutID, despite the check above
         cancelTimeout(timeoutHandle);
       }
-      renderRoot(root, isYieldy);
+      var isYieldy = false;
+      renderRoot(root, isYieldy, isExpired);
       finishedWork = root.finishedWork;
       if (finishedWork !== null) {
         // We've completed the root. Commit it.
@@ -16552,12 +15193,13 @@ function performWorkOnRoot(root, expirationTime, isYieldy) {
         // $FlowFixMe Complains noTimeout is not a TimeoutID, despite the check above
         cancelTimeout(_timeoutHandle);
       }
-      renderRoot(root, isYieldy);
+      var _isYieldy = true;
+      renderRoot(root, _isYieldy, isExpired);
       _finishedWork = root.finishedWork;
       if (_finishedWork !== null) {
-        // We've completed the root. Check the if we should yield one more time
+        // We've completed the root. Check the deadline one more time
         // before committing.
-        if (!shouldYieldToRenderer()) {
+        if (!shouldYield()) {
           // Still time left. Commit the root.
           completeRoot$1(root, _finishedWork, expirationTime);
         } else {
@@ -16575,7 +15217,7 @@ function performWorkOnRoot(root, expirationTime, isYieldy) {
 function completeRoot$1(root, finishedWork, expirationTime) {
   // Check if there's a batch that matches this expiration time.
   var firstBatch = root.firstBatch;
-  if (firstBatch !== null && firstBatch._expirationTime >= expirationTime) {
+  if (firstBatch !== null && firstBatch._expirationTime <= expirationTime) {
     if (completedBatches === null) {
       completedBatches = [firstBatch];
     } else {
@@ -16607,6 +15249,24 @@ function completeRoot$1(root, finishedWork, expirationTime) {
   commitRoot(root, finishedWork);
 }
 
+// When working on async work, the reconciler asks the renderer if it should
+// yield execution. For DOM, we implement this with requestIdleCallback.
+function shouldYield() {
+  if (deadlineDidExpire) {
+    return true;
+  }
+  if (
+    deadline === null ||
+    deadline.timeRemaining() > timeHeuristicForUnitOfWork
+  ) {
+    // Disregard deadline.didTimeout. Only expired work should be flushed
+    // during a timeout. This path is only hit for non-expired work.
+    return false;
+  }
+  deadlineDidExpire = true;
+  return true;
+}
+
 function onUncaughtError(error) {
   invariant(
     nextFlushedRoot !== null,
@@ -16651,7 +15311,7 @@ function interactiveUpdates$1(fn, a, b) {
     lowestPriorityPendingInteractiveExpirationTime !== NoWork
   ) {
     // Synchronously flush pending interactive updates.
-    performWork(lowestPriorityPendingInteractiveExpirationTime, false);
+    performWork(lowestPriorityPendingInteractiveExpirationTime, null);
     lowestPriorityPendingInteractiveExpirationTime = NoWork;
   }
   var previousIsBatchingInteractiveUpdates = isBatchingInteractiveUpdates;
@@ -16675,7 +15335,7 @@ function flushInteractiveUpdates$1() {
     lowestPriorityPendingInteractiveExpirationTime !== NoWork
   ) {
     // Synchronously flush pending interactive updates.
-    performWork(lowestPriorityPendingInteractiveExpirationTime, false);
+    performWork(lowestPriorityPendingInteractiveExpirationTime, null);
     lowestPriorityPendingInteractiveExpirationTime = NoWork;
   }
 }
@@ -16704,6 +15364,11 @@ function getContextForSubtree(parentComponent) {
     if (isContextProvider(Component)) {
       return processChildContext(fiber, Component, parentContext);
     }
+  } else if (fiber.tag === ClassComponentLazy) {
+    var _Component = getResultFromResolvedThenable(fiber.type);
+    if (isContextProvider(_Component)) {
+      return processChildContext(fiber, _Component, parentContext);
+    }
   }
 
   return parentContext;
@@ -16741,11 +15406,9 @@ function scheduleRootUpdate(current$$1, element, expirationTime, callback) {
       : void 0;
     update.callback = callback;
   }
-
-  flushPassiveEffects();
   enqueueUpdate(current$$1, update);
-  scheduleWork(current$$1, expirationTime);
 
+  scheduleWork(current$$1, expirationTime);
   return expirationTime;
 }
 
@@ -16936,7 +15599,7 @@ function createPortal(
 
 // TODO: this is special because it gets imported during build.
 
-var ReactVersion = "16.6.0";
+var ReactVersion = "16.6.0-alpha.8af6728";
 
 // Modules provided by RN:
 var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
@@ -17338,9 +16001,9 @@ function getInstanceFromTag(tag) {
 }
 
 // Module provided by RN:
-var emptyObject$1 = {};
+var emptyObject$2 = {};
 {
-  Object.freeze(emptyObject$1);
+  Object.freeze(emptyObject$2);
 }
 
 var getInspectorDataForViewTag = void 0;
@@ -17373,9 +16036,9 @@ var getInspectorDataForViewTag = void 0;
   var getHostProps = function(fiber) {
     var host = findCurrentHostFiber(fiber);
     if (host) {
-      return host.memoizedProps || emptyObject$1;
+      return host.memoizedProps || emptyObject$2;
     }
-    return emptyObject$1;
+    return emptyObject$2;
   };
 
   var getHostNode = function(fiber, findNodeHandle) {
@@ -17421,7 +16084,7 @@ var getInspectorDataForViewTag = void 0;
     if (!closestInstance) {
       return {
         hierarchy: [],
-        props: emptyObject$1,
+        props: emptyObject$2,
         selection: null,
         source: null
       };
diff --git a/Libraries/Renderer/oss/ReactFabric-prod.js b/Libraries/Renderer/oss/ReactFabric-prod.js
index 58700577f97..9bd0a470b98 100644
--- a/Libraries/Renderer/oss/ReactFabric-prod.js
+++ b/Libraries/Renderer/oss/ReactFabric-prod.js
@@ -19,8 +19,7 @@ var ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry"),
   flattenStyle = require("flattenStyle"),
   TextInputState = require("TextInputState"),
   FabricUIManager = require("FabricUIManager");
-var scheduler = require("scheduler"),
-  ExceptionsManager = require("ExceptionsManager");
+var ExceptionsManager = require("ExceptionsManager");
 function invariant(condition, format, a, b, c, d, e, f) {
   if (!condition) {
     condition = void 0;
@@ -294,7 +293,7 @@ function getListener(inst, registrationName) {
 }
 function getParent(inst) {
   do inst = inst.return;
-  while (inst && 5 !== inst.tag);
+  while (inst && 7 !== inst.tag);
   return inst ? inst : null;
 }
 function traverseTwoPhase(inst, fn, arg) {
@@ -1035,8 +1034,7 @@ var ReactSharedInternals =
     : 60111,
   REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
   REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113,
-  REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115,
-  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116,
+  REACT_PURE_TYPE = hasSymbol ? Symbol.for("react.pure") : 60115,
   MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
@@ -1045,6 +1043,13 @@ function getIteratorFn(maybeIterable) {
     maybeIterable["@@iterator"];
   return "function" === typeof maybeIterable ? maybeIterable : null;
 }
+function getWrappedName(outerType, innerType, wrapperName) {
+  innerType = innerType.displayName || innerType.name || "";
+  return (
+    outerType.displayName ||
+    ("" !== innerType ? wrapperName + "(" + innerType + ")" : wrapperName)
+  );
+}
 function getComponentName(type) {
   if (null == type) return null;
   if ("function" === typeof type) return type.displayName || type.name || null;
@@ -1063,25 +1068,23 @@ function getComponentName(type) {
     case REACT_SUSPENSE_TYPE:
       return "Suspense";
   }
-  if ("object" === typeof type)
+  if ("object" === typeof type) {
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
         return "Context.Consumer";
       case REACT_PROVIDER_TYPE:
         return "Context.Provider";
       case REACT_FORWARD_REF_TYPE:
-        var innerType = type.render;
-        innerType = innerType.displayName || innerType.name || "";
-        return (
-          type.displayName ||
-          ("" !== innerType ? "ForwardRef(" + innerType + ")" : "ForwardRef")
-        );
-      case REACT_MEMO_TYPE:
-        return getComponentName(type.type);
-      case REACT_LAZY_TYPE:
-        if ((type = 1 === type._status ? type._result : null))
-          return getComponentName(type);
+        return getWrappedName(type, type.render, "ForwardRef");
+      case REACT_PURE_TYPE:
+        return getWrappedName(type, type.render, "Pure");
     }
+    if (
+      "function" === typeof type.then &&
+      (type = 1 === type._reactStatus ? type._reactResult : null)
+    )
+      return getComponentName(type);
+  }
   return null;
 }
 function isFiberMountedImpl(fiber) {
@@ -1092,7 +1095,7 @@ function isFiberMountedImpl(fiber) {
     for (; node.return; )
       if (((node = node.return), 0 !== (node.effectTag & 2))) return 1;
   }
-  return 3 === node.tag ? 2 : 3;
+  return 5 === node.tag ? 2 : 3;
 }
 function assertIsMounted(fiber) {
   invariant(
@@ -1168,14 +1171,14 @@ function findCurrentFiberUsingSlowPath(fiber) {
       "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
     );
   }
-  invariant(3 === a.tag, "Unable to find node on an unmounted component.");
+  invariant(5 === a.tag, "Unable to find node on an unmounted component.");
   return a.stateNode.current === a ? fiber : alternate;
 }
 function findCurrentHostFiber(parent) {
   parent = findCurrentFiberUsingSlowPath(parent);
   if (!parent) return null;
   for (var node = parent; ; ) {
-    if (5 === node.tag || 6 === node.tag) return node;
+    if (7 === node.tag || 8 === node.tag) return node;
     if (node.child) (node.child.return = node), (node = node.child);
     else {
       if (node === parent) break;
@@ -1425,12 +1428,18 @@ var now$1 =
           return Date.now();
         },
   scheduledCallback = null,
-  frameDeadline = 0;
+  frameDeadline = 0,
+  frameDeadlineObject = {
+    timeRemaining: function() {
+      return frameDeadline - now$1();
+    },
+    didTimeout: !1
+  };
 function setTimeoutCallback() {
   frameDeadline = now$1() + 5;
   var callback = scheduledCallback;
   scheduledCallback = null;
-  null !== callback && callback();
+  null !== callback && callback(frameDeadlineObject);
 }
 var restoreTarget = null,
   restoreQueue = null;
@@ -1594,13 +1603,13 @@ function getStackByFiberInDevAndProd(workInProgress) {
   var info = "";
   do {
     a: switch (workInProgress.tag) {
-      case 2:
-      case 16:
+      case 4:
       case 0:
       case 1:
-      case 5:
-      case 8:
-      case 13:
+      case 2:
+      case 3:
+      case 7:
+      case 10:
         var owner = workInProgress._debugOwner,
           source = workInProgress._debugSource,
           name = getComponentName(workInProgress.type);
@@ -1751,7 +1760,7 @@ function injectInternals(internals) {
 function FiberNode(tag, pendingProps, key, mode) {
   this.tag = tag;
   this.key = key;
-  this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
+  this.sibling = this.child = this.return = this.stateNode = this.type = null;
   this.index = 0;
   this.ref = null;
   this.pendingProps = pendingProps;
@@ -1762,33 +1771,29 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.childExpirationTime = this.expirationTime = 0;
   this.alternate = null;
 }
-function createFiber(tag, pendingProps, key, mode) {
-  return new FiberNode(tag, pendingProps, key, mode);
-}
 function shouldConstruct(Component) {
   Component = Component.prototype;
   return !(!Component || !Component.isReactComponent);
 }
-function resolveLazyComponentTag(Component) {
+function resolveLazyComponentTag(fiber, Component) {
   if ("function" === typeof Component)
-    return shouldConstruct(Component) ? 1 : 0;
+    return shouldConstruct(Component) ? 3 : 1;
   if (void 0 !== Component && null !== Component) {
-    Component = Component.$$typeof;
-    if (Component === REACT_FORWARD_REF_TYPE) return 11;
-    if (Component === REACT_MEMO_TYPE) return 14;
+    fiber = Component.$$typeof;
+    if (fiber === REACT_FORWARD_REF_TYPE) return 14;
+    if (fiber === REACT_PURE_TYPE) return 18;
   }
-  return 2;
+  return 4;
 }
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = new FiberNode(
         current.tag,
         pendingProps,
         current.key,
         current.mode
       )),
-      (workInProgress.elementType = current.elementType),
       (workInProgress.type = current.type),
       (workInProgress.stateNode = current.stateNode),
       (workInProgress.alternate = current),
@@ -1810,66 +1815,60 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.ref = current.ref;
   return workInProgress;
 }
-function createFiberFromTypeAndProps(
-  type,
-  key,
-  pendingProps,
-  owner,
-  mode,
-  expirationTime
-) {
-  var fiberTag = 2;
-  owner = type;
-  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
-  else if ("string" === typeof type) fiberTag = 5;
+function createFiberFromElement(element, mode, expirationTime) {
+  var type = element.type,
+    key = element.key;
+  element = element.props;
+  var fiberTag = void 0;
+  if ("function" === typeof type) fiberTag = shouldConstruct(type) ? 2 : 4;
+  else if ("string" === typeof type) fiberTag = 7;
   else
     a: switch (type) {
       case REACT_FRAGMENT_TYPE:
         return createFiberFromFragment(
-          pendingProps.children,
+          element.children,
           mode,
           expirationTime,
           key
         );
       case REACT_CONCURRENT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 3, expirationTime, key);
+        fiberTag = 10;
+        mode |= 3;
+        break;
       case REACT_STRICT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 2, expirationTime, key);
+        fiberTag = 10;
+        mode |= 2;
+        break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 4)),
-          (type.elementType = REACT_PROFILER_TYPE),
+          (type = new FiberNode(15, element, key, mode | 4)),
           (type.type = REACT_PROFILER_TYPE),
           (type.expirationTime = expirationTime),
           type
         );
       case REACT_SUSPENSE_TYPE:
-        return (
-          (type = createFiber(13, pendingProps, key, mode)),
-          (type.elementType = REACT_SUSPENSE_TYPE),
-          (type.type = REACT_SUSPENSE_TYPE),
-          (type.expirationTime = expirationTime),
-          type
-        );
+        fiberTag = 16;
+        break;
       default:
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_PROVIDER_TYPE:
-              fiberTag = 10;
+              fiberTag = 12;
               break a;
             case REACT_CONTEXT_TYPE:
-              fiberTag = 9;
-              break a;
-            case REACT_FORWARD_REF_TYPE:
               fiberTag = 11;
               break a;
-            case REACT_MEMO_TYPE:
-              fiberTag = 14;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 13;
               break a;
-            case REACT_LAZY_TYPE:
-              fiberTag = 16;
-              owner = null;
+            case REACT_PURE_TYPE:
+              fiberTag = 17;
               break a;
+            default:
+              if ("function" === typeof type.then) {
+                fiberTag = 4;
+                break a;
+              }
           }
         invariant(
           !1,
@@ -1878,33 +1877,24 @@ function createFiberFromTypeAndProps(
           ""
         );
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
-  key.elementType = type;
-  key.type = owner;
-  key.expirationTime = expirationTime;
-  return key;
+  mode = new FiberNode(fiberTag, element, key, mode);
+  mode.type = type;
+  mode.expirationTime = expirationTime;
+  return mode;
 }
 function createFiberFromFragment(elements, mode, expirationTime, key) {
-  elements = createFiber(7, elements, key, mode);
+  elements = new FiberNode(9, elements, key, mode);
   elements.expirationTime = expirationTime;
   return elements;
 }
-function createFiberFromMode(pendingProps, mode, expirationTime, key) {
-  pendingProps = createFiber(8, pendingProps, key, mode);
-  mode = 0 === (mode & 1) ? REACT_STRICT_MODE_TYPE : REACT_CONCURRENT_MODE_TYPE;
-  pendingProps.elementType = mode;
-  pendingProps.type = mode;
-  pendingProps.expirationTime = expirationTime;
-  return pendingProps;
-}
 function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
+  content = new FiberNode(8, content, null, mode);
   content.expirationTime = expirationTime;
   return content;
 }
 function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
-    4,
+  mode = new FiberNode(
+    6,
     null !== portal.children ? portal.children : [],
     portal.key,
     mode
@@ -1922,9 +1912,9 @@ function markPendingPriorityLevel(root, expirationTime) {
   var earliestPendingTime = root.earliestPendingTime;
   0 === earliestPendingTime
     ? (root.earliestPendingTime = root.latestPendingTime = expirationTime)
-    : earliestPendingTime < expirationTime
+    : earliestPendingTime > expirationTime
       ? (root.earliestPendingTime = expirationTime)
-      : root.latestPendingTime > expirationTime &&
+      : root.latestPendingTime < expirationTime &&
         (root.latestPendingTime = expirationTime);
   findNextExpirationTimeToWorkOn(expirationTime, root);
 }
@@ -1932,7 +1922,7 @@ function markSuspendedPriorityLevel(root, suspendedTime) {
   root.didError = !1;
   var latestPingedTime = root.latestPingedTime;
   0 !== latestPingedTime &&
-    latestPingedTime >= suspendedTime &&
+    latestPingedTime <= suspendedTime &&
     (root.latestPingedTime = 0);
   latestPingedTime = root.earliestPendingTime;
   var latestPendingTime = root.latestPendingTime;
@@ -1947,18 +1937,22 @@ function markSuspendedPriorityLevel(root, suspendedTime) {
   latestPendingTime = root.latestSuspendedTime;
   0 === latestPingedTime
     ? (root.earliestSuspendedTime = root.latestSuspendedTime = suspendedTime)
-    : latestPingedTime < suspendedTime
+    : latestPingedTime > suspendedTime
       ? (root.earliestSuspendedTime = suspendedTime)
-      : latestPendingTime > suspendedTime &&
+      : latestPendingTime < suspendedTime &&
         (root.latestSuspendedTime = suspendedTime);
   findNextExpirationTimeToWorkOn(suspendedTime, root);
 }
 function findEarliestOutstandingPriorityLevel(root, renderExpirationTime) {
   var earliestPendingTime = root.earliestPendingTime;
   root = root.earliestSuspendedTime;
-  earliestPendingTime > renderExpirationTime &&
-    (renderExpirationTime = earliestPendingTime);
-  root > renderExpirationTime && (renderExpirationTime = root);
+  if (
+    0 === renderExpirationTime ||
+    (0 !== earliestPendingTime && earliestPendingTime < renderExpirationTime)
+  )
+    renderExpirationTime = earliestPendingTime;
+  if (0 === renderExpirationTime || (0 !== root && root < renderExpirationTime))
+    renderExpirationTime = root;
   return renderExpirationTime;
 }
 function findNextExpirationTimeToWorkOn(completedExpirationTime, root) {
@@ -1970,11 +1964,12 @@ function findNextExpirationTimeToWorkOn(completedExpirationTime, root) {
     0 !== earliestPendingTime ? earliestPendingTime : latestPingedTime;
   0 === earliestPendingTime &&
     (0 === completedExpirationTime ||
-      latestSuspendedTime < completedExpirationTime) &&
+      latestSuspendedTime > completedExpirationTime) &&
     (earliestPendingTime = latestSuspendedTime);
   completedExpirationTime = earliestPendingTime;
   0 !== completedExpirationTime &&
-    earliestSuspendedTime > completedExpirationTime &&
+    0 !== earliestSuspendedTime &&
+    earliestSuspendedTime < completedExpirationTime &&
     (completedExpirationTime = earliestSuspendedTime);
   root.nextExpirationTimeToWorkOn = earliestPendingTime;
   root.expirationTime = completedExpirationTime;
@@ -2086,7 +2081,7 @@ function getStateFromUpdate(
           : workInProgress
       );
     case 3:
-      workInProgress.effectTag = (workInProgress.effectTag & -2049) | 64;
+      workInProgress.effectTag = (workInProgress.effectTag & -1025) | 64;
     case 0:
       workInProgress = update.payload;
       nextProps =
@@ -2119,52 +2114,58 @@ function processUpdateQueue(
 
   ) {
     var updateExpirationTime = update.expirationTime;
-    updateExpirationTime < renderExpirationTime
-      ? (null === newFirstUpdate &&
+    if (updateExpirationTime > renderExpirationTime) {
+      if (
+        (null === newFirstUpdate &&
           ((newFirstUpdate = update), (newBaseState = resultState)),
-        newExpirationTime < updateExpirationTime &&
-          (newExpirationTime = updateExpirationTime))
-      : ((resultState = getStateFromUpdate(
-          workInProgress,
-          queue,
-          update,
-          resultState,
-          props,
-          instance
-        )),
+        0 === newExpirationTime || newExpirationTime > updateExpirationTime)
+      )
+        newExpirationTime = updateExpirationTime;
+    } else
+      (resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      )),
         null !== update.callback &&
           ((workInProgress.effectTag |= 32),
           (update.nextEffect = null),
           null === queue.lastEffect
             ? (queue.firstEffect = queue.lastEffect = update)
             : ((queue.lastEffect.nextEffect = update),
-              (queue.lastEffect = update))));
+              (queue.lastEffect = update)));
     update = update.next;
   }
   updateExpirationTime = null;
   for (update = queue.firstCapturedUpdate; null !== update; ) {
     var _updateExpirationTime = update.expirationTime;
-    _updateExpirationTime < renderExpirationTime
-      ? (null === updateExpirationTime &&
+    if (_updateExpirationTime > renderExpirationTime) {
+      if (
+        (null === updateExpirationTime &&
           ((updateExpirationTime = update),
           null === newFirstUpdate && (newBaseState = resultState)),
-        newExpirationTime < _updateExpirationTime &&
-          (newExpirationTime = _updateExpirationTime))
-      : ((resultState = getStateFromUpdate(
-          workInProgress,
-          queue,
-          update,
-          resultState,
-          props,
-          instance
-        )),
+        0 === newExpirationTime || newExpirationTime > _updateExpirationTime)
+      )
+        newExpirationTime = _updateExpirationTime;
+    } else
+      (resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      )),
         null !== update.callback &&
           ((workInProgress.effectTag |= 32),
           (update.nextEffect = null),
           null === queue.lastCapturedEffect
             ? (queue.firstCapturedEffect = queue.lastCapturedEffect = update)
             : ((queue.lastCapturedEffect.nextEffect = update),
-              (queue.lastCapturedEffect = update))));
+              (queue.lastCapturedEffect = update)));
     update = update.next;
   }
   null === newFirstUpdate && (queue.lastUpdate = null);
@@ -2245,277 +2246,13 @@ function readContext(context, observedBits) {
     null === lastContextDependency
       ? (invariant(
           null !== currentlyRenderingFiber,
-          "Context can only be read while React is rendering, e.g. inside the render method or getDerivedStateFromProps."
+          "Context.unstable_read(): Context can only be read while React is rendering, e.g. inside the render method or getDerivedStateFromProps."
         ),
         (currentlyRenderingFiber.firstContextDependency = lastContextDependency = observedBits))
       : (lastContextDependency = lastContextDependency.next = observedBits);
   }
   return context._currentValue2;
 }
-var renderExpirationTime = 0,
-  currentlyRenderingFiber$1 = null,
-  firstCurrentHook = null,
-  currentHook = null,
-  firstWorkInProgressHook = null,
-  workInProgressHook = null,
-  remainingExpirationTime = 0,
-  componentUpdateQueue = null,
-  isReRender = !1,
-  didScheduleRenderPhaseUpdate = !1,
-  renderPhaseUpdates = null,
-  numberOfReRenders = 0;
-function resolveCurrentlyRenderingFiber() {
-  invariant(
-    null !== currentlyRenderingFiber$1,
-    "Hooks can only be called inside the body of a function component."
-  );
-  return currentlyRenderingFiber$1;
-}
-function finishHooks(Component, props, children, refOrContext) {
-  for (; didScheduleRenderPhaseUpdate; )
-    (didScheduleRenderPhaseUpdate = !1),
-      (numberOfReRenders += 1),
-      (componentUpdateQueue = workInProgressHook = currentHook = null),
-      (children = Component(props, refOrContext));
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
-  Component = currentlyRenderingFiber$1;
-  Component.memoizedState = firstWorkInProgressHook;
-  Component.expirationTime = remainingExpirationTime;
-  Component.updateQueue = componentUpdateQueue;
-  Component = null !== currentHook && null !== currentHook.next;
-  renderExpirationTime = 0;
-  workInProgressHook = firstWorkInProgressHook = currentHook = firstCurrentHook = currentlyRenderingFiber$1 = null;
-  remainingExpirationTime = 0;
-  componentUpdateQueue = null;
-  invariant(
-    !Component,
-    "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
-  );
-  return children;
-}
-function resetHooks() {
-  renderExpirationTime = 0;
-  workInProgressHook = firstWorkInProgressHook = currentHook = firstCurrentHook = currentlyRenderingFiber$1 = null;
-  remainingExpirationTime = 0;
-  componentUpdateQueue = null;
-  didScheduleRenderPhaseUpdate = !1;
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
-}
-function createHook() {
-  return {
-    memoizedState: null,
-    baseState: null,
-    queue: null,
-    baseUpdate: null,
-    next: null
-  };
-}
-function cloneHook(hook) {
-  return {
-    memoizedState: hook.memoizedState,
-    baseState: hook.memoizedState,
-    queue: hook.queue,
-    baseUpdate: hook.baseUpdate,
-    next: null
-  };
-}
-function createWorkInProgressHook() {
-  if (null === workInProgressHook)
-    null === firstWorkInProgressHook
-      ? ((isReRender = !1),
-        (currentHook = firstCurrentHook),
-        (firstWorkInProgressHook = workInProgressHook =
-          null === currentHook ? createHook() : cloneHook(currentHook)))
-      : ((isReRender = !0),
-        (currentHook = firstCurrentHook),
-        (workInProgressHook = firstWorkInProgressHook));
-  else if (null === workInProgressHook.next) {
-    isReRender = !1;
-    if (null === currentHook) var hook = createHook();
-    else
-      (currentHook = currentHook.next),
-        (hook = null === currentHook ? createHook() : cloneHook(currentHook));
-    workInProgressHook = workInProgressHook.next = hook;
-  } else
-    (isReRender = !0),
-      (workInProgressHook = workInProgressHook.next),
-      (currentHook = null !== currentHook ? currentHook.next : null);
-  return workInProgressHook;
-}
-function basicStateReducer(state, action) {
-  return "function" === typeof action ? action(state) : action;
-}
-function useReducer(reducer, initialState, initialAction) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-  var queue = workInProgressHook.queue;
-  if (null !== queue) {
-    if (isReRender) {
-      initialState = queue.dispatch;
-      if (null !== renderPhaseUpdates) {
-        var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
-        if (void 0 !== firstRenderPhaseUpdate) {
-          renderPhaseUpdates.delete(queue);
-          initialAction = workInProgressHook.memoizedState;
-          do
-            (initialAction = reducer(
-              initialAction,
-              firstRenderPhaseUpdate.action
-            )),
-              (firstRenderPhaseUpdate = firstRenderPhaseUpdate.next);
-          while (null !== firstRenderPhaseUpdate);
-          workInProgressHook.memoizedState = initialAction;
-          workInProgressHook.baseUpdate === queue.last &&
-            (workInProgressHook.baseState = initialAction);
-          return [initialAction, initialState];
-        }
-      }
-      return [workInProgressHook.memoizedState, initialState];
-    }
-    initialState = queue.last;
-    var _baseUpdate = workInProgressHook.baseUpdate;
-    null !== _baseUpdate
-      ? (null !== initialState && (initialState.next = null),
-        (initialState = _baseUpdate.next))
-      : (initialState = null !== initialState ? initialState.next : null);
-    if (null !== initialState) {
-      initialAction = workInProgressHook.baseState;
-      var newBaseUpdate = (firstRenderPhaseUpdate = null),
-        _update = initialState,
-        didSkip = !1;
-      do {
-        var updateExpirationTime = _update.expirationTime;
-        updateExpirationTime < renderExpirationTime
-          ? (didSkip ||
-              ((didSkip = !0),
-              (newBaseUpdate = _baseUpdate),
-              (firstRenderPhaseUpdate = initialAction)),
-            updateExpirationTime > remainingExpirationTime &&
-              (remainingExpirationTime = updateExpirationTime))
-          : (initialAction = reducer(initialAction, _update.action));
-        _baseUpdate = _update;
-        _update = _update.next;
-      } while (null !== _update && _update !== initialState);
-      didSkip ||
-        ((newBaseUpdate = _baseUpdate),
-        (firstRenderPhaseUpdate = initialAction));
-      workInProgressHook.memoizedState = initialAction;
-      workInProgressHook.baseUpdate = newBaseUpdate;
-      workInProgressHook.baseState = firstRenderPhaseUpdate;
-    }
-    return [workInProgressHook.memoizedState, queue.dispatch];
-  }
-  reducer === basicStateReducer
-    ? "function" === typeof initialState && (initialState = initialState())
-    : void 0 !== initialAction &&
-      null !== initialAction &&
-      (initialState = reducer(initialState, initialAction));
-  workInProgressHook.memoizedState = workInProgressHook.baseState = initialState;
-  queue = workInProgressHook.queue = { last: null, dispatch: null };
-  reducer = queue.dispatch = dispatchAction.bind(
-    null,
-    currentlyRenderingFiber$1,
-    queue
-  );
-  return [workInProgressHook.memoizedState, reducer];
-}
-function pushEffect(tag, create, destroy, inputs) {
-  tag = {
-    tag: tag,
-    create: create,
-    destroy: destroy,
-    inputs: inputs,
-    next: null
-  };
-  null === componentUpdateQueue
-    ? ((componentUpdateQueue = { lastEffect: null }),
-      (componentUpdateQueue.lastEffect = tag.next = tag))
-    : ((create = componentUpdateQueue.lastEffect),
-      null === create
-        ? (componentUpdateQueue.lastEffect = tag.next = tag)
-        : ((destroy = create.next),
-          (create.next = tag),
-          (tag.next = destroy),
-          (componentUpdateQueue.lastEffect = tag)));
-  return tag;
-}
-function useEffectImpl(fiberEffectTag, hookEffectTag, create, inputs) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-  inputs = void 0 !== inputs && null !== inputs ? inputs : [create];
-  var destroy = null;
-  if (null !== currentHook) {
-    var prevEffect = currentHook.memoizedState;
-    destroy = prevEffect.destroy;
-    if (inputsAreEqual(inputs, prevEffect.inputs)) {
-      pushEffect(0, create, destroy, inputs);
-      return;
-    }
-  }
-  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
-  workInProgressHook.memoizedState = pushEffect(
-    hookEffectTag,
-    create,
-    destroy,
-    inputs
-  );
-}
-function dispatchAction(fiber, queue, action) {
-  invariant(
-    25 > numberOfReRenders,
-    "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-  );
-  var alternate = fiber.alternate;
-  if (
-    fiber === currentlyRenderingFiber$1 ||
-    (null !== alternate && alternate === currentlyRenderingFiber$1)
-  )
-    if (
-      ((didScheduleRenderPhaseUpdate = !0),
-      (fiber = {
-        expirationTime: renderExpirationTime,
-        action: action,
-        next: null
-      }),
-      null === renderPhaseUpdates && (renderPhaseUpdates = new Map()),
-      (alternate = renderPhaseUpdates.get(queue)),
-      void 0 === alternate)
-    )
-      renderPhaseUpdates.set(queue, fiber);
-    else {
-      for (queue = alternate; null !== queue.next; ) queue = queue.next;
-      queue.next = fiber;
-    }
-  else {
-    alternate = requestCurrentTime();
-    alternate = computeExpirationForFiber(alternate, fiber);
-    action = { expirationTime: alternate, action: action, next: null };
-    flushPassiveEffects();
-    var _last2 = queue.last;
-    if (null === _last2) action.next = action;
-    else {
-      var first = _last2.next;
-      null !== first && (action.next = first);
-      _last2.next = action;
-    }
-    queue.last = action;
-    scheduleWork(fiber, alternate);
-  }
-}
-function inputsAreEqual(arr1, arr2) {
-  for (var i = 0; i < arr1.length; i++) {
-    var val1 = arr1[i],
-      val2 = arr2[i];
-    if (
-      (val1 !== val2 || (0 === val1 && 1 / val1 !== 1 / val2)) &&
-      (val1 === val1 || val2 === val2)
-    )
-      return !1;
-  }
-  return !0;
-}
 var NO_CONTEXT = {},
   contextStackCursor$1 = { current: NO_CONTEXT },
   contextFiberStackCursor = { current: NO_CONTEXT },
@@ -2585,8 +2322,7 @@ function shallowEqual(objA, objB) {
       return !1;
   return !0;
 }
-var ReactCurrentOwner$4 = ReactSharedInternals.ReactCurrentOwner,
-  emptyRefsObject = new React.Component().refs;
+var emptyRefsObject = new React.Component().refs;
 function applyDerivedStateFromProps(
   workInProgress,
   ctor,
@@ -2618,7 +2354,6 @@ var classComponentUpdater = {
     var update = createUpdate(currentTime);
     update.payload = payload;
     void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
     enqueueUpdate(inst, update);
     scheduleWork(inst, currentTime);
   },
@@ -2630,7 +2365,6 @@ var classComponentUpdater = {
     update.tag = 1;
     update.payload = payload;
     void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
     enqueueUpdate(inst, update);
     scheduleWork(inst, currentTime);
   },
@@ -2641,7 +2375,6 @@ var classComponentUpdater = {
     var update = createUpdate(currentTime);
     update.tag = 2;
     void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
     enqueueUpdate(inst, update);
     scheduleWork(inst, currentTime);
   }
@@ -2662,32 +2395,6 @@ function checkShouldComponentUpdate(
       ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
       : !0;
 }
-function constructClassInstance(workInProgress, ctor, props) {
-  var isLegacyContextConsumer = !1,
-    unmaskedContext = emptyContextObject;
-  var context = ctor.contextType;
-  "object" === typeof context && null !== context
-    ? (context = ReactCurrentOwner$4.currentDispatcher.readContext(context))
-    : ((unmaskedContext = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (isLegacyContextConsumer = ctor.contextTypes),
-      (context = (isLegacyContextConsumer =
-        null !== isLegacyContextConsumer && void 0 !== isLegacyContextConsumer)
-        ? getMaskedContext(workInProgress, unmaskedContext)
-        : emptyContextObject));
-  ctor = new ctor(props, context);
-  workInProgress.memoizedState =
-    null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
-  ctor.updater = classComponentUpdater;
-  workInProgress.stateNode = ctor;
-  ctor._reactInternalFiber = workInProgress;
-  isLegacyContextConsumer &&
-    ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
-    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
-  return ctor;
-}
 function callComponentWillReceiveProps(
   workInProgress,
   instance,
@@ -2714,9 +2421,7 @@ function mountClassInstance(
   instance.refs = emptyRefsObject;
   var contextType = ctor.contextType;
   "object" === typeof contextType && null !== contextType
-    ? (instance.context = ReactCurrentOwner$4.currentDispatcher.readContext(
-        contextType
-      ))
+    ? (instance.context = contextType.unstable_read())
     : ((contextType = isContextProvider(ctor)
         ? previousContext
         : contextStackCursor.current),
@@ -2771,7 +2476,10 @@ function coerceRef(returnFiber, current$$1, element) {
       element = element._owner;
       var inst = void 0;
       element &&
-        (invariant(1 === element.tag, "Function components cannot have refs."),
+        (invariant(
+          2 === element.tag || 3 === element.tag,
+          "Function components cannot have refs."
+        ),
         (inst = element.stateNode));
       invariant(
         inst,
@@ -2876,7 +2584,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     textContent,
     expirationTime
   ) {
-    if (null === current$$1 || 6 !== current$$1.tag)
+    if (null === current$$1 || 8 !== current$$1.tag)
       return (
         (current$$1 = createFiberFromText(
           textContent,
@@ -2891,18 +2599,15 @@ function ChildReconciler(shouldTrackSideEffects) {
     return current$$1;
   }
   function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (null !== current$$1 && current$$1.elementType === element.type)
+    if (null !== current$$1 && current$$1.type === element.type)
       return (
         (expirationTime = useFiber(current$$1, element.props, expirationTime)),
         (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
         (expirationTime.return = returnFiber),
         expirationTime
       );
-    expirationTime = createFiberFromTypeAndProps(
-      element.type,
-      element.key,
-      element.props,
-      null,
+    expirationTime = createFiberFromElement(
+      element,
       returnFiber.mode,
       expirationTime
     );
@@ -2913,7 +2618,7 @@ function ChildReconciler(shouldTrackSideEffects) {
   function updatePortal(returnFiber, current$$1, portal, expirationTime) {
     if (
       null === current$$1 ||
-      4 !== current$$1.tag ||
+      6 !== current$$1.tag ||
       current$$1.stateNode.containerInfo !== portal.containerInfo ||
       current$$1.stateNode.implementation !== portal.implementation
     )
@@ -2937,7 +2642,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     expirationTime,
     key
   ) {
-    if (null === current$$1 || 7 !== current$$1.tag)
+    if (null === current$$1 || 9 !== current$$1.tag)
       return (
         (current$$1 = createFiberFromFragment(
           fragment,
@@ -2967,11 +2672,8 @@ function ChildReconciler(shouldTrackSideEffects) {
       switch (newChild.$$typeof) {
         case REACT_ELEMENT_TYPE:
           return (
-            (expirationTime = createFiberFromTypeAndProps(
-              newChild.type,
-              newChild.key,
-              newChild.props,
-              null,
+            (expirationTime = createFiberFromElement(
+              newChild,
               returnFiber.mode,
               expirationTime
             )),
@@ -3315,9 +3017,9 @@ function ChildReconciler(shouldTrackSideEffects) {
             ) {
               if (isUnkeyedTopLevelFragment.key === isObject)
                 if (
-                  7 === isUnkeyedTopLevelFragment.tag
+                  9 === isUnkeyedTopLevelFragment.tag
                     ? newChild.type === REACT_FRAGMENT_TYPE
-                    : isUnkeyedTopLevelFragment.elementType === newChild.type
+                    : isUnkeyedTopLevelFragment.type === newChild.type
                 ) {
                   deleteRemainingChildren(
                     returnFiber,
@@ -3357,11 +3059,8 @@ function ChildReconciler(shouldTrackSideEffects) {
                 )),
                 (currentFirstChild.return = returnFiber),
                 (returnFiber = currentFirstChild))
-              : ((expirationTime = createFiberFromTypeAndProps(
-                  newChild.type,
-                  newChild.key,
-                  newChild.props,
-                  null,
+              : ((expirationTime = createFiberFromElement(
+                  newChild,
                   returnFiber.mode,
                   expirationTime
                 )),
@@ -3383,7 +3082,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             ) {
               if (currentFirstChild.key === isUnkeyedTopLevelFragment)
                 if (
-                  4 === currentFirstChild.tag &&
+                  6 === currentFirstChild.tag &&
                   currentFirstChild.stateNode.containerInfo ===
                     newChild.containerInfo &&
                   currentFirstChild.stateNode.implementation ===
@@ -3421,7 +3120,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     if ("string" === typeof newChild || "number" === typeof newChild)
       return (
         (newChild = "" + newChild),
-        null !== currentFirstChild && 6 === currentFirstChild.tag
+        null !== currentFirstChild && 8 === currentFirstChild.tag
           ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
             (currentFirstChild = useFiber(
               currentFirstChild,
@@ -3457,7 +3156,8 @@ function ChildReconciler(shouldTrackSideEffects) {
     isObject && throwOnInvalidObjectType(returnFiber, newChild);
     if ("undefined" === typeof newChild && !isUnkeyedTopLevelFragment)
       switch (returnFiber.tag) {
-        case 1:
+        case 2:
+        case 3:
         case 0:
           (expirationTime = returnFiber.type),
             invariant(
@@ -3476,12 +3176,12 @@ var reconcileChildFibers = ChildReconciler(!0),
   isHydrating = !1;
 function tryHydrate(fiber, nextInstance) {
   switch (fiber.tag) {
-    case 5:
+    case 7:
       return (
         (nextInstance = shim$1(nextInstance, fiber.type, fiber.pendingProps)),
         null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
       );
-    case 6:
+    case 8:
       return (
         (nextInstance = shim$1(nextInstance, fiber.pendingProps)),
         null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
@@ -3504,8 +3204,7 @@ function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
           return;
         }
         var returnFiber = hydrationParentFiber,
-          fiber = createFiber(5, null, null, 0);
-        fiber.elementType = "DELETED";
+          fiber = new FiberNode(7, null, null, 0);
         fiber.type = "DELETED";
         fiber.stateNode = firstAttemptedInstance;
         fiber.return = returnFiber;
@@ -3523,33 +3222,36 @@ function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
         (hydrationParentFiber = fiber$jscomp$0);
   }
 }
-function readLazyComponentType(lazyComponent) {
-  var result = lazyComponent._result;
-  switch (lazyComponent._status) {
+function readLazyComponentType(thenable) {
+  switch (thenable._reactStatus) {
     case 1:
-      return result;
+      return thenable._reactResult;
     case 2:
-      throw result;
+      throw thenable._reactResult;
     case 0:
-      throw result;
+      throw thenable;
     default:
-      throw ((lazyComponent._status = 0),
-      (result = lazyComponent._ctor),
-      (result = result()),
-      result.then(
-        function(moduleObject) {
-          0 === lazyComponent._status &&
-            ((moduleObject = moduleObject.default),
-            (lazyComponent._status = 1),
-            (lazyComponent._result = moduleObject));
+      throw ((thenable._reactStatus = 0),
+      thenable.then(
+        function(resolvedValue) {
+          if (0 === thenable._reactStatus) {
+            thenable._reactStatus = 1;
+            if ("object" === typeof resolvedValue && null !== resolvedValue) {
+              var defaultExport = resolvedValue.default;
+              resolvedValue =
+                void 0 !== defaultExport && null !== defaultExport
+                  ? defaultExport
+                  : resolvedValue;
+            }
+            thenable._reactResult = resolvedValue;
+          }
         },
         function(error) {
-          0 === lazyComponent._status &&
-            ((lazyComponent._status = 2), (lazyComponent._result = error));
+          0 === thenable._reactStatus &&
+            ((thenable._reactStatus = 2), (thenable._reactResult = error));
         }
       ),
-      (lazyComponent._result = result),
-      result);
+      thenable);
   }
 }
 var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
@@ -3577,87 +3279,28 @@ function reconcileChildren(
 function updateForwardRef(
   current$$1,
   workInProgress,
-  Component,
+  type,
   nextProps,
-  renderExpirationTime$jscomp$0
-) {
-  Component = Component.render;
-  var ref = workInProgress.ref;
-  prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0);
-  renderExpirationTime = renderExpirationTime$jscomp$0;
-  currentlyRenderingFiber$1 = workInProgress;
-  firstCurrentHook = null !== current$$1 ? current$$1.memoizedState : null;
-  var nextChildren = Component(nextProps, ref);
-  nextChildren = finishHooks(Component, nextProps, nextChildren, ref);
-  workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime$jscomp$0
-  );
-  return workInProgress.child;
-}
-function updateMemoComponent(
-  current$$1,
-  workInProgress,
-  Component,
-  nextProps,
-  updateExpirationTime,
   renderExpirationTime
 ) {
-  if (null === current$$1) {
-    var type = Component.type;
-    if (
-      "function" === typeof type &&
-      !shouldConstruct(type) &&
-      void 0 === type.defaultProps &&
-      null === Component.compare
-    )
-      return (
-        (workInProgress.tag = 15),
-        (workInProgress.type = type),
-        updateSimpleMemoComponent(
-          current$$1,
-          workInProgress,
-          type,
-          nextProps,
-          updateExpirationTime,
-          renderExpirationTime
-        )
-      );
-    current$$1 = createFiberFromTypeAndProps(
-      Component.type,
-      null,
-      nextProps,
-      null,
-      workInProgress.mode,
-      renderExpirationTime
-    );
-    current$$1.ref = workInProgress.ref;
-    current$$1.return = workInProgress;
-    return (workInProgress.child = current$$1);
-  }
-  type = current$$1.child;
+  type = type.render;
+  var ref = workInProgress.ref;
   if (
-    updateExpirationTime < renderExpirationTime &&
-    ((updateExpirationTime = type.memoizedProps),
-    (Component = Component.compare),
-    (Component = null !== Component ? Component : shallowEqual),
-    Component(updateExpirationTime, nextProps) &&
-      current$$1.ref === workInProgress.ref)
+    !didPerformWorkStackCursor.current &&
+    workInProgress.memoizedProps === nextProps &&
+    ref === (null !== current$$1 ? current$$1.ref : null)
   )
     return bailoutOnAlreadyFinishedWork(
       current$$1,
       workInProgress,
       renderExpirationTime
     );
-  current$$1 = createWorkInProgress(type, nextProps, renderExpirationTime);
-  current$$1.ref = workInProgress.ref;
-  current$$1.return = workInProgress;
-  return (workInProgress.child = current$$1);
+  type = type(nextProps, ref);
+  reconcileChildren(current$$1, workInProgress, type, renderExpirationTime);
+  workInProgress.memoizedProps = nextProps;
+  return workInProgress.child;
 }
-function updateSimpleMemoComponent(
+function updatePureComponent(
   current$$1,
   workInProgress,
   Component,
@@ -3665,22 +3308,29 @@ function updateSimpleMemoComponent(
   updateExpirationTime,
   renderExpirationTime
 ) {
-  return null !== current$$1 &&
-    updateExpirationTime < renderExpirationTime &&
-    shallowEqual(current$$1.memoizedProps, nextProps) &&
-    current$$1.ref === workInProgress.ref
-    ? bailoutOnAlreadyFinishedWork(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      )
-    : updateFunctionComponent(
-        current$$1,
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      );
+  var render = Component.render,
+    ref = workInProgress.ref;
+  if (
+    null !== current$$1 &&
+    (0 === updateExpirationTime ||
+      updateExpirationTime > renderExpirationTime) &&
+    ((updateExpirationTime = current$$1.memoizedProps),
+    (Component = Component.compare),
+    (Component = null !== Component ? Component : shallowEqual),
+    workInProgress.ref === current$$1.ref &&
+      Component(updateExpirationTime, nextProps))
+  )
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  render = render(nextProps, ref);
+  workInProgress.effectTag |= 1;
+  reconcileChildren(current$$1, workInProgress, render, renderExpirationTime);
+  workInProgress.memoizedProps = nextProps;
+  return workInProgress.child;
 }
 function markRef(current$$1, workInProgress) {
   var ref = workInProgress.ref;
@@ -3695,30 +3345,22 @@ function updateFunctionComponent(
   workInProgress,
   Component,
   nextProps,
-  renderExpirationTime$jscomp$0
+  renderExpirationTime
 ) {
   var unmaskedContext = isContextProvider(Component)
     ? previousContext
     : contextStackCursor.current;
   unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
-  prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0);
-  renderExpirationTime = renderExpirationTime$jscomp$0;
-  currentlyRenderingFiber$1 = workInProgress;
-  firstCurrentHook = null !== current$$1 ? current$$1.memoizedState : null;
-  var nextChildren = Component(nextProps, unmaskedContext);
-  nextChildren = finishHooks(
-    Component,
-    nextProps,
-    nextChildren,
-    unmaskedContext
-  );
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  Component = Component(nextProps, unmaskedContext);
   workInProgress.effectTag |= 1;
   reconcileChildren(
     current$$1,
     workInProgress,
-    nextChildren,
-    renderExpirationTime$jscomp$0
+    Component,
+    renderExpirationTime
   );
+  workInProgress.memoizedProps = nextProps;
   return workInProgress.child;
 }
 function updateClassComponent(
@@ -3733,149 +3375,166 @@ function updateClassComponent(
     pushContextProvider(workInProgress);
   } else hasContext = !1;
   prepareToReadContext(workInProgress, renderExpirationTime);
-  if (null === workInProgress.stateNode)
-    null !== current$$1 &&
-      ((current$$1.alternate = null),
-      (workInProgress.alternate = null),
-      (workInProgress.effectTag |= 2)),
-      constructClassInstance(
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      ),
+  if (null === current$$1)
+    if (null === workInProgress.stateNode) {
+      var isLegacyContextConsumer = !1,
+        unmaskedContext = emptyContextObject;
+      var context = Component.contextType;
+      "object" === typeof context && null !== context
+        ? (context = context.unstable_read())
+        : ((unmaskedContext = isContextProvider(Component)
+            ? previousContext
+            : contextStackCursor.current),
+          (isLegacyContextConsumer = Component.contextTypes),
+          (context = (isLegacyContextConsumer =
+            null !== isLegacyContextConsumer &&
+            void 0 !== isLegacyContextConsumer)
+            ? getMaskedContext(workInProgress, unmaskedContext)
+            : emptyContextObject));
+      var instance = new Component(nextProps, context);
+      workInProgress.memoizedState =
+        null !== instance.state && void 0 !== instance.state
+          ? instance.state
+          : null;
+      instance.updater = classComponentUpdater;
+      workInProgress.stateNode = instance;
+      instance._reactInternalFiber = workInProgress;
+      isLegacyContextConsumer &&
+        ((isLegacyContextConsumer = workInProgress.stateNode),
+        (isLegacyContextConsumer.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+        (isLegacyContextConsumer.__reactInternalMemoizedMaskedChildContext = context));
       mountClassInstance(
         workInProgress,
         Component,
         nextProps,
         renderExpirationTime
-      ),
-      (nextProps = !0);
-  else if (null === current$$1) {
-    var instance = workInProgress.stateNode,
-      oldProps = workInProgress.memoizedProps;
-    instance.props = oldProps;
-    var oldContext = instance.context,
-      contextType = Component.contextType;
-    "object" === typeof contextType && null !== contextType
-      ? (contextType = ReactCurrentOwner$4.currentDispatcher.readContext(
-          contextType
-        ))
-      : ((contextType = isContextProvider(Component)
-          ? previousContext
-          : contextStackCursor.current),
-        (contextType = getMaskedContext(workInProgress, contextType)));
-    var getDerivedStateFromProps = Component.getDerivedStateFromProps,
-      hasNewLifecycles =
-        "function" === typeof getDerivedStateFromProps ||
-        "function" === typeof instance.getSnapshotBeforeUpdate;
-    hasNewLifecycles ||
-      ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
-        "function" !== typeof instance.componentWillReceiveProps) ||
-      ((oldProps !== nextProps || oldContext !== contextType) &&
-        callComponentWillReceiveProps(
-          workInProgress,
-          instance,
-          nextProps,
-          contextType
-        ));
-    hasForceUpdate = !1;
-    var oldState = workInProgress.memoizedState;
-    oldContext = instance.state = oldState;
-    var updateQueue = workInProgress.updateQueue;
-    null !== updateQueue &&
-      (processUpdateQueue(
-        workInProgress,
-        updateQueue,
-        nextProps,
-        instance,
-        renderExpirationTime
-      ),
-      (oldContext = workInProgress.memoizedState));
-    oldProps !== nextProps ||
-    oldState !== oldContext ||
-    didPerformWorkStackCursor.current ||
-    hasForceUpdate
-      ? ("function" === typeof getDerivedStateFromProps &&
-          (applyDerivedStateFromProps(
-            workInProgress,
-            Component,
-            getDerivedStateFromProps,
-            nextProps
-          ),
-          (oldContext = workInProgress.memoizedState)),
-        (oldProps =
-          hasForceUpdate ||
-          checkShouldComponentUpdate(
-            workInProgress,
-            Component,
-            oldProps,
-            nextProps,
-            oldState,
-            oldContext,
-            contextType
-          ))
-          ? (hasNewLifecycles ||
-              ("function" !== typeof instance.UNSAFE_componentWillMount &&
-                "function" !== typeof instance.componentWillMount) ||
-              ("function" === typeof instance.componentWillMount &&
-                instance.componentWillMount(),
-              "function" === typeof instance.UNSAFE_componentWillMount &&
-                instance.UNSAFE_componentWillMount()),
-            "function" === typeof instance.componentDidMount &&
-              (workInProgress.effectTag |= 4))
-          : ("function" === typeof instance.componentDidMount &&
-              (workInProgress.effectTag |= 4),
-            (workInProgress.memoizedProps = nextProps),
-            (workInProgress.memoizedState = oldContext)),
-        (instance.props = nextProps),
-        (instance.state = oldContext),
-        (instance.context = contextType),
-        (nextProps = oldProps))
-      : ("function" === typeof instance.componentDidMount &&
-          (workInProgress.effectTag |= 4),
-        (nextProps = !1));
-  } else
-    (instance = workInProgress.stateNode),
-      (oldProps = workInProgress.memoizedProps),
-      (instance.props = oldProps),
-      (oldContext = instance.context),
-      (contextType = Component.contextType),
-      "object" === typeof contextType && null !== contextType
-        ? (contextType = ReactCurrentOwner$4.currentDispatcher.readContext(
-            contextType
-          ))
-        : ((contextType = isContextProvider(Component)
+      );
+      nextProps = !0;
+    } else {
+      unmaskedContext = workInProgress.stateNode;
+      isLegacyContextConsumer = workInProgress.memoizedProps;
+      unmaskedContext.props = isLegacyContextConsumer;
+      var oldContext = unmaskedContext.context;
+      context = Component.contextType;
+      "object" === typeof context && null !== context
+        ? (context = context.unstable_read())
+        : ((context = isContextProvider(Component)
             ? previousContext
             : contextStackCursor.current),
-          (contextType = getMaskedContext(workInProgress, contextType))),
-      (getDerivedStateFromProps = Component.getDerivedStateFromProps),
-      (hasNewLifecycles =
+          (context = getMaskedContext(workInProgress, context)));
+      var getDerivedStateFromProps = Component.getDerivedStateFromProps;
+      (instance =
         "function" === typeof getDerivedStateFromProps ||
-        "function" === typeof instance.getSnapshotBeforeUpdate) ||
-        ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
-          "function" !== typeof instance.componentWillReceiveProps) ||
-        ((oldProps !== nextProps || oldContext !== contextType) &&
+        "function" === typeof unmaskedContext.getSnapshotBeforeUpdate) ||
+        ("function" !==
+          typeof unmaskedContext.UNSAFE_componentWillReceiveProps &&
+          "function" !== typeof unmaskedContext.componentWillReceiveProps) ||
+        ((isLegacyContextConsumer !== nextProps || oldContext !== context) &&
           callComponentWillReceiveProps(
             workInProgress,
-            instance,
+            unmaskedContext,
             nextProps,
-            contextType
+            context
+          ));
+      hasForceUpdate = !1;
+      var oldState = workInProgress.memoizedState;
+      oldContext = unmaskedContext.state = oldState;
+      var updateQueue = workInProgress.updateQueue;
+      null !== updateQueue &&
+        (processUpdateQueue(
+          workInProgress,
+          updateQueue,
+          nextProps,
+          unmaskedContext,
+          renderExpirationTime
+        ),
+        (oldContext = workInProgress.memoizedState));
+      isLegacyContextConsumer !== nextProps ||
+      oldState !== oldContext ||
+      didPerformWorkStackCursor.current ||
+      hasForceUpdate
+        ? ("function" === typeof getDerivedStateFromProps &&
+            (applyDerivedStateFromProps(
+              workInProgress,
+              Component,
+              getDerivedStateFromProps,
+              nextProps
+            ),
+            (oldContext = workInProgress.memoizedState)),
+          (isLegacyContextConsumer =
+            hasForceUpdate ||
+            checkShouldComponentUpdate(
+              workInProgress,
+              Component,
+              isLegacyContextConsumer,
+              nextProps,
+              oldState,
+              oldContext,
+              context
+            ))
+            ? (instance ||
+                ("function" !==
+                  typeof unmaskedContext.UNSAFE_componentWillMount &&
+                  "function" !== typeof unmaskedContext.componentWillMount) ||
+                ("function" === typeof unmaskedContext.componentWillMount &&
+                  unmaskedContext.componentWillMount(),
+                "function" ===
+                  typeof unmaskedContext.UNSAFE_componentWillMount &&
+                  unmaskedContext.UNSAFE_componentWillMount()),
+              "function" === typeof unmaskedContext.componentDidMount &&
+                (workInProgress.effectTag |= 4))
+            : ("function" === typeof unmaskedContext.componentDidMount &&
+                (workInProgress.effectTag |= 4),
+              (workInProgress.memoizedProps = nextProps),
+              (workInProgress.memoizedState = oldContext)),
+          (unmaskedContext.props = nextProps),
+          (unmaskedContext.state = oldContext),
+          (unmaskedContext.context = context),
+          (nextProps = isLegacyContextConsumer))
+        : ("function" === typeof unmaskedContext.componentDidMount &&
+            (workInProgress.effectTag |= 4),
+          (nextProps = !1));
+    }
+  else
+    (unmaskedContext = workInProgress.stateNode),
+      (isLegacyContextConsumer = workInProgress.memoizedProps),
+      (unmaskedContext.props = isLegacyContextConsumer),
+      (oldContext = unmaskedContext.context),
+      (context = Component.contextType),
+      "object" === typeof context && null !== context
+        ? (context = context.unstable_read())
+        : ((context = isContextProvider(Component)
+            ? previousContext
+            : contextStackCursor.current),
+          (context = getMaskedContext(workInProgress, context))),
+      (getDerivedStateFromProps = Component.getDerivedStateFromProps),
+      (instance =
+        "function" === typeof getDerivedStateFromProps ||
+        "function" === typeof unmaskedContext.getSnapshotBeforeUpdate) ||
+        ("function" !==
+          typeof unmaskedContext.UNSAFE_componentWillReceiveProps &&
+          "function" !== typeof unmaskedContext.componentWillReceiveProps) ||
+        ((isLegacyContextConsumer !== nextProps || oldContext !== context) &&
+          callComponentWillReceiveProps(
+            workInProgress,
+            unmaskedContext,
+            nextProps,
+            context
           )),
       (hasForceUpdate = !1),
       (oldContext = workInProgress.memoizedState),
-      (oldState = instance.state = oldContext),
+      (oldState = unmaskedContext.state = oldContext),
       (updateQueue = workInProgress.updateQueue),
       null !== updateQueue &&
         (processUpdateQueue(
           workInProgress,
           updateQueue,
           nextProps,
-          instance,
+          unmaskedContext,
           renderExpirationTime
         ),
         (oldState = workInProgress.memoizedState)),
-      oldProps !== nextProps ||
+      isLegacyContextConsumer !== nextProps ||
       oldContext !== oldState ||
       didPerformWorkStackCursor.current ||
       hasForceUpdate
@@ -3892,51 +3551,53 @@ function updateClassComponent(
             checkShouldComponentUpdate(
               workInProgress,
               Component,
-              oldProps,
+              isLegacyContextConsumer,
               nextProps,
               oldContext,
               oldState,
-              contextType
+              context
             ))
-            ? (hasNewLifecycles ||
-                ("function" !== typeof instance.UNSAFE_componentWillUpdate &&
-                  "function" !== typeof instance.componentWillUpdate) ||
-                ("function" === typeof instance.componentWillUpdate &&
-                  instance.componentWillUpdate(
+            ? (instance ||
+                ("function" !==
+                  typeof unmaskedContext.UNSAFE_componentWillUpdate &&
+                  "function" !== typeof unmaskedContext.componentWillUpdate) ||
+                ("function" === typeof unmaskedContext.componentWillUpdate &&
+                  unmaskedContext.componentWillUpdate(
                     nextProps,
                     oldState,
-                    contextType
+                    context
                   ),
-                "function" === typeof instance.UNSAFE_componentWillUpdate &&
-                  instance.UNSAFE_componentWillUpdate(
+                "function" ===
+                  typeof unmaskedContext.UNSAFE_componentWillUpdate &&
+                  unmaskedContext.UNSAFE_componentWillUpdate(
                     nextProps,
                     oldState,
-                    contextType
+                    context
                   )),
-              "function" === typeof instance.componentDidUpdate &&
+              "function" === typeof unmaskedContext.componentDidUpdate &&
                 (workInProgress.effectTag |= 4),
-              "function" === typeof instance.getSnapshotBeforeUpdate &&
+              "function" === typeof unmaskedContext.getSnapshotBeforeUpdate &&
                 (workInProgress.effectTag |= 256))
-            : ("function" !== typeof instance.componentDidUpdate ||
-                (oldProps === current$$1.memoizedProps &&
+            : ("function" !== typeof unmaskedContext.componentDidUpdate ||
+                (isLegacyContextConsumer === current$$1.memoizedProps &&
                   oldContext === current$$1.memoizedState) ||
                 (workInProgress.effectTag |= 4),
-              "function" !== typeof instance.getSnapshotBeforeUpdate ||
-                (oldProps === current$$1.memoizedProps &&
+              "function" !== typeof unmaskedContext.getSnapshotBeforeUpdate ||
+                (isLegacyContextConsumer === current$$1.memoizedProps &&
                   oldContext === current$$1.memoizedState) ||
                 (workInProgress.effectTag |= 256),
               (workInProgress.memoizedProps = nextProps),
               (workInProgress.memoizedState = oldState)),
-          (instance.props = nextProps),
-          (instance.state = oldState),
-          (instance.context = contextType),
+          (unmaskedContext.props = nextProps),
+          (unmaskedContext.state = oldState),
+          (unmaskedContext.context = context),
           (nextProps = getDerivedStateFromProps))
-        : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current$$1.memoizedProps &&
+        : ("function" !== typeof unmaskedContext.componentDidUpdate ||
+            (isLegacyContextConsumer === current$$1.memoizedProps &&
               oldContext === current$$1.memoizedState) ||
             (workInProgress.effectTag |= 4),
-          "function" !== typeof instance.getSnapshotBeforeUpdate ||
-            (oldProps === current$$1.memoizedProps &&
+          "function" !== typeof unmaskedContext.getSnapshotBeforeUpdate ||
+            (isLegacyContextConsumer === current$$1.memoizedProps &&
               oldContext === current$$1.memoizedState) ||
             (workInProgress.effectTag |= 256),
           (nextProps = !1));
@@ -3995,6 +3656,7 @@ function finishClassComponent(
         renderExpirationTime
       );
   workInProgress.memoizedState = shouldUpdate.state;
+  workInProgress.memoizedProps = shouldUpdate.props;
   hasContext && invalidateContextProvider(workInProgress, Component, !0);
   return workInProgress.child;
 }
@@ -4020,105 +3682,6 @@ function resolveDefaultProps(Component, baseProps) {
   }
   return baseProps;
 }
-function updateSuspenseComponent(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
-  var mode = workInProgress.mode,
-    nextProps = workInProgress.pendingProps,
-    nextState = workInProgress.memoizedState;
-  null !== nextState &&
-    (nextState.alreadyCaptured
-      ? null !== current$$1 && nextState === current$$1.memoizedState
-        ? (nextState = {
-            alreadyCaptured: !0,
-            didTimeout: !0,
-            timedOutAt: nextState.timedOutAt
-          })
-        : ((nextState.alreadyCaptured = !0), (nextState.didTimeout = !0))
-      : (nextState = null));
-  var nextDidTimeout = null !== nextState && nextState.didTimeout;
-  if (null === current$$1)
-    nextDidTimeout
-      ? ((nextDidTimeout = nextProps.fallback),
-        (nextProps = createFiberFromFragment(null, mode, 0, null)),
-        (mode = createFiberFromFragment(
-          nextDidTimeout,
-          mode,
-          renderExpirationTime,
-          null
-        )),
-        (nextProps.sibling = mode),
-        (renderExpirationTime = nextProps),
-        (renderExpirationTime.return = mode.return = workInProgress))
-      : (renderExpirationTime = mode = mountChildFibers(
-          workInProgress,
-          null,
-          nextProps.children,
-          renderExpirationTime
-        ));
-  else {
-    var prevState = current$$1.memoizedState;
-    null !== prevState && prevState.didTimeout
-      ? ((mode = current$$1.child),
-        (current$$1 = mode.sibling),
-        nextDidTimeout
-          ? ((renderExpirationTime = nextProps.fallback),
-            (mode = createWorkInProgress(mode, mode.pendingProps, 0)),
-            (mode.effectTag |= 2),
-            (nextProps = mode.sibling = createWorkInProgress(
-              current$$1,
-              renderExpirationTime,
-              current$$1.expirationTime
-            )),
-            (nextProps.effectTag |= 2),
-            (renderExpirationTime = mode),
-            (mode.childExpirationTime = 0),
-            (mode = nextProps),
-            (renderExpirationTime.return = mode.return = workInProgress))
-          : ((nextDidTimeout = current$$1.child),
-            (mode = reconcileChildFibers(
-              workInProgress,
-              mode.child,
-              nextProps.children,
-              renderExpirationTime
-            )),
-            reconcileChildFibers(
-              workInProgress,
-              nextDidTimeout,
-              null,
-              renderExpirationTime
-            ),
-            (renderExpirationTime = mode)))
-      : ((current$$1 = current$$1.child),
-        nextDidTimeout
-          ? ((nextDidTimeout = nextProps.fallback),
-            (nextProps = createFiberFromFragment(null, mode, 0, null)),
-            (nextProps.effectTag |= 2),
-            (nextProps.child = current$$1),
-            (current$$1.return = nextProps),
-            (mode = nextProps.sibling = createFiberFromFragment(
-              nextDidTimeout,
-              mode,
-              renderExpirationTime,
-              null
-            )),
-            (mode.effectTag |= 2),
-            (renderExpirationTime = nextProps),
-            (nextProps.childExpirationTime = 0),
-            (renderExpirationTime.return = mode.return = workInProgress))
-          : (mode = renderExpirationTime = reconcileChildFibers(
-              workInProgress,
-              current$$1,
-              nextProps.children,
-              renderExpirationTime
-            )));
-  }
-  workInProgress.memoizedState = nextState;
-  workInProgress.child = renderExpirationTime;
-  return mode;
-}
 function bailoutOnAlreadyFinishedWork(
   current$$1,
   workInProgress,
@@ -4126,7 +3689,9 @@ function bailoutOnAlreadyFinishedWork(
 ) {
   null !== current$$1 &&
     (workInProgress.firstContextDependency = current$$1.firstContextDependency);
-  if (workInProgress.childExpirationTime < renderExpirationTime) return null;
+  var childExpirationTime = workInProgress.childExpirationTime;
+  if (0 === childExpirationTime || childExpirationTime > renderExpirationTime)
+    return null;
   invariant(
     null === current$$1 || workInProgress.child === current$$1.child,
     "Resuming work not yet implemented."
@@ -4155,562 +3720,557 @@ function bailoutOnAlreadyFinishedWork(
   }
   return workInProgress.child;
 }
-function beginWork(current$$1, workInProgress, renderExpirationTime$jscomp$0) {
+function beginWork(current$$1, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
   if (
     null !== current$$1 &&
     current$$1.memoizedProps === workInProgress.pendingProps &&
     !didPerformWorkStackCursor.current &&
-    updateExpirationTime < renderExpirationTime$jscomp$0
+    (0 === updateExpirationTime || updateExpirationTime > renderExpirationTime)
   ) {
     switch (workInProgress.tag) {
-      case 3:
+      case 5:
         pushHostRootContext(workInProgress);
         break;
-      case 5:
+      case 7:
         pushHostContext(workInProgress);
         break;
-      case 1:
+      case 2:
         isContextProvider(workInProgress.type) &&
           pushContextProvider(workInProgress);
         break;
-      case 4:
+      case 3:
+        isContextProvider(workInProgress.type._reactResult) &&
+          pushContextProvider(workInProgress);
+        break;
+      case 6:
         pushHostContainer(
           workInProgress,
           workInProgress.stateNode.containerInfo
         );
         break;
-      case 10:
+      case 12:
         pushProvider(workInProgress, workInProgress.memoizedProps.value);
-        break;
-      case 13:
-        if (
-          ((updateExpirationTime = workInProgress.memoizedState),
-          null !== updateExpirationTime && updateExpirationTime.didTimeout)
-        ) {
-          updateExpirationTime = workInProgress.child.childExpirationTime;
-          if (
-            0 !== updateExpirationTime &&
-            updateExpirationTime >= renderExpirationTime$jscomp$0
-          )
-            return updateSuspenseComponent(
-              current$$1,
-              workInProgress,
-              renderExpirationTime$jscomp$0
-            );
-          workInProgress = bailoutOnAlreadyFinishedWork(
-            current$$1,
-            workInProgress,
-            renderExpirationTime$jscomp$0
-          );
-          return null !== workInProgress ? workInProgress.sibling : null;
-        }
     }
     return bailoutOnAlreadyFinishedWork(
       current$$1,
       workInProgress,
-      renderExpirationTime$jscomp$0
+      renderExpirationTime
     );
   }
   workInProgress.expirationTime = 0;
   switch (workInProgress.tag) {
-    case 2:
-      updateExpirationTime = workInProgress.elementType;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
-        (workInProgress.alternate = null),
-        (workInProgress.effectTag |= 2));
-      current$$1 = workInProgress.pendingProps;
-      var context = getMaskedContext(
-        workInProgress,
-        contextStackCursor.current
+    case 4:
+      var Component = workInProgress.type;
+      invariant(
+        null === current$$1,
+        "An indeterminate component should never have mounted. This error is likely caused by a bug in React. Please file an issue."
       );
-      prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0);
-      renderExpirationTime = renderExpirationTime$jscomp$0;
-      currentlyRenderingFiber$1 = workInProgress;
-      firstCurrentHook = null;
-      var value = updateExpirationTime(current$$1, context);
-      workInProgress.effectTag |= 1;
+      var props = workInProgress.pendingProps;
       if (
-        "object" === typeof value &&
-        null !== value &&
-        "function" === typeof value.render &&
-        void 0 === value.$$typeof
+        "object" === typeof Component &&
+        null !== Component &&
+        "function" === typeof Component.then
       ) {
-        workInProgress.tag = 1;
-        resetHooks();
-        isContextProvider(updateExpirationTime)
-          ? ((context = !0), pushContextProvider(workInProgress))
-          : (context = !1);
-        workInProgress.memoizedState =
-          null !== value.state && void 0 !== value.state ? value.state : null;
-        var getDerivedStateFromProps =
-          updateExpirationTime.getDerivedStateFromProps;
-        "function" === typeof getDerivedStateFromProps &&
-          applyDerivedStateFromProps(
+        Component = readLazyComponentType(Component);
+        var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(
             workInProgress,
-            updateExpirationTime,
-            getDerivedStateFromProps,
-            current$$1
-          );
-        value.updater = classComponentUpdater;
-        workInProgress.stateNode = value;
-        value._reactInternalFiber = workInProgress;
-        mountClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          current$$1,
-          renderExpirationTime$jscomp$0
-        );
-        workInProgress = finishClassComponent(
-          null,
-          workInProgress,
-          updateExpirationTime,
-          !0,
-          context,
-          renderExpirationTime$jscomp$0
-        );
-      } else
-        (workInProgress.tag = 0),
-          (value = finishHooks(
-            updateExpirationTime,
-            current$$1,
-            value,
-            context
+            Component
           )),
-          reconcileChildren(
-            null,
-            workInProgress,
-            value,
-            renderExpirationTime$jscomp$0
-          ),
-          (workInProgress = workInProgress.child);
-      return workInProgress;
-    case 16:
-      value = workInProgress.elementType;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
-        (workInProgress.alternate = null),
-        (workInProgress.effectTag |= 2));
-      context = workInProgress.pendingProps;
-      current$$1 = readLazyComponentType(value);
-      workInProgress.type = current$$1;
-      value = workInProgress.tag = resolveLazyComponentTag(current$$1);
-      context = resolveDefaultProps(current$$1, context);
-      getDerivedStateFromProps = void 0;
-      switch (value) {
-        case 0:
-          getDerivedStateFromProps = updateFunctionComponent(
-            null,
-            workInProgress,
-            current$$1,
-            context,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        case 1:
-          getDerivedStateFromProps = updateClassComponent(
-            null,
-            workInProgress,
-            current$$1,
-            context,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        case 11:
-          getDerivedStateFromProps = updateForwardRef(
-            null,
-            workInProgress,
-            current$$1,
-            context,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        case 14:
-          getDerivedStateFromProps = updateMemoComponent(
-            null,
-            workInProgress,
-            current$$1,
-            resolveDefaultProps(current$$1.type, context),
-            updateExpirationTime,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        default:
-          invariant(
-            !1,
-            "Element type is invalid. Received a promise that resolves to: %s. Promise elements must resolve to a class or function.",
-            current$$1
-          );
-      }
-      return getDerivedStateFromProps;
-    case 0:
-      return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        updateFunctionComponent(
-          current$$1,
+          resolvedProps = resolveDefaultProps(Component, props),
+          child = void 0;
+        switch (resolvedTag) {
+          case 1:
+            child = updateFunctionComponent(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              renderExpirationTime
+            );
+            break;
+          case 3:
+            child = updateClassComponent(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              renderExpirationTime
+            );
+            break;
+          case 14:
+            child = updateForwardRef(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              renderExpirationTime
+            );
+            break;
+          case 18:
+            child = updatePureComponent(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              updateExpirationTime,
+              renderExpirationTime
+            );
+            break;
+          default:
+            invariant(
+              !1,
+              "Element type is invalid. Received a promise that resolves to: %s. Promise elements must resolve to a class or function.",
+              Component
+            );
+        }
+        workInProgress.memoizedProps = props;
+        workInProgress = child;
+      } else
+        (updateExpirationTime = getMaskedContext(
           workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        )
+          contextStackCursor.current
+        )),
+          prepareToReadContext(workInProgress, renderExpirationTime),
+          (updateExpirationTime = Component(props, updateExpirationTime)),
+          (workInProgress.effectTag |= 1),
+          "object" === typeof updateExpirationTime &&
+          null !== updateExpirationTime &&
+          "function" === typeof updateExpirationTime.render &&
+          void 0 === updateExpirationTime.$$typeof
+            ? ((workInProgress.tag = 2),
+              isContextProvider(Component)
+                ? ((resolvedTag = !0), pushContextProvider(workInProgress))
+                : (resolvedTag = !1),
+              (workInProgress.memoizedState =
+                null !== updateExpirationTime.state &&
+                void 0 !== updateExpirationTime.state
+                  ? updateExpirationTime.state
+                  : null),
+              (resolvedProps = Component.getDerivedStateFromProps),
+              "function" === typeof resolvedProps &&
+                applyDerivedStateFromProps(
+                  workInProgress,
+                  Component,
+                  resolvedProps,
+                  props
+                ),
+              (updateExpirationTime.updater = classComponentUpdater),
+              (workInProgress.stateNode = updateExpirationTime),
+              (updateExpirationTime._reactInternalFiber = workInProgress),
+              mountClassInstance(
+                workInProgress,
+                Component,
+                props,
+                renderExpirationTime
+              ),
+              (workInProgress = finishClassComponent(
+                current$$1,
+                workInProgress,
+                Component,
+                !0,
+                resolvedTag,
+                renderExpirationTime
+              )))
+            : ((workInProgress.tag = 0),
+              reconcileChildren(
+                current$$1,
+                workInProgress,
+                updateExpirationTime,
+                renderExpirationTime
+              ),
+              (workInProgress.memoizedProps = props),
+              (workInProgress = workInProgress.child));
+      return workInProgress;
+    case 0:
+      return updateFunctionComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        renderExpirationTime
       );
     case 1:
       return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        updateClassComponent(
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updateFunctionComponent(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        )
+          props,
+          resolveDefaultProps(props, Component),
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
+      );
+    case 2:
+      return updateClassComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        renderExpirationTime
       );
     case 3:
+      return (
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updateClassComponent(
+          current$$1,
+          workInProgress,
+          props,
+          resolveDefaultProps(props, Component),
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
+      );
+    case 5:
       return (
         pushHostRootContext(workInProgress),
-        (updateExpirationTime = workInProgress.updateQueue),
+        (Component = workInProgress.updateQueue),
         invariant(
-          null !== updateExpirationTime,
+          null !== Component,
           "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
         ),
-        (value = workInProgress.memoizedState),
-        (value = null !== value ? value.element : null),
+        (props = workInProgress.memoizedState),
+        (props = null !== props ? props.element : null),
         processUpdateQueue(
           workInProgress,
-          updateExpirationTime,
+          Component,
           workInProgress.pendingProps,
           null,
-          renderExpirationTime$jscomp$0
+          renderExpirationTime
         ),
-        (updateExpirationTime = workInProgress.memoizedState.element),
-        updateExpirationTime === value
+        (Component = workInProgress.memoizedState.element),
+        Component === props
           ? (workInProgress = bailoutOnAlreadyFinishedWork(
               current$$1,
               workInProgress,
-              renderExpirationTime$jscomp$0
+              renderExpirationTime
             ))
           : (reconcileChildren(
               current$$1,
               workInProgress,
-              updateExpirationTime,
-              renderExpirationTime$jscomp$0
+              Component,
+              renderExpirationTime
             ),
             (workInProgress = workInProgress.child)),
         workInProgress
       );
-    case 5:
+    case 7:
       return (
         pushHostContext(workInProgress),
         null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
-        (updateExpirationTime = workInProgress.pendingProps.children),
+        (Component = workInProgress.pendingProps),
+        (props = Component.children),
         markRef(current$$1, workInProgress),
         reconcileChildren(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          renderExpirationTime$jscomp$0
+          props,
+          renderExpirationTime
         ),
+        (workInProgress.memoizedProps = Component),
         (workInProgress = workInProgress.child),
         workInProgress
       );
-    case 6:
+    case 8:
       return (
         null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
+        (workInProgress.memoizedProps = workInProgress.pendingProps),
         null
       );
-    case 13:
-      return updateSuspenseComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime$jscomp$0
+    case 16:
+      return (
+        (Component = workInProgress.pendingProps),
+        (props = 0 === (workInProgress.effectTag & 64)),
+        null !== current$$1 && null !== workInProgress.updateQueue
+          ? ((workInProgress.updateQueue = null), (props = !0))
+          : (props = !props),
+        0 !== (workInProgress.mode & 2) &&
+          (props
+            ? (workInProgress.effectTag |= 4)
+            : (workInProgress.stateNode = null)),
+        (updateExpirationTime = Component.children),
+        (updateExpirationTime =
+          "function" === typeof updateExpirationTime
+            ? updateExpirationTime(props)
+            : props
+              ? Component.fallback
+              : updateExpirationTime),
+        null !== current$$1 && props !== workInProgress.memoizedState
+          ? ((workInProgress.child = reconcileChildFibers(
+              workInProgress,
+              current$$1.child,
+              null,
+              renderExpirationTime
+            )),
+            (workInProgress.child = reconcileChildFibers(
+              workInProgress,
+              null,
+              updateExpirationTime,
+              renderExpirationTime
+            )))
+          : reconcileChildren(
+              current$$1,
+              workInProgress,
+              updateExpirationTime,
+              renderExpirationTime
+            ),
+        (workInProgress.memoizedProps = Component),
+        (workInProgress.memoizedState = props),
+        workInProgress.child
       );
-    case 4:
+    case 6:
       return (
         pushHostContainer(
           workInProgress,
           workInProgress.stateNode.containerInfo
         ),
-        (updateExpirationTime = workInProgress.pendingProps),
+        (Component = workInProgress.pendingProps),
         null === current$$1
           ? (workInProgress.child = reconcileChildFibers(
               workInProgress,
               null,
-              updateExpirationTime,
-              renderExpirationTime$jscomp$0
+              Component,
+              renderExpirationTime
             ))
           : reconcileChildren(
               current$$1,
               workInProgress,
-              updateExpirationTime,
-              renderExpirationTime$jscomp$0
+              Component,
+              renderExpirationTime
             ),
+        (workInProgress.memoizedProps = Component),
         workInProgress.child
       );
-    case 11:
+    case 13:
+      return updateForwardRef(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        renderExpirationTime
+      );
+    case 14:
       return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        updateForwardRef(
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updateForwardRef(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        )
+          props,
+          resolveDefaultProps(props, Component),
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
       );
-    case 7:
+    case 9:
       return (
+        (Component = workInProgress.pendingProps),
         reconcileChildren(
           current$$1,
           workInProgress,
-          workInProgress.pendingProps,
-          renderExpirationTime$jscomp$0
-        ),
-        workInProgress.child
-      );
-    case 8:
-      return (
-        reconcileChildren(
-          current$$1,
-          workInProgress,
-          workInProgress.pendingProps.children,
-          renderExpirationTime$jscomp$0
-        ),
-        workInProgress.child
-      );
-    case 12:
-      return (
-        reconcileChildren(
-          current$$1,
-          workInProgress,
-          workInProgress.pendingProps.children,
-          renderExpirationTime$jscomp$0
+          Component,
+          renderExpirationTime
         ),
+        (workInProgress.memoizedProps = Component),
         workInProgress.child
       );
     case 10:
+      return (
+        (Component = workInProgress.pendingProps.children),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          Component,
+          renderExpirationTime
+        ),
+        (workInProgress.memoizedProps = Component),
+        workInProgress.child
+      );
+    case 15:
+      return (
+        (Component = workInProgress.pendingProps),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          Component.children,
+          renderExpirationTime
+        ),
+        (workInProgress.memoizedProps = Component),
+        workInProgress.child
+      );
+    case 12:
       a: {
-        updateExpirationTime = workInProgress.type._context;
-        value = workInProgress.pendingProps;
-        getDerivedStateFromProps = workInProgress.memoizedProps;
-        context = value.value;
-        pushProvider(workInProgress, context);
-        if (null !== getDerivedStateFromProps) {
-          var oldValue = getDerivedStateFromProps.value;
-          context =
-            (oldValue === context &&
-              (0 !== oldValue || 1 / oldValue === 1 / context)) ||
-            (oldValue !== oldValue && context !== context)
-              ? 0
-              : ("function" ===
-                typeof updateExpirationTime._calculateChangedBits
-                  ? updateExpirationTime._calculateChangedBits(
-                      oldValue,
-                      context
-                    )
-                  : 1073741823) | 0;
-          if (0 === context) {
+        Component = workInProgress.type._context;
+        props = workInProgress.pendingProps;
+        resolvedTag = workInProgress.memoizedProps;
+        updateExpirationTime = props.value;
+        workInProgress.memoizedProps = props;
+        pushProvider(workInProgress, updateExpirationTime);
+        if (null !== resolvedTag)
+          if (
+            ((resolvedProps = resolvedTag.value),
+            (updateExpirationTime =
+              (resolvedProps === updateExpirationTime &&
+                (0 !== resolvedProps ||
+                  1 / resolvedProps === 1 / updateExpirationTime)) ||
+              (resolvedProps !== resolvedProps &&
+                updateExpirationTime !== updateExpirationTime)
+                ? 0
+                : ("function" === typeof Component._calculateChangedBits
+                    ? Component._calculateChangedBits(
+                        resolvedProps,
+                        updateExpirationTime
+                      )
+                    : 1073741823) | 0),
+            0 === updateExpirationTime)
+          ) {
             if (
-              getDerivedStateFromProps.children === value.children &&
+              resolvedTag.children === props.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
                 current$$1,
                 workInProgress,
-                renderExpirationTime$jscomp$0
+                renderExpirationTime
               );
               break a;
             }
           } else
             for (
-              getDerivedStateFromProps = workInProgress.child,
-                null !== getDerivedStateFromProps &&
-                  (getDerivedStateFromProps.return = workInProgress);
-              null !== getDerivedStateFromProps;
+              resolvedTag = workInProgress.child,
+                null !== resolvedTag && (resolvedTag.return = workInProgress);
+              null !== resolvedTag;
 
             ) {
-              oldValue = getDerivedStateFromProps.firstContextDependency;
-              if (null !== oldValue) {
+              resolvedProps = resolvedTag.firstContextDependency;
+              if (null !== resolvedProps) {
                 do {
                   if (
-                    oldValue.context === updateExpirationTime &&
-                    0 !== (oldValue.observedBits & context)
+                    resolvedProps.context === Component &&
+                    0 !== (resolvedProps.observedBits & updateExpirationTime)
                   ) {
-                    if (1 === getDerivedStateFromProps.tag) {
-                      var nextFiber = createUpdate(
-                        renderExpirationTime$jscomp$0
-                      );
-                      nextFiber.tag = 2;
-                      enqueueUpdate(getDerivedStateFromProps, nextFiber);
-                    }
-                    getDerivedStateFromProps.expirationTime <
-                      renderExpirationTime$jscomp$0 &&
-                      (getDerivedStateFromProps.expirationTime = renderExpirationTime$jscomp$0);
-                    nextFiber = getDerivedStateFromProps.alternate;
-                    null !== nextFiber &&
-                      nextFiber.expirationTime <
-                        renderExpirationTime$jscomp$0 &&
-                      (nextFiber.expirationTime = renderExpirationTime$jscomp$0);
-                    for (
-                      var node = getDerivedStateFromProps.return;
-                      null !== node;
-
-                    ) {
-                      nextFiber = node.alternate;
+                    if (2 === resolvedTag.tag || 3 === resolvedTag.tag)
+                      (child = createUpdate(renderExpirationTime)),
+                        (child.tag = 2),
+                        enqueueUpdate(resolvedTag, child);
+                    if (
+                      0 === resolvedTag.expirationTime ||
+                      resolvedTag.expirationTime > renderExpirationTime
+                    )
+                      resolvedTag.expirationTime = renderExpirationTime;
+                    child = resolvedTag.alternate;
+                    null !== child &&
+                      (0 === child.expirationTime ||
+                        child.expirationTime > renderExpirationTime) &&
+                      (child.expirationTime = renderExpirationTime);
+                    for (var node = resolvedTag.return; null !== node; ) {
+                      child = node.alternate;
                       if (
-                        node.childExpirationTime < renderExpirationTime$jscomp$0
+                        0 === node.childExpirationTime ||
+                        node.childExpirationTime > renderExpirationTime
                       )
-                        (node.childExpirationTime = renderExpirationTime$jscomp$0),
-                          null !== nextFiber &&
-                            nextFiber.childExpirationTime <
-                              renderExpirationTime$jscomp$0 &&
-                            (nextFiber.childExpirationTime = renderExpirationTime$jscomp$0);
+                        (node.childExpirationTime = renderExpirationTime),
+                          null !== child &&
+                            (0 === child.childExpirationTime ||
+                              child.childExpirationTime >
+                                renderExpirationTime) &&
+                            (child.childExpirationTime = renderExpirationTime);
                       else if (
-                        null !== nextFiber &&
-                        nextFiber.childExpirationTime <
-                          renderExpirationTime$jscomp$0
+                        null !== child &&
+                        (0 === child.childExpirationTime ||
+                          child.childExpirationTime > renderExpirationTime)
                       )
-                        nextFiber.childExpirationTime = renderExpirationTime$jscomp$0;
+                        child.childExpirationTime = renderExpirationTime;
                       else break;
                       node = node.return;
                     }
                   }
-                  nextFiber = getDerivedStateFromProps.child;
-                  oldValue = oldValue.next;
-                } while (null !== oldValue);
+                  child = resolvedTag.child;
+                  resolvedProps = resolvedProps.next;
+                } while (null !== resolvedProps);
               } else
-                nextFiber =
-                  10 === getDerivedStateFromProps.tag
-                    ? getDerivedStateFromProps.type === workInProgress.type
+                child =
+                  12 === resolvedTag.tag
+                    ? resolvedTag.type === workInProgress.type
                       ? null
-                      : getDerivedStateFromProps.child
-                    : getDerivedStateFromProps.child;
-              if (null !== nextFiber)
-                nextFiber.return = getDerivedStateFromProps;
+                      : resolvedTag.child
+                    : resolvedTag.child;
+              if (null !== child) child.return = resolvedTag;
               else
-                for (
-                  nextFiber = getDerivedStateFromProps;
-                  null !== nextFiber;
-
-                ) {
-                  if (nextFiber === workInProgress) {
-                    nextFiber = null;
+                for (child = resolvedTag; null !== child; ) {
+                  if (child === workInProgress) {
+                    child = null;
                     break;
                   }
-                  getDerivedStateFromProps = nextFiber.sibling;
-                  if (null !== getDerivedStateFromProps) {
-                    getDerivedStateFromProps.return = nextFiber.return;
-                    nextFiber = getDerivedStateFromProps;
+                  resolvedTag = child.sibling;
+                  if (null !== resolvedTag) {
+                    resolvedTag.return = child.return;
+                    child = resolvedTag;
                     break;
                   }
-                  nextFiber = nextFiber.return;
+                  child = child.return;
                 }
-              getDerivedStateFromProps = nextFiber;
+              resolvedTag = child;
             }
-        }
         reconcileChildren(
           current$$1,
           workInProgress,
-          value.children,
-          renderExpirationTime$jscomp$0
+          props.children,
+          renderExpirationTime
         );
         workInProgress = workInProgress.child;
       }
       return workInProgress;
-    case 9:
+    case 11:
       return (
-        (value = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (updateExpirationTime = context.children),
-        prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0),
-        (value = readContext(value, context.unstable_observedBits)),
-        (updateExpirationTime = updateExpirationTime(value)),
+        (updateExpirationTime = workInProgress.type),
+        (Component = workInProgress.pendingProps),
+        (props = Component.children),
+        prepareToReadContext(workInProgress, renderExpirationTime),
+        (updateExpirationTime = readContext(
+          updateExpirationTime,
+          Component.unstable_observedBits
+        )),
+        (props = props(updateExpirationTime)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          renderExpirationTime$jscomp$0
+          props,
+          renderExpirationTime
         ),
+        (workInProgress.memoizedProps = Component),
         workInProgress.child
       );
-    case 14:
-      return (
-        (value = workInProgress.type),
-        (context = resolveDefaultProps(
-          value.type,
-          workInProgress.pendingProps
-        )),
-        updateMemoComponent(
-          current$$1,
-          workInProgress,
-          value,
-          context,
-          updateExpirationTime,
-          renderExpirationTime$jscomp$0
-        )
-      );
-    case 15:
-      return updateSimpleMemoComponent(
+    case 17:
+      return updatePureComponent(
         current$$1,
         workInProgress,
         workInProgress.type,
         workInProgress.pendingProps,
         updateExpirationTime,
-        renderExpirationTime$jscomp$0
+        renderExpirationTime
       );
-    case 17:
+    case 18:
       return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        null !== current$$1 &&
-          ((current$$1.alternate = null),
-          (workInProgress.alternate = null),
-          (workInProgress.effectTag |= 2)),
-        (workInProgress.tag = 1),
-        isContextProvider(updateExpirationTime)
-          ? ((current$$1 = !0), pushContextProvider(workInProgress))
-          : (current$$1 = !1),
-        prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0),
-        constructClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        ),
-        mountClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        ),
-        finishClassComponent(
-          null,
-          workInProgress,
-          updateExpirationTime,
-          !0,
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updatePureComponent(
           current$$1,
-          renderExpirationTime$jscomp$0
-        )
+          workInProgress,
+          props,
+          resolveDefaultProps(props, Component),
+          updateExpirationTime,
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
       );
     default:
       invariant(
@@ -4719,125 +4279,14 @@ function beginWork(current$$1, workInProgress, renderExpirationTime$jscomp$0) {
       );
   }
 }
-var appendAllChildren = void 0,
-  updateHostContainer = void 0,
-  updateHostComponent$1 = void 0,
-  updateHostText$1 = void 0;
-appendAllChildren = function(
-  parent,
-  workInProgress,
-  needsVisibilityToggle,
-  isHidden
-) {
+function appendAllChildren(parent, workInProgress) {
   for (var node = workInProgress.child; null !== node; ) {
-    a: if (5 === node.tag) {
-      var instance = node.stateNode;
-      if (needsVisibilityToggle) throw Error("Not yet implemented.");
-      FabricUIManager.appendChild(parent.node, instance.node);
-    } else if (6 === node.tag) {
-      instance = node.stateNode;
-      if (needsVisibilityToggle) {
-        instance = node.memoizedProps;
-        var rootContainerInstance = requiredContext(
-            rootInstanceStackCursor.current
-          ),
-          currentHostContext = requiredContext(contextStackCursor$1.current);
-        if (isHidden) throw Error("Not yet implemented.");
-        instance = createTextInstance(
-          instance,
-          rootContainerInstance,
-          currentHostContext,
-          workInProgress
-        );
-        node.stateNode = instance;
-      }
-      FabricUIManager.appendChild(parent.node, instance.node);
-    } else if (4 !== node.tag) {
-      if (
-        13 === node.tag &&
-        ((instance = node.alternate),
-        null !== instance &&
-          ((instance = instance.memoizedState),
-          (rootContainerInstance = node.memoizedState),
-          (rootContainerInstance =
-            null !== rootContainerInstance && rootContainerInstance.didTimeout),
-          (null !== instance && instance.didTimeout) !== rootContainerInstance))
-      ) {
-        instance = rootContainerInstance ? node.child : node;
-        null !== instance &&
-          appendAllChildren(parent, instance, !0, rootContainerInstance);
-        break a;
-      }
-      if (null !== node.child) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
-    }
-    if (node === workInProgress) break;
-    for (; null === node.sibling; ) {
-      if (null === node.return || node.return === workInProgress) return;
-      node = node.return;
-    }
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
-};
-function appendAllChildrenToContainer(
-  containerChildSet,
-  workInProgress,
-  needsVisibilityToggle,
-  isHidden
-) {
-  for (var node = workInProgress.child; null !== node; ) {
-    a: if (5 === node.tag) {
-      var instance = node.stateNode;
-      if (needsVisibilityToggle) throw Error("Not yet implemented.");
-      FabricUIManager.appendChildToSet(containerChildSet, instance.node);
-    } else if (6 === node.tag) {
-      instance = node.stateNode;
-      if (needsVisibilityToggle) {
-        instance = node.memoizedProps;
-        var rootContainerInstance = requiredContext(
-            rootInstanceStackCursor.current
-          ),
-          currentHostContext = requiredContext(contextStackCursor$1.current);
-        if (isHidden) throw Error("Not yet implemented.");
-        instance = createTextInstance(
-          instance,
-          rootContainerInstance,
-          currentHostContext,
-          workInProgress
-        );
-        node.stateNode = instance;
-      }
-      FabricUIManager.appendChildToSet(containerChildSet, instance.node);
-    } else if (4 !== node.tag) {
-      if (
-        13 === node.tag &&
-        ((instance = node.alternate),
-        null !== instance &&
-          ((instance = instance.memoizedState),
-          (rootContainerInstance = node.memoizedState),
-          (rootContainerInstance =
-            null !== rootContainerInstance && rootContainerInstance.didTimeout),
-          (null !== instance && instance.didTimeout) !== rootContainerInstance))
-      ) {
-        instance = rootContainerInstance ? node.child : node;
-        null !== instance &&
-          appendAllChildrenToContainer(
-            containerChildSet,
-            instance,
-            !0,
-            rootContainerInstance
-          );
-        break a;
-      }
-      if (null !== node.child) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
+    if (7 === node.tag || 8 === node.tag)
+      FabricUIManager.appendChild(parent.node, node.stateNode.node);
+    else if (6 !== node.tag && null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
     }
     if (node === workInProgress) break;
     for (; null === node.sibling; ) {
@@ -4848,12 +4297,30 @@ function appendAllChildrenToContainer(
     node = node.sibling;
   }
 }
+var updateHostContainer = void 0,
+  updateHostComponent$1 = void 0,
+  updateHostText$1 = void 0;
 updateHostContainer = function(workInProgress) {
   var portalOrRoot = workInProgress.stateNode;
   if (null !== workInProgress.firstEffect) {
     var container = portalOrRoot.containerInfo,
       newChildSet = FabricUIManager.createChildSet(container);
-    appendAllChildrenToContainer(newChildSet, workInProgress, !1, !1);
+    a: for (var node = workInProgress.child; null !== node; ) {
+      if (7 === node.tag || 8 === node.tag)
+        FabricUIManager.appendChildToSet(newChildSet, node.stateNode.node);
+      else if (6 !== node.tag && null !== node.child) {
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+      if (node === workInProgress) break a;
+      for (; null === node.sibling; ) {
+        if (null === node.return || node.return === workInProgress) break a;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
     portalOrRoot.pendingChildren = newChildSet;
     workInProgress.effectTag |= 4;
     FabricUIManager.completeRoot(container, newChildSet);
@@ -4900,7 +4367,7 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
         (workInProgress.stateNode = type),
         current
           ? (workInProgress.effectTag |= 4)
-          : appendAllChildren(type, workInProgress, !1, !1));
+          : appendAllChildren(type, workInProgress));
   }
 };
 updateHostText$1 = function(current, workInProgress, oldText, newText) {
@@ -4934,6 +4401,7 @@ function logCapturedError(capturedError) {
         : Error("Unspecified error at:" + componentStack);
   ExceptionsManager.handleException(error, !1);
 }
+var emptyObject$1 = {};
 function logError(boundary, errorInfo) {
   var source = errorInfo.source,
     stack = errorInfo.stack;
@@ -4950,7 +4418,7 @@ function logError(boundary, errorInfo) {
     willRetry: !1
   };
   null !== boundary &&
-    1 === boundary.tag &&
+    2 === boundary.tag &&
     ((errorInfo.errorBoundary = boundary.stateNode),
     (errorInfo.errorBoundaryName = getComponentName(boundary.type)),
     (errorInfo.errorBoundaryFound = !0),
@@ -4974,44 +4442,18 @@ function safelyDetachRef(current$$1) {
       }
     else ref.current = null;
 }
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
-  finishedWork = finishedWork.updateQueue;
-  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
-  if (null !== finishedWork) {
-    var effect = (finishedWork = finishedWork.next);
-    do {
-      if (0 !== (effect.tag & unmountTag)) {
-        var destroy = effect.destroy;
-        effect.destroy = null;
-        null !== destroy && destroy();
-      }
-      0 !== (effect.tag & mountTag) &&
-        ((destroy = effect.create),
-        (destroy = destroy()),
-        (effect.destroy = "function" === typeof destroy ? destroy : null));
-      effect = effect.next;
-    } while (effect !== finishedWork);
-  }
-}
 function commitWork(current$$1, finishedWork) {
   switch (finishedWork.tag) {
-    case 0:
-    case 11:
-    case 14:
-    case 15:
-      commitHookEffectList(4, 8, finishedWork);
-      return;
-  }
-  switch (finishedWork.tag) {
-    case 1:
+    case 2:
+    case 3:
+      break;
+    case 7:
+      break;
+    case 8:
       break;
     case 5:
-      break;
     case 6:
       break;
-    case 3:
-    case 4:
-      break;
     default:
       invariant(
         !1,
@@ -5019,6 +4461,9 @@ function commitWork(current$$1, finishedWork) {
       );
   }
 }
+function NoopComponent() {
+  return null;
+}
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
   expirationTime = createUpdate(expirationTime);
   expirationTime.tag = 3;
@@ -5059,14 +4504,24 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
 }
 function unwindWork(workInProgress) {
   switch (workInProgress.tag) {
-    case 1:
+    case 2:
       isContextProvider(workInProgress.type) && popContext(workInProgress);
       var effectTag = workInProgress.effectTag;
-      return effectTag & 2048
-        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+      return effectTag & 1024
+        ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
           workInProgress)
         : null;
     case 3:
+      return (
+        isContextProvider(workInProgress.type._reactResult) &&
+          popContext(workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 5:
       return (
         popHostContainer(workInProgress),
         popTopLevelContextObject(workInProgress),
@@ -5075,117 +4530,28 @@ function unwindWork(workInProgress) {
           0 === (effectTag & 64),
           "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
         ),
-        (workInProgress.effectTag = (effectTag & -2049) | 64),
+        (workInProgress.effectTag = (effectTag & -1025) | 64),
         workInProgress
       );
-    case 5:
+    case 7:
       return popHostContext(workInProgress), null;
-    case 13:
-      effectTag = workInProgress.effectTag;
-      if (effectTag & 2048) {
-        workInProgress.effectTag = (effectTag & -2049) | 64;
-        effectTag = workInProgress.alternate;
-        effectTag = null !== effectTag ? effectTag.memoizedState : null;
-        var nextState = workInProgress.memoizedState;
-        null === nextState
-          ? (nextState = { alreadyCaptured: !0, didTimeout: !1, timedOutAt: 0 })
-          : effectTag === nextState
-            ? (nextState = {
-                alreadyCaptured: !0,
-                didTimeout: nextState.didTimeout,
-                timedOutAt: nextState.timedOutAt
-              })
-            : (nextState.alreadyCaptured = !0);
-        workInProgress.memoizedState = nextState;
-        return workInProgress;
-      }
-      return null;
-    case 4:
+    case 16:
+      return (
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 6:
       return popHostContainer(workInProgress), null;
-    case 10:
+    case 12:
       return popProvider(workInProgress), null;
     default:
       return null;
   }
 }
-var Dispatcher = {
-    readContext: readContext,
-    useCallback: function(callback, inputs) {
-      currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-      workInProgressHook = createWorkInProgressHook();
-      inputs = void 0 !== inputs && null !== inputs ? inputs : [callback];
-      var prevState = workInProgressHook.memoizedState;
-      if (null !== prevState && inputsAreEqual(inputs, prevState[1]))
-        return prevState[0];
-      workInProgressHook.memoizedState = [callback, inputs];
-      return callback;
-    },
-    useContext: function(context, observedBits) {
-      resolveCurrentlyRenderingFiber();
-      return readContext(context, observedBits);
-    },
-    useEffect: function(create, inputs) {
-      useEffectImpl(516, 192, create, inputs);
-    },
-    useImperativeMethods: function(ref, create, inputs) {
-      inputs =
-        null !== inputs && void 0 !== inputs
-          ? inputs.concat([ref])
-          : [ref, create];
-      useEffectImpl(
-        4,
-        36,
-        function() {
-          if ("function" === typeof ref) {
-            var _inst = create();
-            ref(_inst);
-            return function() {
-              return ref(null);
-            };
-          }
-          if (null !== ref && void 0 !== ref)
-            return (
-              (_inst = create()),
-              (ref.current = _inst),
-              function() {
-                ref.current = null;
-              }
-            );
-        },
-        inputs
-      );
-    },
-    useLayoutEffect: function(create, inputs) {
-      useEffectImpl(4, 36, create, inputs);
-    },
-    useMemo: function(nextCreate, inputs) {
-      currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-      workInProgressHook = createWorkInProgressHook();
-      inputs = void 0 !== inputs && null !== inputs ? inputs : [nextCreate];
-      var prevState = workInProgressHook.memoizedState;
-      if (null !== prevState && inputsAreEqual(inputs, prevState[1]))
-        return prevState[0];
-      nextCreate = nextCreate();
-      workInProgressHook.memoizedState = [nextCreate, inputs];
-      return nextCreate;
-    },
-    useMutationEffect: function(create, inputs) {
-      useEffectImpl(260, 10, create, inputs);
-    },
-    useReducer: useReducer,
-    useRef: function(initialValue) {
-      currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-      workInProgressHook = createWorkInProgressHook();
-      null === workInProgressHook.memoizedState
-        ? ((initialValue = { current: initialValue }),
-          (workInProgressHook.memoizedState = initialValue))
-        : (initialValue = workInProgressHook.memoizedState);
-      return initialValue;
-    },
-    useState: function(initialState) {
-      return useReducer(basicStateReducer, initialState);
-    }
-  },
+var Dispatcher = { readContext: readContext },
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
   isWorking = !1,
   nextUnitOfWork = null,
@@ -5195,9 +4561,6 @@ var Dispatcher = {
   nextRenderDidError = !1,
   nextEffect = null,
   isCommitting$1 = !1,
-  rootWithPendingPassiveEffects = null,
-  passiveEffectCallbackHandle = null,
-  passiveEffectCallback = null,
   legacyErrorBoundariesThatAlreadyFailed = null;
 function resetStack() {
   if (null !== nextUnitOfWork)
@@ -5208,7 +4571,7 @@ function resetStack() {
     ) {
       var interruptedWork$jscomp$0 = interruptedWork;
       switch (interruptedWork$jscomp$0.tag) {
-        case 1:
+        case 2:
           var childContextTypes =
             interruptedWork$jscomp$0.type.childContextTypes;
           null !== childContextTypes &&
@@ -5216,16 +4579,23 @@ function resetStack() {
             popContext(interruptedWork$jscomp$0);
           break;
         case 3:
+          childContextTypes =
+            interruptedWork$jscomp$0.type._reactResult.childContextTypes;
+          null !== childContextTypes &&
+            void 0 !== childContextTypes &&
+            popContext(interruptedWork$jscomp$0);
+          break;
+        case 5:
           popHostContainer(interruptedWork$jscomp$0);
           popTopLevelContextObject(interruptedWork$jscomp$0);
           break;
-        case 5:
+        case 7:
           popHostContext(interruptedWork$jscomp$0);
           break;
-        case 4:
+        case 6:
           popHostContainer(interruptedWork$jscomp$0);
           break;
-        case 10:
+        case 12:
           popProvider(interruptedWork$jscomp$0);
       }
       interruptedWork = interruptedWork.return;
@@ -5236,55 +4606,27 @@ function resetStack() {
   nextRenderDidError = !1;
   nextUnitOfWork = null;
 }
-function commitPassiveEffects(root, firstEffect) {
-  passiveEffectCallback = passiveEffectCallbackHandle = rootWithPendingPassiveEffects = null;
-  var previousIsRendering = isRendering;
-  isRendering = !0;
-  do {
-    if (firstEffect.effectTag & 512) {
-      var didError = !1,
-        error = void 0;
-      try {
-        var finishedWork = firstEffect;
-        commitHookEffectList(128, 0, finishedWork);
-        commitHookEffectList(0, 64, finishedWork);
-      } catch (e) {
-        (didError = !0), (error = e);
-      }
-      didError && captureCommitPhaseError(firstEffect, error);
-    }
-    firstEffect = firstEffect.nextEffect;
-  } while (null !== firstEffect);
-  isRendering = previousIsRendering;
-  previousIsRendering = root.expirationTime;
-  0 !== previousIsRendering && requestWork(root, previousIsRendering);
-}
-function flushPassiveEffects() {
-  null !== passiveEffectCallback &&
-    (scheduler.unstable_cancelCallback(passiveEffectCallbackHandle),
-    passiveEffectCallback());
-}
 function completeUnitOfWork(workInProgress) {
   for (;;) {
     var current$$1 = workInProgress.alternate,
       returnFiber = workInProgress.return,
       siblingFiber = workInProgress.sibling;
-    if (0 === (workInProgress.effectTag & 1024)) {
+    if (0 === (workInProgress.effectTag & 512)) {
       var current = current$$1;
       current$$1 = workInProgress;
       var instance = current$$1.pendingProps;
       switch (current$$1.tag) {
-        case 2:
-          break;
-        case 16:
-          break;
-        case 15:
         case 0:
-          break;
         case 1:
+          break;
+        case 2:
           isContextProvider(current$$1.type) && popContext(current$$1);
           break;
         case 3:
+          isContextProvider(current$$1.type._reactResult) &&
+            popContext(current$$1);
+          break;
+        case 5:
           popHostContainer(current$$1);
           popTopLevelContextObject(current$$1);
           instance = current$$1.stateNode;
@@ -5295,7 +4637,7 @@ function completeUnitOfWork(workInProgress) {
             current$$1.effectTag &= -3;
           updateHostContainer(current$$1);
           break;
-        case 5:
+        case 7:
           popHostContext(current$$1);
           var rootContainerInstance = requiredContext(
               rootInstanceStackCursor.current
@@ -5341,7 +4683,7 @@ function completeUnitOfWork(workInProgress) {
               instance
             );
             instance = { node: rootContainerInstance, canonical: instance };
-            appendAllChildren(instance, current$$1, !1, !1);
+            appendAllChildren(instance, current$$1);
             current$$1.stateNode = instance;
             null !== current$$1.ref && (current$$1.effectTag |= 128);
           } else
@@ -5350,7 +4692,7 @@ function completeUnitOfWork(workInProgress) {
               "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
             );
           break;
-        case 6:
+        case 8:
           current && null != current$$1.stateNode
             ? updateHostText$1(
                 current,
@@ -5374,36 +4716,34 @@ function completeUnitOfWork(workInProgress) {
                 current$$1
               )));
           break;
-        case 11:
-          break;
         case 13:
-          instance = current$$1.memoizedState;
-          rootContainerInstance =
-            null !== current ? current.memoizedState : null;
-          (null !== instance && instance.didTimeout) !==
-            (null !== rootContainerInstance &&
-              rootContainerInstance.didTimeout) && (current$$1.effectTag |= 4);
+        case 14:
           break;
-        case 7:
-          break;
-        case 8:
-          break;
-        case 12:
-          break;
-        case 4:
-          popHostContainer(current$$1);
-          updateHostContainer(current$$1);
-          break;
-        case 10:
-          popProvider(current$$1);
+        case 16:
           break;
         case 9:
           break;
-        case 14:
+        case 10:
+          break;
+        case 15:
+          break;
+        case 6:
+          popHostContainer(current$$1);
+          updateHostContainer(current$$1);
+          break;
+        case 12:
+          popProvider(current$$1);
+          break;
+        case 11:
           break;
         case 17:
-          isContextProvider(current$$1.type) && popContext(current$$1);
+        case 18:
           break;
+        case 4:
+          invariant(
+            !1,
+            "An indeterminate component should have become determinate before completing. This error is likely caused by a bug in React. Please file an issue."
+          );
         default:
           invariant(
             !1,
@@ -5413,24 +4753,27 @@ function completeUnitOfWork(workInProgress) {
       nextUnitOfWork = null;
       current$$1 = workInProgress;
       if (
-        1 === nextRenderExpirationTime ||
-        1 !== current$$1.childExpirationTime
+        1073741823 === nextRenderExpirationTime ||
+        1073741823 !== current$$1.childExpirationTime
       ) {
         instance = 0;
         for (
           rootContainerInstance = current$$1.child;
           null !== rootContainerInstance;
 
-        )
-          (current = rootContainerInstance.expirationTime),
-            (viewConfig = rootContainerInstance.childExpirationTime),
-            current > instance && (instance = current),
-            viewConfig > instance && (instance = viewConfig),
-            (rootContainerInstance = rootContainerInstance.sibling);
+        ) {
+          current = rootContainerInstance.expirationTime;
+          viewConfig = rootContainerInstance.childExpirationTime;
+          if (0 === instance || (0 !== current && current < instance))
+            instance = current;
+          if (0 === instance || (0 !== viewConfig && viewConfig < instance))
+            instance = viewConfig;
+          rootContainerInstance = rootContainerInstance.sibling;
+        }
         current$$1.childExpirationTime = instance;
       }
       null !== returnFiber &&
-        0 === (returnFiber.effectTag & 1024) &&
+        0 === (returnFiber.effectTag & 512) &&
         (null === returnFiber.firstEffect &&
           (returnFiber.firstEffect = workInProgress.firstEffect),
         null !== workInProgress.lastEffect &&
@@ -5445,10 +4788,10 @@ function completeUnitOfWork(workInProgress) {
     } else {
       workInProgress = unwindWork(workInProgress, nextRenderExpirationTime);
       if (null !== workInProgress)
-        return (workInProgress.effectTag &= 1023), workInProgress;
+        return (workInProgress.effectTag &= 511), workInProgress;
       null !== returnFiber &&
         ((returnFiber.firstEffect = returnFiber.lastEffect = null),
-        (returnFiber.effectTag |= 1024));
+        (returnFiber.effectTag |= 512));
     }
     if (null !== siblingFiber) return siblingFiber;
     if (null !== returnFiber) workInProgress = returnFiber;
@@ -5462,17 +4805,15 @@ function performUnitOfWork(workInProgress) {
     workInProgress,
     nextRenderExpirationTime
   );
-  workInProgress.memoizedProps = workInProgress.pendingProps;
   null === next && (next = completeUnitOfWork(workInProgress));
   ReactCurrentOwner$2.current = null;
   return next;
 }
-function renderRoot(root$jscomp$0, isYieldy) {
+function renderRoot(root$jscomp$0, isYieldy, isExpired) {
   invariant(
     !isWorking,
     "renderRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
   );
-  flushPassiveEffects();
   isWorking = !0;
   ReactCurrentOwner$2.currentDispatcher = Dispatcher;
   var expirationTime = root$jscomp$0.nextExpirationTimeToWorkOn;
@@ -5494,17 +4835,13 @@ function renderRoot(root$jscomp$0, isYieldy) {
   do {
     try {
       if (isYieldy)
-        for (; null !== nextUnitOfWork && !shouldYieldToRenderer(); )
+        for (; null !== nextUnitOfWork && !shouldYield(); )
           nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
       else
         for (; null !== nextUnitOfWork; )
           nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
     } catch (thrownValue) {
-      if (
-        ((lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = null),
-        resetHooks(),
-        null === nextUnitOfWork)
-      )
+      if (null === nextUnitOfWork)
         (didFatal = !0), onUncaughtError(thrownValue);
       else {
         invariant(
@@ -5521,7 +4858,7 @@ function renderRoot(root$jscomp$0, isYieldy) {
               sourceFiber$jscomp$0 = sourceFiber,
               value = thrownValue;
             returnFiber = nextRenderExpirationTime;
-            sourceFiber$jscomp$0.effectTag |= 1024;
+            sourceFiber$jscomp$0.effectTag |= 512;
             sourceFiber$jscomp$0.firstEffect = sourceFiber$jscomp$0.lastEffect = null;
             if (
               null !== value &&
@@ -5533,57 +4870,56 @@ function renderRoot(root$jscomp$0, isYieldy) {
               var earliestTimeoutMs = -1,
                 startTimeMs = -1;
               do {
-                if (13 === value.tag) {
-                  var current$$1 = value.alternate;
+                if (16 === value.tag) {
+                  var current = value.alternate;
                   if (
-                    null !== current$$1 &&
-                    ((current$$1 = current$$1.memoizedState),
-                    null !== current$$1 && current$$1.didTimeout)
+                    null !== current &&
+                    !0 === current.memoizedState &&
+                    null !== current.stateNode
                   ) {
-                    startTimeMs = 10 * (1073741822 - current$$1.timedOutAt);
+                    startTimeMs = 10 * (current.stateNode.timedOutAt - 2);
                     break;
                   }
-                  current$$1 = value.pendingProps.maxDuration;
-                  if ("number" === typeof current$$1)
-                    if (0 >= current$$1) earliestTimeoutMs = 0;
+                  current = value.pendingProps.maxDuration;
+                  if ("number" === typeof current)
+                    if (0 >= current) earliestTimeoutMs = 0;
                     else if (
                       -1 === earliestTimeoutMs ||
-                      current$$1 < earliestTimeoutMs
+                      current < earliestTimeoutMs
                     )
-                      earliestTimeoutMs = current$$1;
+                      earliestTimeoutMs = current;
                 }
                 value = value.return;
               } while (null !== value);
               value = returnFiber$jscomp$0;
               do {
-                if ((current$$1 = 13 === value.tag))
-                  void 0 === value.memoizedProps.fallback
-                    ? (current$$1 = !1)
-                    : ((current$$1 = value.memoizedState),
-                      (current$$1 =
-                        null === current$$1 || !current$$1.didTimeout));
-                if (current$$1) {
+                if (16 === value.tag && !value.memoizedState) {
                   returnFiber$jscomp$0 = retrySuspendedRoot.bind(
                     null,
                     root,
                     value,
-                    sourceFiber$jscomp$0,
-                    0 === (value.mode & 1) ? 1073741823 : returnFiber
+                    0 === (value.mode & 1) ? 1 : returnFiber
                   );
                   thenable.then(returnFiber$jscomp$0, returnFiber$jscomp$0);
-                  if (0 === (value.mode & 1)) {
-                    value.effectTag |= 32;
+                  if (0 === (value.mode & 2)) {
+                    value.effectTag |= 4;
                     reconcileChildren(
                       sourceFiber$jscomp$0.alternate,
                       sourceFiber$jscomp$0,
                       null,
                       returnFiber
                     );
-                    sourceFiber$jscomp$0.effectTag &= -1025;
-                    sourceFiber$jscomp$0.effectTag &= -933;
-                    1 === sourceFiber$jscomp$0.tag &&
-                      null === sourceFiber$jscomp$0.alternate &&
-                      (sourceFiber$jscomp$0.tag = 17);
+                    sourceFiber$jscomp$0.effectTag &= -513;
+                    4 === sourceFiber$jscomp$0.tag &&
+                      (sourceFiber$jscomp$0.tag = 0);
+                    if (
+                      2 === sourceFiber$jscomp$0.tag ||
+                      3 === sourceFiber$jscomp$0.tag
+                    )
+                      (sourceFiber$jscomp$0.effectTag &= -421),
+                        null === sourceFiber$jscomp$0.alternate &&
+                          ((sourceFiber$jscomp$0.tag = 0),
+                          (sourceFiber$jscomp$0.type = NoopComponent));
                     break a;
                   }
                   -1 === earliestTimeoutMs
@@ -5591,27 +4927,24 @@ function renderRoot(root$jscomp$0, isYieldy) {
                     : (-1 === startTimeMs &&
                         (startTimeMs =
                           10 *
-                            (1073741822 -
-                              findEarliestOutstandingPriorityLevel(
-                                root,
-                                returnFiber
-                              )) -
+                            (findEarliestOutstandingPriorityLevel(
+                              root,
+                              returnFiber
+                            ) -
+                              2) -
                           5e3),
                       (root = startTimeMs + earliestTimeoutMs));
                   0 <= root &&
                     nextLatestAbsoluteTimeoutMs < root &&
                     (nextLatestAbsoluteTimeoutMs = root);
-                  value.effectTag |= 2048;
+                  value.effectTag |= 1024;
                   value.expirationTime = returnFiber;
                   break a;
                 }
                 value = value.return;
               } while (null !== value);
               value = Error(
-                (getComponentName(sourceFiber$jscomp$0.type) ||
-                  "A React component") +
-                  " suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display." +
-                  getStackByFiberInDevAndProd(sourceFiber$jscomp$0)
+                "An update was suspended, but no placeholder UI was provided."
               );
             }
             nextRenderDidError = !0;
@@ -5619,9 +4952,9 @@ function renderRoot(root$jscomp$0, isYieldy) {
             root = returnFiber$jscomp$0;
             do {
               switch (root.tag) {
-                case 3:
+                case 5:
                   sourceFiber$jscomp$0 = value;
-                  root.effectTag |= 2048;
+                  root.effectTag |= 1024;
                   root.expirationTime = returnFiber;
                   returnFiber = createRootErrorUpdate(
                     root,
@@ -5630,7 +4963,8 @@ function renderRoot(root$jscomp$0, isYieldy) {
                   );
                   enqueueCapturedUpdate(root, returnFiber);
                   break a;
-                case 1:
+                case 2:
+                case 3:
                   if (
                     ((sourceFiber$jscomp$0 = value),
                     (returnFiber$jscomp$0 = root.type),
@@ -5645,7 +4979,7 @@ function renderRoot(root$jscomp$0, isYieldy) {
                               thenable
                             )))))
                   ) {
-                    root.effectTag |= 2048;
+                    root.effectTag |= 1024;
                     root.expirationTime = returnFiber;
                     returnFiber = createClassErrorUpdate(
                       root,
@@ -5668,170 +5002,183 @@ function renderRoot(root$jscomp$0, isYieldy) {
   } while (1);
   isWorking = !1;
   lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = ReactCurrentOwner$2.currentDispatcher = null;
-  resetHooks();
   if (didFatal) (nextRoot = null), (root$jscomp$0.finishedWork = null);
   else if (null !== nextUnitOfWork) root$jscomp$0.finishedWork = null;
   else {
-    didFatal = root$jscomp$0.current.alternate;
+    isYieldy = root$jscomp$0.current.alternate;
     invariant(
-      null !== didFatal,
+      null !== isYieldy,
       "Finished root should have a work-in-progress. This error is likely caused by a bug in React. Please file an issue."
     );
     nextRoot = null;
     if (nextRenderDidError) {
-      sourceFiber = root$jscomp$0.latestPendingTime;
-      returnFiber = root$jscomp$0.latestSuspendedTime;
-      root = root$jscomp$0.latestPingedTime;
+      didFatal = root$jscomp$0.latestPendingTime;
+      sourceFiber = root$jscomp$0.latestSuspendedTime;
+      returnFiber = root$jscomp$0.latestPingedTime;
       if (
-        (0 !== sourceFiber && sourceFiber < expirationTime) ||
-        (0 !== returnFiber && returnFiber < expirationTime) ||
-        (0 !== root && root < expirationTime)
+        (0 !== didFatal && didFatal > expirationTime) ||
+        (0 !== sourceFiber && sourceFiber > expirationTime) ||
+        (0 !== returnFiber && returnFiber > expirationTime)
       ) {
         markSuspendedPriorityLevel(root$jscomp$0, expirationTime);
         onSuspend(
           root$jscomp$0,
-          didFatal,
+          isYieldy,
           expirationTime,
           root$jscomp$0.expirationTime,
           -1
         );
         return;
       }
-      if (!root$jscomp$0.didError && isYieldy) {
+      if (!root$jscomp$0.didError && !isExpired) {
         root$jscomp$0.didError = !0;
         expirationTime = root$jscomp$0.nextExpirationTimeToWorkOn = expirationTime;
-        isYieldy = root$jscomp$0.expirationTime = 1073741823;
-        onSuspend(root$jscomp$0, didFatal, expirationTime, isYieldy, -1);
+        isExpired = root$jscomp$0.expirationTime = 1;
+        onSuspend(root$jscomp$0, isYieldy, expirationTime, isExpired, -1);
         return;
       }
     }
-    isYieldy && -1 !== nextLatestAbsoluteTimeoutMs
-      ? (markSuspendedPriorityLevel(root$jscomp$0, expirationTime),
-        (isYieldy =
+    isExpired || -1 === nextLatestAbsoluteTimeoutMs
+      ? ((root$jscomp$0.pendingCommitExpirationTime = expirationTime),
+        (root$jscomp$0.finishedWork = isYieldy))
+      : (markSuspendedPriorityLevel(root$jscomp$0, expirationTime),
+        (isExpired =
           10 *
-          (1073741822 -
-            findEarliestOutstandingPriorityLevel(
-              root$jscomp$0,
-              expirationTime
-            ))),
-        isYieldy < nextLatestAbsoluteTimeoutMs &&
-          (nextLatestAbsoluteTimeoutMs = isYieldy),
-        (isYieldy = 10 * (1073741822 - requestCurrentTime())),
-        (isYieldy = nextLatestAbsoluteTimeoutMs - isYieldy),
+          (findEarliestOutstandingPriorityLevel(root$jscomp$0, expirationTime) -
+            2)),
+        isExpired < nextLatestAbsoluteTimeoutMs &&
+          (nextLatestAbsoluteTimeoutMs = isExpired),
+        (isExpired = 10 * (requestCurrentTime() - 2)),
+        (isExpired = nextLatestAbsoluteTimeoutMs - isExpired),
         onSuspend(
           root$jscomp$0,
-          didFatal,
+          isYieldy,
           expirationTime,
           root$jscomp$0.expirationTime,
-          0 > isYieldy ? 0 : isYieldy
-        ))
-      : ((root$jscomp$0.pendingCommitExpirationTime = expirationTime),
-        (root$jscomp$0.finishedWork = didFatal));
+          0 > isExpired ? 0 : isExpired
+        ));
   }
 }
-function captureCommitPhaseError(sourceFiber, value) {
-  for (var fiber = sourceFiber.return; null !== fiber; ) {
-    switch (fiber.tag) {
-      case 1:
-        var instance = fiber.stateNode;
-        if (
-          "function" === typeof fiber.type.getDerivedStateFromError ||
-          ("function" === typeof instance.componentDidCatch &&
-            (null === legacyErrorBoundariesThatAlreadyFailed ||
-              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
-        ) {
-          sourceFiber = createCapturedValue(value, sourceFiber);
-          sourceFiber = createClassErrorUpdate(fiber, sourceFiber, 1073741823);
-          enqueueUpdate(fiber, sourceFiber);
-          scheduleWork(fiber, 1073741823);
-          return;
-        }
-        break;
-      case 3:
-        sourceFiber = createCapturedValue(value, sourceFiber);
-        sourceFiber = createRootErrorUpdate(fiber, sourceFiber, 1073741823);
-        enqueueUpdate(fiber, sourceFiber);
-        scheduleWork(fiber, 1073741823);
-        return;
+function captureCommitPhaseError(fiber, error) {
+  var JSCompiler_inline_result;
+  a: {
+    invariant(
+      !isWorking || isCommitting$1,
+      "dispatch: Cannot dispatch during the render phase."
+    );
+    for (
+      JSCompiler_inline_result = fiber.return;
+      null !== JSCompiler_inline_result;
+
+    ) {
+      switch (JSCompiler_inline_result.tag) {
+        case 2:
+        case 3:
+          var instance = JSCompiler_inline_result.stateNode;
+          if (
+            "function" ===
+              typeof JSCompiler_inline_result.type.getDerivedStateFromError ||
+            ("function" === typeof instance.componentDidCatch &&
+              (null === legacyErrorBoundariesThatAlreadyFailed ||
+                !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+          ) {
+            fiber = createCapturedValue(error, fiber);
+            fiber = createClassErrorUpdate(JSCompiler_inline_result, fiber, 1);
+            enqueueUpdate(JSCompiler_inline_result, fiber);
+            scheduleWork(JSCompiler_inline_result, 1);
+            JSCompiler_inline_result = void 0;
+            break a;
+          }
+          break;
+        case 5:
+          fiber = createCapturedValue(error, fiber);
+          fiber = createRootErrorUpdate(JSCompiler_inline_result, fiber, 1);
+          enqueueUpdate(JSCompiler_inline_result, fiber);
+          scheduleWork(JSCompiler_inline_result, 1);
+          JSCompiler_inline_result = void 0;
+          break a;
+      }
+      JSCompiler_inline_result = JSCompiler_inline_result.return;
     }
-    fiber = fiber.return;
+    5 === fiber.tag &&
+      ((JSCompiler_inline_result = createCapturedValue(error, fiber)),
+      (JSCompiler_inline_result = createRootErrorUpdate(
+        fiber,
+        JSCompiler_inline_result,
+        1
+      )),
+      enqueueUpdate(fiber, JSCompiler_inline_result),
+      scheduleWork(fiber, 1));
+    JSCompiler_inline_result = void 0;
   }
-  3 === sourceFiber.tag &&
-    ((fiber = createCapturedValue(value, sourceFiber)),
-    (fiber = createRootErrorUpdate(sourceFiber, fiber, 1073741823)),
-    enqueueUpdate(sourceFiber, fiber),
-    scheduleWork(sourceFiber, 1073741823));
+  return JSCompiler_inline_result;
 }
 function computeExpirationForFiber(currentTime, fiber) {
   isWorking
-    ? (currentTime = isCommitting$1 ? 1073741823 : nextRenderExpirationTime)
+    ? (currentTime = isCommitting$1 ? 1 : nextRenderExpirationTime)
     : fiber.mode & 1
       ? ((currentTime = isBatchingInteractiveUpdates
-          ? 1073741822 - 10 * ((((1073741822 - currentTime + 15) / 10) | 0) + 1)
-          : 1073741822 -
-            25 * ((((1073741822 - currentTime + 500) / 25) | 0) + 1)),
+          ? 2 + 10 * ((((currentTime - 2 + 15) / 10) | 0) + 1)
+          : 2 + 25 * ((((currentTime - 2 + 500) / 25) | 0) + 1)),
         null !== nextRoot &&
           currentTime === nextRenderExpirationTime &&
-          --currentTime)
-      : (currentTime = 1073741823);
+          (currentTime += 1))
+      : (currentTime = 1);
   isBatchingInteractiveUpdates &&
-    (0 === lowestPriorityPendingInteractiveExpirationTime ||
-      currentTime < lowestPriorityPendingInteractiveExpirationTime) &&
+    currentTime > lowestPriorityPendingInteractiveExpirationTime &&
     (lowestPriorityPendingInteractiveExpirationTime = currentTime);
   return currentTime;
 }
-function retrySuspendedRoot(root, boundaryFiber, sourceFiber, suspendedTime) {
+function retrySuspendedRoot(root, fiber, suspendedTime) {
   var retryTime = root.earliestSuspendedTime;
   var latestSuspendedTime = root.latestSuspendedTime;
   if (
     0 !== retryTime &&
-    suspendedTime <= retryTime &&
-    suspendedTime >= latestSuspendedTime
+    suspendedTime >= retryTime &&
+    suspendedTime <= latestSuspendedTime
   ) {
     latestSuspendedTime = retryTime = suspendedTime;
     root.didError = !1;
     var latestPingedTime = root.latestPingedTime;
-    if (0 === latestPingedTime || latestPingedTime > latestSuspendedTime)
+    if (0 === latestPingedTime || latestPingedTime < latestSuspendedTime)
       root.latestPingedTime = latestSuspendedTime;
     findNextExpirationTimeToWorkOn(latestSuspendedTime, root);
   } else
     (retryTime = requestCurrentTime()),
-      (retryTime = computeExpirationForFiber(retryTime, boundaryFiber)),
+      (retryTime = computeExpirationForFiber(retryTime, fiber)),
       markPendingPriorityLevel(root, retryTime);
-  0 !== (boundaryFiber.mode & 1) &&
+  0 !== (fiber.mode & 1) &&
     root === nextRoot &&
     nextRenderExpirationTime === suspendedTime &&
     (nextRoot = null);
-  scheduleWorkToRoot(boundaryFiber, retryTime);
-  0 === (boundaryFiber.mode & 1) &&
-    (scheduleWorkToRoot(sourceFiber, retryTime),
-    1 === sourceFiber.tag &&
-      null !== sourceFiber.stateNode &&
-      ((boundaryFiber = createUpdate(retryTime)),
-      (boundaryFiber.tag = 2),
-      enqueueUpdate(sourceFiber, boundaryFiber)));
-  sourceFiber = root.expirationTime;
-  0 !== sourceFiber && requestWork(root, sourceFiber);
+  scheduleWorkToRoot(fiber, retryTime);
+  fiber = root.expirationTime;
+  0 !== fiber && requestWork(root, fiber);
 }
 function scheduleWorkToRoot(fiber, expirationTime) {
-  fiber.expirationTime < expirationTime &&
-    (fiber.expirationTime = expirationTime);
+  if (0 === fiber.expirationTime || fiber.expirationTime > expirationTime)
+    fiber.expirationTime = expirationTime;
   var alternate = fiber.alternate;
   null !== alternate &&
-    alternate.expirationTime < expirationTime &&
+    (0 === alternate.expirationTime ||
+      alternate.expirationTime > expirationTime) &&
     (alternate.expirationTime = expirationTime);
   var node = fiber.return,
     root = null;
-  if (null === node && 3 === fiber.tag) root = fiber.stateNode;
+  if (null === node && 5 === fiber.tag) root = fiber.stateNode;
   else
     for (; null !== node; ) {
       alternate = node.alternate;
-      node.childExpirationTime < expirationTime &&
-        (node.childExpirationTime = expirationTime);
+      if (
+        0 === node.childExpirationTime ||
+        node.childExpirationTime > expirationTime
+      )
+        node.childExpirationTime = expirationTime;
       null !== alternate &&
-        alternate.childExpirationTime < expirationTime &&
+        (0 === alternate.childExpirationTime ||
+          alternate.childExpirationTime > expirationTime) &&
         (alternate.childExpirationTime = expirationTime);
-      if (null === node.return && 3 === node.tag) {
+      if (null === node.return && 5 === node.tag) {
         root = node.stateNode;
         break;
       }
@@ -5844,7 +5191,7 @@ function scheduleWork(fiber, expirationTime) {
   null !== fiber &&
     (!isWorking &&
       0 !== nextRenderExpirationTime &&
-      expirationTime > nextRenderExpirationTime &&
+      expirationTime < nextRenderExpirationTime &&
       resetStack(),
     markPendingPriorityLevel(fiber, expirationTime),
     (isWorking && !isCommitting$1 && nextRoot === fiber) ||
@@ -5864,25 +5211,27 @@ var firstScheduledRoot = null,
   nextFlushedRoot = null,
   nextFlushedExpirationTime = 0,
   lowestPriorityPendingInteractiveExpirationTime = 0,
+  deadlineDidExpire = !1,
   hasUnhandledError = !1,
   unhandledError = null,
+  deadline = null,
   isBatchingUpdates = !1,
   isUnbatchingUpdates = !1,
   isBatchingInteractiveUpdates = !1,
   completedBatches = null,
   originalStartTimeMs = now$1(),
-  currentRendererTime = 1073741822 - ((originalStartTimeMs / 10) | 0),
+  currentRendererTime = ((originalStartTimeMs / 10) | 0) + 2,
   currentSchedulerTime = currentRendererTime,
   NESTED_UPDATE_LIMIT = 50,
   nestedUpdateCount = 0,
-  lastCommittedRootDuringThisBatch = null;
+  lastCommittedRootDuringThisBatch = null,
+  timeHeuristicForUnitOfWork = 1;
 function recomputeCurrentRendererTime() {
-  currentRendererTime =
-    1073741822 - (((now$1() - originalStartTimeMs) / 10) | 0);
+  currentRendererTime = (((now$1() - originalStartTimeMs) / 10) | 0) + 2;
 }
 function scheduleCallbackWithExpirationTime(root, expirationTime) {
   if (0 !== callbackExpirationTime) {
-    if (expirationTime < callbackExpirationTime) return;
+    if (expirationTime > callbackExpirationTime) return;
     null !== callbackID &&
       ((root = callbackID), (scheduledCallback = null), clearTimeout(root));
   }
@@ -5899,7 +5248,7 @@ function onSuspend(
   msUntilTimeout
 ) {
   root.expirationTime = rootExpirationTime;
-  0 !== msUntilTimeout || shouldYieldToRenderer()
+  0 !== msUntilTimeout || shouldYield()
     ? 0 < msUntilTimeout &&
       (root.timeoutHandle = scheduleTimeout(
         onTimeout.bind(null, root, finishedWork, suspendedExpirationTime),
@@ -5919,35 +5268,44 @@ function onTimeout(root, finishedWork, suspendedExpirationTime) {
   );
   nextFlushedRoot = root;
   nextFlushedExpirationTime = suspendedExpirationTime;
-  performWorkOnRoot(root, suspendedExpirationTime, !1);
-  performWork(1073741823, !1);
+  performWorkOnRoot(root, suspendedExpirationTime, !0);
+  performWork(1, null);
 }
 function requestCurrentTime() {
   if (isRendering) return currentSchedulerTime;
   findHighestPriorityRoot();
-  if (0 === nextFlushedExpirationTime || 1 === nextFlushedExpirationTime)
+  if (
+    0 === nextFlushedExpirationTime ||
+    1073741823 === nextFlushedExpirationTime
+  )
     recomputeCurrentRendererTime(),
       (currentSchedulerTime = currentRendererTime);
   return currentSchedulerTime;
 }
 function requestWork(root, expirationTime) {
-  null === root.nextScheduledRoot
-    ? ((root.expirationTime = expirationTime),
+  if (null === root.nextScheduledRoot)
+    (root.expirationTime = expirationTime),
       null === lastScheduledRoot
         ? ((firstScheduledRoot = lastScheduledRoot = root),
           (root.nextScheduledRoot = root))
         : ((lastScheduledRoot = lastScheduledRoot.nextScheduledRoot = root),
-          (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot)))
-    : expirationTime > root.expirationTime &&
-      (root.expirationTime = expirationTime);
+          (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot));
+  else {
+    var remainingExpirationTime = root.expirationTime;
+    if (
+      0 === remainingExpirationTime ||
+      expirationTime < remainingExpirationTime
+    )
+      root.expirationTime = expirationTime;
+  }
   isRendering ||
     (isBatchingUpdates
       ? isUnbatchingUpdates &&
         ((nextFlushedRoot = root),
-        (nextFlushedExpirationTime = 1073741823),
-        performWorkOnRoot(root, 1073741823, !1))
-      : 1073741823 === expirationTime
-        ? performWork(1073741823, !1)
+        (nextFlushedExpirationTime = 1),
+        performWorkOnRoot(root, 1, !0))
+      : 1 === expirationTime
+        ? performWork(1, null)
         : scheduleCallbackWithExpirationTime(root, expirationTime));
 }
 function findHighestPriorityRoot() {
@@ -5983,11 +5341,14 @@ function findHighestPriorityRoot() {
             (root.nextScheduledRoot = null);
         root = previousScheduledRoot.nextScheduledRoot;
       } else {
-        remainingExpirationTime > highestPriorityWork &&
-          ((highestPriorityWork = remainingExpirationTime),
-          (highestPriorityRoot = root));
+        if (
+          0 === highestPriorityWork ||
+          remainingExpirationTime < highestPriorityWork
+        )
+          (highestPriorityWork = remainingExpirationTime),
+            (highestPriorityRoot = root);
         if (root === lastScheduledRoot) break;
-        if (1073741823 === highestPriorityWork) break;
+        if (1 === highestPriorityWork) break;
         previousScheduledRoot = root;
         root = root.nextScheduledRoot;
       }
@@ -5995,44 +5356,38 @@ function findHighestPriorityRoot() {
   nextFlushedRoot = highestPriorityRoot;
   nextFlushedExpirationTime = highestPriorityWork;
 }
-var didYield = !1;
-function shouldYieldToRenderer() {
-  return didYield ? !0 : frameDeadline <= now$1() ? (didYield = !0) : !1;
-}
-function performAsyncWork() {
-  try {
-    if (!shouldYieldToRenderer() && null !== firstScheduledRoot) {
-      recomputeCurrentRendererTime();
-      var root = firstScheduledRoot;
-      do {
-        var expirationTime = root.expirationTime;
-        0 !== expirationTime &&
-          currentRendererTime <= expirationTime &&
-          (root.nextExpirationTimeToWorkOn = currentRendererTime);
-        root = root.nextScheduledRoot;
-      } while (root !== firstScheduledRoot);
-    }
-    performWork(0, !0);
-  } finally {
-    didYield = !1;
+function performAsyncWork(dl) {
+  if (dl.didTimeout && null !== firstScheduledRoot) {
+    recomputeCurrentRendererTime();
+    var root = firstScheduledRoot;
+    do {
+      var expirationTime = root.expirationTime;
+      0 !== expirationTime &&
+        currentRendererTime >= expirationTime &&
+        (root.nextExpirationTimeToWorkOn = currentRendererTime);
+      root = root.nextScheduledRoot;
+    } while (root !== firstScheduledRoot);
   }
+  performWork(0, dl);
 }
-function performWork(minExpirationTime, isYieldy) {
+function performWork(minExpirationTime, dl) {
+  deadline = dl;
   findHighestPriorityRoot();
-  if (isYieldy)
+  if (null !== deadline)
     for (
       recomputeCurrentRendererTime(),
         currentSchedulerTime = currentRendererTime;
       null !== nextFlushedRoot &&
       0 !== nextFlushedExpirationTime &&
-      minExpirationTime <= nextFlushedExpirationTime &&
-      !(didYield && currentRendererTime > nextFlushedExpirationTime);
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime) &&
+      (!deadlineDidExpire || currentRendererTime >= nextFlushedExpirationTime);
 
     )
       performWorkOnRoot(
         nextFlushedRoot,
         nextFlushedExpirationTime,
-        currentRendererTime > nextFlushedExpirationTime
+        currentRendererTime >= nextFlushedExpirationTime
       ),
         findHighestPriorityRoot(),
         recomputeCurrentRendererTime(),
@@ -6042,28 +5397,29 @@ function performWork(minExpirationTime, isYieldy) {
       ;
       null !== nextFlushedRoot &&
       0 !== nextFlushedExpirationTime &&
-      minExpirationTime <= nextFlushedExpirationTime;
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime);
 
     )
-      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !1),
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !0),
         findHighestPriorityRoot();
-  isYieldy && ((callbackExpirationTime = 0), (callbackID = null));
+  null !== deadline && ((callbackExpirationTime = 0), (callbackID = null));
   0 !== nextFlushedExpirationTime &&
     scheduleCallbackWithExpirationTime(
       nextFlushedRoot,
       nextFlushedExpirationTime
     );
+  deadline = null;
+  deadlineDidExpire = !1;
   nestedUpdateCount = 0;
   lastCommittedRootDuringThisBatch = null;
   if (null !== completedBatches)
     for (
-      minExpirationTime = completedBatches,
-        completedBatches = null,
-        isYieldy = 0;
-      isYieldy < minExpirationTime.length;
-      isYieldy++
+      minExpirationTime = completedBatches, completedBatches = null, dl = 0;
+      dl < minExpirationTime.length;
+      dl++
     ) {
-      var batch = minExpirationTime[isYieldy];
+      var batch = minExpirationTime[dl];
       try {
         batch._onComplete();
       } catch (error) {
@@ -6077,45 +5433,45 @@ function performWork(minExpirationTime, isYieldy) {
     (hasUnhandledError = !1),
     minExpirationTime);
 }
-function performWorkOnRoot(root, expirationTime, isYieldy) {
+function performWorkOnRoot(root, expirationTime, isExpired) {
   invariant(
     !isRendering,
     "performWorkOnRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
   );
   isRendering = !0;
-  if (isYieldy) {
-    var _finishedWork = root.finishedWork;
-    null !== _finishedWork
-      ? completeRoot$1(root, _finishedWork, expirationTime)
+  if (null === deadline || isExpired) {
+    var finishedWork = root.finishedWork;
+    null !== finishedWork
+      ? completeRoot$1(root, finishedWork, expirationTime)
       : ((root.finishedWork = null),
-        (_finishedWork = root.timeoutHandle),
-        -1 !== _finishedWork &&
-          ((root.timeoutHandle = -1), cancelTimeout(_finishedWork)),
-        renderRoot(root, isYieldy),
-        (_finishedWork = root.finishedWork),
-        null !== _finishedWork &&
-          (shouldYieldToRenderer()
-            ? (root.finishedWork = _finishedWork)
-            : completeRoot$1(root, _finishedWork, expirationTime)));
+        (finishedWork = root.timeoutHandle),
+        -1 !== finishedWork &&
+          ((root.timeoutHandle = -1), cancelTimeout(finishedWork)),
+        renderRoot(root, !1, isExpired),
+        (finishedWork = root.finishedWork),
+        null !== finishedWork &&
+          completeRoot$1(root, finishedWork, expirationTime));
   } else
-    (_finishedWork = root.finishedWork),
-      null !== _finishedWork
-        ? completeRoot$1(root, _finishedWork, expirationTime)
+    (finishedWork = root.finishedWork),
+      null !== finishedWork
+        ? completeRoot$1(root, finishedWork, expirationTime)
         : ((root.finishedWork = null),
-          (_finishedWork = root.timeoutHandle),
-          -1 !== _finishedWork &&
-            ((root.timeoutHandle = -1), cancelTimeout(_finishedWork)),
-          renderRoot(root, isYieldy),
-          (_finishedWork = root.finishedWork),
-          null !== _finishedWork &&
-            completeRoot$1(root, _finishedWork, expirationTime));
+          (finishedWork = root.timeoutHandle),
+          -1 !== finishedWork &&
+            ((root.timeoutHandle = -1), cancelTimeout(finishedWork)),
+          renderRoot(root, !0, isExpired),
+          (finishedWork = root.finishedWork),
+          null !== finishedWork &&
+            (shouldYield()
+              ? (root.finishedWork = finishedWork)
+              : completeRoot$1(root, finishedWork, expirationTime)));
   isRendering = !1;
 }
 function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
   var firstBatch = root.firstBatch;
   if (
     null !== firstBatch &&
-    firstBatch._expirationTime >= expirationTime &&
+    firstBatch._expirationTime <= expirationTime &&
     (null === completedBatches
       ? (completedBatches = [firstBatch])
       : completedBatches.push(firstBatch),
@@ -6144,7 +5500,9 @@ function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
   var childExpirationTimeBeforeCommit =
     finishedWork$jscomp$0.childExpirationTime;
   firstBatch =
-    childExpirationTimeBeforeCommit > firstBatch
+    0 === firstBatch ||
+    (0 !== childExpirationTimeBeforeCommit &&
+      childExpirationTimeBeforeCommit < firstBatch)
       ? childExpirationTimeBeforeCommit
       : firstBatch;
   root.didError = !1;
@@ -6156,19 +5514,19 @@ function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
       (root.latestPingedTime = 0))
     : ((childExpirationTimeBeforeCommit = root.latestPendingTime),
       0 !== childExpirationTimeBeforeCommit &&
-        (childExpirationTimeBeforeCommit > firstBatch
+        (childExpirationTimeBeforeCommit < firstBatch
           ? (root.earliestPendingTime = root.latestPendingTime = 0)
-          : root.earliestPendingTime > firstBatch &&
+          : root.earliestPendingTime < firstBatch &&
             (root.earliestPendingTime = root.latestPendingTime)),
       (childExpirationTimeBeforeCommit = root.earliestSuspendedTime),
       0 === childExpirationTimeBeforeCommit
         ? markPendingPriorityLevel(root, firstBatch)
-        : firstBatch < root.latestSuspendedTime
+        : firstBatch > root.latestSuspendedTime
           ? ((root.earliestSuspendedTime = 0),
             (root.latestSuspendedTime = 0),
             (root.latestPingedTime = 0),
             markPendingPriorityLevel(root, firstBatch))
-          : firstBatch > childExpirationTimeBeforeCommit &&
+          : firstBatch < childExpirationTimeBeforeCommit &&
             markPendingPriorityLevel(root, firstBatch));
   findNextExpirationTimeToWorkOn(0, root);
   ReactCurrentOwner$2.current = null;
@@ -6180,20 +5538,16 @@ function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
     : (firstBatch = finishedWork$jscomp$0.firstEffect);
   for (nextEffect = firstBatch; null !== nextEffect; ) {
     childExpirationTimeBeforeCommit = !1;
-    var error$jscomp$0 = void 0;
+    var error = void 0;
     try {
       for (; null !== nextEffect; ) {
-        if (nextEffect.effectTag & 256)
+        if (nextEffect.effectTag & 256) {
+          var current$$1 = nextEffect.alternate;
           a: {
-            var current$$1 = nextEffect.alternate,
-              finishedWork = nextEffect;
+            var finishedWork = nextEffect;
             switch (finishedWork.tag) {
-              case 0:
-              case 11:
-              case 15:
-                commitHookEffectList(2, 0, finishedWork);
-                break a;
-              case 1:
+              case 2:
+              case 3:
                 if (finishedWork.effectTag & 256 && null !== current$$1) {
                   var prevProps = current$$1.memoizedProps,
                     prevState = current$$1.memoizedState,
@@ -6207,11 +5561,10 @@ function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
                   instance.__reactInternalSnapshotBeforeUpdate = snapshot;
                 }
                 break a;
-              case 3:
               case 5:
+              case 7:
+              case 8:
               case 6:
-              case 4:
-              case 17:
                 break a;
               default:
                 invariant(
@@ -6220,17 +5573,18 @@ function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
                 );
             }
           }
+        }
         nextEffect = nextEffect.nextEffect;
       }
     } catch (e) {
-      (childExpirationTimeBeforeCommit = !0), (error$jscomp$0 = e);
+      (childExpirationTimeBeforeCommit = !0), (error = e);
     }
     childExpirationTimeBeforeCommit &&
       (invariant(
         null !== nextEffect,
         "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
       ),
-      captureCommitPhaseError(nextEffect, error$jscomp$0),
+      captureCommitPhaseError(nextEffect, error),
       null !== nextEffect && (nextEffect = nextEffect.nextEffect));
   }
   for (nextEffect = firstBatch; null !== nextEffect; ) {
@@ -6267,32 +5621,8 @@ function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
               "function" === typeof onCommitFiberUnmount &&
                 onCommitFiberUnmount(childExpirationTimeBeforeCommit);
               switch (childExpirationTimeBeforeCommit.tag) {
-                case 0:
-                case 11:
-                case 14:
-                case 15:
-                  var updateQueue = childExpirationTimeBeforeCommit.updateQueue;
-                  if (null !== updateQueue) {
-                    var lastEffect = updateQueue.lastEffect;
-                    if (null !== lastEffect) {
-                      var firstEffect = lastEffect.next;
-                      error$jscomp$0 = firstEffect;
-                      do {
-                        var destroy = error$jscomp$0.destroy;
-                        if (null !== destroy) {
-                          finishedWork = childExpirationTimeBeforeCommit;
-                          try {
-                            destroy();
-                          } catch (error) {
-                            captureCommitPhaseError(finishedWork, error);
-                          }
-                        }
-                        error$jscomp$0 = error$jscomp$0.next;
-                      } while (error$jscomp$0 !== firstEffect);
-                    }
-                  }
-                  break;
-                case 1:
+                case 2:
+                case 3:
                   safelyDetachRef(childExpirationTimeBeforeCommit);
                   var instance$jscomp$0 =
                     childExpirationTimeBeforeCommit.stateNode;
@@ -6312,10 +5642,10 @@ function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
                       );
                     }
                   break;
-                case 5:
+                case 7:
                   safelyDetachRef(childExpirationTimeBeforeCommit);
                   break;
-                case 4:
+                case 6:
                   FabricUIManager.createChildSet(
                     childExpirationTimeBeforeCommit.stateNode.containerInfo
                   );
@@ -6357,105 +5687,86 @@ function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
     effectTag = !1;
     current$$1$jscomp$0 = void 0;
     try {
-      for (
-        currentRef = root, updateQueue = expirationTime;
-        null !== nextEffect;
-
-      ) {
+      for (currentRef = expirationTime; null !== nextEffect; ) {
         var effectTag$jscomp$0 = nextEffect.effectTag;
         if (effectTag$jscomp$0 & 36) {
-          destroy = void 0;
           var current$$1$jscomp$1 = nextEffect.alternate;
-          lastEffect = nextEffect;
-          firstEffect = updateQueue;
-          switch (lastEffect.tag) {
-            case 0:
-            case 11:
-            case 15:
-              commitHookEffectList(16, 32, lastEffect);
-              break;
-            case 1:
-              var instance$jscomp$1 = lastEffect.stateNode;
-              if (lastEffect.effectTag & 4)
+          instance$jscomp$0 = nextEffect;
+          firstBatch = currentRef;
+          switch (instance$jscomp$0.tag) {
+            case 2:
+            case 3:
+              var instance$jscomp$1 = instance$jscomp$0.stateNode;
+              if (instance$jscomp$0.effectTag & 4)
                 if (null === current$$1$jscomp$1)
-                  (instance$jscomp$1.props = lastEffect.memoizedProps),
-                    (instance$jscomp$1.state = lastEffect.memoizedState),
+                  (instance$jscomp$1.props = instance$jscomp$0.memoizedProps),
+                    (instance$jscomp$1.state = instance$jscomp$0.memoizedState),
                     instance$jscomp$1.componentDidMount();
                 else {
                   var prevProps$jscomp$0 = current$$1$jscomp$1.memoizedProps,
                     prevState$jscomp$0 = current$$1$jscomp$1.memoizedState;
-                  instance$jscomp$1.props = lastEffect.memoizedProps;
-                  instance$jscomp$1.state = lastEffect.memoizedState;
+                  instance$jscomp$1.props = instance$jscomp$0.memoizedProps;
+                  instance$jscomp$1.state = instance$jscomp$0.memoizedState;
                   instance$jscomp$1.componentDidUpdate(
                     prevProps$jscomp$0,
                     prevState$jscomp$0,
                     instance$jscomp$1.__reactInternalSnapshotBeforeUpdate
                   );
                 }
-              var updateQueue$jscomp$0 = lastEffect.updateQueue;
-              null !== updateQueue$jscomp$0 &&
-                ((instance$jscomp$1.props = lastEffect.memoizedProps),
-                (instance$jscomp$1.state = lastEffect.memoizedState),
+              var updateQueue = instance$jscomp$0.updateQueue;
+              null !== updateQueue &&
+                ((instance$jscomp$1.props = instance$jscomp$0.memoizedProps),
+                (instance$jscomp$1.state = instance$jscomp$0.memoizedState),
                 commitUpdateQueue(
-                  lastEffect,
-                  updateQueue$jscomp$0,
+                  instance$jscomp$0,
+                  updateQueue,
                   instance$jscomp$1,
-                  firstEffect
+                  firstBatch
                 ));
               break;
-            case 3:
-              var _updateQueue = lastEffect.updateQueue;
+            case 5:
+              var _updateQueue = instance$jscomp$0.updateQueue;
               if (null !== _updateQueue) {
-                destroy = null;
-                if (null !== lastEffect.child)
-                  switch (lastEffect.child.tag) {
-                    case 5:
-                      destroy = lastEffect.child.stateNode.canonical;
+                current$$1 = null;
+                if (null !== instance$jscomp$0.child)
+                  switch (instance$jscomp$0.child.tag) {
+                    case 7:
+                      current$$1 = instance$jscomp$0.child.stateNode.canonical;
                       break;
-                    case 1:
-                      destroy = lastEffect.child.stateNode;
+                    case 2:
+                    case 3:
+                      current$$1 = instance$jscomp$0.child.stateNode;
                   }
                 commitUpdateQueue(
-                  lastEffect,
+                  instance$jscomp$0,
                   _updateQueue,
-                  destroy,
-                  firstEffect
+                  current$$1,
+                  firstBatch
                 );
               }
               break;
-            case 5:
+            case 7:
               null === current$$1$jscomp$1 &&
-                lastEffect.effectTag & 4 &&
+                instance$jscomp$0.effectTag & 4 &&
                 invariant(
                   !1,
                   "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
                 );
               break;
+            case 8:
+              break;
             case 6:
               break;
-            case 4:
+            case 15:
               break;
-            case 12:
-              break;
-            case 13:
-              if (lastEffect.effectTag & 32) {
-                lastEffect.memoizedState = {
-                  alreadyCaptured: !0,
-                  didTimeout: !1,
-                  timedOutAt: 0
-                };
-                flushPassiveEffects();
-                scheduleWork(lastEffect, 1073741823);
-                break;
+            case 16:
+              if (0 === (instance$jscomp$0.mode & 2))
+                (instance$jscomp$0.updateQueue = emptyObject$1),
+                  scheduleWork(instance$jscomp$0, 1);
+              else {
+                var currentTime = requestCurrentTime();
+                instance$jscomp$0.stateNode = { timedOutAt: currentTime };
               }
-              var newState = lastEffect.memoizedState;
-              null !== newState &&
-                (destroy = newState.didTimeout) &&
-                ((newState.alreadyCaptured = !1),
-                0 === newState.timedOutAt &&
-                  (newState.timedOutAt = requestCurrentTime()));
-              break;
-            case 17:
               break;
             default:
               invariant(
@@ -6469,7 +5780,7 @@ function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
           if (null !== ref) {
             var instance$jscomp$2 = nextEffect.stateNode;
             switch (nextEffect.tag) {
-              case 5:
+              case 7:
                 var instanceToUse = instance$jscomp$2.canonical;
                 break;
               default:
@@ -6480,9 +5791,9 @@ function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
               : (ref.current = instanceToUse);
           }
         }
-        effectTag$jscomp$0 & 512 &&
-          (rootWithPendingPassiveEffects = currentRef);
-        nextEffect = nextEffect.nextEffect;
+        var next = nextEffect.nextEffect;
+        nextEffect.nextEffect = null;
+        nextEffect = next;
       }
     } catch (e) {
       (effectTag = !0), (current$$1$jscomp$0 = e);
@@ -6495,20 +5806,14 @@ function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
       captureCommitPhaseError(nextEffect, current$$1$jscomp$0),
       null !== nextEffect && (nextEffect = nextEffect.nextEffect));
   }
-  null !== firstBatch &&
-    null !== rootWithPendingPassiveEffects &&
-    ((effectTag$jscomp$0 = commitPassiveEffects.bind(null, root, firstBatch)),
-    (passiveEffectCallbackHandle = scheduler.unstable_scheduleCallback(
-      effectTag$jscomp$0
-    )),
-    (passiveEffectCallback = effectTag$jscomp$0));
   isWorking = isCommitting$1 = !1;
   "function" === typeof onCommitFiberRoot &&
     onCommitFiberRoot(finishedWork$jscomp$0.stateNode);
   effectTag$jscomp$0 = finishedWork$jscomp$0.expirationTime;
   finishedWork$jscomp$0 = finishedWork$jscomp$0.childExpirationTime;
   finishedWork$jscomp$0 =
-    finishedWork$jscomp$0 > effectTag$jscomp$0
+    0 === effectTag$jscomp$0 ||
+    (0 !== finishedWork$jscomp$0 && finishedWork$jscomp$0 < effectTag$jscomp$0)
       ? finishedWork$jscomp$0
       : effectTag$jscomp$0;
   0 === finishedWork$jscomp$0 &&
@@ -6516,6 +5821,13 @@ function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
   root.expirationTime = finishedWork$jscomp$0;
   root.finishedWork = null;
 }
+function shouldYield() {
+  return deadlineDidExpire
+    ? !0
+    : null === deadline || deadline.timeRemaining() > timeHeuristicForUnitOfWork
+      ? !1
+      : (deadlineDidExpire = !0);
+}
 function onUncaughtError(error) {
   invariant(
     null !== nextFlushedRoot,
@@ -6524,6 +5836,55 @@ function onUncaughtError(error) {
   nextFlushedRoot.expirationTime = 0;
   hasUnhandledError || ((hasUnhandledError = !0), (unhandledError = error));
 }
+function getContextForSubtree(parentComponent) {
+  if (!parentComponent) return emptyContextObject;
+  parentComponent = parentComponent._reactInternalFiber;
+  a: {
+    invariant(
+      2 === isFiberMountedImpl(parentComponent) &&
+        (2 === parentComponent.tag || 3 === parentComponent.tag),
+      "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+    );
+    var parentContext = parentComponent;
+    do {
+      switch (parentContext.tag) {
+        case 5:
+          parentContext = parentContext.stateNode.context;
+          break a;
+        case 2:
+          if (isContextProvider(parentContext.type)) {
+            parentContext =
+              parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
+            break a;
+          }
+          break;
+        case 3:
+          if (isContextProvider(parentContext.type._reactResult)) {
+            parentContext =
+              parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
+            break a;
+          }
+      }
+      parentContext = parentContext.return;
+    } while (null !== parentContext);
+    invariant(
+      !1,
+      "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+    );
+    parentContext = void 0;
+  }
+  if (2 === parentComponent.tag) {
+    var Component = parentComponent.type;
+    if (isContextProvider(Component))
+      return processChildContext(parentComponent, Component, parentContext);
+  } else if (
+    3 === parentComponent.tag &&
+    ((Component = parentComponent.type._reactResult),
+    isContextProvider(Component))
+  )
+    return processChildContext(parentComponent, Component, parentContext);
+  return parentContext;
+}
 function findHostInstance$1(component) {
   var fiber = component._reactInternalFiber;
   void 0 === fiber &&
@@ -6542,48 +5903,7 @@ function updateContainer(element, container, parentComponent, callback) {
     currentTime = requestCurrentTime();
   current$$1 = computeExpirationForFiber(currentTime, current$$1);
   currentTime = container.current;
-  a: if (parentComponent) {
-    parentComponent = parentComponent._reactInternalFiber;
-    b: {
-      invariant(
-        2 === isFiberMountedImpl(parentComponent) && 1 === parentComponent.tag,
-        "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
-      );
-      var parentContext = parentComponent;
-      do {
-        switch (parentContext.tag) {
-          case 3:
-            parentContext = parentContext.stateNode.context;
-            break b;
-          case 1:
-            if (isContextProvider(parentContext.type)) {
-              parentContext =
-                parentContext.stateNode
-                  .__reactInternalMemoizedMergedChildContext;
-              break b;
-            }
-        }
-        parentContext = parentContext.return;
-      } while (null !== parentContext);
-      invariant(
-        !1,
-        "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
-      );
-      parentContext = void 0;
-    }
-    if (1 === parentComponent.tag) {
-      var Component = parentComponent.type;
-      if (isContextProvider(Component)) {
-        parentComponent = processChildContext(
-          parentComponent,
-          Component,
-          parentContext
-        );
-        break a;
-      }
-    }
-    parentComponent = parentContext;
-  } else parentComponent = emptyContextObject;
+  parentComponent = getContextForSubtree(parentComponent);
   null === container.context
     ? (container.context = parentComponent)
     : (container.pendingContext = parentComponent);
@@ -6592,7 +5912,6 @@ function updateContainer(element, container, parentComponent, callback) {
   callback.payload = { element: element };
   container = void 0 === container ? null : container;
   null !== container && (callback.callback = container);
-  flushPassiveEffects();
   enqueueUpdate(currentTime, callback);
   scheduleWork(currentTime, current$$1);
   return current$$1;
@@ -6652,13 +5971,13 @@ _batchedUpdatesImpl = function(fn, a) {
   } finally {
     (isBatchingUpdates = previousIsBatchingUpdates) ||
       isRendering ||
-      performWork(1073741823, !1);
+      performWork(1, null);
   }
 };
 _flushInteractiveUpdatesImpl = function() {
   isRendering ||
     0 === lowestPriorityPendingInteractiveExpirationTime ||
-    (performWork(lowestPriorityPendingInteractiveExpirationTime, !1),
+    (performWork(lowestPriorityPendingInteractiveExpirationTime, null),
     (lowestPriorityPendingInteractiveExpirationTime = 0));
 };
 var roots = new Map(),
@@ -6738,7 +6057,7 @@ var roots = new Map(),
     render: function(element, containerTag, callback) {
       var root = roots.get(containerTag);
       if (!root) {
-        root = createFiber(3, null, null, 0);
+        root = new FiberNode(5, null, null, 0);
         var root$jscomp$0 = {
           current: root,
           containerInfo: containerTag,
@@ -6766,7 +6085,7 @@ var roots = new Map(),
       updateContainer(element, root, null, callback);
       a: if (((element = root.current), element.child))
         switch (element.child.tag) {
-          case 5:
+          case 7:
             element = element.child.stateNode.canonical;
             break a;
           default:
@@ -6863,7 +6182,7 @@ var roots = new Map(),
   findFiberByHostInstance: getInstanceFromInstance,
   getInspectorDataForViewTag: getInspectorDataForViewTag,
   bundleType: 0,
-  version: "16.6.0",
+  version: "16.6.0-alpha.8af6728",
   rendererPackageName: "react-native-renderer"
 });
 var ReactFabric$2 = { default: ReactFabric },
diff --git a/Libraries/Renderer/oss/ReactFabric-profiling.js b/Libraries/Renderer/oss/ReactFabric-profiling.js
index f877b504ef0..0ca23993737 100644
--- a/Libraries/Renderer/oss/ReactFabric-profiling.js
+++ b/Libraries/Renderer/oss/ReactFabric-profiling.js
@@ -20,7 +20,6 @@ var ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry"),
   TextInputState = require("TextInputState"),
   FabricUIManager = require("FabricUIManager"),
   tracing = require("scheduler/tracing"),
-  scheduler = require("scheduler"),
   ExceptionsManager = require("ExceptionsManager");
 function invariant(condition, format, a, b, c, d, e, f) {
   if (!condition) {
@@ -295,7 +294,7 @@ function getListener(inst, registrationName) {
 }
 function getParent(inst) {
   do inst = inst.return;
-  while (inst && 5 !== inst.tag);
+  while (inst && 7 !== inst.tag);
   return inst ? inst : null;
 }
 function traverseTwoPhase(inst, fn, arg) {
@@ -1036,8 +1035,7 @@ var ReactSharedInternals =
     : 60111,
   REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
   REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113,
-  REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115,
-  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116,
+  REACT_PURE_TYPE = hasSymbol ? Symbol.for("react.pure") : 60115,
   MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
@@ -1046,6 +1044,13 @@ function getIteratorFn(maybeIterable) {
     maybeIterable["@@iterator"];
   return "function" === typeof maybeIterable ? maybeIterable : null;
 }
+function getWrappedName(outerType, innerType, wrapperName) {
+  innerType = innerType.displayName || innerType.name || "";
+  return (
+    outerType.displayName ||
+    ("" !== innerType ? wrapperName + "(" + innerType + ")" : wrapperName)
+  );
+}
 function getComponentName(type) {
   if (null == type) return null;
   if ("function" === typeof type) return type.displayName || type.name || null;
@@ -1064,25 +1069,23 @@ function getComponentName(type) {
     case REACT_SUSPENSE_TYPE:
       return "Suspense";
   }
-  if ("object" === typeof type)
+  if ("object" === typeof type) {
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
         return "Context.Consumer";
       case REACT_PROVIDER_TYPE:
         return "Context.Provider";
       case REACT_FORWARD_REF_TYPE:
-        var innerType = type.render;
-        innerType = innerType.displayName || innerType.name || "";
-        return (
-          type.displayName ||
-          ("" !== innerType ? "ForwardRef(" + innerType + ")" : "ForwardRef")
-        );
-      case REACT_MEMO_TYPE:
-        return getComponentName(type.type);
-      case REACT_LAZY_TYPE:
-        if ((type = 1 === type._status ? type._result : null))
-          return getComponentName(type);
+        return getWrappedName(type, type.render, "ForwardRef");
+      case REACT_PURE_TYPE:
+        return getWrappedName(type, type.render, "Pure");
     }
+    if (
+      "function" === typeof type.then &&
+      (type = 1 === type._reactStatus ? type._reactResult : null)
+    )
+      return getComponentName(type);
+  }
   return null;
 }
 function isFiberMountedImpl(fiber) {
@@ -1093,7 +1096,7 @@ function isFiberMountedImpl(fiber) {
     for (; node.return; )
       if (((node = node.return), 0 !== (node.effectTag & 2))) return 1;
   }
-  return 3 === node.tag ? 2 : 3;
+  return 5 === node.tag ? 2 : 3;
 }
 function assertIsMounted(fiber) {
   invariant(
@@ -1169,14 +1172,14 @@ function findCurrentFiberUsingSlowPath(fiber) {
       "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
     );
   }
-  invariant(3 === a.tag, "Unable to find node on an unmounted component.");
+  invariant(5 === a.tag, "Unable to find node on an unmounted component.");
   return a.stateNode.current === a ? fiber : alternate;
 }
 function findCurrentHostFiber(parent) {
   parent = findCurrentFiberUsingSlowPath(parent);
   if (!parent) return null;
   for (var node = parent; ; ) {
-    if (5 === node.tag || 6 === node.tag) return node;
+    if (7 === node.tag || 8 === node.tag) return node;
     if (node.child) (node.child.return = node), (node = node.child);
     else {
       if (node === parent) break;
@@ -1426,12 +1429,18 @@ var now$1 =
           return Date.now();
         },
   scheduledCallback = null,
-  frameDeadline = 0;
+  frameDeadline = 0,
+  frameDeadlineObject = {
+    timeRemaining: function() {
+      return frameDeadline - now$1();
+    },
+    didTimeout: !1
+  };
 function setTimeoutCallback() {
   frameDeadline = now$1() + 5;
   var callback = scheduledCallback;
   scheduledCallback = null;
-  null !== callback && callback();
+  null !== callback && callback(frameDeadlineObject);
 }
 var restoreTarget = null,
   restoreQueue = null;
@@ -1595,13 +1604,13 @@ function getStackByFiberInDevAndProd(workInProgress) {
   var info = "";
   do {
     a: switch (workInProgress.tag) {
-      case 2:
-      case 16:
+      case 4:
       case 0:
       case 1:
-      case 5:
-      case 8:
-      case 13:
+      case 2:
+      case 3:
+      case 7:
+      case 10:
         var owner = workInProgress._debugOwner,
           source = workInProgress._debugSource,
           name = getComponentName(workInProgress.type);
@@ -1753,7 +1762,7 @@ function injectInternals(internals) {
 function FiberNode(tag, pendingProps, key, mode) {
   this.tag = tag;
   this.key = key;
-  this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
+  this.sibling = this.child = this.return = this.stateNode = this.type = null;
   this.index = 0;
   this.ref = null;
   this.pendingProps = pendingProps;
@@ -1767,33 +1776,29 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.actualStartTime = -1;
   this.treeBaseDuration = this.selfBaseDuration = 0;
 }
-function createFiber(tag, pendingProps, key, mode) {
-  return new FiberNode(tag, pendingProps, key, mode);
-}
 function shouldConstruct(Component) {
   Component = Component.prototype;
   return !(!Component || !Component.isReactComponent);
 }
-function resolveLazyComponentTag(Component) {
+function resolveLazyComponentTag(fiber, Component) {
   if ("function" === typeof Component)
-    return shouldConstruct(Component) ? 1 : 0;
+    return shouldConstruct(Component) ? 3 : 1;
   if (void 0 !== Component && null !== Component) {
-    Component = Component.$$typeof;
-    if (Component === REACT_FORWARD_REF_TYPE) return 11;
-    if (Component === REACT_MEMO_TYPE) return 14;
+    fiber = Component.$$typeof;
+    if (fiber === REACT_FORWARD_REF_TYPE) return 14;
+    if (fiber === REACT_PURE_TYPE) return 18;
   }
-  return 2;
+  return 4;
 }
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = new FiberNode(
         current.tag,
         pendingProps,
         current.key,
         current.mode
       )),
-      (workInProgress.elementType = current.elementType),
       (workInProgress.type = current.type),
       (workInProgress.stateNode = current.stateNode),
       (workInProgress.alternate = current),
@@ -1819,66 +1824,60 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.treeBaseDuration = current.treeBaseDuration;
   return workInProgress;
 }
-function createFiberFromTypeAndProps(
-  type,
-  key,
-  pendingProps,
-  owner,
-  mode,
-  expirationTime
-) {
-  var fiberTag = 2;
-  owner = type;
-  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
-  else if ("string" === typeof type) fiberTag = 5;
+function createFiberFromElement(element, mode, expirationTime) {
+  var type = element.type,
+    key = element.key;
+  element = element.props;
+  var fiberTag = void 0;
+  if ("function" === typeof type) fiberTag = shouldConstruct(type) ? 2 : 4;
+  else if ("string" === typeof type) fiberTag = 7;
   else
     a: switch (type) {
       case REACT_FRAGMENT_TYPE:
         return createFiberFromFragment(
-          pendingProps.children,
+          element.children,
           mode,
           expirationTime,
           key
         );
       case REACT_CONCURRENT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 3, expirationTime, key);
+        fiberTag = 10;
+        mode |= 3;
+        break;
       case REACT_STRICT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 2, expirationTime, key);
+        fiberTag = 10;
+        mode |= 2;
+        break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 4)),
-          (type.elementType = REACT_PROFILER_TYPE),
+          (type = new FiberNode(15, element, key, mode | 4)),
           (type.type = REACT_PROFILER_TYPE),
           (type.expirationTime = expirationTime),
           type
         );
       case REACT_SUSPENSE_TYPE:
-        return (
-          (type = createFiber(13, pendingProps, key, mode)),
-          (type.elementType = REACT_SUSPENSE_TYPE),
-          (type.type = REACT_SUSPENSE_TYPE),
-          (type.expirationTime = expirationTime),
-          type
-        );
+        fiberTag = 16;
+        break;
       default:
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_PROVIDER_TYPE:
-              fiberTag = 10;
+              fiberTag = 12;
               break a;
             case REACT_CONTEXT_TYPE:
-              fiberTag = 9;
-              break a;
-            case REACT_FORWARD_REF_TYPE:
               fiberTag = 11;
               break a;
-            case REACT_MEMO_TYPE:
-              fiberTag = 14;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 13;
               break a;
-            case REACT_LAZY_TYPE:
-              fiberTag = 16;
-              owner = null;
+            case REACT_PURE_TYPE:
+              fiberTag = 17;
               break a;
+            default:
+              if ("function" === typeof type.then) {
+                fiberTag = 4;
+                break a;
+              }
           }
         invariant(
           !1,
@@ -1887,33 +1886,24 @@ function createFiberFromTypeAndProps(
           ""
         );
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
-  key.elementType = type;
-  key.type = owner;
-  key.expirationTime = expirationTime;
-  return key;
+  mode = new FiberNode(fiberTag, element, key, mode);
+  mode.type = type;
+  mode.expirationTime = expirationTime;
+  return mode;
 }
 function createFiberFromFragment(elements, mode, expirationTime, key) {
-  elements = createFiber(7, elements, key, mode);
+  elements = new FiberNode(9, elements, key, mode);
   elements.expirationTime = expirationTime;
   return elements;
 }
-function createFiberFromMode(pendingProps, mode, expirationTime, key) {
-  pendingProps = createFiber(8, pendingProps, key, mode);
-  mode = 0 === (mode & 1) ? REACT_STRICT_MODE_TYPE : REACT_CONCURRENT_MODE_TYPE;
-  pendingProps.elementType = mode;
-  pendingProps.type = mode;
-  pendingProps.expirationTime = expirationTime;
-  return pendingProps;
-}
 function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
+  content = new FiberNode(8, content, null, mode);
   content.expirationTime = expirationTime;
   return content;
 }
 function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
-    4,
+  mode = new FiberNode(
+    6,
     null !== portal.children ? portal.children : [],
     portal.key,
     mode
@@ -1931,9 +1921,9 @@ function markPendingPriorityLevel(root, expirationTime) {
   var earliestPendingTime = root.earliestPendingTime;
   0 === earliestPendingTime
     ? (root.earliestPendingTime = root.latestPendingTime = expirationTime)
-    : earliestPendingTime < expirationTime
+    : earliestPendingTime > expirationTime
       ? (root.earliestPendingTime = expirationTime)
-      : root.latestPendingTime > expirationTime &&
+      : root.latestPendingTime < expirationTime &&
         (root.latestPendingTime = expirationTime);
   findNextExpirationTimeToWorkOn(expirationTime, root);
 }
@@ -1948,19 +1938,19 @@ function markCommittedPriorityLevels(root, earliestRemainingTime) {
   else {
     var latestPendingTime = root.latestPendingTime;
     0 !== latestPendingTime &&
-      (latestPendingTime > earliestRemainingTime
+      (latestPendingTime < earliestRemainingTime
         ? (root.earliestPendingTime = root.latestPendingTime = 0)
-        : root.earliestPendingTime > earliestRemainingTime &&
+        : root.earliestPendingTime < earliestRemainingTime &&
           (root.earliestPendingTime = root.latestPendingTime));
     latestPendingTime = root.earliestSuspendedTime;
     0 === latestPendingTime
       ? markPendingPriorityLevel(root, earliestRemainingTime)
-      : earliestRemainingTime < root.latestSuspendedTime
+      : earliestRemainingTime > root.latestSuspendedTime
         ? ((root.earliestSuspendedTime = 0),
           (root.latestSuspendedTime = 0),
           (root.latestPingedTime = 0),
           markPendingPriorityLevel(root, earliestRemainingTime))
-        : earliestRemainingTime > latestPendingTime &&
+        : earliestRemainingTime < latestPendingTime &&
           markPendingPriorityLevel(root, earliestRemainingTime);
   }
   findNextExpirationTimeToWorkOn(0, root);
@@ -1970,17 +1960,17 @@ function hasLowerPriorityWork(root, erroredExpirationTime) {
     latestSuspendedTime = root.latestSuspendedTime;
   root = root.latestPingedTime;
   return (
-    (0 !== latestPendingTime && latestPendingTime < erroredExpirationTime) ||
+    (0 !== latestPendingTime && latestPendingTime > erroredExpirationTime) ||
     (0 !== latestSuspendedTime &&
-      latestSuspendedTime < erroredExpirationTime) ||
-    (0 !== root && root < erroredExpirationTime)
+      latestSuspendedTime > erroredExpirationTime) ||
+    (0 !== root && root > erroredExpirationTime)
   );
 }
 function markSuspendedPriorityLevel(root, suspendedTime) {
   root.didError = !1;
   var latestPingedTime = root.latestPingedTime;
   0 !== latestPingedTime &&
-    latestPingedTime >= suspendedTime &&
+    latestPingedTime <= suspendedTime &&
     (root.latestPingedTime = 0);
   latestPingedTime = root.earliestPendingTime;
   var latestPendingTime = root.latestPendingTime;
@@ -1995,18 +1985,22 @@ function markSuspendedPriorityLevel(root, suspendedTime) {
   latestPendingTime = root.latestSuspendedTime;
   0 === latestPingedTime
     ? (root.earliestSuspendedTime = root.latestSuspendedTime = suspendedTime)
-    : latestPingedTime < suspendedTime
+    : latestPingedTime > suspendedTime
       ? (root.earliestSuspendedTime = suspendedTime)
-      : latestPendingTime > suspendedTime &&
+      : latestPendingTime < suspendedTime &&
         (root.latestSuspendedTime = suspendedTime);
   findNextExpirationTimeToWorkOn(suspendedTime, root);
 }
 function findEarliestOutstandingPriorityLevel(root, renderExpirationTime) {
   var earliestPendingTime = root.earliestPendingTime;
   root = root.earliestSuspendedTime;
-  earliestPendingTime > renderExpirationTime &&
-    (renderExpirationTime = earliestPendingTime);
-  root > renderExpirationTime && (renderExpirationTime = root);
+  if (
+    0 === renderExpirationTime ||
+    (0 !== earliestPendingTime && earliestPendingTime < renderExpirationTime)
+  )
+    renderExpirationTime = earliestPendingTime;
+  if (0 === renderExpirationTime || (0 !== root && root < renderExpirationTime))
+    renderExpirationTime = root;
   return renderExpirationTime;
 }
 function findNextExpirationTimeToWorkOn(completedExpirationTime, root) {
@@ -2018,11 +2012,12 @@ function findNextExpirationTimeToWorkOn(completedExpirationTime, root) {
     0 !== earliestPendingTime ? earliestPendingTime : latestPingedTime;
   0 === earliestPendingTime &&
     (0 === completedExpirationTime ||
-      latestSuspendedTime < completedExpirationTime) &&
+      latestSuspendedTime > completedExpirationTime) &&
     (earliestPendingTime = latestSuspendedTime);
   completedExpirationTime = earliestPendingTime;
   0 !== completedExpirationTime &&
-    earliestSuspendedTime > completedExpirationTime &&
+    0 !== earliestSuspendedTime &&
+    earliestSuspendedTime < completedExpirationTime &&
     (completedExpirationTime = earliestSuspendedTime);
   root.nextExpirationTimeToWorkOn = earliestPendingTime;
   root.expirationTime = completedExpirationTime;
@@ -2134,7 +2129,7 @@ function getStateFromUpdate(
           : workInProgress
       );
     case 3:
-      workInProgress.effectTag = (workInProgress.effectTag & -2049) | 64;
+      workInProgress.effectTag = (workInProgress.effectTag & -1025) | 64;
     case 0:
       workInProgress = update.payload;
       nextProps =
@@ -2167,52 +2162,58 @@ function processUpdateQueue(
 
   ) {
     var updateExpirationTime = update.expirationTime;
-    updateExpirationTime < renderExpirationTime
-      ? (null === newFirstUpdate &&
+    if (updateExpirationTime > renderExpirationTime) {
+      if (
+        (null === newFirstUpdate &&
           ((newFirstUpdate = update), (newBaseState = resultState)),
-        newExpirationTime < updateExpirationTime &&
-          (newExpirationTime = updateExpirationTime))
-      : ((resultState = getStateFromUpdate(
-          workInProgress,
-          queue,
-          update,
-          resultState,
-          props,
-          instance
-        )),
+        0 === newExpirationTime || newExpirationTime > updateExpirationTime)
+      )
+        newExpirationTime = updateExpirationTime;
+    } else
+      (resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      )),
         null !== update.callback &&
           ((workInProgress.effectTag |= 32),
           (update.nextEffect = null),
           null === queue.lastEffect
             ? (queue.firstEffect = queue.lastEffect = update)
             : ((queue.lastEffect.nextEffect = update),
-              (queue.lastEffect = update))));
+              (queue.lastEffect = update)));
     update = update.next;
   }
   updateExpirationTime = null;
   for (update = queue.firstCapturedUpdate; null !== update; ) {
     var _updateExpirationTime = update.expirationTime;
-    _updateExpirationTime < renderExpirationTime
-      ? (null === updateExpirationTime &&
+    if (_updateExpirationTime > renderExpirationTime) {
+      if (
+        (null === updateExpirationTime &&
           ((updateExpirationTime = update),
           null === newFirstUpdate && (newBaseState = resultState)),
-        newExpirationTime < _updateExpirationTime &&
-          (newExpirationTime = _updateExpirationTime))
-      : ((resultState = getStateFromUpdate(
-          workInProgress,
-          queue,
-          update,
-          resultState,
-          props,
-          instance
-        )),
+        0 === newExpirationTime || newExpirationTime > _updateExpirationTime)
+      )
+        newExpirationTime = _updateExpirationTime;
+    } else
+      (resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      )),
         null !== update.callback &&
           ((workInProgress.effectTag |= 32),
           (update.nextEffect = null),
           null === queue.lastCapturedEffect
             ? (queue.firstCapturedEffect = queue.lastCapturedEffect = update)
             : ((queue.lastCapturedEffect.nextEffect = update),
-              (queue.lastCapturedEffect = update))));
+              (queue.lastCapturedEffect = update)));
     update = update.next;
   }
   null === newFirstUpdate && (queue.lastUpdate = null);
@@ -2293,277 +2294,13 @@ function readContext(context, observedBits) {
     null === lastContextDependency
       ? (invariant(
           null !== currentlyRenderingFiber,
-          "Context can only be read while React is rendering, e.g. inside the render method or getDerivedStateFromProps."
+          "Context.unstable_read(): Context can only be read while React is rendering, e.g. inside the render method or getDerivedStateFromProps."
         ),
         (currentlyRenderingFiber.firstContextDependency = lastContextDependency = observedBits))
       : (lastContextDependency = lastContextDependency.next = observedBits);
   }
   return context._currentValue2;
 }
-var renderExpirationTime = 0,
-  currentlyRenderingFiber$1 = null,
-  firstCurrentHook = null,
-  currentHook = null,
-  firstWorkInProgressHook = null,
-  workInProgressHook = null,
-  remainingExpirationTime = 0,
-  componentUpdateQueue = null,
-  isReRender = !1,
-  didScheduleRenderPhaseUpdate = !1,
-  renderPhaseUpdates = null,
-  numberOfReRenders = 0;
-function resolveCurrentlyRenderingFiber() {
-  invariant(
-    null !== currentlyRenderingFiber$1,
-    "Hooks can only be called inside the body of a function component."
-  );
-  return currentlyRenderingFiber$1;
-}
-function finishHooks(Component, props, children, refOrContext) {
-  for (; didScheduleRenderPhaseUpdate; )
-    (didScheduleRenderPhaseUpdate = !1),
-      (numberOfReRenders += 1),
-      (componentUpdateQueue = workInProgressHook = currentHook = null),
-      (children = Component(props, refOrContext));
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
-  Component = currentlyRenderingFiber$1;
-  Component.memoizedState = firstWorkInProgressHook;
-  Component.expirationTime = remainingExpirationTime;
-  Component.updateQueue = componentUpdateQueue;
-  Component = null !== currentHook && null !== currentHook.next;
-  renderExpirationTime = 0;
-  workInProgressHook = firstWorkInProgressHook = currentHook = firstCurrentHook = currentlyRenderingFiber$1 = null;
-  remainingExpirationTime = 0;
-  componentUpdateQueue = null;
-  invariant(
-    !Component,
-    "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
-  );
-  return children;
-}
-function resetHooks() {
-  renderExpirationTime = 0;
-  workInProgressHook = firstWorkInProgressHook = currentHook = firstCurrentHook = currentlyRenderingFiber$1 = null;
-  remainingExpirationTime = 0;
-  componentUpdateQueue = null;
-  didScheduleRenderPhaseUpdate = !1;
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
-}
-function createHook() {
-  return {
-    memoizedState: null,
-    baseState: null,
-    queue: null,
-    baseUpdate: null,
-    next: null
-  };
-}
-function cloneHook(hook) {
-  return {
-    memoizedState: hook.memoizedState,
-    baseState: hook.memoizedState,
-    queue: hook.queue,
-    baseUpdate: hook.baseUpdate,
-    next: null
-  };
-}
-function createWorkInProgressHook() {
-  if (null === workInProgressHook)
-    null === firstWorkInProgressHook
-      ? ((isReRender = !1),
-        (currentHook = firstCurrentHook),
-        (firstWorkInProgressHook = workInProgressHook =
-          null === currentHook ? createHook() : cloneHook(currentHook)))
-      : ((isReRender = !0),
-        (currentHook = firstCurrentHook),
-        (workInProgressHook = firstWorkInProgressHook));
-  else if (null === workInProgressHook.next) {
-    isReRender = !1;
-    if (null === currentHook) var hook = createHook();
-    else
-      (currentHook = currentHook.next),
-        (hook = null === currentHook ? createHook() : cloneHook(currentHook));
-    workInProgressHook = workInProgressHook.next = hook;
-  } else
-    (isReRender = !0),
-      (workInProgressHook = workInProgressHook.next),
-      (currentHook = null !== currentHook ? currentHook.next : null);
-  return workInProgressHook;
-}
-function basicStateReducer(state, action) {
-  return "function" === typeof action ? action(state) : action;
-}
-function useReducer(reducer, initialState, initialAction) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-  var queue = workInProgressHook.queue;
-  if (null !== queue) {
-    if (isReRender) {
-      initialState = queue.dispatch;
-      if (null !== renderPhaseUpdates) {
-        var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
-        if (void 0 !== firstRenderPhaseUpdate) {
-          renderPhaseUpdates.delete(queue);
-          initialAction = workInProgressHook.memoizedState;
-          do
-            (initialAction = reducer(
-              initialAction,
-              firstRenderPhaseUpdate.action
-            )),
-              (firstRenderPhaseUpdate = firstRenderPhaseUpdate.next);
-          while (null !== firstRenderPhaseUpdate);
-          workInProgressHook.memoizedState = initialAction;
-          workInProgressHook.baseUpdate === queue.last &&
-            (workInProgressHook.baseState = initialAction);
-          return [initialAction, initialState];
-        }
-      }
-      return [workInProgressHook.memoizedState, initialState];
-    }
-    initialState = queue.last;
-    var _baseUpdate = workInProgressHook.baseUpdate;
-    null !== _baseUpdate
-      ? (null !== initialState && (initialState.next = null),
-        (initialState = _baseUpdate.next))
-      : (initialState = null !== initialState ? initialState.next : null);
-    if (null !== initialState) {
-      initialAction = workInProgressHook.baseState;
-      var newBaseUpdate = (firstRenderPhaseUpdate = null),
-        _update = initialState,
-        didSkip = !1;
-      do {
-        var updateExpirationTime = _update.expirationTime;
-        updateExpirationTime < renderExpirationTime
-          ? (didSkip ||
-              ((didSkip = !0),
-              (newBaseUpdate = _baseUpdate),
-              (firstRenderPhaseUpdate = initialAction)),
-            updateExpirationTime > remainingExpirationTime &&
-              (remainingExpirationTime = updateExpirationTime))
-          : (initialAction = reducer(initialAction, _update.action));
-        _baseUpdate = _update;
-        _update = _update.next;
-      } while (null !== _update && _update !== initialState);
-      didSkip ||
-        ((newBaseUpdate = _baseUpdate),
-        (firstRenderPhaseUpdate = initialAction));
-      workInProgressHook.memoizedState = initialAction;
-      workInProgressHook.baseUpdate = newBaseUpdate;
-      workInProgressHook.baseState = firstRenderPhaseUpdate;
-    }
-    return [workInProgressHook.memoizedState, queue.dispatch];
-  }
-  reducer === basicStateReducer
-    ? "function" === typeof initialState && (initialState = initialState())
-    : void 0 !== initialAction &&
-      null !== initialAction &&
-      (initialState = reducer(initialState, initialAction));
-  workInProgressHook.memoizedState = workInProgressHook.baseState = initialState;
-  queue = workInProgressHook.queue = { last: null, dispatch: null };
-  reducer = queue.dispatch = dispatchAction.bind(
-    null,
-    currentlyRenderingFiber$1,
-    queue
-  );
-  return [workInProgressHook.memoizedState, reducer];
-}
-function pushEffect(tag, create, destroy, inputs) {
-  tag = {
-    tag: tag,
-    create: create,
-    destroy: destroy,
-    inputs: inputs,
-    next: null
-  };
-  null === componentUpdateQueue
-    ? ((componentUpdateQueue = { lastEffect: null }),
-      (componentUpdateQueue.lastEffect = tag.next = tag))
-    : ((create = componentUpdateQueue.lastEffect),
-      null === create
-        ? (componentUpdateQueue.lastEffect = tag.next = tag)
-        : ((destroy = create.next),
-          (create.next = tag),
-          (tag.next = destroy),
-          (componentUpdateQueue.lastEffect = tag)));
-  return tag;
-}
-function useEffectImpl(fiberEffectTag, hookEffectTag, create, inputs) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-  inputs = void 0 !== inputs && null !== inputs ? inputs : [create];
-  var destroy = null;
-  if (null !== currentHook) {
-    var prevEffect = currentHook.memoizedState;
-    destroy = prevEffect.destroy;
-    if (inputsAreEqual(inputs, prevEffect.inputs)) {
-      pushEffect(0, create, destroy, inputs);
-      return;
-    }
-  }
-  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
-  workInProgressHook.memoizedState = pushEffect(
-    hookEffectTag,
-    create,
-    destroy,
-    inputs
-  );
-}
-function dispatchAction(fiber, queue, action) {
-  invariant(
-    25 > numberOfReRenders,
-    "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-  );
-  var alternate = fiber.alternate;
-  if (
-    fiber === currentlyRenderingFiber$1 ||
-    (null !== alternate && alternate === currentlyRenderingFiber$1)
-  )
-    if (
-      ((didScheduleRenderPhaseUpdate = !0),
-      (fiber = {
-        expirationTime: renderExpirationTime,
-        action: action,
-        next: null
-      }),
-      null === renderPhaseUpdates && (renderPhaseUpdates = new Map()),
-      (alternate = renderPhaseUpdates.get(queue)),
-      void 0 === alternate)
-    )
-      renderPhaseUpdates.set(queue, fiber);
-    else {
-      for (queue = alternate; null !== queue.next; ) queue = queue.next;
-      queue.next = fiber;
-    }
-  else {
-    alternate = requestCurrentTime();
-    alternate = computeExpirationForFiber(alternate, fiber);
-    action = { expirationTime: alternate, action: action, next: null };
-    flushPassiveEffects();
-    var _last2 = queue.last;
-    if (null === _last2) action.next = action;
-    else {
-      var first = _last2.next;
-      null !== first && (action.next = first);
-      _last2.next = action;
-    }
-    queue.last = action;
-    scheduleWork(fiber, alternate);
-  }
-}
-function inputsAreEqual(arr1, arr2) {
-  for (var i = 0; i < arr1.length; i++) {
-    var val1 = arr1[i],
-      val2 = arr2[i];
-    if (
-      (val1 !== val2 || (0 === val1 && 1 / val1 !== 1 / val2)) &&
-      (val1 === val1 || val2 === val2)
-    )
-      return !1;
-  }
-  return !0;
-}
 var NO_CONTEXT = {},
   contextStackCursor$1 = { current: NO_CONTEXT },
   contextFiberStackCursor = { current: NO_CONTEXT },
@@ -2643,8 +2380,7 @@ function shallowEqual(objA, objB) {
       return !1;
   return !0;
 }
-var ReactCurrentOwner$4 = ReactSharedInternals.ReactCurrentOwner,
-  emptyRefsObject = new React.Component().refs;
+var emptyRefsObject = new React.Component().refs;
 function applyDerivedStateFromProps(
   workInProgress,
   ctor,
@@ -2676,7 +2412,6 @@ var classComponentUpdater = {
     var update = createUpdate(currentTime);
     update.payload = payload;
     void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
     enqueueUpdate(inst, update);
     scheduleWork(inst, currentTime);
   },
@@ -2688,7 +2423,6 @@ var classComponentUpdater = {
     update.tag = 1;
     update.payload = payload;
     void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
     enqueueUpdate(inst, update);
     scheduleWork(inst, currentTime);
   },
@@ -2699,7 +2433,6 @@ var classComponentUpdater = {
     var update = createUpdate(currentTime);
     update.tag = 2;
     void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
     enqueueUpdate(inst, update);
     scheduleWork(inst, currentTime);
   }
@@ -2720,32 +2453,6 @@ function checkShouldComponentUpdate(
       ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
       : !0;
 }
-function constructClassInstance(workInProgress, ctor, props) {
-  var isLegacyContextConsumer = !1,
-    unmaskedContext = emptyContextObject;
-  var context = ctor.contextType;
-  "object" === typeof context && null !== context
-    ? (context = ReactCurrentOwner$4.currentDispatcher.readContext(context))
-    : ((unmaskedContext = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (isLegacyContextConsumer = ctor.contextTypes),
-      (context = (isLegacyContextConsumer =
-        null !== isLegacyContextConsumer && void 0 !== isLegacyContextConsumer)
-        ? getMaskedContext(workInProgress, unmaskedContext)
-        : emptyContextObject));
-  ctor = new ctor(props, context);
-  workInProgress.memoizedState =
-    null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
-  ctor.updater = classComponentUpdater;
-  workInProgress.stateNode = ctor;
-  ctor._reactInternalFiber = workInProgress;
-  isLegacyContextConsumer &&
-    ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
-    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
-  return ctor;
-}
 function callComponentWillReceiveProps(
   workInProgress,
   instance,
@@ -2772,9 +2479,7 @@ function mountClassInstance(
   instance.refs = emptyRefsObject;
   var contextType = ctor.contextType;
   "object" === typeof contextType && null !== contextType
-    ? (instance.context = ReactCurrentOwner$4.currentDispatcher.readContext(
-        contextType
-      ))
+    ? (instance.context = contextType.unstable_read())
     : ((contextType = isContextProvider(ctor)
         ? previousContext
         : contextStackCursor.current),
@@ -2829,7 +2534,10 @@ function coerceRef(returnFiber, current$$1, element) {
       element = element._owner;
       var inst = void 0;
       element &&
-        (invariant(1 === element.tag, "Function components cannot have refs."),
+        (invariant(
+          2 === element.tag || 3 === element.tag,
+          "Function components cannot have refs."
+        ),
         (inst = element.stateNode));
       invariant(
         inst,
@@ -2934,7 +2642,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     textContent,
     expirationTime
   ) {
-    if (null === current$$1 || 6 !== current$$1.tag)
+    if (null === current$$1 || 8 !== current$$1.tag)
       return (
         (current$$1 = createFiberFromText(
           textContent,
@@ -2949,18 +2657,15 @@ function ChildReconciler(shouldTrackSideEffects) {
     return current$$1;
   }
   function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (null !== current$$1 && current$$1.elementType === element.type)
+    if (null !== current$$1 && current$$1.type === element.type)
       return (
         (expirationTime = useFiber(current$$1, element.props, expirationTime)),
         (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
         (expirationTime.return = returnFiber),
         expirationTime
       );
-    expirationTime = createFiberFromTypeAndProps(
-      element.type,
-      element.key,
-      element.props,
-      null,
+    expirationTime = createFiberFromElement(
+      element,
       returnFiber.mode,
       expirationTime
     );
@@ -2971,7 +2676,7 @@ function ChildReconciler(shouldTrackSideEffects) {
   function updatePortal(returnFiber, current$$1, portal, expirationTime) {
     if (
       null === current$$1 ||
-      4 !== current$$1.tag ||
+      6 !== current$$1.tag ||
       current$$1.stateNode.containerInfo !== portal.containerInfo ||
       current$$1.stateNode.implementation !== portal.implementation
     )
@@ -2995,7 +2700,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     expirationTime,
     key
   ) {
-    if (null === current$$1 || 7 !== current$$1.tag)
+    if (null === current$$1 || 9 !== current$$1.tag)
       return (
         (current$$1 = createFiberFromFragment(
           fragment,
@@ -3025,11 +2730,8 @@ function ChildReconciler(shouldTrackSideEffects) {
       switch (newChild.$$typeof) {
         case REACT_ELEMENT_TYPE:
           return (
-            (expirationTime = createFiberFromTypeAndProps(
-              newChild.type,
-              newChild.key,
-              newChild.props,
-              null,
+            (expirationTime = createFiberFromElement(
+              newChild,
               returnFiber.mode,
               expirationTime
             )),
@@ -3373,9 +3075,9 @@ function ChildReconciler(shouldTrackSideEffects) {
             ) {
               if (isUnkeyedTopLevelFragment.key === isObject)
                 if (
-                  7 === isUnkeyedTopLevelFragment.tag
+                  9 === isUnkeyedTopLevelFragment.tag
                     ? newChild.type === REACT_FRAGMENT_TYPE
-                    : isUnkeyedTopLevelFragment.elementType === newChild.type
+                    : isUnkeyedTopLevelFragment.type === newChild.type
                 ) {
                   deleteRemainingChildren(
                     returnFiber,
@@ -3415,11 +3117,8 @@ function ChildReconciler(shouldTrackSideEffects) {
                 )),
                 (currentFirstChild.return = returnFiber),
                 (returnFiber = currentFirstChild))
-              : ((expirationTime = createFiberFromTypeAndProps(
-                  newChild.type,
-                  newChild.key,
-                  newChild.props,
-                  null,
+              : ((expirationTime = createFiberFromElement(
+                  newChild,
                   returnFiber.mode,
                   expirationTime
                 )),
@@ -3441,7 +3140,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             ) {
               if (currentFirstChild.key === isUnkeyedTopLevelFragment)
                 if (
-                  4 === currentFirstChild.tag &&
+                  6 === currentFirstChild.tag &&
                   currentFirstChild.stateNode.containerInfo ===
                     newChild.containerInfo &&
                   currentFirstChild.stateNode.implementation ===
@@ -3479,7 +3178,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     if ("string" === typeof newChild || "number" === typeof newChild)
       return (
         (newChild = "" + newChild),
-        null !== currentFirstChild && 6 === currentFirstChild.tag
+        null !== currentFirstChild && 8 === currentFirstChild.tag
           ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
             (currentFirstChild = useFiber(
               currentFirstChild,
@@ -3515,7 +3214,8 @@ function ChildReconciler(shouldTrackSideEffects) {
     isObject && throwOnInvalidObjectType(returnFiber, newChild);
     if ("undefined" === typeof newChild && !isUnkeyedTopLevelFragment)
       switch (returnFiber.tag) {
-        case 1:
+        case 2:
+        case 3:
         case 0:
           (expirationTime = returnFiber.type),
             invariant(
@@ -3534,12 +3234,12 @@ var reconcileChildFibers = ChildReconciler(!0),
   isHydrating = !1;
 function tryHydrate(fiber, nextInstance) {
   switch (fiber.tag) {
-    case 5:
+    case 7:
       return (
         (nextInstance = shim$1(nextInstance, fiber.type, fiber.pendingProps)),
         null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
       );
-    case 6:
+    case 8:
       return (
         (nextInstance = shim$1(nextInstance, fiber.pendingProps)),
         null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
@@ -3562,8 +3262,7 @@ function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
           return;
         }
         var returnFiber = hydrationParentFiber,
-          fiber = createFiber(5, null, null, 0);
-        fiber.elementType = "DELETED";
+          fiber = new FiberNode(7, null, null, 0);
         fiber.type = "DELETED";
         fiber.stateNode = firstAttemptedInstance;
         fiber.return = returnFiber;
@@ -3581,33 +3280,36 @@ function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
         (hydrationParentFiber = fiber$jscomp$0);
   }
 }
-function readLazyComponentType(lazyComponent) {
-  var result = lazyComponent._result;
-  switch (lazyComponent._status) {
+function readLazyComponentType(thenable) {
+  switch (thenable._reactStatus) {
     case 1:
-      return result;
+      return thenable._reactResult;
     case 2:
-      throw result;
+      throw thenable._reactResult;
     case 0:
-      throw result;
+      throw thenable;
     default:
-      throw ((lazyComponent._status = 0),
-      (result = lazyComponent._ctor),
-      (result = result()),
-      result.then(
-        function(moduleObject) {
-          0 === lazyComponent._status &&
-            ((moduleObject = moduleObject.default),
-            (lazyComponent._status = 1),
-            (lazyComponent._result = moduleObject));
+      throw ((thenable._reactStatus = 0),
+      thenable.then(
+        function(resolvedValue) {
+          if (0 === thenable._reactStatus) {
+            thenable._reactStatus = 1;
+            if ("object" === typeof resolvedValue && null !== resolvedValue) {
+              var defaultExport = resolvedValue.default;
+              resolvedValue =
+                void 0 !== defaultExport && null !== defaultExport
+                  ? defaultExport
+                  : resolvedValue;
+            }
+            thenable._reactResult = resolvedValue;
+          }
         },
         function(error) {
-          0 === lazyComponent._status &&
-            ((lazyComponent._status = 2), (lazyComponent._result = error));
+          0 === thenable._reactStatus &&
+            ((thenable._reactStatus = 2), (thenable._reactResult = error));
         }
       ),
-      (lazyComponent._result = result),
-      result);
+      thenable);
   }
 }
 var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
@@ -3635,87 +3337,28 @@ function reconcileChildren(
 function updateForwardRef(
   current$$1,
   workInProgress,
-  Component,
+  type,
   nextProps,
-  renderExpirationTime$jscomp$0
-) {
-  Component = Component.render;
-  var ref = workInProgress.ref;
-  prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0);
-  renderExpirationTime = renderExpirationTime$jscomp$0;
-  currentlyRenderingFiber$1 = workInProgress;
-  firstCurrentHook = null !== current$$1 ? current$$1.memoizedState : null;
-  var nextChildren = Component(nextProps, ref);
-  nextChildren = finishHooks(Component, nextProps, nextChildren, ref);
-  workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime$jscomp$0
-  );
-  return workInProgress.child;
-}
-function updateMemoComponent(
-  current$$1,
-  workInProgress,
-  Component,
-  nextProps,
-  updateExpirationTime,
   renderExpirationTime
 ) {
-  if (null === current$$1) {
-    var type = Component.type;
-    if (
-      "function" === typeof type &&
-      !shouldConstruct(type) &&
-      void 0 === type.defaultProps &&
-      null === Component.compare
-    )
-      return (
-        (workInProgress.tag = 15),
-        (workInProgress.type = type),
-        updateSimpleMemoComponent(
-          current$$1,
-          workInProgress,
-          type,
-          nextProps,
-          updateExpirationTime,
-          renderExpirationTime
-        )
-      );
-    current$$1 = createFiberFromTypeAndProps(
-      Component.type,
-      null,
-      nextProps,
-      null,
-      workInProgress.mode,
-      renderExpirationTime
-    );
-    current$$1.ref = workInProgress.ref;
-    current$$1.return = workInProgress;
-    return (workInProgress.child = current$$1);
-  }
-  type = current$$1.child;
+  type = type.render;
+  var ref = workInProgress.ref;
   if (
-    updateExpirationTime < renderExpirationTime &&
-    ((updateExpirationTime = type.memoizedProps),
-    (Component = Component.compare),
-    (Component = null !== Component ? Component : shallowEqual),
-    Component(updateExpirationTime, nextProps) &&
-      current$$1.ref === workInProgress.ref)
+    !didPerformWorkStackCursor.current &&
+    workInProgress.memoizedProps === nextProps &&
+    ref === (null !== current$$1 ? current$$1.ref : null)
   )
     return bailoutOnAlreadyFinishedWork(
       current$$1,
       workInProgress,
       renderExpirationTime
     );
-  current$$1 = createWorkInProgress(type, nextProps, renderExpirationTime);
-  current$$1.ref = workInProgress.ref;
-  current$$1.return = workInProgress;
-  return (workInProgress.child = current$$1);
+  type = type(nextProps, ref);
+  reconcileChildren(current$$1, workInProgress, type, renderExpirationTime);
+  workInProgress.memoizedProps = nextProps;
+  return workInProgress.child;
 }
-function updateSimpleMemoComponent(
+function updatePureComponent(
   current$$1,
   workInProgress,
   Component,
@@ -3723,22 +3366,29 @@ function updateSimpleMemoComponent(
   updateExpirationTime,
   renderExpirationTime
 ) {
-  return null !== current$$1 &&
-    updateExpirationTime < renderExpirationTime &&
-    shallowEqual(current$$1.memoizedProps, nextProps) &&
-    current$$1.ref === workInProgress.ref
-    ? bailoutOnAlreadyFinishedWork(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      )
-    : updateFunctionComponent(
-        current$$1,
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      );
+  var render = Component.render,
+    ref = workInProgress.ref;
+  if (
+    null !== current$$1 &&
+    (0 === updateExpirationTime ||
+      updateExpirationTime > renderExpirationTime) &&
+    ((updateExpirationTime = current$$1.memoizedProps),
+    (Component = Component.compare),
+    (Component = null !== Component ? Component : shallowEqual),
+    workInProgress.ref === current$$1.ref &&
+      Component(updateExpirationTime, nextProps))
+  )
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  render = render(nextProps, ref);
+  workInProgress.effectTag |= 1;
+  reconcileChildren(current$$1, workInProgress, render, renderExpirationTime);
+  workInProgress.memoizedProps = nextProps;
+  return workInProgress.child;
 }
 function markRef(current$$1, workInProgress) {
   var ref = workInProgress.ref;
@@ -3753,30 +3403,22 @@ function updateFunctionComponent(
   workInProgress,
   Component,
   nextProps,
-  renderExpirationTime$jscomp$0
+  renderExpirationTime
 ) {
   var unmaskedContext = isContextProvider(Component)
     ? previousContext
     : contextStackCursor.current;
   unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
-  prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0);
-  renderExpirationTime = renderExpirationTime$jscomp$0;
-  currentlyRenderingFiber$1 = workInProgress;
-  firstCurrentHook = null !== current$$1 ? current$$1.memoizedState : null;
-  var nextChildren = Component(nextProps, unmaskedContext);
-  nextChildren = finishHooks(
-    Component,
-    nextProps,
-    nextChildren,
-    unmaskedContext
-  );
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  Component = Component(nextProps, unmaskedContext);
   workInProgress.effectTag |= 1;
   reconcileChildren(
     current$$1,
     workInProgress,
-    nextChildren,
-    renderExpirationTime$jscomp$0
+    Component,
+    renderExpirationTime
   );
+  workInProgress.memoizedProps = nextProps;
   return workInProgress.child;
 }
 function updateClassComponent(
@@ -3791,149 +3433,166 @@ function updateClassComponent(
     pushContextProvider(workInProgress);
   } else hasContext = !1;
   prepareToReadContext(workInProgress, renderExpirationTime);
-  if (null === workInProgress.stateNode)
-    null !== current$$1 &&
-      ((current$$1.alternate = null),
-      (workInProgress.alternate = null),
-      (workInProgress.effectTag |= 2)),
-      constructClassInstance(
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      ),
+  if (null === current$$1)
+    if (null === workInProgress.stateNode) {
+      var isLegacyContextConsumer = !1,
+        unmaskedContext = emptyContextObject;
+      var context = Component.contextType;
+      "object" === typeof context && null !== context
+        ? (context = context.unstable_read())
+        : ((unmaskedContext = isContextProvider(Component)
+            ? previousContext
+            : contextStackCursor.current),
+          (isLegacyContextConsumer = Component.contextTypes),
+          (context = (isLegacyContextConsumer =
+            null !== isLegacyContextConsumer &&
+            void 0 !== isLegacyContextConsumer)
+            ? getMaskedContext(workInProgress, unmaskedContext)
+            : emptyContextObject));
+      var instance = new Component(nextProps, context);
+      workInProgress.memoizedState =
+        null !== instance.state && void 0 !== instance.state
+          ? instance.state
+          : null;
+      instance.updater = classComponentUpdater;
+      workInProgress.stateNode = instance;
+      instance._reactInternalFiber = workInProgress;
+      isLegacyContextConsumer &&
+        ((isLegacyContextConsumer = workInProgress.stateNode),
+        (isLegacyContextConsumer.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+        (isLegacyContextConsumer.__reactInternalMemoizedMaskedChildContext = context));
       mountClassInstance(
         workInProgress,
         Component,
         nextProps,
         renderExpirationTime
-      ),
-      (nextProps = !0);
-  else if (null === current$$1) {
-    var instance = workInProgress.stateNode,
-      oldProps = workInProgress.memoizedProps;
-    instance.props = oldProps;
-    var oldContext = instance.context,
-      contextType = Component.contextType;
-    "object" === typeof contextType && null !== contextType
-      ? (contextType = ReactCurrentOwner$4.currentDispatcher.readContext(
-          contextType
-        ))
-      : ((contextType = isContextProvider(Component)
-          ? previousContext
-          : contextStackCursor.current),
-        (contextType = getMaskedContext(workInProgress, contextType)));
-    var getDerivedStateFromProps = Component.getDerivedStateFromProps,
-      hasNewLifecycles =
-        "function" === typeof getDerivedStateFromProps ||
-        "function" === typeof instance.getSnapshotBeforeUpdate;
-    hasNewLifecycles ||
-      ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
-        "function" !== typeof instance.componentWillReceiveProps) ||
-      ((oldProps !== nextProps || oldContext !== contextType) &&
-        callComponentWillReceiveProps(
-          workInProgress,
-          instance,
-          nextProps,
-          contextType
-        ));
-    hasForceUpdate = !1;
-    var oldState = workInProgress.memoizedState;
-    oldContext = instance.state = oldState;
-    var updateQueue = workInProgress.updateQueue;
-    null !== updateQueue &&
-      (processUpdateQueue(
-        workInProgress,
-        updateQueue,
-        nextProps,
-        instance,
-        renderExpirationTime
-      ),
-      (oldContext = workInProgress.memoizedState));
-    oldProps !== nextProps ||
-    oldState !== oldContext ||
-    didPerformWorkStackCursor.current ||
-    hasForceUpdate
-      ? ("function" === typeof getDerivedStateFromProps &&
-          (applyDerivedStateFromProps(
-            workInProgress,
-            Component,
-            getDerivedStateFromProps,
-            nextProps
-          ),
-          (oldContext = workInProgress.memoizedState)),
-        (oldProps =
-          hasForceUpdate ||
-          checkShouldComponentUpdate(
-            workInProgress,
-            Component,
-            oldProps,
-            nextProps,
-            oldState,
-            oldContext,
-            contextType
-          ))
-          ? (hasNewLifecycles ||
-              ("function" !== typeof instance.UNSAFE_componentWillMount &&
-                "function" !== typeof instance.componentWillMount) ||
-              ("function" === typeof instance.componentWillMount &&
-                instance.componentWillMount(),
-              "function" === typeof instance.UNSAFE_componentWillMount &&
-                instance.UNSAFE_componentWillMount()),
-            "function" === typeof instance.componentDidMount &&
-              (workInProgress.effectTag |= 4))
-          : ("function" === typeof instance.componentDidMount &&
-              (workInProgress.effectTag |= 4),
-            (workInProgress.memoizedProps = nextProps),
-            (workInProgress.memoizedState = oldContext)),
-        (instance.props = nextProps),
-        (instance.state = oldContext),
-        (instance.context = contextType),
-        (nextProps = oldProps))
-      : ("function" === typeof instance.componentDidMount &&
-          (workInProgress.effectTag |= 4),
-        (nextProps = !1));
-  } else
-    (instance = workInProgress.stateNode),
-      (oldProps = workInProgress.memoizedProps),
-      (instance.props = oldProps),
-      (oldContext = instance.context),
-      (contextType = Component.contextType),
-      "object" === typeof contextType && null !== contextType
-        ? (contextType = ReactCurrentOwner$4.currentDispatcher.readContext(
-            contextType
-          ))
-        : ((contextType = isContextProvider(Component)
+      );
+      nextProps = !0;
+    } else {
+      unmaskedContext = workInProgress.stateNode;
+      isLegacyContextConsumer = workInProgress.memoizedProps;
+      unmaskedContext.props = isLegacyContextConsumer;
+      var oldContext = unmaskedContext.context;
+      context = Component.contextType;
+      "object" === typeof context && null !== context
+        ? (context = context.unstable_read())
+        : ((context = isContextProvider(Component)
             ? previousContext
             : contextStackCursor.current),
-          (contextType = getMaskedContext(workInProgress, contextType))),
-      (getDerivedStateFromProps = Component.getDerivedStateFromProps),
-      (hasNewLifecycles =
+          (context = getMaskedContext(workInProgress, context)));
+      var getDerivedStateFromProps = Component.getDerivedStateFromProps;
+      (instance =
         "function" === typeof getDerivedStateFromProps ||
-        "function" === typeof instance.getSnapshotBeforeUpdate) ||
-        ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
-          "function" !== typeof instance.componentWillReceiveProps) ||
-        ((oldProps !== nextProps || oldContext !== contextType) &&
+        "function" === typeof unmaskedContext.getSnapshotBeforeUpdate) ||
+        ("function" !==
+          typeof unmaskedContext.UNSAFE_componentWillReceiveProps &&
+          "function" !== typeof unmaskedContext.componentWillReceiveProps) ||
+        ((isLegacyContextConsumer !== nextProps || oldContext !== context) &&
           callComponentWillReceiveProps(
             workInProgress,
-            instance,
+            unmaskedContext,
             nextProps,
-            contextType
+            context
+          ));
+      hasForceUpdate = !1;
+      var oldState = workInProgress.memoizedState;
+      oldContext = unmaskedContext.state = oldState;
+      var updateQueue = workInProgress.updateQueue;
+      null !== updateQueue &&
+        (processUpdateQueue(
+          workInProgress,
+          updateQueue,
+          nextProps,
+          unmaskedContext,
+          renderExpirationTime
+        ),
+        (oldContext = workInProgress.memoizedState));
+      isLegacyContextConsumer !== nextProps ||
+      oldState !== oldContext ||
+      didPerformWorkStackCursor.current ||
+      hasForceUpdate
+        ? ("function" === typeof getDerivedStateFromProps &&
+            (applyDerivedStateFromProps(
+              workInProgress,
+              Component,
+              getDerivedStateFromProps,
+              nextProps
+            ),
+            (oldContext = workInProgress.memoizedState)),
+          (isLegacyContextConsumer =
+            hasForceUpdate ||
+            checkShouldComponentUpdate(
+              workInProgress,
+              Component,
+              isLegacyContextConsumer,
+              nextProps,
+              oldState,
+              oldContext,
+              context
+            ))
+            ? (instance ||
+                ("function" !==
+                  typeof unmaskedContext.UNSAFE_componentWillMount &&
+                  "function" !== typeof unmaskedContext.componentWillMount) ||
+                ("function" === typeof unmaskedContext.componentWillMount &&
+                  unmaskedContext.componentWillMount(),
+                "function" ===
+                  typeof unmaskedContext.UNSAFE_componentWillMount &&
+                  unmaskedContext.UNSAFE_componentWillMount()),
+              "function" === typeof unmaskedContext.componentDidMount &&
+                (workInProgress.effectTag |= 4))
+            : ("function" === typeof unmaskedContext.componentDidMount &&
+                (workInProgress.effectTag |= 4),
+              (workInProgress.memoizedProps = nextProps),
+              (workInProgress.memoizedState = oldContext)),
+          (unmaskedContext.props = nextProps),
+          (unmaskedContext.state = oldContext),
+          (unmaskedContext.context = context),
+          (nextProps = isLegacyContextConsumer))
+        : ("function" === typeof unmaskedContext.componentDidMount &&
+            (workInProgress.effectTag |= 4),
+          (nextProps = !1));
+    }
+  else
+    (unmaskedContext = workInProgress.stateNode),
+      (isLegacyContextConsumer = workInProgress.memoizedProps),
+      (unmaskedContext.props = isLegacyContextConsumer),
+      (oldContext = unmaskedContext.context),
+      (context = Component.contextType),
+      "object" === typeof context && null !== context
+        ? (context = context.unstable_read())
+        : ((context = isContextProvider(Component)
+            ? previousContext
+            : contextStackCursor.current),
+          (context = getMaskedContext(workInProgress, context))),
+      (getDerivedStateFromProps = Component.getDerivedStateFromProps),
+      (instance =
+        "function" === typeof getDerivedStateFromProps ||
+        "function" === typeof unmaskedContext.getSnapshotBeforeUpdate) ||
+        ("function" !==
+          typeof unmaskedContext.UNSAFE_componentWillReceiveProps &&
+          "function" !== typeof unmaskedContext.componentWillReceiveProps) ||
+        ((isLegacyContextConsumer !== nextProps || oldContext !== context) &&
+          callComponentWillReceiveProps(
+            workInProgress,
+            unmaskedContext,
+            nextProps,
+            context
           )),
       (hasForceUpdate = !1),
       (oldContext = workInProgress.memoizedState),
-      (oldState = instance.state = oldContext),
+      (oldState = unmaskedContext.state = oldContext),
       (updateQueue = workInProgress.updateQueue),
       null !== updateQueue &&
         (processUpdateQueue(
           workInProgress,
           updateQueue,
           nextProps,
-          instance,
+          unmaskedContext,
           renderExpirationTime
         ),
         (oldState = workInProgress.memoizedState)),
-      oldProps !== nextProps ||
+      isLegacyContextConsumer !== nextProps ||
       oldContext !== oldState ||
       didPerformWorkStackCursor.current ||
       hasForceUpdate
@@ -3950,51 +3609,53 @@ function updateClassComponent(
             checkShouldComponentUpdate(
               workInProgress,
               Component,
-              oldProps,
+              isLegacyContextConsumer,
               nextProps,
               oldContext,
               oldState,
-              contextType
+              context
             ))
-            ? (hasNewLifecycles ||
-                ("function" !== typeof instance.UNSAFE_componentWillUpdate &&
-                  "function" !== typeof instance.componentWillUpdate) ||
-                ("function" === typeof instance.componentWillUpdate &&
-                  instance.componentWillUpdate(
+            ? (instance ||
+                ("function" !==
+                  typeof unmaskedContext.UNSAFE_componentWillUpdate &&
+                  "function" !== typeof unmaskedContext.componentWillUpdate) ||
+                ("function" === typeof unmaskedContext.componentWillUpdate &&
+                  unmaskedContext.componentWillUpdate(
                     nextProps,
                     oldState,
-                    contextType
+                    context
                   ),
-                "function" === typeof instance.UNSAFE_componentWillUpdate &&
-                  instance.UNSAFE_componentWillUpdate(
+                "function" ===
+                  typeof unmaskedContext.UNSAFE_componentWillUpdate &&
+                  unmaskedContext.UNSAFE_componentWillUpdate(
                     nextProps,
                     oldState,
-                    contextType
+                    context
                   )),
-              "function" === typeof instance.componentDidUpdate &&
+              "function" === typeof unmaskedContext.componentDidUpdate &&
                 (workInProgress.effectTag |= 4),
-              "function" === typeof instance.getSnapshotBeforeUpdate &&
+              "function" === typeof unmaskedContext.getSnapshotBeforeUpdate &&
                 (workInProgress.effectTag |= 256))
-            : ("function" !== typeof instance.componentDidUpdate ||
-                (oldProps === current$$1.memoizedProps &&
+            : ("function" !== typeof unmaskedContext.componentDidUpdate ||
+                (isLegacyContextConsumer === current$$1.memoizedProps &&
                   oldContext === current$$1.memoizedState) ||
                 (workInProgress.effectTag |= 4),
-              "function" !== typeof instance.getSnapshotBeforeUpdate ||
-                (oldProps === current$$1.memoizedProps &&
+              "function" !== typeof unmaskedContext.getSnapshotBeforeUpdate ||
+                (isLegacyContextConsumer === current$$1.memoizedProps &&
                   oldContext === current$$1.memoizedState) ||
                 (workInProgress.effectTag |= 256),
               (workInProgress.memoizedProps = nextProps),
               (workInProgress.memoizedState = oldState)),
-          (instance.props = nextProps),
-          (instance.state = oldState),
-          (instance.context = contextType),
+          (unmaskedContext.props = nextProps),
+          (unmaskedContext.state = oldState),
+          (unmaskedContext.context = context),
           (nextProps = getDerivedStateFromProps))
-        : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current$$1.memoizedProps &&
+        : ("function" !== typeof unmaskedContext.componentDidUpdate ||
+            (isLegacyContextConsumer === current$$1.memoizedProps &&
               oldContext === current$$1.memoizedState) ||
             (workInProgress.effectTag |= 4),
-          "function" !== typeof instance.getSnapshotBeforeUpdate ||
-            (oldProps === current$$1.memoizedProps &&
+          "function" !== typeof unmaskedContext.getSnapshotBeforeUpdate ||
+            (isLegacyContextConsumer === current$$1.memoizedProps &&
               oldContext === current$$1.memoizedState) ||
             (workInProgress.effectTag |= 256),
           (nextProps = !1));
@@ -4057,6 +3718,7 @@ function finishClassComponent(
         renderExpirationTime
       );
   workInProgress.memoizedState = shouldUpdate.state;
+  workInProgress.memoizedProps = shouldUpdate.props;
   hasContext && invalidateContextProvider(workInProgress, Component, !0);
   return workInProgress.child;
 }
@@ -4082,105 +3744,6 @@ function resolveDefaultProps(Component, baseProps) {
   }
   return baseProps;
 }
-function updateSuspenseComponent(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
-  var mode = workInProgress.mode,
-    nextProps = workInProgress.pendingProps,
-    nextState = workInProgress.memoizedState;
-  null !== nextState &&
-    (nextState.alreadyCaptured
-      ? null !== current$$1 && nextState === current$$1.memoizedState
-        ? (nextState = {
-            alreadyCaptured: !0,
-            didTimeout: !0,
-            timedOutAt: nextState.timedOutAt
-          })
-        : ((nextState.alreadyCaptured = !0), (nextState.didTimeout = !0))
-      : (nextState = null));
-  var nextDidTimeout = null !== nextState && nextState.didTimeout;
-  if (null === current$$1)
-    nextDidTimeout
-      ? ((nextDidTimeout = nextProps.fallback),
-        (nextProps = createFiberFromFragment(null, mode, 0, null)),
-        (mode = createFiberFromFragment(
-          nextDidTimeout,
-          mode,
-          renderExpirationTime,
-          null
-        )),
-        (nextProps.sibling = mode),
-        (renderExpirationTime = nextProps),
-        (renderExpirationTime.return = mode.return = workInProgress))
-      : (renderExpirationTime = mode = mountChildFibers(
-          workInProgress,
-          null,
-          nextProps.children,
-          renderExpirationTime
-        ));
-  else {
-    var prevState = current$$1.memoizedState;
-    null !== prevState && prevState.didTimeout
-      ? ((mode = current$$1.child),
-        (current$$1 = mode.sibling),
-        nextDidTimeout
-          ? ((renderExpirationTime = nextProps.fallback),
-            (mode = createWorkInProgress(mode, mode.pendingProps, 0)),
-            (mode.effectTag |= 2),
-            (nextProps = mode.sibling = createWorkInProgress(
-              current$$1,
-              renderExpirationTime,
-              current$$1.expirationTime
-            )),
-            (nextProps.effectTag |= 2),
-            (renderExpirationTime = mode),
-            (mode.childExpirationTime = 0),
-            (mode = nextProps),
-            (renderExpirationTime.return = mode.return = workInProgress))
-          : ((nextDidTimeout = current$$1.child),
-            (mode = reconcileChildFibers(
-              workInProgress,
-              mode.child,
-              nextProps.children,
-              renderExpirationTime
-            )),
-            reconcileChildFibers(
-              workInProgress,
-              nextDidTimeout,
-              null,
-              renderExpirationTime
-            ),
-            (renderExpirationTime = mode)))
-      : ((current$$1 = current$$1.child),
-        nextDidTimeout
-          ? ((nextDidTimeout = nextProps.fallback),
-            (nextProps = createFiberFromFragment(null, mode, 0, null)),
-            (nextProps.effectTag |= 2),
-            (nextProps.child = current$$1),
-            (current$$1.return = nextProps),
-            (mode = nextProps.sibling = createFiberFromFragment(
-              nextDidTimeout,
-              mode,
-              renderExpirationTime,
-              null
-            )),
-            (mode.effectTag |= 2),
-            (renderExpirationTime = nextProps),
-            (nextProps.childExpirationTime = 0),
-            (renderExpirationTime.return = mode.return = workInProgress))
-          : (mode = renderExpirationTime = reconcileChildFibers(
-              workInProgress,
-              current$$1,
-              nextProps.children,
-              renderExpirationTime
-            )));
-  }
-  workInProgress.memoizedState = nextState;
-  workInProgress.child = renderExpirationTime;
-  return mode;
-}
 function bailoutOnAlreadyFinishedWork(
   current$$1,
   workInProgress,
@@ -4189,7 +3752,9 @@ function bailoutOnAlreadyFinishedWork(
   null !== current$$1 &&
     (workInProgress.firstContextDependency = current$$1.firstContextDependency);
   profilerStartTime = -1;
-  if (workInProgress.childExpirationTime < renderExpirationTime) return null;
+  var childExpirationTime = workInProgress.childExpirationTime;
+  if (0 === childExpirationTime || childExpirationTime > renderExpirationTime)
+    return null;
   invariant(
     null === current$$1 || workInProgress.child === current$$1.child,
     "Resuming work not yet implemented."
@@ -4218,566 +3783,561 @@ function bailoutOnAlreadyFinishedWork(
   }
   return workInProgress.child;
 }
-function beginWork(current$$1, workInProgress, renderExpirationTime$jscomp$0) {
+function beginWork(current$$1, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
   if (
     null !== current$$1 &&
     current$$1.memoizedProps === workInProgress.pendingProps &&
     !didPerformWorkStackCursor.current &&
-    updateExpirationTime < renderExpirationTime$jscomp$0
+    (0 === updateExpirationTime || updateExpirationTime > renderExpirationTime)
   ) {
     switch (workInProgress.tag) {
-      case 3:
+      case 5:
         pushHostRootContext(workInProgress);
         break;
-      case 5:
+      case 7:
         pushHostContext(workInProgress);
         break;
-      case 1:
+      case 2:
         isContextProvider(workInProgress.type) &&
           pushContextProvider(workInProgress);
         break;
-      case 4:
+      case 3:
+        isContextProvider(workInProgress.type._reactResult) &&
+          pushContextProvider(workInProgress);
+        break;
+      case 6:
         pushHostContainer(
           workInProgress,
           workInProgress.stateNode.containerInfo
         );
         break;
-      case 10:
+      case 12:
         pushProvider(workInProgress, workInProgress.memoizedProps.value);
         break;
-      case 12:
+      case 15:
         workInProgress.effectTag |= 4;
-        break;
-      case 13:
-        if (
-          ((updateExpirationTime = workInProgress.memoizedState),
-          null !== updateExpirationTime && updateExpirationTime.didTimeout)
-        ) {
-          updateExpirationTime = workInProgress.child.childExpirationTime;
-          if (
-            0 !== updateExpirationTime &&
-            updateExpirationTime >= renderExpirationTime$jscomp$0
-          )
-            return updateSuspenseComponent(
-              current$$1,
-              workInProgress,
-              renderExpirationTime$jscomp$0
-            );
-          workInProgress = bailoutOnAlreadyFinishedWork(
-            current$$1,
-            workInProgress,
-            renderExpirationTime$jscomp$0
-          );
-          return null !== workInProgress ? workInProgress.sibling : null;
-        }
     }
     return bailoutOnAlreadyFinishedWork(
       current$$1,
       workInProgress,
-      renderExpirationTime$jscomp$0
+      renderExpirationTime
     );
   }
   workInProgress.expirationTime = 0;
   switch (workInProgress.tag) {
-    case 2:
-      updateExpirationTime = workInProgress.elementType;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
-        (workInProgress.alternate = null),
-        (workInProgress.effectTag |= 2));
-      current$$1 = workInProgress.pendingProps;
-      var context = getMaskedContext(
-        workInProgress,
-        contextStackCursor.current
+    case 4:
+      var Component = workInProgress.type;
+      invariant(
+        null === current$$1,
+        "An indeterminate component should never have mounted. This error is likely caused by a bug in React. Please file an issue."
       );
-      prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0);
-      renderExpirationTime = renderExpirationTime$jscomp$0;
-      currentlyRenderingFiber$1 = workInProgress;
-      firstCurrentHook = null;
-      var value = updateExpirationTime(current$$1, context);
-      workInProgress.effectTag |= 1;
+      var props = workInProgress.pendingProps;
       if (
-        "object" === typeof value &&
-        null !== value &&
-        "function" === typeof value.render &&
-        void 0 === value.$$typeof
+        "object" === typeof Component &&
+        null !== Component &&
+        "function" === typeof Component.then
       ) {
-        workInProgress.tag = 1;
-        resetHooks();
-        isContextProvider(updateExpirationTime)
-          ? ((context = !0), pushContextProvider(workInProgress))
-          : (context = !1);
-        workInProgress.memoizedState =
-          null !== value.state && void 0 !== value.state ? value.state : null;
-        var getDerivedStateFromProps =
-          updateExpirationTime.getDerivedStateFromProps;
-        "function" === typeof getDerivedStateFromProps &&
-          applyDerivedStateFromProps(
+        Component = readLazyComponentType(Component);
+        var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(
             workInProgress,
-            updateExpirationTime,
-            getDerivedStateFromProps,
-            current$$1
-          );
-        value.updater = classComponentUpdater;
-        workInProgress.stateNode = value;
-        value._reactInternalFiber = workInProgress;
-        mountClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          current$$1,
-          renderExpirationTime$jscomp$0
-        );
-        workInProgress = finishClassComponent(
-          null,
-          workInProgress,
-          updateExpirationTime,
-          !0,
-          context,
-          renderExpirationTime$jscomp$0
-        );
-      } else
-        (workInProgress.tag = 0),
-          (value = finishHooks(
-            updateExpirationTime,
-            current$$1,
-            value,
-            context
+            Component
           )),
-          reconcileChildren(
-            null,
-            workInProgress,
-            value,
-            renderExpirationTime$jscomp$0
-          ),
-          (workInProgress = workInProgress.child);
-      return workInProgress;
-    case 16:
-      value = workInProgress.elementType;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
-        (workInProgress.alternate = null),
-        (workInProgress.effectTag |= 2));
-      context = workInProgress.pendingProps;
-      current$$1 = readLazyComponentType(value);
-      workInProgress.type = current$$1;
-      value = workInProgress.tag = resolveLazyComponentTag(current$$1);
-      context = resolveDefaultProps(current$$1, context);
-      getDerivedStateFromProps = void 0;
-      switch (value) {
-        case 0:
-          getDerivedStateFromProps = updateFunctionComponent(
-            null,
-            workInProgress,
-            current$$1,
-            context,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        case 1:
-          getDerivedStateFromProps = updateClassComponent(
-            null,
-            workInProgress,
-            current$$1,
-            context,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        case 11:
-          getDerivedStateFromProps = updateForwardRef(
-            null,
-            workInProgress,
-            current$$1,
-            context,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        case 14:
-          getDerivedStateFromProps = updateMemoComponent(
-            null,
-            workInProgress,
-            current$$1,
-            resolveDefaultProps(current$$1.type, context),
-            updateExpirationTime,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        default:
-          invariant(
-            !1,
-            "Element type is invalid. Received a promise that resolves to: %s. Promise elements must resolve to a class or function.",
-            current$$1
-          );
-      }
-      return getDerivedStateFromProps;
-    case 0:
-      return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        updateFunctionComponent(
-          current$$1,
+          resolvedProps = resolveDefaultProps(Component, props),
+          child = void 0;
+        switch (resolvedTag) {
+          case 1:
+            child = updateFunctionComponent(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              renderExpirationTime
+            );
+            break;
+          case 3:
+            child = updateClassComponent(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              renderExpirationTime
+            );
+            break;
+          case 14:
+            child = updateForwardRef(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              renderExpirationTime
+            );
+            break;
+          case 18:
+            child = updatePureComponent(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              updateExpirationTime,
+              renderExpirationTime
+            );
+            break;
+          default:
+            invariant(
+              !1,
+              "Element type is invalid. Received a promise that resolves to: %s. Promise elements must resolve to a class or function.",
+              Component
+            );
+        }
+        workInProgress.memoizedProps = props;
+        workInProgress = child;
+      } else
+        (updateExpirationTime = getMaskedContext(
           workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        )
+          contextStackCursor.current
+        )),
+          prepareToReadContext(workInProgress, renderExpirationTime),
+          (updateExpirationTime = Component(props, updateExpirationTime)),
+          (workInProgress.effectTag |= 1),
+          "object" === typeof updateExpirationTime &&
+          null !== updateExpirationTime &&
+          "function" === typeof updateExpirationTime.render &&
+          void 0 === updateExpirationTime.$$typeof
+            ? ((workInProgress.tag = 2),
+              isContextProvider(Component)
+                ? ((resolvedTag = !0), pushContextProvider(workInProgress))
+                : (resolvedTag = !1),
+              (workInProgress.memoizedState =
+                null !== updateExpirationTime.state &&
+                void 0 !== updateExpirationTime.state
+                  ? updateExpirationTime.state
+                  : null),
+              (resolvedProps = Component.getDerivedStateFromProps),
+              "function" === typeof resolvedProps &&
+                applyDerivedStateFromProps(
+                  workInProgress,
+                  Component,
+                  resolvedProps,
+                  props
+                ),
+              (updateExpirationTime.updater = classComponentUpdater),
+              (workInProgress.stateNode = updateExpirationTime),
+              (updateExpirationTime._reactInternalFiber = workInProgress),
+              mountClassInstance(
+                workInProgress,
+                Component,
+                props,
+                renderExpirationTime
+              ),
+              (workInProgress = finishClassComponent(
+                current$$1,
+                workInProgress,
+                Component,
+                !0,
+                resolvedTag,
+                renderExpirationTime
+              )))
+            : ((workInProgress.tag = 0),
+              reconcileChildren(
+                current$$1,
+                workInProgress,
+                updateExpirationTime,
+                renderExpirationTime
+              ),
+              (workInProgress.memoizedProps = props),
+              (workInProgress = workInProgress.child));
+      return workInProgress;
+    case 0:
+      return updateFunctionComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        renderExpirationTime
       );
     case 1:
       return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        updateClassComponent(
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updateFunctionComponent(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        )
+          props,
+          resolveDefaultProps(props, Component),
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
+      );
+    case 2:
+      return updateClassComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        renderExpirationTime
       );
     case 3:
+      return (
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updateClassComponent(
+          current$$1,
+          workInProgress,
+          props,
+          resolveDefaultProps(props, Component),
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
+      );
+    case 5:
       return (
         pushHostRootContext(workInProgress),
-        (updateExpirationTime = workInProgress.updateQueue),
+        (Component = workInProgress.updateQueue),
         invariant(
-          null !== updateExpirationTime,
+          null !== Component,
           "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
         ),
-        (value = workInProgress.memoizedState),
-        (value = null !== value ? value.element : null),
+        (props = workInProgress.memoizedState),
+        (props = null !== props ? props.element : null),
         processUpdateQueue(
           workInProgress,
-          updateExpirationTime,
+          Component,
           workInProgress.pendingProps,
           null,
-          renderExpirationTime$jscomp$0
+          renderExpirationTime
         ),
-        (updateExpirationTime = workInProgress.memoizedState.element),
-        updateExpirationTime === value
+        (Component = workInProgress.memoizedState.element),
+        Component === props
           ? (workInProgress = bailoutOnAlreadyFinishedWork(
               current$$1,
               workInProgress,
-              renderExpirationTime$jscomp$0
+              renderExpirationTime
             ))
           : (reconcileChildren(
               current$$1,
               workInProgress,
-              updateExpirationTime,
-              renderExpirationTime$jscomp$0
+              Component,
+              renderExpirationTime
             ),
             (workInProgress = workInProgress.child)),
         workInProgress
       );
-    case 5:
+    case 7:
       return (
         pushHostContext(workInProgress),
         null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
-        (updateExpirationTime = workInProgress.pendingProps.children),
+        (Component = workInProgress.pendingProps),
+        (props = Component.children),
         markRef(current$$1, workInProgress),
         reconcileChildren(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          renderExpirationTime$jscomp$0
+          props,
+          renderExpirationTime
         ),
+        (workInProgress.memoizedProps = Component),
         (workInProgress = workInProgress.child),
         workInProgress
       );
-    case 6:
+    case 8:
       return (
         null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
+        (workInProgress.memoizedProps = workInProgress.pendingProps),
         null
       );
-    case 13:
-      return updateSuspenseComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime$jscomp$0
+    case 16:
+      return (
+        (Component = workInProgress.pendingProps),
+        (props = 0 === (workInProgress.effectTag & 64)),
+        null !== current$$1 && null !== workInProgress.updateQueue
+          ? ((workInProgress.updateQueue = null), (props = !0))
+          : (props = !props),
+        0 !== (workInProgress.mode & 2) &&
+          (props
+            ? (workInProgress.effectTag |= 4)
+            : (workInProgress.stateNode = null)),
+        (updateExpirationTime = Component.children),
+        (updateExpirationTime =
+          "function" === typeof updateExpirationTime
+            ? updateExpirationTime(props)
+            : props
+              ? Component.fallback
+              : updateExpirationTime),
+        null !== current$$1 && props !== workInProgress.memoizedState
+          ? ((workInProgress.child = reconcileChildFibers(
+              workInProgress,
+              current$$1.child,
+              null,
+              renderExpirationTime
+            )),
+            (workInProgress.child = reconcileChildFibers(
+              workInProgress,
+              null,
+              updateExpirationTime,
+              renderExpirationTime
+            )))
+          : reconcileChildren(
+              current$$1,
+              workInProgress,
+              updateExpirationTime,
+              renderExpirationTime
+            ),
+        (workInProgress.memoizedProps = Component),
+        (workInProgress.memoizedState = props),
+        workInProgress.child
       );
-    case 4:
+    case 6:
       return (
         pushHostContainer(
           workInProgress,
           workInProgress.stateNode.containerInfo
         ),
-        (updateExpirationTime = workInProgress.pendingProps),
+        (Component = workInProgress.pendingProps),
         null === current$$1
           ? (workInProgress.child = reconcileChildFibers(
               workInProgress,
               null,
-              updateExpirationTime,
-              renderExpirationTime$jscomp$0
+              Component,
+              renderExpirationTime
             ))
           : reconcileChildren(
               current$$1,
               workInProgress,
-              updateExpirationTime,
-              renderExpirationTime$jscomp$0
+              Component,
+              renderExpirationTime
             ),
+        (workInProgress.memoizedProps = Component),
         workInProgress.child
       );
-    case 11:
+    case 13:
+      return updateForwardRef(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        renderExpirationTime
+      );
+    case 14:
       return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        updateForwardRef(
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updateForwardRef(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        )
+          props,
+          resolveDefaultProps(props, Component),
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
       );
-    case 7:
+    case 9:
       return (
+        (Component = workInProgress.pendingProps),
         reconcileChildren(
           current$$1,
           workInProgress,
-          workInProgress.pendingProps,
-          renderExpirationTime$jscomp$0
-        ),
-        workInProgress.child
-      );
-    case 8:
-      return (
-        reconcileChildren(
-          current$$1,
-          workInProgress,
-          workInProgress.pendingProps.children,
-          renderExpirationTime$jscomp$0
-        ),
-        workInProgress.child
-      );
-    case 12:
-      return (
-        (workInProgress.effectTag |= 4),
-        reconcileChildren(
-          current$$1,
-          workInProgress,
-          workInProgress.pendingProps.children,
-          renderExpirationTime$jscomp$0
+          Component,
+          renderExpirationTime
         ),
+        (workInProgress.memoizedProps = Component),
         workInProgress.child
       );
     case 10:
+      return (
+        (Component = workInProgress.pendingProps.children),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          Component,
+          renderExpirationTime
+        ),
+        (workInProgress.memoizedProps = Component),
+        workInProgress.child
+      );
+    case 15:
+      return (
+        (workInProgress.effectTag |= 4),
+        (Component = workInProgress.pendingProps),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          Component.children,
+          renderExpirationTime
+        ),
+        (workInProgress.memoizedProps = Component),
+        workInProgress.child
+      );
+    case 12:
       a: {
-        updateExpirationTime = workInProgress.type._context;
-        value = workInProgress.pendingProps;
-        getDerivedStateFromProps = workInProgress.memoizedProps;
-        context = value.value;
-        pushProvider(workInProgress, context);
-        if (null !== getDerivedStateFromProps) {
-          var oldValue = getDerivedStateFromProps.value;
-          context =
-            (oldValue === context &&
-              (0 !== oldValue || 1 / oldValue === 1 / context)) ||
-            (oldValue !== oldValue && context !== context)
-              ? 0
-              : ("function" ===
-                typeof updateExpirationTime._calculateChangedBits
-                  ? updateExpirationTime._calculateChangedBits(
-                      oldValue,
-                      context
-                    )
-                  : 1073741823) | 0;
-          if (0 === context) {
+        Component = workInProgress.type._context;
+        props = workInProgress.pendingProps;
+        resolvedTag = workInProgress.memoizedProps;
+        updateExpirationTime = props.value;
+        workInProgress.memoizedProps = props;
+        pushProvider(workInProgress, updateExpirationTime);
+        if (null !== resolvedTag)
+          if (
+            ((resolvedProps = resolvedTag.value),
+            (updateExpirationTime =
+              (resolvedProps === updateExpirationTime &&
+                (0 !== resolvedProps ||
+                  1 / resolvedProps === 1 / updateExpirationTime)) ||
+              (resolvedProps !== resolvedProps &&
+                updateExpirationTime !== updateExpirationTime)
+                ? 0
+                : ("function" === typeof Component._calculateChangedBits
+                    ? Component._calculateChangedBits(
+                        resolvedProps,
+                        updateExpirationTime
+                      )
+                    : 1073741823) | 0),
+            0 === updateExpirationTime)
+          ) {
             if (
-              getDerivedStateFromProps.children === value.children &&
+              resolvedTag.children === props.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
                 current$$1,
                 workInProgress,
-                renderExpirationTime$jscomp$0
+                renderExpirationTime
               );
               break a;
             }
           } else
             for (
-              getDerivedStateFromProps = workInProgress.child,
-                null !== getDerivedStateFromProps &&
-                  (getDerivedStateFromProps.return = workInProgress);
-              null !== getDerivedStateFromProps;
+              resolvedTag = workInProgress.child,
+                null !== resolvedTag && (resolvedTag.return = workInProgress);
+              null !== resolvedTag;
 
             ) {
-              oldValue = getDerivedStateFromProps.firstContextDependency;
-              if (null !== oldValue) {
+              resolvedProps = resolvedTag.firstContextDependency;
+              if (null !== resolvedProps) {
                 do {
                   if (
-                    oldValue.context === updateExpirationTime &&
-                    0 !== (oldValue.observedBits & context)
+                    resolvedProps.context === Component &&
+                    0 !== (resolvedProps.observedBits & updateExpirationTime)
                   ) {
-                    if (1 === getDerivedStateFromProps.tag) {
-                      var nextFiber = createUpdate(
-                        renderExpirationTime$jscomp$0
-                      );
-                      nextFiber.tag = 2;
-                      enqueueUpdate(getDerivedStateFromProps, nextFiber);
-                    }
-                    getDerivedStateFromProps.expirationTime <
-                      renderExpirationTime$jscomp$0 &&
-                      (getDerivedStateFromProps.expirationTime = renderExpirationTime$jscomp$0);
-                    nextFiber = getDerivedStateFromProps.alternate;
-                    null !== nextFiber &&
-                      nextFiber.expirationTime <
-                        renderExpirationTime$jscomp$0 &&
-                      (nextFiber.expirationTime = renderExpirationTime$jscomp$0);
-                    for (
-                      var node = getDerivedStateFromProps.return;
-                      null !== node;
-
-                    ) {
-                      nextFiber = node.alternate;
+                    if (2 === resolvedTag.tag || 3 === resolvedTag.tag)
+                      (child = createUpdate(renderExpirationTime)),
+                        (child.tag = 2),
+                        enqueueUpdate(resolvedTag, child);
+                    if (
+                      0 === resolvedTag.expirationTime ||
+                      resolvedTag.expirationTime > renderExpirationTime
+                    )
+                      resolvedTag.expirationTime = renderExpirationTime;
+                    child = resolvedTag.alternate;
+                    null !== child &&
+                      (0 === child.expirationTime ||
+                        child.expirationTime > renderExpirationTime) &&
+                      (child.expirationTime = renderExpirationTime);
+                    for (var node = resolvedTag.return; null !== node; ) {
+                      child = node.alternate;
                       if (
-                        node.childExpirationTime < renderExpirationTime$jscomp$0
+                        0 === node.childExpirationTime ||
+                        node.childExpirationTime > renderExpirationTime
                       )
-                        (node.childExpirationTime = renderExpirationTime$jscomp$0),
-                          null !== nextFiber &&
-                            nextFiber.childExpirationTime <
-                              renderExpirationTime$jscomp$0 &&
-                            (nextFiber.childExpirationTime = renderExpirationTime$jscomp$0);
+                        (node.childExpirationTime = renderExpirationTime),
+                          null !== child &&
+                            (0 === child.childExpirationTime ||
+                              child.childExpirationTime >
+                                renderExpirationTime) &&
+                            (child.childExpirationTime = renderExpirationTime);
                       else if (
-                        null !== nextFiber &&
-                        nextFiber.childExpirationTime <
-                          renderExpirationTime$jscomp$0
+                        null !== child &&
+                        (0 === child.childExpirationTime ||
+                          child.childExpirationTime > renderExpirationTime)
                       )
-                        nextFiber.childExpirationTime = renderExpirationTime$jscomp$0;
+                        child.childExpirationTime = renderExpirationTime;
                       else break;
                       node = node.return;
                     }
                   }
-                  nextFiber = getDerivedStateFromProps.child;
-                  oldValue = oldValue.next;
-                } while (null !== oldValue);
+                  child = resolvedTag.child;
+                  resolvedProps = resolvedProps.next;
+                } while (null !== resolvedProps);
               } else
-                nextFiber =
-                  10 === getDerivedStateFromProps.tag
-                    ? getDerivedStateFromProps.type === workInProgress.type
+                child =
+                  12 === resolvedTag.tag
+                    ? resolvedTag.type === workInProgress.type
                       ? null
-                      : getDerivedStateFromProps.child
-                    : getDerivedStateFromProps.child;
-              if (null !== nextFiber)
-                nextFiber.return = getDerivedStateFromProps;
+                      : resolvedTag.child
+                    : resolvedTag.child;
+              if (null !== child) child.return = resolvedTag;
               else
-                for (
-                  nextFiber = getDerivedStateFromProps;
-                  null !== nextFiber;
-
-                ) {
-                  if (nextFiber === workInProgress) {
-                    nextFiber = null;
+                for (child = resolvedTag; null !== child; ) {
+                  if (child === workInProgress) {
+                    child = null;
                     break;
                   }
-                  getDerivedStateFromProps = nextFiber.sibling;
-                  if (null !== getDerivedStateFromProps) {
-                    getDerivedStateFromProps.return = nextFiber.return;
-                    nextFiber = getDerivedStateFromProps;
+                  resolvedTag = child.sibling;
+                  if (null !== resolvedTag) {
+                    resolvedTag.return = child.return;
+                    child = resolvedTag;
                     break;
                   }
-                  nextFiber = nextFiber.return;
+                  child = child.return;
                 }
-              getDerivedStateFromProps = nextFiber;
+              resolvedTag = child;
             }
-        }
         reconcileChildren(
           current$$1,
           workInProgress,
-          value.children,
-          renderExpirationTime$jscomp$0
+          props.children,
+          renderExpirationTime
         );
         workInProgress = workInProgress.child;
       }
       return workInProgress;
-    case 9:
+    case 11:
       return (
-        (value = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (updateExpirationTime = context.children),
-        prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0),
-        (value = readContext(value, context.unstable_observedBits)),
-        (updateExpirationTime = updateExpirationTime(value)),
+        (updateExpirationTime = workInProgress.type),
+        (Component = workInProgress.pendingProps),
+        (props = Component.children),
+        prepareToReadContext(workInProgress, renderExpirationTime),
+        (updateExpirationTime = readContext(
+          updateExpirationTime,
+          Component.unstable_observedBits
+        )),
+        (props = props(updateExpirationTime)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          renderExpirationTime$jscomp$0
+          props,
+          renderExpirationTime
         ),
+        (workInProgress.memoizedProps = Component),
         workInProgress.child
       );
-    case 14:
-      return (
-        (value = workInProgress.type),
-        (context = resolveDefaultProps(
-          value.type,
-          workInProgress.pendingProps
-        )),
-        updateMemoComponent(
-          current$$1,
-          workInProgress,
-          value,
-          context,
-          updateExpirationTime,
-          renderExpirationTime$jscomp$0
-        )
-      );
-    case 15:
-      return updateSimpleMemoComponent(
+    case 17:
+      return updatePureComponent(
         current$$1,
         workInProgress,
         workInProgress.type,
         workInProgress.pendingProps,
         updateExpirationTime,
-        renderExpirationTime$jscomp$0
+        renderExpirationTime
       );
-    case 17:
+    case 18:
       return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        null !== current$$1 &&
-          ((current$$1.alternate = null),
-          (workInProgress.alternate = null),
-          (workInProgress.effectTag |= 2)),
-        (workInProgress.tag = 1),
-        isContextProvider(updateExpirationTime)
-          ? ((current$$1 = !0), pushContextProvider(workInProgress))
-          : (current$$1 = !1),
-        prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0),
-        constructClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        ),
-        mountClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        ),
-        finishClassComponent(
-          null,
-          workInProgress,
-          updateExpirationTime,
-          !0,
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updatePureComponent(
           current$$1,
-          renderExpirationTime$jscomp$0
-        )
+          workInProgress,
+          props,
+          resolveDefaultProps(props, Component),
+          updateExpirationTime,
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
       );
     default:
       invariant(
@@ -4786,125 +4346,14 @@ function beginWork(current$$1, workInProgress, renderExpirationTime$jscomp$0) {
       );
   }
 }
-var appendAllChildren = void 0,
-  updateHostContainer = void 0,
-  updateHostComponent$1 = void 0,
-  updateHostText$1 = void 0;
-appendAllChildren = function(
-  parent,
-  workInProgress,
-  needsVisibilityToggle,
-  isHidden
-) {
+function appendAllChildren(parent, workInProgress) {
   for (var node = workInProgress.child; null !== node; ) {
-    a: if (5 === node.tag) {
-      var instance = node.stateNode;
-      if (needsVisibilityToggle) throw Error("Not yet implemented.");
-      FabricUIManager.appendChild(parent.node, instance.node);
-    } else if (6 === node.tag) {
-      instance = node.stateNode;
-      if (needsVisibilityToggle) {
-        instance = node.memoizedProps;
-        var rootContainerInstance = requiredContext(
-            rootInstanceStackCursor.current
-          ),
-          currentHostContext = requiredContext(contextStackCursor$1.current);
-        if (isHidden) throw Error("Not yet implemented.");
-        instance = createTextInstance(
-          instance,
-          rootContainerInstance,
-          currentHostContext,
-          workInProgress
-        );
-        node.stateNode = instance;
-      }
-      FabricUIManager.appendChild(parent.node, instance.node);
-    } else if (4 !== node.tag) {
-      if (
-        13 === node.tag &&
-        ((instance = node.alternate),
-        null !== instance &&
-          ((instance = instance.memoizedState),
-          (rootContainerInstance = node.memoizedState),
-          (rootContainerInstance =
-            null !== rootContainerInstance && rootContainerInstance.didTimeout),
-          (null !== instance && instance.didTimeout) !== rootContainerInstance))
-      ) {
-        instance = rootContainerInstance ? node.child : node;
-        null !== instance &&
-          appendAllChildren(parent, instance, !0, rootContainerInstance);
-        break a;
-      }
-      if (null !== node.child) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
-    }
-    if (node === workInProgress) break;
-    for (; null === node.sibling; ) {
-      if (null === node.return || node.return === workInProgress) return;
-      node = node.return;
-    }
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
-};
-function appendAllChildrenToContainer(
-  containerChildSet,
-  workInProgress,
-  needsVisibilityToggle,
-  isHidden
-) {
-  for (var node = workInProgress.child; null !== node; ) {
-    a: if (5 === node.tag) {
-      var instance = node.stateNode;
-      if (needsVisibilityToggle) throw Error("Not yet implemented.");
-      FabricUIManager.appendChildToSet(containerChildSet, instance.node);
-    } else if (6 === node.tag) {
-      instance = node.stateNode;
-      if (needsVisibilityToggle) {
-        instance = node.memoizedProps;
-        var rootContainerInstance = requiredContext(
-            rootInstanceStackCursor.current
-          ),
-          currentHostContext = requiredContext(contextStackCursor$1.current);
-        if (isHidden) throw Error("Not yet implemented.");
-        instance = createTextInstance(
-          instance,
-          rootContainerInstance,
-          currentHostContext,
-          workInProgress
-        );
-        node.stateNode = instance;
-      }
-      FabricUIManager.appendChildToSet(containerChildSet, instance.node);
-    } else if (4 !== node.tag) {
-      if (
-        13 === node.tag &&
-        ((instance = node.alternate),
-        null !== instance &&
-          ((instance = instance.memoizedState),
-          (rootContainerInstance = node.memoizedState),
-          (rootContainerInstance =
-            null !== rootContainerInstance && rootContainerInstance.didTimeout),
-          (null !== instance && instance.didTimeout) !== rootContainerInstance))
-      ) {
-        instance = rootContainerInstance ? node.child : node;
-        null !== instance &&
-          appendAllChildrenToContainer(
-            containerChildSet,
-            instance,
-            !0,
-            rootContainerInstance
-          );
-        break a;
-      }
-      if (null !== node.child) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
+    if (7 === node.tag || 8 === node.tag)
+      FabricUIManager.appendChild(parent.node, node.stateNode.node);
+    else if (6 !== node.tag && null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
     }
     if (node === workInProgress) break;
     for (; null === node.sibling; ) {
@@ -4915,12 +4364,30 @@ function appendAllChildrenToContainer(
     node = node.sibling;
   }
 }
+var updateHostContainer = void 0,
+  updateHostComponent$1 = void 0,
+  updateHostText$1 = void 0;
 updateHostContainer = function(workInProgress) {
   var portalOrRoot = workInProgress.stateNode;
   if (null !== workInProgress.firstEffect) {
     var container = portalOrRoot.containerInfo,
       newChildSet = FabricUIManager.createChildSet(container);
-    appendAllChildrenToContainer(newChildSet, workInProgress, !1, !1);
+    a: for (var node = workInProgress.child; null !== node; ) {
+      if (7 === node.tag || 8 === node.tag)
+        FabricUIManager.appendChildToSet(newChildSet, node.stateNode.node);
+      else if (6 !== node.tag && null !== node.child) {
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+      if (node === workInProgress) break a;
+      for (; null === node.sibling; ) {
+        if (null === node.return || node.return === workInProgress) break a;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
     portalOrRoot.pendingChildren = newChildSet;
     workInProgress.effectTag |= 4;
     FabricUIManager.completeRoot(container, newChildSet);
@@ -4967,7 +4434,7 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
         (workInProgress.stateNode = type),
         current
           ? (workInProgress.effectTag |= 4)
-          : appendAllChildren(type, workInProgress, !1, !1));
+          : appendAllChildren(type, workInProgress));
   }
 };
 updateHostText$1 = function(current, workInProgress, oldText, newText) {
@@ -5001,6 +4468,7 @@ function logCapturedError(capturedError) {
         : Error("Unspecified error at:" + componentStack);
   ExceptionsManager.handleException(error, !1);
 }
+var emptyObject$1 = {};
 function logError(boundary, errorInfo) {
   var source = errorInfo.source,
     stack = errorInfo.stack;
@@ -5017,7 +4485,7 @@ function logError(boundary, errorInfo) {
     willRetry: !1
   };
   null !== boundary &&
-    1 === boundary.tag &&
+    2 === boundary.tag &&
     ((errorInfo.errorBoundary = boundary.stateNode),
     (errorInfo.errorBoundaryName = getComponentName(boundary.type)),
     (errorInfo.errorBoundaryFound = !0),
@@ -5041,44 +4509,18 @@ function safelyDetachRef(current$$1) {
       }
     else ref.current = null;
 }
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
-  finishedWork = finishedWork.updateQueue;
-  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
-  if (null !== finishedWork) {
-    var effect = (finishedWork = finishedWork.next);
-    do {
-      if (0 !== (effect.tag & unmountTag)) {
-        var destroy = effect.destroy;
-        effect.destroy = null;
-        null !== destroy && destroy();
-      }
-      0 !== (effect.tag & mountTag) &&
-        ((destroy = effect.create),
-        (destroy = destroy()),
-        (effect.destroy = "function" === typeof destroy ? destroy : null));
-      effect = effect.next;
-    } while (effect !== finishedWork);
-  }
-}
 function commitWork(current$$1, finishedWork) {
   switch (finishedWork.tag) {
-    case 0:
-    case 11:
-    case 14:
-    case 15:
-      commitHookEffectList(4, 8, finishedWork);
-      return;
-  }
-  switch (finishedWork.tag) {
-    case 1:
+    case 2:
+    case 3:
+      break;
+    case 7:
+      break;
+    case 8:
       break;
     case 5:
-      break;
     case 6:
       break;
-    case 3:
-    case 4:
-      break;
     default:
       invariant(
         !1,
@@ -5086,6 +4528,9 @@ function commitWork(current$$1, finishedWork) {
       );
   }
 }
+function NoopComponent() {
+  return null;
+}
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
   expirationTime = createUpdate(expirationTime);
   expirationTime.tag = 3;
@@ -5131,7 +4576,7 @@ function throwException(
   value,
   renderExpirationTime
 ) {
-  sourceFiber.effectTag |= 1024;
+  sourceFiber.effectTag |= 512;
   sourceFiber.firstEffect = sourceFiber.lastEffect = null;
   if (
     null !== value &&
@@ -5143,54 +4588,49 @@ function throwException(
     var earliestTimeoutMs = -1,
       startTimeMs = -1;
     do {
-      if (13 === value.tag) {
-        var current$$1 = value.alternate;
+      if (16 === value.tag) {
+        var current = value.alternate;
         if (
-          null !== current$$1 &&
-          ((current$$1 = current$$1.memoizedState),
-          null !== current$$1 && current$$1.didTimeout)
+          null !== current &&
+          !0 === current.memoizedState &&
+          null !== current.stateNode
         ) {
-          startTimeMs = 10 * (1073741822 - current$$1.timedOutAt);
+          startTimeMs = 10 * (current.stateNode.timedOutAt - 2);
           break;
         }
-        current$$1 = value.pendingProps.maxDuration;
-        if ("number" === typeof current$$1)
-          if (0 >= current$$1) earliestTimeoutMs = 0;
-          else if (-1 === earliestTimeoutMs || current$$1 < earliestTimeoutMs)
-            earliestTimeoutMs = current$$1;
+        current = value.pendingProps.maxDuration;
+        if ("number" === typeof current)
+          if (0 >= current) earliestTimeoutMs = 0;
+          else if (-1 === earliestTimeoutMs || current < earliestTimeoutMs)
+            earliestTimeoutMs = current;
       }
       value = value.return;
     } while (null !== value);
     value = returnFiber;
     do {
-      if ((current$$1 = 13 === value.tag))
-        void 0 === value.memoizedProps.fallback
-          ? (current$$1 = !1)
-          : ((current$$1 = value.memoizedState),
-            (current$$1 = null === current$$1 || !current$$1.didTimeout));
-      if (current$$1) {
+      if (16 === value.tag && !value.memoizedState) {
         returnFiber = retrySuspendedRoot.bind(
           null,
           root,
           value,
-          sourceFiber,
-          0 === (value.mode & 1) ? 1073741823 : renderExpirationTime
+          0 === (value.mode & 1) ? 1 : renderExpirationTime
         );
         returnFiber = tracing.unstable_wrap(returnFiber);
         thenable.then(returnFiber, returnFiber);
-        if (0 === (value.mode & 1)) {
-          value.effectTag |= 32;
+        if (0 === (value.mode & 2)) {
+          value.effectTag |= 4;
           reconcileChildren(
             sourceFiber.alternate,
             sourceFiber,
             null,
             renderExpirationTime
           );
-          sourceFiber.effectTag &= -1025;
-          sourceFiber.effectTag &= -933;
-          1 === sourceFiber.tag &&
-            null === sourceFiber.alternate &&
-            (sourceFiber.tag = 17);
+          sourceFiber.effectTag &= -513;
+          4 === sourceFiber.tag && (sourceFiber.tag = 0);
+          if (2 === sourceFiber.tag || 3 === sourceFiber.tag)
+            (sourceFiber.effectTag &= -421),
+              null === sourceFiber.alternate &&
+                ((sourceFiber.tag = 0), (sourceFiber.type = NoopComponent));
           return;
         }
         -1 === earliestTimeoutMs
@@ -5198,26 +4638,24 @@ function throwException(
           : (-1 === startTimeMs &&
               (startTimeMs =
                 10 *
-                  (1073741822 -
-                    findEarliestOutstandingPriorityLevel(
-                      root,
-                      renderExpirationTime
-                    )) -
+                  (findEarliestOutstandingPriorityLevel(
+                    root,
+                    renderExpirationTime
+                  ) -
+                    2) -
                 5e3),
             (root = startTimeMs + earliestTimeoutMs));
         0 <= root &&
           nextLatestAbsoluteTimeoutMs < root &&
           (nextLatestAbsoluteTimeoutMs = root);
-        value.effectTag |= 2048;
+        value.effectTag |= 1024;
         value.expirationTime = renderExpirationTime;
         return;
       }
       value = value.return;
     } while (null !== value);
     value = Error(
-      (getComponentName(sourceFiber.type) || "A React component") +
-        " suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display." +
-        getStackByFiberInDevAndProd(sourceFiber)
+      "An update was suspended, but no placeholder UI was provided."
     );
   }
   nextRenderDidError = !0;
@@ -5225,9 +4663,9 @@ function throwException(
   root = returnFiber;
   do {
     switch (root.tag) {
-      case 3:
+      case 5:
         sourceFiber = value;
-        root.effectTag |= 2048;
+        root.effectTag |= 1024;
         root.expirationTime = renderExpirationTime;
         renderExpirationTime = createRootErrorUpdate(
           root,
@@ -5236,7 +4674,8 @@ function throwException(
         );
         enqueueCapturedUpdate(root, renderExpirationTime);
         return;
-      case 1:
+      case 2:
+      case 3:
         if (
           ((sourceFiber = value),
           (returnFiber = root.type),
@@ -5248,7 +4687,7 @@ function throwException(
                 (null === legacyErrorBoundariesThatAlreadyFailed ||
                   !legacyErrorBoundariesThatAlreadyFailed.has(thenable)))))
         ) {
-          root.effectTag |= 2048;
+          root.effectTag |= 1024;
           root.expirationTime = renderExpirationTime;
           renderExpirationTime = createClassErrorUpdate(
             root,
@@ -5264,14 +4703,24 @@ function throwException(
 }
 function unwindWork(workInProgress) {
   switch (workInProgress.tag) {
-    case 1:
+    case 2:
       isContextProvider(workInProgress.type) && popContext(workInProgress);
       var effectTag = workInProgress.effectTag;
-      return effectTag & 2048
-        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+      return effectTag & 1024
+        ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
           workInProgress)
         : null;
     case 3:
+      return (
+        isContextProvider(workInProgress.type._reactResult) &&
+          popContext(workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 5:
       return (
         popHostContainer(workInProgress),
         popTopLevelContextObject(workInProgress),
@@ -5280,117 +4729,28 @@ function unwindWork(workInProgress) {
           0 === (effectTag & 64),
           "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
         ),
-        (workInProgress.effectTag = (effectTag & -2049) | 64),
+        (workInProgress.effectTag = (effectTag & -1025) | 64),
         workInProgress
       );
-    case 5:
+    case 7:
       return popHostContext(workInProgress), null;
-    case 13:
-      effectTag = workInProgress.effectTag;
-      if (effectTag & 2048) {
-        workInProgress.effectTag = (effectTag & -2049) | 64;
-        effectTag = workInProgress.alternate;
-        effectTag = null !== effectTag ? effectTag.memoizedState : null;
-        var nextState = workInProgress.memoizedState;
-        null === nextState
-          ? (nextState = { alreadyCaptured: !0, didTimeout: !1, timedOutAt: 0 })
-          : effectTag === nextState
-            ? (nextState = {
-                alreadyCaptured: !0,
-                didTimeout: nextState.didTimeout,
-                timedOutAt: nextState.timedOutAt
-              })
-            : (nextState.alreadyCaptured = !0);
-        workInProgress.memoizedState = nextState;
-        return workInProgress;
-      }
-      return null;
-    case 4:
+    case 16:
+      return (
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 6:
       return popHostContainer(workInProgress), null;
-    case 10:
+    case 12:
       return popProvider(workInProgress), null;
     default:
       return null;
   }
 }
-var Dispatcher = {
-    readContext: readContext,
-    useCallback: function(callback, inputs) {
-      currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-      workInProgressHook = createWorkInProgressHook();
-      inputs = void 0 !== inputs && null !== inputs ? inputs : [callback];
-      var prevState = workInProgressHook.memoizedState;
-      if (null !== prevState && inputsAreEqual(inputs, prevState[1]))
-        return prevState[0];
-      workInProgressHook.memoizedState = [callback, inputs];
-      return callback;
-    },
-    useContext: function(context, observedBits) {
-      resolveCurrentlyRenderingFiber();
-      return readContext(context, observedBits);
-    },
-    useEffect: function(create, inputs) {
-      useEffectImpl(516, 192, create, inputs);
-    },
-    useImperativeMethods: function(ref, create, inputs) {
-      inputs =
-        null !== inputs && void 0 !== inputs
-          ? inputs.concat([ref])
-          : [ref, create];
-      useEffectImpl(
-        4,
-        36,
-        function() {
-          if ("function" === typeof ref) {
-            var _inst = create();
-            ref(_inst);
-            return function() {
-              return ref(null);
-            };
-          }
-          if (null !== ref && void 0 !== ref)
-            return (
-              (_inst = create()),
-              (ref.current = _inst),
-              function() {
-                ref.current = null;
-              }
-            );
-        },
-        inputs
-      );
-    },
-    useLayoutEffect: function(create, inputs) {
-      useEffectImpl(4, 36, create, inputs);
-    },
-    useMemo: function(nextCreate, inputs) {
-      currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-      workInProgressHook = createWorkInProgressHook();
-      inputs = void 0 !== inputs && null !== inputs ? inputs : [nextCreate];
-      var prevState = workInProgressHook.memoizedState;
-      if (null !== prevState && inputsAreEqual(inputs, prevState[1]))
-        return prevState[0];
-      nextCreate = nextCreate();
-      workInProgressHook.memoizedState = [nextCreate, inputs];
-      return nextCreate;
-    },
-    useMutationEffect: function(create, inputs) {
-      useEffectImpl(260, 10, create, inputs);
-    },
-    useReducer: useReducer,
-    useRef: function(initialValue) {
-      currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-      workInProgressHook = createWorkInProgressHook();
-      null === workInProgressHook.memoizedState
-        ? ((initialValue = { current: initialValue }),
-          (workInProgressHook.memoizedState = initialValue))
-        : (initialValue = workInProgressHook.memoizedState);
-      return initialValue;
-    },
-    useState: function(initialState) {
-      return useReducer(basicStateReducer, initialState);
-    }
-  },
+var Dispatcher = { readContext: readContext },
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
 invariant(
   null != tracing.__interactionsRef &&
@@ -5405,9 +4765,6 @@ var isWorking = !1,
   nextRenderDidError = !1,
   nextEffect = null,
   isCommitting$1 = !1,
-  rootWithPendingPassiveEffects = null,
-  passiveEffectCallbackHandle = null,
-  passiveEffectCallback = null,
   legacyErrorBoundariesThatAlreadyFailed = null;
 function resetStack() {
   if (null !== nextUnitOfWork)
@@ -5418,7 +4775,7 @@ function resetStack() {
     ) {
       var interruptedWork$jscomp$0 = interruptedWork;
       switch (interruptedWork$jscomp$0.tag) {
-        case 1:
+        case 2:
           var childContextTypes =
             interruptedWork$jscomp$0.type.childContextTypes;
           null !== childContextTypes &&
@@ -5426,16 +4783,23 @@ function resetStack() {
             popContext(interruptedWork$jscomp$0);
           break;
         case 3:
+          childContextTypes =
+            interruptedWork$jscomp$0.type._reactResult.childContextTypes;
+          null !== childContextTypes &&
+            void 0 !== childContextTypes &&
+            popContext(interruptedWork$jscomp$0);
+          break;
+        case 5:
           popHostContainer(interruptedWork$jscomp$0);
           popTopLevelContextObject(interruptedWork$jscomp$0);
           break;
-        case 5:
+        case 7:
           popHostContext(interruptedWork$jscomp$0);
           break;
-        case 4:
+        case 6:
           popHostContainer(interruptedWork$jscomp$0);
           break;
-        case 10:
+        case 12:
           popProvider(interruptedWork$jscomp$0);
       }
       interruptedWork = interruptedWork.return;
@@ -5476,46 +4840,23 @@ function commitAllHostEffects() {
           "function" === typeof onCommitFiberUnmount &&
             onCommitFiberUnmount(current$$1$jscomp$0);
           switch (current$$1$jscomp$0.tag) {
-            case 0:
-            case 11:
-            case 14:
-            case 15:
-              var updateQueue = current$$1$jscomp$0.updateQueue;
-              if (
-                null !== updateQueue &&
-                ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
-              ) {
-                var effect = (updateQueue = updateQueue.next);
-                do {
-                  var destroy = effect.destroy;
-                  if (null !== destroy) {
-                    var current$$1$jscomp$1 = current$$1$jscomp$0;
-                    try {
-                      destroy();
-                    } catch (error) {
-                      captureCommitPhaseError(current$$1$jscomp$1, error);
-                    }
-                  }
-                  effect = effect.next;
-                } while (effect !== updateQueue);
-              }
-              break;
-            case 1:
+            case 2:
+            case 3:
               safelyDetachRef(current$$1$jscomp$0);
-              updateQueue = current$$1$jscomp$0.stateNode;
-              if ("function" === typeof updateQueue.componentWillUnmount)
+              var instance = current$$1$jscomp$0.stateNode;
+              if ("function" === typeof instance.componentWillUnmount)
                 try {
-                  (updateQueue.props = current$$1$jscomp$0.memoizedProps),
-                    (updateQueue.state = current$$1$jscomp$0.memoizedState),
-                    updateQueue.componentWillUnmount();
+                  (instance.props = current$$1$jscomp$0.memoizedProps),
+                    (instance.state = current$$1$jscomp$0.memoizedState),
+                    instance.componentWillUnmount();
                 } catch (unmountError) {
                   captureCommitPhaseError(current$$1$jscomp$0, unmountError);
                 }
               break;
-            case 5:
+            case 7:
               safelyDetachRef(current$$1$jscomp$0);
               break;
-            case 4:
+            case 6:
               FabricUIManager.createChildSet(
                 current$$1$jscomp$0.stateNode.containerInfo
               );
@@ -5543,17 +4884,13 @@ function commitAllHostEffects() {
 }
 function commitBeforeMutationLifecycles() {
   for (; null !== nextEffect; ) {
-    if (nextEffect.effectTag & 256)
+    if (nextEffect.effectTag & 256) {
+      var current$$1 = nextEffect.alternate;
       a: {
-        var current$$1 = nextEffect.alternate,
-          finishedWork = nextEffect;
+        var finishedWork = nextEffect;
         switch (finishedWork.tag) {
-          case 0:
-          case 11:
-          case 15:
-            commitHookEffectList(2, 0, finishedWork);
-            break a;
-          case 1:
+          case 2:
+          case 3:
             if (finishedWork.effectTag & 256 && null !== current$$1) {
               var prevProps = current$$1.memoizedProps,
                 prevState = current$$1.memoizedState;
@@ -5567,11 +4904,10 @@ function commitBeforeMutationLifecycles() {
               current$$1.__reactInternalSnapshotBeforeUpdate = finishedWork;
             }
             break a;
-          case 3:
           case 5:
+          case 7:
+          case 8:
           case 6:
-          case 4:
-          case 17:
             break a;
           default:
             invariant(
@@ -5580,6 +4916,7 @@ function commitBeforeMutationLifecycles() {
             );
         }
       }
+    }
     nextEffect = nextEffect.nextEffect;
   }
 }
@@ -5591,107 +4928,93 @@ function commitAllLifeCycles(
     var effectTag = nextEffect.effectTag;
     if (effectTag & 36) {
       var finishedRoot = finishedRoot$jscomp$0,
-        current$$1 = nextEffect.alternate;
-      var newDidTimeout = nextEffect;
-      var committedExpirationTime = committedExpirationTime$jscomp$0;
-      switch (newDidTimeout.tag) {
-        case 0:
-        case 11:
-        case 15:
-          commitHookEffectList(16, 32, newDidTimeout);
-          break;
-        case 1:
-          finishedRoot = newDidTimeout.stateNode;
-          if (newDidTimeout.effectTag & 4)
+        current$$1 = nextEffect.alternate,
+        finishedWork = nextEffect,
+        committedExpirationTime = committedExpirationTime$jscomp$0;
+      switch (finishedWork.tag) {
+        case 2:
+        case 3:
+          finishedRoot = finishedWork.stateNode;
+          if (finishedWork.effectTag & 4)
             if (null === current$$1)
-              (finishedRoot.props = newDidTimeout.memoizedProps),
-                (finishedRoot.state = newDidTimeout.memoizedState),
+              (finishedRoot.props = finishedWork.memoizedProps),
+                (finishedRoot.state = finishedWork.memoizedState),
                 finishedRoot.componentDidMount();
             else {
               var prevProps = current$$1.memoizedProps;
               current$$1 = current$$1.memoizedState;
-              finishedRoot.props = newDidTimeout.memoizedProps;
-              finishedRoot.state = newDidTimeout.memoizedState;
+              finishedRoot.props = finishedWork.memoizedProps;
+              finishedRoot.state = finishedWork.memoizedState;
               finishedRoot.componentDidUpdate(
                 prevProps,
                 current$$1,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
             }
-          current$$1 = newDidTimeout.updateQueue;
+          current$$1 = finishedWork.updateQueue;
           null !== current$$1 &&
-            ((finishedRoot.props = newDidTimeout.memoizedProps),
-            (finishedRoot.state = newDidTimeout.memoizedState),
+            ((finishedRoot.props = finishedWork.memoizedProps),
+            (finishedRoot.state = finishedWork.memoizedState),
             commitUpdateQueue(
-              newDidTimeout,
+              finishedWork,
               current$$1,
               finishedRoot,
               committedExpirationTime
             ));
           break;
-        case 3:
-          current$$1 = newDidTimeout.updateQueue;
+        case 5:
+          current$$1 = finishedWork.updateQueue;
           if (null !== current$$1) {
             finishedRoot = null;
-            if (null !== newDidTimeout.child)
-              switch (newDidTimeout.child.tag) {
-                case 5:
-                  finishedRoot = newDidTimeout.child.stateNode.canonical;
+            if (null !== finishedWork.child)
+              switch (finishedWork.child.tag) {
+                case 7:
+                  finishedRoot = finishedWork.child.stateNode.canonical;
                   break;
-                case 1:
-                  finishedRoot = newDidTimeout.child.stateNode;
+                case 2:
+                case 3:
+                  finishedRoot = finishedWork.child.stateNode;
               }
             commitUpdateQueue(
-              newDidTimeout,
+              finishedWork,
               current$$1,
               finishedRoot,
               committedExpirationTime
             );
           }
           break;
-        case 5:
+        case 7:
           null === current$$1 &&
-            newDidTimeout.effectTag & 4 &&
+            finishedWork.effectTag & 4 &&
             invariant(
               !1,
               "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
             );
           break;
+        case 8:
+          break;
         case 6:
           break;
-        case 4:
-          break;
-        case 12:
-          committedExpirationTime = newDidTimeout.memoizedProps.onRender;
+        case 15:
+          committedExpirationTime = finishedWork.memoizedProps.onRender;
           committedExpirationTime(
-            newDidTimeout.memoizedProps.id,
+            finishedWork.memoizedProps.id,
             null === current$$1 ? "mount" : "update",
-            newDidTimeout.actualDuration,
-            newDidTimeout.treeBaseDuration,
-            newDidTimeout.actualStartTime,
+            finishedWork.actualDuration,
+            finishedWork.treeBaseDuration,
+            finishedWork.actualStartTime,
             commitTime,
             finishedRoot.memoizedInteractions
           );
           break;
-        case 13:
-          if (newDidTimeout.effectTag & 32) {
-            newDidTimeout.memoizedState = {
-              alreadyCaptured: !0,
-              didTimeout: !1,
-              timedOutAt: 0
-            };
-            flushPassiveEffects();
-            scheduleWork(newDidTimeout, 1073741823);
-            break;
-          }
-          committedExpirationTime = newDidTimeout.memoizedState;
-          null !== committedExpirationTime &&
-            (newDidTimeout = committedExpirationTime.didTimeout) &&
-            ((committedExpirationTime.alreadyCaptured = !1),
-            0 === committedExpirationTime.timedOutAt &&
-              (committedExpirationTime.timedOutAt = requestCurrentTime()));
-          break;
-        case 17:
+        case 16:
+          0 === (finishedWork.mode & 2)
+            ? ((finishedWork.updateQueue = emptyObject$1),
+              scheduleWork(finishedWork, 1))
+            : ((committedExpirationTime = requestCurrentTime()),
+              (finishedWork.stateNode = {
+                timedOutAt: committedExpirationTime
+              }));
           break;
         default:
           invariant(
@@ -5700,51 +5023,21 @@ function commitAllLifeCycles(
           );
       }
     }
-    if (
-      effectTag & 128 &&
-      ((newDidTimeout = nextEffect.ref), null !== newDidTimeout)
-    ) {
-      committedExpirationTime = nextEffect.stateNode;
+    if (effectTag & 128 && ((effectTag = nextEffect.ref), null !== effectTag)) {
+      finishedWork = nextEffect.stateNode;
       switch (nextEffect.tag) {
-        case 5:
-          committedExpirationTime = committedExpirationTime.canonical;
+        case 7:
+          finishedWork = finishedWork.canonical;
       }
-      "function" === typeof newDidTimeout
-        ? newDidTimeout(committedExpirationTime)
-        : (newDidTimeout.current = committedExpirationTime);
+      "function" === typeof effectTag
+        ? effectTag(finishedWork)
+        : (effectTag.current = finishedWork);
     }
-    effectTag & 512 && (rootWithPendingPassiveEffects = finishedRoot$jscomp$0);
-    nextEffect = nextEffect.nextEffect;
+    effectTag = nextEffect.nextEffect;
+    nextEffect.nextEffect = null;
+    nextEffect = effectTag;
   }
 }
-function commitPassiveEffects(root, firstEffect) {
-  passiveEffectCallback = passiveEffectCallbackHandle = rootWithPendingPassiveEffects = null;
-  var previousIsRendering = isRendering;
-  isRendering = !0;
-  do {
-    if (firstEffect.effectTag & 512) {
-      var didError = !1,
-        error = void 0;
-      try {
-        var finishedWork = firstEffect;
-        commitHookEffectList(128, 0, finishedWork);
-        commitHookEffectList(0, 64, finishedWork);
-      } catch (e) {
-        (didError = !0), (error = e);
-      }
-      didError && captureCommitPhaseError(firstEffect, error);
-    }
-    firstEffect = firstEffect.nextEffect;
-  } while (null !== firstEffect);
-  isRendering = previousIsRendering;
-  previousIsRendering = root.expirationTime;
-  0 !== previousIsRendering && requestWork(root, previousIsRendering);
-}
-function flushPassiveEffects() {
-  null !== passiveEffectCallback &&
-    (scheduler.unstable_cancelCallback(passiveEffectCallbackHandle),
-    passiveEffectCallback());
-}
 function commitRoot(root, finishedWork) {
   isCommitting$1 = isWorking = !0;
   invariant(
@@ -5761,7 +5054,9 @@ function commitRoot(root, finishedWork) {
     childExpirationTimeBeforeCommit = finishedWork.childExpirationTime;
   markCommittedPriorityLevels(
     root,
-    childExpirationTimeBeforeCommit > updateExpirationTimeBeforeCommit
+    0 === updateExpirationTimeBeforeCommit ||
+    (0 !== childExpirationTimeBeforeCommit &&
+      childExpirationTimeBeforeCommit < updateExpirationTimeBeforeCommit)
       ? childExpirationTimeBeforeCommit
       : updateExpirationTimeBeforeCommit
   );
@@ -5811,42 +5106,29 @@ function commitRoot(root, finishedWork) {
   }
   root.current = finishedWork;
   for (nextEffect = childExpirationTimeBeforeCommit; null !== nextEffect; ) {
-    didError = !1;
-    error$jscomp$0 = void 0;
+    childExpirationTimeBeforeCommit = !1;
+    didError = void 0;
     try {
       commitAllLifeCycles(root, committedExpirationTime);
     } catch (e) {
-      (didError = !0), (error$jscomp$0 = e);
+      (childExpirationTimeBeforeCommit = !0), (didError = e);
     }
-    didError &&
+    childExpirationTimeBeforeCommit &&
       (invariant(
         null !== nextEffect,
         "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
       ),
-      captureCommitPhaseError(nextEffect, error$jscomp$0),
+      captureCommitPhaseError(nextEffect, didError),
       null !== nextEffect && (nextEffect = nextEffect.nextEffect));
   }
-  null !== childExpirationTimeBeforeCommit &&
-    null !== rootWithPendingPassiveEffects &&
-    ((childExpirationTimeBeforeCommit = commitPassiveEffects.bind(
-      null,
-      root,
-      childExpirationTimeBeforeCommit
-    )),
-    (childExpirationTimeBeforeCommit = tracing.unstable_wrap(
-      childExpirationTimeBeforeCommit
-    )),
-    (passiveEffectCallbackHandle = scheduler.unstable_scheduleCallback(
-      childExpirationTimeBeforeCommit
-    )),
-    (passiveEffectCallback = childExpirationTimeBeforeCommit));
   isWorking = isCommitting$1 = !1;
   "function" === typeof onCommitFiberRoot &&
     onCommitFiberRoot(finishedWork.stateNode);
   childExpirationTimeBeforeCommit = finishedWork.expirationTime;
   finishedWork = finishedWork.childExpirationTime;
   var earliestRemainingTimeAfterCommit =
-    finishedWork > childExpirationTimeBeforeCommit
+    0 === childExpirationTimeBeforeCommit ||
+    (0 !== finishedWork && finishedWork < childExpirationTimeBeforeCommit)
       ? finishedWork
       : childExpirationTimeBeforeCommit;
   0 === earliestRemainingTimeAfterCommit &&
@@ -5871,18 +5153,21 @@ function commitRoot(root, finishedWork) {
       scheduledInteractions,
       scheduledExpirationTime
     ) {
-      scheduledExpirationTime > earliestRemainingTimeAfterCommit &&
-        (pendingInteractionMap.delete(scheduledExpirationTime),
-        scheduledInteractions.forEach(function(interaction) {
-          interaction.__count--;
-          if (null !== subscriber && 0 === interaction.__count)
-            try {
-              subscriber.onInteractionScheduledWorkCompleted(interaction);
-            } catch (error) {
-              hasUnhandledError ||
-                ((hasUnhandledError = !0), (unhandledError = error));
-            }
-        }));
+      if (
+        0 === earliestRemainingTimeAfterCommit ||
+        scheduledExpirationTime < earliestRemainingTimeAfterCommit
+      )
+        pendingInteractionMap.delete(scheduledExpirationTime),
+          scheduledInteractions.forEach(function(interaction) {
+            interaction.__count--;
+            if (null !== subscriber && 0 === interaction.__count)
+              try {
+                subscriber.onInteractionScheduledWorkCompleted(interaction);
+              } catch (error) {
+                hasUnhandledError ||
+                  ((hasUnhandledError = !0), (unhandledError = error));
+              }
+          });
     });
   }
 }
@@ -5891,7 +5176,7 @@ function completeUnitOfWork(workInProgress) {
     var current$$1 = workInProgress.alternate,
       returnFiber = workInProgress.return,
       siblingFiber = workInProgress.sibling;
-    if (0 === (workInProgress.effectTag & 1024)) {
+    if (0 === (workInProgress.effectTag & 512)) {
       if (workInProgress.mode & 4) {
         var fiber = workInProgress;
         profilerStartTime = now$1();
@@ -5901,17 +5186,17 @@ function completeUnitOfWork(workInProgress) {
       current$$1 = workInProgress;
       fiber = current$$1.pendingProps;
       switch (current$$1.tag) {
-        case 2:
-          break;
-        case 16:
-          break;
-        case 15:
         case 0:
-          break;
         case 1:
+          break;
+        case 2:
           isContextProvider(current$$1.type) && popContext(current$$1);
           break;
         case 3:
+          isContextProvider(current$$1.type._reactResult) &&
+            popContext(current$$1);
+          break;
+        case 5:
           popHostContainer(current$$1);
           popTopLevelContextObject(current$$1);
           fiber = current$$1.stateNode;
@@ -5922,7 +5207,7 @@ function completeUnitOfWork(workInProgress) {
             current$$1.effectTag &= -3;
           updateHostContainer(current$$1);
           break;
-        case 5:
+        case 7:
           popHostContext(current$$1);
           var rootContainerInstance = requiredContext(
               rootInstanceStackCursor.current
@@ -5964,7 +5249,7 @@ function completeUnitOfWork(workInProgress) {
             );
             fiber = new ReactFabricHostComponent(current, viewConfig, fiber);
             fiber = { node: rootContainerInstance, canonical: fiber };
-            appendAllChildren(fiber, current$$1, !1, !1);
+            appendAllChildren(fiber, current$$1);
             current$$1.stateNode = fiber;
             null !== current$$1.ref && (current$$1.effectTag |= 128);
           } else
@@ -5973,7 +5258,7 @@ function completeUnitOfWork(workInProgress) {
               "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
             );
           break;
-        case 6:
+        case 8:
           current && null != current$$1.stateNode
             ? updateHostText$1(
                 current,
@@ -5997,36 +5282,34 @@ function completeUnitOfWork(workInProgress) {
                 current$$1
               )));
           break;
-        case 11:
-          break;
         case 13:
-          fiber = current$$1.memoizedState;
-          rootContainerInstance =
-            null !== current ? current.memoizedState : null;
-          (null !== fiber && fiber.didTimeout) !==
-            (null !== rootContainerInstance &&
-              rootContainerInstance.didTimeout) && (current$$1.effectTag |= 4);
+        case 14:
           break;
-        case 7:
-          break;
-        case 8:
-          break;
-        case 12:
-          break;
-        case 4:
-          popHostContainer(current$$1);
-          updateHostContainer(current$$1);
-          break;
-        case 10:
-          popProvider(current$$1);
+        case 16:
           break;
         case 9:
           break;
-        case 14:
+        case 10:
+          break;
+        case 15:
+          break;
+        case 6:
+          popHostContainer(current$$1);
+          updateHostContainer(current$$1);
+          break;
+        case 12:
+          popProvider(current$$1);
+          break;
+        case 11:
           break;
         case 17:
-          isContextProvider(current$$1.type) && popContext(current$$1);
+        case 18:
           break;
+        case 4:
+          invariant(
+            !1,
+            "An indeterminate component should have become determinate before completing. This error is likely caused by a bug in React. Please file an issue."
+          );
         default:
           invariant(
             !1,
@@ -6038,8 +5321,8 @@ function completeUnitOfWork(workInProgress) {
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
       current$$1 = workInProgress;
       if (
-        1 === nextRenderExpirationTime ||
-        1 !== current$$1.childExpirationTime
+        1073741823 === nextRenderExpirationTime ||
+        1073741823 !== current$$1.childExpirationTime
       ) {
         fiber = 0;
         if (current$$1.mode & 4) {
@@ -6048,15 +5331,23 @@ function completeUnitOfWork(workInProgress) {
           viewConfig =
             null === current$$1.alternate ||
             current$$1.child !== current$$1.alternate.child;
-          for (type = current$$1.child; null !== type; )
-            (internalInstanceHandle = type.expirationTime),
-              (currentHostContext = type.childExpirationTime),
-              internalInstanceHandle > fiber &&
-                (fiber = internalInstanceHandle),
-              currentHostContext > fiber && (fiber = currentHostContext),
-              viewConfig && (rootContainerInstance += type.actualDuration),
-              (current += type.treeBaseDuration),
-              (type = type.sibling);
+          for (type = current$$1.child; null !== type; ) {
+            internalInstanceHandle = type.expirationTime;
+            currentHostContext = type.childExpirationTime;
+            if (
+              0 === fiber ||
+              (0 !== internalInstanceHandle && internalInstanceHandle < fiber)
+            )
+              fiber = internalInstanceHandle;
+            if (
+              0 === fiber ||
+              (0 !== currentHostContext && currentHostContext < fiber)
+            )
+              fiber = currentHostContext;
+            viewConfig && (rootContainerInstance += type.actualDuration);
+            current += type.treeBaseDuration;
+            type = type.sibling;
+          }
           current$$1.actualDuration = rootContainerInstance;
           current$$1.treeBaseDuration = current;
         } else
@@ -6064,16 +5355,19 @@ function completeUnitOfWork(workInProgress) {
             rootContainerInstance = current$$1.child;
             null !== rootContainerInstance;
 
-          )
-            (current = rootContainerInstance.expirationTime),
-              (viewConfig = rootContainerInstance.childExpirationTime),
-              current > fiber && (fiber = current),
-              viewConfig > fiber && (fiber = viewConfig),
-              (rootContainerInstance = rootContainerInstance.sibling);
+          ) {
+            current = rootContainerInstance.expirationTime;
+            viewConfig = rootContainerInstance.childExpirationTime;
+            if (0 === fiber || (0 !== current && current < fiber))
+              fiber = current;
+            if (0 === fiber || (0 !== viewConfig && viewConfig < fiber))
+              fiber = viewConfig;
+            rootContainerInstance = rootContainerInstance.sibling;
+          }
         current$$1.childExpirationTime = fiber;
       }
       null !== returnFiber &&
-        0 === (returnFiber.effectTag & 1024) &&
+        0 === (returnFiber.effectTag & 512) &&
         (null === returnFiber.firstEffect &&
           (returnFiber.firstEffect = workInProgress.firstEffect),
         null !== workInProgress.lastEffect &&
@@ -6097,12 +5391,12 @@ function completeUnitOfWork(workInProgress) {
               (siblingFiber = siblingFiber.sibling);
           workInProgress.actualDuration = returnFiber;
         }
-        workInProgress.effectTag &= 1023;
+        workInProgress.effectTag &= 511;
         return workInProgress;
       }
       null !== returnFiber &&
         ((returnFiber.firstEffect = returnFiber.lastEffect = null),
-        (returnFiber.effectTag |= 1024));
+        (returnFiber.effectTag |= 512));
     }
     if (null !== siblingFiber) return siblingFiber;
     if (null !== returnFiber) workInProgress = returnFiber;
@@ -6117,19 +5411,17 @@ function performUnitOfWork(workInProgress) {
     0 > workInProgress.actualStartTime &&
       (workInProgress.actualStartTime = now$1()));
   current$$1 = beginWork(current$$1, workInProgress, nextRenderExpirationTime);
-  workInProgress.memoizedProps = workInProgress.pendingProps;
   workInProgress.mode & 4 &&
     stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !0);
   null === current$$1 && (current$$1 = completeUnitOfWork(workInProgress));
   ReactCurrentOwner$2.current = null;
   return current$$1;
 }
-function renderRoot(root, isYieldy) {
+function renderRoot(root, isYieldy, isExpired) {
   invariant(
     !isWorking,
     "renderRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
   );
-  flushPassiveEffects();
   isWorking = !0;
   ReactCurrentOwner$2.currentDispatcher = Dispatcher;
   var expirationTime = root.nextExpirationTimeToWorkOn;
@@ -6152,7 +5444,7 @@ function renderRoot(root, isYieldy) {
       scheduledInteractions,
       scheduledExpirationTime
     ) {
-      scheduledExpirationTime >= expirationTime &&
+      scheduledExpirationTime <= expirationTime &&
         scheduledInteractions.forEach(function(interaction) {
           return interactions.add(interaction);
         });
@@ -6178,17 +5470,13 @@ function renderRoot(root, isYieldy) {
   do {
     try {
       if (isYieldy)
-        for (; null !== nextUnitOfWork && !shouldYieldToRenderer(); )
+        for (; null !== nextUnitOfWork && !shouldYield(); )
           nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
       else
         for (; null !== nextUnitOfWork; )
           nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
     } catch (thrownValue) {
-      if (
-        ((lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = null),
-        resetHooks(),
-        null === nextUnitOfWork)
-      )
+      if (null === nextUnitOfWork)
         (threadID = !0), onUncaughtError(thrownValue);
       else {
         invariant(
@@ -6216,153 +5504,168 @@ function renderRoot(root, isYieldy) {
   tracing.__interactionsRef.current = subscriber;
   isWorking = !1;
   lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = ReactCurrentOwner$2.currentDispatcher = null;
-  resetHooks();
   if (threadID) (nextRoot = null), (root.finishedWork = null);
   else if (null !== nextUnitOfWork) root.finishedWork = null;
   else {
-    subscriber = root.current.alternate;
+    isYieldy = root.current.alternate;
     invariant(
-      null !== subscriber,
+      null !== isYieldy,
       "Finished root should have a work-in-progress. This error is likely caused by a bug in React. Please file an issue."
     );
     nextRoot = null;
     if (nextRenderDidError) {
       if (hasLowerPriorityWork(root, expirationTime)) {
         markSuspendedPriorityLevel(root, expirationTime);
-        onSuspend(root, subscriber, expirationTime, root.expirationTime, -1);
+        onSuspend(root, isYieldy, expirationTime, root.expirationTime, -1);
         return;
       }
-      if (!root.didError && isYieldy) {
+      if (!root.didError && !isExpired) {
         root.didError = !0;
-        isYieldy = root.nextExpirationTimeToWorkOn = expirationTime;
-        threadID = root.expirationTime = 1073741823;
-        onSuspend(root, subscriber, isYieldy, threadID, -1);
+        isExpired = root.nextExpirationTimeToWorkOn = expirationTime;
+        subscriber = root.expirationTime = 1;
+        onSuspend(root, isYieldy, isExpired, subscriber, -1);
         return;
       }
     }
-    isYieldy && -1 !== nextLatestAbsoluteTimeoutMs
-      ? (markSuspendedPriorityLevel(root, expirationTime),
-        (isYieldy =
+    isExpired || -1 === nextLatestAbsoluteTimeoutMs
+      ? onComplete(root, isYieldy, expirationTime)
+      : (markSuspendedPriorityLevel(root, expirationTime),
+        (isExpired =
           10 *
-          (1073741822 -
-            findEarliestOutstandingPriorityLevel(root, expirationTime))),
-        isYieldy < nextLatestAbsoluteTimeoutMs &&
-          (nextLatestAbsoluteTimeoutMs = isYieldy),
-        (isYieldy = 10 * (1073741822 - requestCurrentTime())),
-        (isYieldy = nextLatestAbsoluteTimeoutMs - isYieldy),
+          (findEarliestOutstandingPriorityLevel(root, expirationTime) - 2)),
+        isExpired < nextLatestAbsoluteTimeoutMs &&
+          (nextLatestAbsoluteTimeoutMs = isExpired),
+        (isExpired = 10 * (requestCurrentTime() - 2)),
+        (isExpired = nextLatestAbsoluteTimeoutMs - isExpired),
         onSuspend(
           root,
-          subscriber,
+          isYieldy,
           expirationTime,
           root.expirationTime,
-          0 > isYieldy ? 0 : isYieldy
-        ))
-      : onComplete(root, subscriber, expirationTime);
+          0 > isExpired ? 0 : isExpired
+        ));
   }
 }
-function captureCommitPhaseError(sourceFiber, value) {
-  for (var fiber = sourceFiber.return; null !== fiber; ) {
-    switch (fiber.tag) {
-      case 1:
-        var instance = fiber.stateNode;
-        if (
-          "function" === typeof fiber.type.getDerivedStateFromError ||
-          ("function" === typeof instance.componentDidCatch &&
-            (null === legacyErrorBoundariesThatAlreadyFailed ||
-              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
-        ) {
-          sourceFiber = createCapturedValue(value, sourceFiber);
-          sourceFiber = createClassErrorUpdate(fiber, sourceFiber, 1073741823);
-          enqueueUpdate(fiber, sourceFiber);
-          scheduleWork(fiber, 1073741823);
-          return;
-        }
-        break;
-      case 3:
-        sourceFiber = createCapturedValue(value, sourceFiber);
-        sourceFiber = createRootErrorUpdate(fiber, sourceFiber, 1073741823);
-        enqueueUpdate(fiber, sourceFiber);
-        scheduleWork(fiber, 1073741823);
-        return;
+function captureCommitPhaseError(fiber, error) {
+  var JSCompiler_inline_result;
+  a: {
+    invariant(
+      !isWorking || isCommitting$1,
+      "dispatch: Cannot dispatch during the render phase."
+    );
+    for (
+      JSCompiler_inline_result = fiber.return;
+      null !== JSCompiler_inline_result;
+
+    ) {
+      switch (JSCompiler_inline_result.tag) {
+        case 2:
+        case 3:
+          var instance = JSCompiler_inline_result.stateNode;
+          if (
+            "function" ===
+              typeof JSCompiler_inline_result.type.getDerivedStateFromError ||
+            ("function" === typeof instance.componentDidCatch &&
+              (null === legacyErrorBoundariesThatAlreadyFailed ||
+                !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+          ) {
+            fiber = createCapturedValue(error, fiber);
+            fiber = createClassErrorUpdate(JSCompiler_inline_result, fiber, 1);
+            enqueueUpdate(JSCompiler_inline_result, fiber);
+            scheduleWork(JSCompiler_inline_result, 1);
+            JSCompiler_inline_result = void 0;
+            break a;
+          }
+          break;
+        case 5:
+          fiber = createCapturedValue(error, fiber);
+          fiber = createRootErrorUpdate(JSCompiler_inline_result, fiber, 1);
+          enqueueUpdate(JSCompiler_inline_result, fiber);
+          scheduleWork(JSCompiler_inline_result, 1);
+          JSCompiler_inline_result = void 0;
+          break a;
+      }
+      JSCompiler_inline_result = JSCompiler_inline_result.return;
     }
-    fiber = fiber.return;
+    5 === fiber.tag &&
+      ((JSCompiler_inline_result = createCapturedValue(error, fiber)),
+      (JSCompiler_inline_result = createRootErrorUpdate(
+        fiber,
+        JSCompiler_inline_result,
+        1
+      )),
+      enqueueUpdate(fiber, JSCompiler_inline_result),
+      scheduleWork(fiber, 1));
+    JSCompiler_inline_result = void 0;
   }
-  3 === sourceFiber.tag &&
-    ((fiber = createCapturedValue(value, sourceFiber)),
-    (fiber = createRootErrorUpdate(sourceFiber, fiber, 1073741823)),
-    enqueueUpdate(sourceFiber, fiber),
-    scheduleWork(sourceFiber, 1073741823));
+  return JSCompiler_inline_result;
 }
 function computeExpirationForFiber(currentTime, fiber) {
   isWorking
-    ? (currentTime = isCommitting$1 ? 1073741823 : nextRenderExpirationTime)
+    ? (currentTime = isCommitting$1 ? 1 : nextRenderExpirationTime)
     : fiber.mode & 1
       ? ((currentTime = isBatchingInteractiveUpdates
-          ? 1073741822 - 10 * ((((1073741822 - currentTime + 15) / 10) | 0) + 1)
-          : 1073741822 -
-            25 * ((((1073741822 - currentTime + 500) / 25) | 0) + 1)),
+          ? 2 + 10 * ((((currentTime - 2 + 15) / 10) | 0) + 1)
+          : 2 + 25 * ((((currentTime - 2 + 500) / 25) | 0) + 1)),
         null !== nextRoot &&
           currentTime === nextRenderExpirationTime &&
-          --currentTime)
-      : (currentTime = 1073741823);
+          (currentTime += 1))
+      : (currentTime = 1);
   isBatchingInteractiveUpdates &&
-    (0 === lowestPriorityPendingInteractiveExpirationTime ||
-      currentTime < lowestPriorityPendingInteractiveExpirationTime) &&
+    currentTime > lowestPriorityPendingInteractiveExpirationTime &&
     (lowestPriorityPendingInteractiveExpirationTime = currentTime);
   return currentTime;
 }
-function retrySuspendedRoot(root, boundaryFiber, sourceFiber, suspendedTime) {
+function retrySuspendedRoot(root, fiber, suspendedTime) {
   var retryTime = root.earliestSuspendedTime;
   var latestSuspendedTime = root.latestSuspendedTime;
   if (
     0 !== retryTime &&
-    suspendedTime <= retryTime &&
-    suspendedTime >= latestSuspendedTime
+    suspendedTime >= retryTime &&
+    suspendedTime <= latestSuspendedTime
   ) {
     latestSuspendedTime = retryTime = suspendedTime;
     root.didError = !1;
     var latestPingedTime = root.latestPingedTime;
-    if (0 === latestPingedTime || latestPingedTime > latestSuspendedTime)
+    if (0 === latestPingedTime || latestPingedTime < latestSuspendedTime)
       root.latestPingedTime = latestSuspendedTime;
     findNextExpirationTimeToWorkOn(latestSuspendedTime, root);
   } else
     (retryTime = requestCurrentTime()),
-      (retryTime = computeExpirationForFiber(retryTime, boundaryFiber)),
+      (retryTime = computeExpirationForFiber(retryTime, fiber)),
       markPendingPriorityLevel(root, retryTime);
-  0 !== (boundaryFiber.mode & 1) &&
+  0 !== (fiber.mode & 1) &&
     root === nextRoot &&
     nextRenderExpirationTime === suspendedTime &&
     (nextRoot = null);
-  scheduleWorkToRoot(boundaryFiber, retryTime);
-  0 === (boundaryFiber.mode & 1) &&
-    (scheduleWorkToRoot(sourceFiber, retryTime),
-    1 === sourceFiber.tag &&
-      null !== sourceFiber.stateNode &&
-      ((boundaryFiber = createUpdate(retryTime)),
-      (boundaryFiber.tag = 2),
-      enqueueUpdate(sourceFiber, boundaryFiber)));
-  sourceFiber = root.expirationTime;
-  0 !== sourceFiber && requestWork(root, sourceFiber);
+  scheduleWorkToRoot(fiber, retryTime);
+  fiber = root.expirationTime;
+  0 !== fiber && requestWork(root, fiber);
 }
 function scheduleWorkToRoot(fiber, expirationTime) {
-  fiber.expirationTime < expirationTime &&
-    (fiber.expirationTime = expirationTime);
+  if (0 === fiber.expirationTime || fiber.expirationTime > expirationTime)
+    fiber.expirationTime = expirationTime;
   var alternate = fiber.alternate;
   null !== alternate &&
-    alternate.expirationTime < expirationTime &&
+    (0 === alternate.expirationTime ||
+      alternate.expirationTime > expirationTime) &&
     (alternate.expirationTime = expirationTime);
   var node = fiber.return,
     root = null;
-  if (null === node && 3 === fiber.tag) root = fiber.stateNode;
+  if (null === node && 5 === fiber.tag) root = fiber.stateNode;
   else
     for (; null !== node; ) {
       alternate = node.alternate;
-      node.childExpirationTime < expirationTime &&
-        (node.childExpirationTime = expirationTime);
+      if (
+        0 === node.childExpirationTime ||
+        node.childExpirationTime > expirationTime
+      )
+        node.childExpirationTime = expirationTime;
       null !== alternate &&
-        alternate.childExpirationTime < expirationTime &&
+        (0 === alternate.childExpirationTime ||
+          alternate.childExpirationTime > expirationTime) &&
         (alternate.childExpirationTime = expirationTime);
-      if (null === node.return && 3 === node.tag) {
+      if (null === node.return && 5 === node.tag) {
         root = node.stateNode;
         break;
       }
@@ -6396,7 +5699,7 @@ function scheduleWork(fiber, expirationTime) {
   null !== fiber &&
     (!isWorking &&
       0 !== nextRenderExpirationTime &&
-      expirationTime > nextRenderExpirationTime &&
+      expirationTime < nextRenderExpirationTime &&
       resetStack(),
     markPendingPriorityLevel(fiber, expirationTime),
     (isWorking && !isCommitting$1 && nextRoot === fiber) ||
@@ -6416,25 +5719,27 @@ var firstScheduledRoot = null,
   nextFlushedRoot = null,
   nextFlushedExpirationTime = 0,
   lowestPriorityPendingInteractiveExpirationTime = 0,
+  deadlineDidExpire = !1,
   hasUnhandledError = !1,
   unhandledError = null,
+  deadline = null,
   isBatchingUpdates = !1,
   isUnbatchingUpdates = !1,
   isBatchingInteractiveUpdates = !1,
   completedBatches = null,
   originalStartTimeMs = now$1(),
-  currentRendererTime = 1073741822 - ((originalStartTimeMs / 10) | 0),
+  currentRendererTime = ((originalStartTimeMs / 10) | 0) + 2,
   currentSchedulerTime = currentRendererTime,
   NESTED_UPDATE_LIMIT = 50,
   nestedUpdateCount = 0,
-  lastCommittedRootDuringThisBatch = null;
+  lastCommittedRootDuringThisBatch = null,
+  timeHeuristicForUnitOfWork = 1;
 function recomputeCurrentRendererTime() {
-  currentRendererTime =
-    1073741822 - (((now$1() - originalStartTimeMs) / 10) | 0);
+  currentRendererTime = (((now$1() - originalStartTimeMs) / 10) | 0) + 2;
 }
 function scheduleCallbackWithExpirationTime(root, expirationTime) {
   if (0 !== callbackExpirationTime) {
-    if (expirationTime < callbackExpirationTime) return;
+    if (expirationTime > callbackExpirationTime) return;
     null !== callbackID &&
       ((root = callbackID), (scheduledCallback = null), clearTimeout(root));
   }
@@ -6455,7 +5760,7 @@ function onSuspend(
   msUntilTimeout
 ) {
   root.expirationTime = rootExpirationTime;
-  0 !== msUntilTimeout || shouldYieldToRenderer()
+  0 !== msUntilTimeout || shouldYield()
     ? 0 < msUntilTimeout &&
       (root.timeoutHandle = scheduleTimeout(
         onTimeout.bind(null, root, finishedWork, suspendedExpirationTime),
@@ -6475,8 +5780,8 @@ function onTimeout(root, finishedWork, suspendedExpirationTime) {
   );
   nextFlushedRoot = root;
   nextFlushedExpirationTime = suspendedExpirationTime;
-  performWorkOnRoot(root, suspendedExpirationTime, !1);
-  performWork(1073741823, !1);
+  performWorkOnRoot(root, suspendedExpirationTime, !0);
+  performWork(1, null);
 }
 function onCommit(root, expirationTime) {
   root.expirationTime = expirationTime;
@@ -6485,29 +5790,38 @@ function onCommit(root, expirationTime) {
 function requestCurrentTime() {
   if (isRendering) return currentSchedulerTime;
   findHighestPriorityRoot();
-  if (0 === nextFlushedExpirationTime || 1 === nextFlushedExpirationTime)
+  if (
+    0 === nextFlushedExpirationTime ||
+    1073741823 === nextFlushedExpirationTime
+  )
     recomputeCurrentRendererTime(),
       (currentSchedulerTime = currentRendererTime);
   return currentSchedulerTime;
 }
 function requestWork(root, expirationTime) {
-  null === root.nextScheduledRoot
-    ? ((root.expirationTime = expirationTime),
+  if (null === root.nextScheduledRoot)
+    (root.expirationTime = expirationTime),
       null === lastScheduledRoot
         ? ((firstScheduledRoot = lastScheduledRoot = root),
           (root.nextScheduledRoot = root))
         : ((lastScheduledRoot = lastScheduledRoot.nextScheduledRoot = root),
-          (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot)))
-    : expirationTime > root.expirationTime &&
-      (root.expirationTime = expirationTime);
+          (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot));
+  else {
+    var remainingExpirationTime = root.expirationTime;
+    if (
+      0 === remainingExpirationTime ||
+      expirationTime < remainingExpirationTime
+    )
+      root.expirationTime = expirationTime;
+  }
   isRendering ||
     (isBatchingUpdates
       ? isUnbatchingUpdates &&
         ((nextFlushedRoot = root),
-        (nextFlushedExpirationTime = 1073741823),
-        performWorkOnRoot(root, 1073741823, !1))
-      : 1073741823 === expirationTime
-        ? performWork(1073741823, !1)
+        (nextFlushedExpirationTime = 1),
+        performWorkOnRoot(root, 1, !0))
+      : 1 === expirationTime
+        ? performWork(1, null)
         : scheduleCallbackWithExpirationTime(root, expirationTime));
 }
 function findHighestPriorityRoot() {
@@ -6543,11 +5857,14 @@ function findHighestPriorityRoot() {
             (root.nextScheduledRoot = null);
         root = previousScheduledRoot.nextScheduledRoot;
       } else {
-        remainingExpirationTime > highestPriorityWork &&
-          ((highestPriorityWork = remainingExpirationTime),
-          (highestPriorityRoot = root));
+        if (
+          0 === highestPriorityWork ||
+          remainingExpirationTime < highestPriorityWork
+        )
+          (highestPriorityWork = remainingExpirationTime),
+            (highestPriorityRoot = root);
         if (root === lastScheduledRoot) break;
-        if (1073741823 === highestPriorityWork) break;
+        if (1 === highestPriorityWork) break;
         previousScheduledRoot = root;
         root = root.nextScheduledRoot;
       }
@@ -6555,44 +5872,38 @@ function findHighestPriorityRoot() {
   nextFlushedRoot = highestPriorityRoot;
   nextFlushedExpirationTime = highestPriorityWork;
 }
-var didYield = !1;
-function shouldYieldToRenderer() {
-  return didYield ? !0 : frameDeadline <= now$1() ? (didYield = !0) : !1;
-}
-function performAsyncWork() {
-  try {
-    if (!shouldYieldToRenderer() && null !== firstScheduledRoot) {
-      recomputeCurrentRendererTime();
-      var root = firstScheduledRoot;
-      do {
-        var expirationTime = root.expirationTime;
-        0 !== expirationTime &&
-          currentRendererTime <= expirationTime &&
-          (root.nextExpirationTimeToWorkOn = currentRendererTime);
-        root = root.nextScheduledRoot;
-      } while (root !== firstScheduledRoot);
-    }
-    performWork(0, !0);
-  } finally {
-    didYield = !1;
+function performAsyncWork(dl) {
+  if (dl.didTimeout && null !== firstScheduledRoot) {
+    recomputeCurrentRendererTime();
+    var root = firstScheduledRoot;
+    do {
+      var expirationTime = root.expirationTime;
+      0 !== expirationTime &&
+        currentRendererTime >= expirationTime &&
+        (root.nextExpirationTimeToWorkOn = currentRendererTime);
+      root = root.nextScheduledRoot;
+    } while (root !== firstScheduledRoot);
   }
+  performWork(0, dl);
 }
-function performWork(minExpirationTime, isYieldy) {
+function performWork(minExpirationTime, dl) {
+  deadline = dl;
   findHighestPriorityRoot();
-  if (isYieldy)
+  if (null !== deadline)
     for (
       recomputeCurrentRendererTime(),
         currentSchedulerTime = currentRendererTime;
       null !== nextFlushedRoot &&
       0 !== nextFlushedExpirationTime &&
-      minExpirationTime <= nextFlushedExpirationTime &&
-      !(didYield && currentRendererTime > nextFlushedExpirationTime);
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime) &&
+      (!deadlineDidExpire || currentRendererTime >= nextFlushedExpirationTime);
 
     )
       performWorkOnRoot(
         nextFlushedRoot,
         nextFlushedExpirationTime,
-        currentRendererTime > nextFlushedExpirationTime
+        currentRendererTime >= nextFlushedExpirationTime
       ),
         findHighestPriorityRoot(),
         recomputeCurrentRendererTime(),
@@ -6602,28 +5913,29 @@ function performWork(minExpirationTime, isYieldy) {
       ;
       null !== nextFlushedRoot &&
       0 !== nextFlushedExpirationTime &&
-      minExpirationTime <= nextFlushedExpirationTime;
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime);
 
     )
-      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !1),
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !0),
         findHighestPriorityRoot();
-  isYieldy && ((callbackExpirationTime = 0), (callbackID = null));
+  null !== deadline && ((callbackExpirationTime = 0), (callbackID = null));
   0 !== nextFlushedExpirationTime &&
     scheduleCallbackWithExpirationTime(
       nextFlushedRoot,
       nextFlushedExpirationTime
     );
+  deadline = null;
+  deadlineDidExpire = !1;
   nestedUpdateCount = 0;
   lastCommittedRootDuringThisBatch = null;
   if (null !== completedBatches)
     for (
-      minExpirationTime = completedBatches,
-        completedBatches = null,
-        isYieldy = 0;
-      isYieldy < minExpirationTime.length;
-      isYieldy++
+      minExpirationTime = completedBatches, completedBatches = null, dl = 0;
+      dl < minExpirationTime.length;
+      dl++
     ) {
-      var batch = minExpirationTime[isYieldy];
+      var batch = minExpirationTime[dl];
       try {
         batch._onComplete();
       } catch (error) {
@@ -6637,45 +5949,45 @@ function performWork(minExpirationTime, isYieldy) {
     (hasUnhandledError = !1),
     minExpirationTime);
 }
-function performWorkOnRoot(root, expirationTime, isYieldy) {
+function performWorkOnRoot(root, expirationTime, isExpired) {
   invariant(
     !isRendering,
     "performWorkOnRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
   );
   isRendering = !0;
-  if (isYieldy) {
-    var _finishedWork = root.finishedWork;
-    null !== _finishedWork
-      ? completeRoot$1(root, _finishedWork, expirationTime)
+  if (null === deadline || isExpired) {
+    var finishedWork = root.finishedWork;
+    null !== finishedWork
+      ? completeRoot$1(root, finishedWork, expirationTime)
       : ((root.finishedWork = null),
-        (_finishedWork = root.timeoutHandle),
-        -1 !== _finishedWork &&
-          ((root.timeoutHandle = -1), cancelTimeout(_finishedWork)),
-        renderRoot(root, isYieldy),
-        (_finishedWork = root.finishedWork),
-        null !== _finishedWork &&
-          (shouldYieldToRenderer()
-            ? (root.finishedWork = _finishedWork)
-            : completeRoot$1(root, _finishedWork, expirationTime)));
+        (finishedWork = root.timeoutHandle),
+        -1 !== finishedWork &&
+          ((root.timeoutHandle = -1), cancelTimeout(finishedWork)),
+        renderRoot(root, !1, isExpired),
+        (finishedWork = root.finishedWork),
+        null !== finishedWork &&
+          completeRoot$1(root, finishedWork, expirationTime));
   } else
-    (_finishedWork = root.finishedWork),
-      null !== _finishedWork
-        ? completeRoot$1(root, _finishedWork, expirationTime)
+    (finishedWork = root.finishedWork),
+      null !== finishedWork
+        ? completeRoot$1(root, finishedWork, expirationTime)
         : ((root.finishedWork = null),
-          (_finishedWork = root.timeoutHandle),
-          -1 !== _finishedWork &&
-            ((root.timeoutHandle = -1), cancelTimeout(_finishedWork)),
-          renderRoot(root, isYieldy),
-          (_finishedWork = root.finishedWork),
-          null !== _finishedWork &&
-            completeRoot$1(root, _finishedWork, expirationTime));
+          (finishedWork = root.timeoutHandle),
+          -1 !== finishedWork &&
+            ((root.timeoutHandle = -1), cancelTimeout(finishedWork)),
+          renderRoot(root, !0, isExpired),
+          (finishedWork = root.finishedWork),
+          null !== finishedWork &&
+            (shouldYield()
+              ? (root.finishedWork = finishedWork)
+              : completeRoot$1(root, finishedWork, expirationTime)));
   isRendering = !1;
 }
 function completeRoot$1(root, finishedWork, expirationTime) {
   var firstBatch = root.firstBatch;
   if (
     null !== firstBatch &&
-    firstBatch._expirationTime >= expirationTime &&
+    firstBatch._expirationTime <= expirationTime &&
     (null === completedBatches
       ? (completedBatches = [firstBatch])
       : completedBatches.push(firstBatch),
@@ -6691,6 +6003,13 @@ function completeRoot$1(root, finishedWork, expirationTime) {
     : ((lastCommittedRootDuringThisBatch = root), (nestedUpdateCount = 0));
   commitRoot(root, finishedWork);
 }
+function shouldYield() {
+  return deadlineDidExpire
+    ? !0
+    : null === deadline || deadline.timeRemaining() > timeHeuristicForUnitOfWork
+      ? !1
+      : (deadlineDidExpire = !0);
+}
 function onUncaughtError(error) {
   invariant(
     null !== nextFlushedRoot,
@@ -6699,6 +6018,55 @@ function onUncaughtError(error) {
   nextFlushedRoot.expirationTime = 0;
   hasUnhandledError || ((hasUnhandledError = !0), (unhandledError = error));
 }
+function getContextForSubtree(parentComponent) {
+  if (!parentComponent) return emptyContextObject;
+  parentComponent = parentComponent._reactInternalFiber;
+  a: {
+    invariant(
+      2 === isFiberMountedImpl(parentComponent) &&
+        (2 === parentComponent.tag || 3 === parentComponent.tag),
+      "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+    );
+    var parentContext = parentComponent;
+    do {
+      switch (parentContext.tag) {
+        case 5:
+          parentContext = parentContext.stateNode.context;
+          break a;
+        case 2:
+          if (isContextProvider(parentContext.type)) {
+            parentContext =
+              parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
+            break a;
+          }
+          break;
+        case 3:
+          if (isContextProvider(parentContext.type._reactResult)) {
+            parentContext =
+              parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
+            break a;
+          }
+      }
+      parentContext = parentContext.return;
+    } while (null !== parentContext);
+    invariant(
+      !1,
+      "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+    );
+    parentContext = void 0;
+  }
+  if (2 === parentComponent.tag) {
+    var Component = parentComponent.type;
+    if (isContextProvider(Component))
+      return processChildContext(parentComponent, Component, parentContext);
+  } else if (
+    3 === parentComponent.tag &&
+    ((Component = parentComponent.type._reactResult),
+    isContextProvider(Component))
+  )
+    return processChildContext(parentComponent, Component, parentContext);
+  return parentContext;
+}
 function findHostInstance$1(component) {
   var fiber = component._reactInternalFiber;
   void 0 === fiber &&
@@ -6717,48 +6085,7 @@ function updateContainer(element, container, parentComponent, callback) {
     currentTime = requestCurrentTime();
   current$$1 = computeExpirationForFiber(currentTime, current$$1);
   currentTime = container.current;
-  a: if (parentComponent) {
-    parentComponent = parentComponent._reactInternalFiber;
-    b: {
-      invariant(
-        2 === isFiberMountedImpl(parentComponent) && 1 === parentComponent.tag,
-        "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
-      );
-      var parentContext = parentComponent;
-      do {
-        switch (parentContext.tag) {
-          case 3:
-            parentContext = parentContext.stateNode.context;
-            break b;
-          case 1:
-            if (isContextProvider(parentContext.type)) {
-              parentContext =
-                parentContext.stateNode
-                  .__reactInternalMemoizedMergedChildContext;
-              break b;
-            }
-        }
-        parentContext = parentContext.return;
-      } while (null !== parentContext);
-      invariant(
-        !1,
-        "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
-      );
-      parentContext = void 0;
-    }
-    if (1 === parentComponent.tag) {
-      var Component = parentComponent.type;
-      if (isContextProvider(Component)) {
-        parentComponent = processChildContext(
-          parentComponent,
-          Component,
-          parentContext
-        );
-        break a;
-      }
-    }
-    parentComponent = parentContext;
-  } else parentComponent = emptyContextObject;
+  parentComponent = getContextForSubtree(parentComponent);
   null === container.context
     ? (container.context = parentComponent)
     : (container.pendingContext = parentComponent);
@@ -6767,7 +6094,6 @@ function updateContainer(element, container, parentComponent, callback) {
   callback.payload = { element: element };
   container = void 0 === container ? null : container;
   null !== container && (callback.callback = container);
-  flushPassiveEffects();
   enqueueUpdate(currentTime, callback);
   scheduleWork(currentTime, current$$1);
   return current$$1;
@@ -6827,13 +6153,13 @@ _batchedUpdatesImpl = function(fn, a) {
   } finally {
     (isBatchingUpdates = previousIsBatchingUpdates) ||
       isRendering ||
-      performWork(1073741823, !1);
+      performWork(1, null);
   }
 };
 _flushInteractiveUpdatesImpl = function() {
   isRendering ||
     0 === lowestPriorityPendingInteractiveExpirationTime ||
-    (performWork(lowestPriorityPendingInteractiveExpirationTime, !1),
+    (performWork(lowestPriorityPendingInteractiveExpirationTime, null),
     (lowestPriorityPendingInteractiveExpirationTime = 0));
 };
 var roots = new Map(),
@@ -6915,7 +6241,7 @@ var roots = new Map(),
       if (!root) {
         root = 0;
         isDevToolsPresent && (root |= 4);
-        root = createFiber(3, null, null, root);
+        root = new FiberNode(5, null, null, root);
         var root$jscomp$0 = {
           current: root,
           containerInfo: containerTag,
@@ -6946,7 +6272,7 @@ var roots = new Map(),
       updateContainer(element, root, null, callback);
       a: if (((element = root.current), element.child))
         switch (element.child.tag) {
-          case 5:
+          case 7:
             element = element.child.stateNode.canonical;
             break a;
           default:
@@ -7043,7 +6369,7 @@ var roots = new Map(),
   findFiberByHostInstance: getInstanceFromInstance,
   getInspectorDataForViewTag: getInspectorDataForViewTag,
   bundleType: 0,
-  version: "16.6.0",
+  version: "16.6.0-alpha.8af6728",
   rendererPackageName: "react-native-renderer"
 });
 var ReactFabric$2 = { default: ReactFabric },
diff --git a/Libraries/Renderer/oss/ReactNativeRenderer-dev.js b/Libraries/Renderer/oss/ReactNativeRenderer-dev.js
index 9c112c83dcd..e77e96de3e2 100644
--- a/Libraries/Renderer/oss/ReactNativeRenderer-dev.js
+++ b/Libraries/Renderer/oss/ReactNativeRenderer-dev.js
@@ -27,7 +27,6 @@ var flattenStyle = require("flattenStyle");
 var TextInputState = require("TextInputState");
 var checkPropTypes = require("prop-types/checkPropTypes");
 var tracing = require("scheduler/tracing");
-var scheduler = require("scheduler");
 var ExceptionsManager = require("ExceptionsManager");
 
 /**
@@ -1134,23 +1133,24 @@ function runExtractedEventsInBatch(
 }
 
 var FunctionComponent = 0;
-var ClassComponent = 1;
-var IndeterminateComponent = 2; // Before we know whether it is function or class
-var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
-var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
-var HostComponent = 5;
-var HostText = 6;
-var Fragment = 7;
-var Mode = 8;
-var ContextConsumer = 9;
-var ContextProvider = 10;
-var ForwardRef = 11;
-var Profiler = 12;
-var SuspenseComponent = 13;
-var MemoComponent = 14;
-var SimpleMemoComponent = 15;
-var LazyComponent = 16;
-var IncompleteClassComponent = 17;
+var FunctionComponentLazy = 1;
+var ClassComponent = 2;
+var ClassComponentLazy = 3;
+var IndeterminateComponent = 4; // Before we know whether it is function or class
+var HostRoot = 5; // Root of a host tree. Could be nested inside another node.
+var HostPortal = 6; // A subtree. Could be an entry point to a different renderer.
+var HostComponent = 7;
+var HostText = 8;
+var Fragment = 9;
+var Mode = 10;
+var ContextConsumer = 11;
+var ContextProvider = 12;
+var ForwardRef = 13;
+var ForwardRefLazy = 14;
+var Profiler = 15;
+var SuspenseComponent = 16;
+var PureComponent = 17;
+var PureComponentLazy = 18;
 
 function getParent(inst) {
   do {
@@ -2923,7 +2923,6 @@ var REACT_STRICT_MODE_TYPE = hasSymbol
 var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 0xead2;
 var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 0xeacd;
 var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 0xeace;
-
 var REACT_CONCURRENT_MODE_TYPE = hasSymbol
   ? Symbol.for("react.concurrent_mode")
   : 0xeacf;
@@ -2931,8 +2930,7 @@ var REACT_FORWARD_REF_TYPE = hasSymbol
   ? Symbol.for("react.forward_ref")
   : 0xead0;
 var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 0xead1;
-var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 0xead3;
-var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 0xead4;
+var REACT_PURE_TYPE = hasSymbol ? Symbol.for("react.pure") : 0xead3;
 
 var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = "@@iterator";
@@ -2954,8 +2952,12 @@ var Pending = 0;
 var Resolved = 1;
 var Rejected = 2;
 
-function refineResolvedLazyComponent(lazyComponent) {
-  return lazyComponent._status === Resolved ? lazyComponent._result : null;
+function getResultFromResolvedThenable(thenable) {
+  return thenable._reactResult;
+}
+
+function refineResolvedThenable(thenable) {
+  return thenable._reactStatus === Resolved ? thenable._reactResult : null;
 }
 
 function getWrappedName(outerType, innerType, wrapperName) {
@@ -3008,14 +3010,14 @@ function getComponentName(type) {
         return "Context.Provider";
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, "ForwardRef");
-      case REACT_MEMO_TYPE:
-        return getComponentName(type.type);
-      case REACT_LAZY_TYPE: {
-        var thenable = type;
-        var resolvedThenable = refineResolvedLazyComponent(thenable);
-        if (resolvedThenable) {
-          return getComponentName(resolvedThenable);
-        }
+      case REACT_PURE_TYPE:
+        return getWrappedName(type, type.render, "Pure");
+    }
+    if (typeof type.then === "function") {
+      var thenable = type;
+      var resolvedThenable = refineResolvedThenable(thenable);
+      if (resolvedThenable) {
+        return getComponentName(resolvedThenable);
       }
     }
   }
@@ -3036,16 +3038,15 @@ var Callback = /*              */ 32;
 var DidCapture = /*            */ 64;
 var Ref = /*                   */ 128;
 var Snapshot = /*              */ 256;
-var Passive = /*               */ 512;
 
-// Passive & Update & Callback & Ref & Snapshot
-var LifecycleEffectMask = /*   */ 932;
+// Update & Callback & Ref & Snapshot
+var LifecycleEffectMask = /*   */ 420;
 
 // Union of all host effects
-var HostEffectMask = /*        */ 1023;
+var HostEffectMask = /*        */ 511;
 
-var Incomplete = /*            */ 1024;
-var ShouldCapture = /*         */ 2048;
+var Incomplete = /*            */ 512;
+var ShouldCapture = /*         */ 1024;
 
 var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
 
@@ -3089,7 +3090,10 @@ function isFiberMounted(fiber) {
 function isMounted(component) {
   {
     var owner = ReactCurrentOwner$1.current;
-    if (owner !== null && owner.tag === ClassComponent) {
+    if (
+      owner !== null &&
+      (owner.tag === ClassComponent || owner.tag === ClassComponentLazy)
+    ) {
       var ownerFiber = owner;
       var instance = ownerFiber.stateNode;
       !instance._warnedAboutRefsInRender
@@ -3884,6 +3888,13 @@ var now$1 = hasNativePerformanceNow
 var scheduledCallback = null;
 var frameDeadline = 0;
 
+var frameDeadlineObject = {
+  timeRemaining: function() {
+    return frameDeadline - now$1();
+  },
+  didTimeout: false
+};
+
 function setTimeoutCallback() {
   // TODO (bvaughn) Hard-coded 5ms unblocks initial async testing.
   // React API probably changing to boolean rather than time remaining.
@@ -3894,7 +3905,7 @@ function setTimeoutCallback() {
   var callback = scheduledCallback;
   scheduledCallback = null;
   if (callback !== null) {
-    callback();
+    callback(frameDeadlineObject);
   }
 }
 
@@ -3913,10 +3924,6 @@ function cancelDeferredCallback$1(callbackID) {
   clearTimeout(callbackID); // Timeouts are always numbers on RN
 }
 
-function shouldYield$1() {
-  return frameDeadline <= now$1();
-}
-
 // Renderers that don't support persistence
 // can re-export everything from this module.
 
@@ -3936,9 +3943,6 @@ var createContainerChildSet = shim;
 var appendChildToContainerChildSet = shim;
 var finalizeContainerChildren = shim;
 var replaceContainerChildren = shim;
-var cloneHiddenInstance = shim;
-var cloneUnhiddenInstance = shim;
-var createHiddenTextInstance = shim;
 
 // Renderers that don't support hydration
 // can re-export everything from this module.
@@ -4147,7 +4151,6 @@ var now = now$1;
 var isPrimaryRenderer = true;
 var scheduleDeferredCallback = scheduleDeferredCallback$1;
 var cancelDeferredCallback = cancelDeferredCallback$1;
-var shouldYield = shouldYield$1;
 
 var scheduleTimeout = setTimeout;
 var cancelTimeout = clearTimeout;
@@ -4325,22 +4328,6 @@ function resetTextContent(instance) {
   // Noop
 }
 
-function hideInstance(instance) {
-  throw new Error("Not yet implemented.");
-}
-
-function hideTextInstance(textInstance) {
-  throw new Error("Not yet implemented.");
-}
-
-function unhideInstance(instance, props) {
-  throw new Error("Not yet implemented.");
-}
-
-function unhideTextInstance(textInstance, text) {
-  throw new Error("Not yet implemented.");
-}
-
 var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
 
 var describeComponentFrame = function(name, source, ownerName) {
@@ -4374,12 +4361,12 @@ var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
 function describeFiber(fiber) {
   switch (fiber.tag) {
     case IndeterminateComponent:
-    case LazyComponent:
     case FunctionComponent:
+    case FunctionComponentLazy:
     case ClassComponent:
+    case ClassComponentLazy:
     case HostComponent:
     case Mode:
-    case SuspenseComponent:
       var owner = fiber._debugOwner;
       var source = fiber._debugSource;
       var name = getComponentName(fiber.type);
@@ -4455,7 +4442,6 @@ function setCurrentPhase(lifeCyclePhase) {
 
 var debugRenderPhaseSideEffects = false;
 var debugRenderPhaseSideEffectsForStrictMode = false;
-
 var enableUserTimingAPI = true;
 var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
 var warnAboutDeprecatedLifecycles = false;
@@ -5228,7 +5214,8 @@ function findCurrentUnmaskedContext(fiber) {
   // Currently this is only used with renderSubtreeIntoContainer; not sure if it
   // makes sense elsewhere
   invariant(
-    isFiberMounted(fiber) && fiber.tag === ClassComponent,
+    isFiberMounted(fiber) &&
+      (fiber.tag === ClassComponent || fiber.tag === ClassComponentLazy),
     "Expected subtree parent to be a mounted class component. " +
       "This error is likely caused by a bug in React. Please file an issue."
   );
@@ -5245,6 +5232,13 @@ function findCurrentUnmaskedContext(fiber) {
         }
         break;
       }
+      case ClassComponentLazy: {
+        var _Component = getResultFromResolvedThenable(node.type);
+        if (isContextProvider(_Component)) {
+          return node.stateNode.__reactInternalMemoizedMergedChildContext;
+        }
+        break;
+      }
     }
     node = node.return;
   } while (node !== null);
@@ -5343,20 +5337,20 @@ function onCommitUnmount(fiber) {
 var maxSigned31BitInt = 1073741823;
 
 var NoWork = 0;
-var Never = 1;
-var Sync = maxSigned31BitInt;
+var Sync = 1;
+var Never = maxSigned31BitInt;
 
 var UNIT_SIZE = 10;
-var MAGIC_NUMBER_OFFSET = maxSigned31BitInt - 1;
+var MAGIC_NUMBER_OFFSET = 2;
 
 // 1 unit of expiration time represents 10ms.
 function msToExpirationTime(ms) {
   // Always add an offset so that we don't clash with the magic number for NoWork.
-  return MAGIC_NUMBER_OFFSET - ((ms / UNIT_SIZE) | 0);
+  return ((ms / UNIT_SIZE) | 0) + MAGIC_NUMBER_OFFSET;
 }
 
 function expirationTimeToMs(expirationTime) {
-  return (MAGIC_NUMBER_OFFSET - expirationTime) * UNIT_SIZE;
+  return (expirationTime - MAGIC_NUMBER_OFFSET) * UNIT_SIZE;
 }
 
 function ceiling(num, precision) {
@@ -5365,9 +5359,9 @@ function ceiling(num, precision) {
 
 function computeExpirationBucket(currentTime, expirationInMs, bucketSizeMs) {
   return (
-    MAGIC_NUMBER_OFFSET -
+    MAGIC_NUMBER_OFFSET +
     ceiling(
-      MAGIC_NUMBER_OFFSET - currentTime + expirationInMs / UNIT_SIZE,
+      currentTime - MAGIC_NUMBER_OFFSET + expirationInMs / UNIT_SIZE,
       bucketSizeMs / UNIT_SIZE
     )
   );
@@ -5443,7 +5437,6 @@ function FiberNode(tag, pendingProps, key, mode) {
   // Instance
   this.tag = tag;
   this.key = key;
-  this.elementType = null;
   this.type = null;
   this.stateNode = null;
 
@@ -5516,24 +5509,18 @@ function shouldConstruct(Component) {
   return !!(prototype && prototype.isReactComponent);
 }
 
-function isSimpleFunctionComponent(type) {
-  return (
-    typeof type === "function" &&
-    !shouldConstruct(type) &&
-    type.defaultProps === undefined
-  );
-}
-
-function resolveLazyComponentTag(Component) {
+function resolveLazyComponentTag(fiber, Component) {
   if (typeof Component === "function") {
-    return shouldConstruct(Component) ? ClassComponent : FunctionComponent;
+    return shouldConstruct(Component)
+      ? ClassComponentLazy
+      : FunctionComponentLazy;
   } else if (Component !== undefined && Component !== null) {
     var $$typeof = Component.$$typeof;
     if ($$typeof === REACT_FORWARD_REF_TYPE) {
-      return ForwardRef;
+      return ForwardRefLazy;
     }
-    if ($$typeof === REACT_MEMO_TYPE) {
-      return MemoComponent;
+    if ($$typeof === REACT_PURE_TYPE) {
+      return PureComponentLazy;
     }
   }
   return IndeterminateComponent;
@@ -5554,7 +5541,6 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
       current.key,
       current.mode
     );
-    workInProgress.elementType = current.elementType;
     workInProgress.type = current.type;
     workInProgress.stateNode = current.stateNode;
 
@@ -5624,23 +5610,20 @@ function createHostRootFiber(isConcurrent) {
   return createFiber(HostRoot, null, null, mode);
 }
 
-function createFiberFromTypeAndProps(
-  type, // React$ElementType
-  key,
-  pendingProps,
-  owner,
-  mode,
-  expirationTime
-) {
-  var fiber = void 0;
+function createFiberFromElement(element, mode, expirationTime) {
+  var owner = null;
+  {
+    owner = element._owner;
+  }
 
-  var fiberTag = IndeterminateComponent;
-  // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
-  var resolvedType = type;
+  var fiber = void 0;
+  var type = element.type;
+  var key = element.key;
+  var pendingProps = element.props;
+
+  var fiberTag = void 0;
   if (typeof type === "function") {
-    if (shouldConstruct(type)) {
-      fiberTag = ClassComponent;
-    }
+    fiberTag = shouldConstruct(type) ? ClassComponent : IndeterminateComponent;
   } else if (typeof type === "string") {
     fiberTag = HostComponent;
   } else {
@@ -5653,23 +5636,18 @@ function createFiberFromTypeAndProps(
           key
         );
       case REACT_CONCURRENT_MODE_TYPE:
-        return createFiberFromMode(
-          pendingProps,
-          mode | ConcurrentMode | StrictMode,
-          expirationTime,
-          key
-        );
+        fiberTag = Mode;
+        mode |= ConcurrentMode | StrictMode;
+        break;
       case REACT_STRICT_MODE_TYPE:
-        return createFiberFromMode(
-          pendingProps,
-          mode | StrictMode,
-          expirationTime,
-          key
-        );
+        fiberTag = Mode;
+        mode |= StrictMode;
+        break;
       case REACT_PROFILER_TYPE:
         return createFiberFromProfiler(pendingProps, mode, expirationTime, key);
       case REACT_SUSPENSE_TYPE:
-        return createFiberFromSuspense(pendingProps, mode, expirationTime, key);
+        fiberTag = SuspenseComponent;
+        break;
       default: {
         if (typeof type === "object" && type !== null) {
           switch (type.$$typeof) {
@@ -5683,13 +5661,15 @@ function createFiberFromTypeAndProps(
             case REACT_FORWARD_REF_TYPE:
               fiberTag = ForwardRef;
               break getTag;
-            case REACT_MEMO_TYPE:
-              fiberTag = MemoComponent;
-              break getTag;
-            case REACT_LAZY_TYPE:
-              fiberTag = LazyComponent;
-              resolvedType = null;
+            case REACT_PURE_TYPE:
+              fiberTag = PureComponent;
               break getTag;
+            default: {
+              if (typeof type.then === "function") {
+                fiberTag = IndeterminateComponent;
+                break getTag;
+              }
+            }
           }
         }
         var info = "";
@@ -5723,33 +5703,14 @@ function createFiberFromTypeAndProps(
   }
 
   fiber = createFiber(fiberTag, pendingProps, key, mode);
-  fiber.elementType = type;
-  fiber.type = resolvedType;
+  fiber.type = type;
   fiber.expirationTime = expirationTime;
 
-  return fiber;
-}
-
-function createFiberFromElement(element, mode, expirationTime) {
-  var owner = null;
-  {
-    owner = element._owner;
-  }
-  var type = element.type;
-  var key = element.key;
-  var pendingProps = element.props;
-  var fiber = createFiberFromTypeAndProps(
-    type,
-    key,
-    pendingProps,
-    owner,
-    mode,
-    expirationTime
-  );
   {
     fiber._debugSource = element._source;
     fiber._debugOwner = element._owner;
   }
+
   return fiber;
 }
 
@@ -5773,41 +5734,12 @@ function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
   }
 
   var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
-  // TODO: The Profiler fiber shouldn't have a type. It has a tag.
-  fiber.elementType = REACT_PROFILER_TYPE;
   fiber.type = REACT_PROFILER_TYPE;
   fiber.expirationTime = expirationTime;
 
   return fiber;
 }
 
-function createFiberFromMode(pendingProps, mode, expirationTime, key) {
-  var fiber = createFiber(Mode, pendingProps, key, mode);
-
-  // TODO: The Mode fiber shouldn't have a type. It has a tag.
-  var type =
-    (mode & ConcurrentMode) === NoContext
-      ? REACT_STRICT_MODE_TYPE
-      : REACT_CONCURRENT_MODE_TYPE;
-  fiber.elementType = type;
-  fiber.type = type;
-
-  fiber.expirationTime = expirationTime;
-  return fiber;
-}
-
-function createFiberFromSuspense(pendingProps, mode, expirationTime, key) {
-  var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
-
-  // TODO: The SuspenseComponent fiber shouldn't have a type. It has a tag.
-  var type = REACT_SUSPENSE_TYPE;
-  fiber.elementType = type;
-  fiber.type = type;
-
-  fiber.expirationTime = expirationTime;
-  return fiber;
-}
-
 function createFiberFromText(content, mode, expirationTime) {
   var fiber = createFiber(HostText, content, null, mode);
   fiber.expirationTime = expirationTime;
@@ -5816,8 +5748,6 @@ function createFiberFromText(content, mode, expirationTime) {
 
 function createFiberFromHostInstanceForDeletion() {
   var fiber = createFiber(HostComponent, null, null, NoContext);
-  // TODO: These should not need a type.
-  fiber.elementType = "DELETED";
   fiber.type = "DELETED";
   return fiber;
 }
@@ -5850,7 +5780,6 @@ function assignFiberPropertiesInDEV(target, source) {
 
   target.tag = source.tag;
   target.key = source.key;
-  target.elementType = source.elementType;
   target.type = source.type;
   target.stateNode = source.stateNode;
   target.return = source.return;
@@ -6393,12 +6322,12 @@ function markPendingPriorityLevel(root, expirationTime) {
     // No other pending updates.
     root.earliestPendingTime = root.latestPendingTime = expirationTime;
   } else {
-    if (earliestPendingTime < expirationTime) {
+    if (earliestPendingTime > expirationTime) {
       // This is the earliest pending update.
       root.earliestPendingTime = expirationTime;
     } else {
       var latestPendingTime = root.latestPendingTime;
-      if (latestPendingTime > expirationTime) {
+      if (latestPendingTime < expirationTime) {
         // This is the latest pending update
         root.latestPendingTime = expirationTime;
       }
@@ -6424,12 +6353,12 @@ function markCommittedPriorityLevels(root, earliestRemainingTime) {
   // Let's see if the previous latest known pending level was just flushed.
   var latestPendingTime = root.latestPendingTime;
   if (latestPendingTime !== NoWork) {
-    if (latestPendingTime > earliestRemainingTime) {
+    if (latestPendingTime < earliestRemainingTime) {
       // We've flushed all the known pending levels.
       root.earliestPendingTime = root.latestPendingTime = NoWork;
     } else {
       var earliestPendingTime = root.earliestPendingTime;
-      if (earliestPendingTime > earliestRemainingTime) {
+      if (earliestPendingTime < earliestRemainingTime) {
         // We've flushed the earliest known pending level. Set this to the
         // latest pending time.
         root.earliestPendingTime = root.latestPendingTime;
@@ -6451,7 +6380,7 @@ function markCommittedPriorityLevels(root, earliestRemainingTime) {
   }
 
   var latestSuspendedTime = root.latestSuspendedTime;
-  if (earliestRemainingTime < latestSuspendedTime) {
+  if (earliestRemainingTime > latestSuspendedTime) {
     // The earliest remaining level is later than all the suspended work. That
     // means we've flushed all the suspended work.
     root.earliestSuspendedTime = NoWork;
@@ -6465,7 +6394,7 @@ function markCommittedPriorityLevels(root, earliestRemainingTime) {
     return;
   }
 
-  if (earliestRemainingTime > earliestSuspendedTime) {
+  if (earliestRemainingTime < earliestSuspendedTime) {
     // The earliest remaining time is earlier than all the suspended work.
     // Treat it as a pending update.
     markPendingPriorityLevel(root, earliestRemainingTime);
@@ -6484,10 +6413,10 @@ function hasLowerPriorityWork(root, erroredExpirationTime) {
   var latestPingedTime = root.latestPingedTime;
   return (
     (latestPendingTime !== NoWork &&
-      latestPendingTime < erroredExpirationTime) ||
+      latestPendingTime > erroredExpirationTime) ||
     (latestSuspendedTime !== NoWork &&
-      latestSuspendedTime < erroredExpirationTime) ||
-    (latestPingedTime !== NoWork && latestPingedTime < erroredExpirationTime)
+      latestSuspendedTime > erroredExpirationTime) ||
+    (latestPingedTime !== NoWork && latestPingedTime > erroredExpirationTime)
   );
 }
 
@@ -6496,8 +6425,8 @@ function isPriorityLevelSuspended(root, expirationTime) {
   var latestSuspendedTime = root.latestSuspendedTime;
   return (
     earliestSuspendedTime !== NoWork &&
-    expirationTime <= earliestSuspendedTime &&
-    expirationTime >= latestSuspendedTime
+    expirationTime >= earliestSuspendedTime &&
+    expirationTime <= latestSuspendedTime
   );
 }
 
@@ -6530,10 +6459,10 @@ function markSuspendedPriorityLevel(root, suspendedTime) {
     // No other suspended levels.
     root.earliestSuspendedTime = root.latestSuspendedTime = suspendedTime;
   } else {
-    if (earliestSuspendedTime < suspendedTime) {
+    if (earliestSuspendedTime > suspendedTime) {
       // This is the earliest suspended level.
       root.earliestSuspendedTime = suspendedTime;
-    } else if (latestSuspendedTime > suspendedTime) {
+    } else if (latestSuspendedTime < suspendedTime) {
       // This is the latest suspended level
       root.latestSuspendedTime = suspendedTime;
     }
@@ -6549,7 +6478,7 @@ function markPingedPriorityLevel(root, pingedTime) {
   // is thrown out and not reused during the restarted render. One way to
   // invalidate the progressed work is to restart at expirationTime + 1.
   var latestPingedTime = root.latestPingedTime;
-  if (latestPingedTime === NoWork || latestPingedTime > pingedTime) {
+  if (latestPingedTime === NoWork || latestPingedTime < pingedTime) {
     root.latestPingedTime = pingedTime;
   }
   findNextExpirationTimeToWorkOn(pingedTime, root);
@@ -6559,7 +6488,7 @@ function clearPing(root, completedTime) {
   // TODO: Track whether the root was pinged during the render phase. If so,
   // we need to make sure we don't lose track of it.
   var latestPingedTime = root.latestPingedTime;
-  if (latestPingedTime !== NoWork && latestPingedTime >= completedTime) {
+  if (latestPingedTime !== NoWork && latestPingedTime <= completedTime) {
     root.latestPingedTime = NoWork;
   }
 }
@@ -6569,10 +6498,18 @@ function findEarliestOutstandingPriorityLevel(root, renderExpirationTime) {
 
   var earliestPendingTime = root.earliestPendingTime;
   var earliestSuspendedTime = root.earliestSuspendedTime;
-  if (earliestPendingTime > earliestExpirationTime) {
+  if (
+    earliestExpirationTime === NoWork ||
+    (earliestPendingTime !== NoWork &&
+      earliestPendingTime < earliestExpirationTime)
+  ) {
     earliestExpirationTime = earliestPendingTime;
   }
-  if (earliestSuspendedTime > earliestExpirationTime) {
+  if (
+    earliestExpirationTime === NoWork ||
+    (earliestSuspendedTime !== NoWork &&
+      earliestSuspendedTime < earliestExpirationTime)
+  ) {
     earliestExpirationTime = earliestSuspendedTime;
   }
   return earliestExpirationTime;
@@ -6580,7 +6517,7 @@ function findEarliestOutstandingPriorityLevel(root, renderExpirationTime) {
 
 function didExpireAtExpirationTime(root, currentTime) {
   var expirationTime = root.expirationTime;
-  if (expirationTime !== NoWork && currentTime <= expirationTime) {
+  if (expirationTime !== NoWork && currentTime >= expirationTime) {
     // The root has expired. Flush all work up to the current time.
     root.nextExpirationTimeToWorkOn = currentTime;
   }
@@ -6602,7 +6539,7 @@ function findNextExpirationTimeToWorkOn(completedExpirationTime, root) {
   if (
     nextExpirationTimeToWorkOn === NoWork &&
     (completedExpirationTime === NoWork ||
-      latestSuspendedTime < completedExpirationTime)
+      latestSuspendedTime > completedExpirationTime)
   ) {
     // The lowest priority suspended work is the work most likely to be
     // committed next. Let's start rendering it again, so that if it times out,
@@ -6611,7 +6548,11 @@ function findNextExpirationTimeToWorkOn(completedExpirationTime, root) {
   }
 
   var expirationTime = nextExpirationTimeToWorkOn;
-  if (expirationTime !== NoWork && earliestSuspendedTime > expirationTime) {
+  if (
+    expirationTime !== NoWork &&
+    earliestSuspendedTime !== NoWork &&
+    earliestSuspendedTime < expirationTime
+  ) {
     // Expire using the earliest known expiration time.
     expirationTime = earliestSuspendedTime;
   }
@@ -6835,7 +6776,7 @@ function enqueueUpdate(fiber, update) {
 
   {
     if (
-      fiber.tag === ClassComponent &&
+      (fiber.tag === ClassComponent || fiber.tag === ClassComponentLazy) &&
       (currentlyProcessingQueue === queue1 ||
         (queue2 !== null && currentlyProcessingQueue === queue2)) &&
       !didWarnUpdateInsideUpdate
@@ -6983,7 +6924,7 @@ function processUpdateQueue(
   var resultState = newBaseState;
   while (update !== null) {
     var updateExpirationTime = update.expirationTime;
-    if (updateExpirationTime < renderExpirationTime) {
+    if (updateExpirationTime > renderExpirationTime) {
       // This update does not have sufficient priority. Skip it.
       if (newFirstUpdate === null) {
         // This is the first skipped update. It will be the first update in
@@ -6995,7 +6936,10 @@ function processUpdateQueue(
       }
       // Since this update will remain in the list, update the remaining
       // expiration time.
-      if (newExpirationTime < updateExpirationTime) {
+      if (
+        newExpirationTime === NoWork ||
+        newExpirationTime > updateExpirationTime
+      ) {
         newExpirationTime = updateExpirationTime;
       }
     } else {
@@ -7031,7 +6975,7 @@ function processUpdateQueue(
   update = queue.firstCapturedUpdate;
   while (update !== null) {
     var _updateExpirationTime = update.expirationTime;
-    if (_updateExpirationTime < renderExpirationTime) {
+    if (_updateExpirationTime > renderExpirationTime) {
       // This update does not have sufficient priority. Skip it.
       if (newFirstCapturedUpdate === null) {
         // This is the first skipped captured update. It will be the first
@@ -7045,7 +6989,10 @@ function processUpdateQueue(
       }
       // Since this update will remain in the list, update the remaining
       // expiration time.
-      if (newExpirationTime < _updateExpirationTime) {
+      if (
+        newExpirationTime === NoWork ||
+        newExpirationTime > _updateExpirationTime
+      ) {
         newExpirationTime = _updateExpirationTime;
       }
     } else {
@@ -7343,7 +7290,10 @@ function propagateContextChange(
         ) {
           // Match! Schedule an update on this fiber.
 
-          if (fiber.tag === ClassComponent) {
+          if (
+            fiber.tag === ClassComponent ||
+            fiber.tag === ClassComponentLazy
+          ) {
             // Schedule a force update on the work-in-progress.
             var update = createUpdate(renderExpirationTime);
             update.tag = ForceUpdate;
@@ -7354,13 +7304,17 @@ function propagateContextChange(
             enqueueUpdate(fiber, update);
           }
 
-          if (fiber.expirationTime < renderExpirationTime) {
+          if (
+            fiber.expirationTime === NoWork ||
+            fiber.expirationTime > renderExpirationTime
+          ) {
             fiber.expirationTime = renderExpirationTime;
           }
           var alternate = fiber.alternate;
           if (
             alternate !== null &&
-            alternate.expirationTime < renderExpirationTime
+            (alternate.expirationTime === NoWork ||
+              alternate.expirationTime > renderExpirationTime)
           ) {
             alternate.expirationTime = renderExpirationTime;
           }
@@ -7369,17 +7323,22 @@ function propagateContextChange(
           var node = fiber.return;
           while (node !== null) {
             alternate = node.alternate;
-            if (node.childExpirationTime < renderExpirationTime) {
+            if (
+              node.childExpirationTime === NoWork ||
+              node.childExpirationTime > renderExpirationTime
+            ) {
               node.childExpirationTime = renderExpirationTime;
               if (
                 alternate !== null &&
-                alternate.childExpirationTime < renderExpirationTime
+                (alternate.childExpirationTime === NoWork ||
+                  alternate.childExpirationTime > renderExpirationTime)
               ) {
                 alternate.childExpirationTime = renderExpirationTime;
               }
             } else if (
               alternate !== null &&
-              alternate.childExpirationTime < renderExpirationTime
+              (alternate.childExpirationTime === NoWork ||
+                alternate.childExpirationTime > renderExpirationTime)
             ) {
               alternate.childExpirationTime = renderExpirationTime;
             } else {
@@ -7464,7 +7423,7 @@ function readContext(context, observedBits) {
     if (lastContextDependency === null) {
       invariant(
         currentlyRenderingFiber !== null,
-        "Context can only be read while React is " +
+        "Context.unstable_read(): Context can only be read while React is " +
           "rendering, e.g. inside the render method or getDerivedStateFromProps."
       );
       // This is the first dependency in the list
@@ -7477,637 +7436,6 @@ function readContext(context, observedBits) {
   return isPrimaryRenderer ? context._currentValue : context._currentValue2;
 }
 
-var NoEffect$1 = /*             */ 0;
-var UnmountSnapshot = /*      */ 2;
-var UnmountMutation = /*      */ 4;
-var MountMutation = /*        */ 8;
-var UnmountLayout = /*        */ 16;
-var MountLayout = /*          */ 32;
-var MountPassive = /*         */ 64;
-var UnmountPassive = /*       */ 128;
-
-// These are set right before calling the component.
-var renderExpirationTime = NoWork;
-// The work-in-progress fiber. I've named it differently to distinguish it from
-// the work-in-progress hook.
-var currentlyRenderingFiber$1 = null;
-
-// Hooks are stored as a linked list on the fiber's memoizedState field. The
-// current hook list is the list that belongs to the current fiber. The
-// work-in-progress hook list is a new list that will be added to the
-// work-in-progress fiber.
-var firstCurrentHook = null;
-var currentHook = null;
-var firstWorkInProgressHook = null;
-var workInProgressHook = null;
-
-var remainingExpirationTime = NoWork;
-var componentUpdateQueue = null;
-
-// Updates scheduled during render will trigger an immediate re-render at the
-// end of the current pass. We can't store these updates on the normal queue,
-// because if the work is aborted, they should be discarded. Because this is
-// a relatively rare case, we also don't want to add an additional field to
-// either the hook or queue object types. So we store them in a lazily create
-// map of queue -> render-phase updates, which are discarded once the component
-// completes without re-rendering.
-
-// Whether the work-in-progress hook is a re-rendered hook
-var isReRender = false;
-// Whether an update was scheduled during the currently executing render pass.
-var didScheduleRenderPhaseUpdate = false;
-// Lazily created map of render-phase updates
-var renderPhaseUpdates = null;
-// Counter to prevent infinite loops.
-var numberOfReRenders = 0;
-var RE_RENDER_LIMIT = 25;
-
-function resolveCurrentlyRenderingFiber() {
-  invariant(
-    currentlyRenderingFiber$1 !== null,
-    "Hooks can only be called inside the body of a function component."
-  );
-  return currentlyRenderingFiber$1;
-}
-
-function prepareToUseHooks(current, workInProgress, nextRenderExpirationTime) {
-  renderExpirationTime = nextRenderExpirationTime;
-  currentlyRenderingFiber$1 = workInProgress;
-  firstCurrentHook = current !== null ? current.memoizedState : null;
-
-  // The following should have already been reset
-  // currentHook = null;
-  // workInProgressHook = null;
-
-  // remainingExpirationTime = NoWork;
-  // componentUpdateQueue = null;
-
-  // isReRender = false;
-  // didScheduleRenderPhaseUpdate = false;
-  // renderPhaseUpdates = null;
-  // numberOfReRenders = 0;
-}
-
-function finishHooks(Component, props, children, refOrContext) {
-  // This must be called after every function component to prevent hooks from
-  // being used in classes.
-
-  while (didScheduleRenderPhaseUpdate) {
-    // Updates were scheduled during the render phase. They are stored in
-    // the `renderPhaseUpdates` map. Call the component again, reusing the
-    // work-in-progress hooks and applying the additional updates on top. Keep
-    // restarting until no more updates are scheduled.
-    didScheduleRenderPhaseUpdate = false;
-    numberOfReRenders += 1;
-
-    // Start over from the beginning of the list
-    currentHook = null;
-    workInProgressHook = null;
-    componentUpdateQueue = null;
-
-    children = Component(props, refOrContext);
-  }
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
-
-  var renderedWork = currentlyRenderingFiber$1;
-
-  renderedWork.memoizedState = firstWorkInProgressHook;
-  renderedWork.expirationTime = remainingExpirationTime;
-  renderedWork.updateQueue = componentUpdateQueue;
-
-  var didRenderTooFewHooks = currentHook !== null && currentHook.next !== null;
-
-  renderExpirationTime = NoWork;
-  currentlyRenderingFiber$1 = null;
-
-  firstCurrentHook = null;
-  currentHook = null;
-  firstWorkInProgressHook = null;
-  workInProgressHook = null;
-
-  remainingExpirationTime = NoWork;
-  componentUpdateQueue = null;
-
-  // Always set during createWorkInProgress
-  // isReRender = false;
-
-  // These were reset above
-  // didScheduleRenderPhaseUpdate = false;
-  // renderPhaseUpdates = null;
-  // numberOfReRenders = 0;
-
-  invariant(
-    !didRenderTooFewHooks,
-    "Rendered fewer hooks than expected. This may be caused by an accidental " +
-      "early return statement."
-  );
-
-  return children;
-}
-
-function resetHooks() {
-  // This is called instead of `finishHooks` if the component throws. It's also
-  // called inside mountIndeterminateComponent if we determine the component
-  // is a module-style component.
-  renderExpirationTime = NoWork;
-  currentlyRenderingFiber$1 = null;
-
-  firstCurrentHook = null;
-  currentHook = null;
-  firstWorkInProgressHook = null;
-  workInProgressHook = null;
-
-  remainingExpirationTime = NoWork;
-  componentUpdateQueue = null;
-
-  // Always set during createWorkInProgress
-  // isReRender = false;
-
-  didScheduleRenderPhaseUpdate = false;
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
-}
-
-function createHook() {
-  return {
-    memoizedState: null,
-
-    baseState: null,
-    queue: null,
-    baseUpdate: null,
-
-    next: null
-  };
-}
-
-function cloneHook(hook) {
-  return {
-    memoizedState: hook.memoizedState,
-
-    baseState: hook.memoizedState,
-    queue: hook.queue,
-    baseUpdate: hook.baseUpdate,
-
-    next: null
-  };
-}
-
-function createWorkInProgressHook() {
-  if (workInProgressHook === null) {
-    // This is the first hook in the list
-    if (firstWorkInProgressHook === null) {
-      isReRender = false;
-      currentHook = firstCurrentHook;
-      if (currentHook === null) {
-        // This is a newly mounted hook
-        workInProgressHook = createHook();
-      } else {
-        // Clone the current hook.
-        workInProgressHook = cloneHook(currentHook);
-      }
-      firstWorkInProgressHook = workInProgressHook;
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      currentHook = firstCurrentHook;
-      workInProgressHook = firstWorkInProgressHook;
-    }
-  } else {
-    if (workInProgressHook.next === null) {
-      isReRender = false;
-      var hook = void 0;
-      if (currentHook === null) {
-        // This is a newly mounted hook
-        hook = createHook();
-      } else {
-        currentHook = currentHook.next;
-        if (currentHook === null) {
-          // This is a newly mounted hook
-          hook = createHook();
-        } else {
-          // Clone the current hook.
-          hook = cloneHook(currentHook);
-        }
-      }
-      // Append to the end of the list
-      workInProgressHook = workInProgressHook.next = hook;
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      workInProgressHook = workInProgressHook.next;
-      currentHook = currentHook !== null ? currentHook.next : null;
-    }
-  }
-  return workInProgressHook;
-}
-
-function createFunctionComponentUpdateQueue() {
-  return {
-    lastEffect: null
-  };
-}
-
-function basicStateReducer(state, action) {
-  return typeof action === "function" ? action(state) : action;
-}
-
-function useContext(context, observedBits) {
-  // Ensure we're in a function component (class components support only the
-  // .unstable_read() form)
-  resolveCurrentlyRenderingFiber();
-  return readContext(context, observedBits);
-}
-
-function useState(initialState) {
-  return useReducer(
-    basicStateReducer,
-    // useReducer has a special case to support lazy useState initializers
-    initialState
-  );
-}
-
-function useReducer(reducer, initialState, initialAction) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-  var queue = workInProgressHook.queue;
-  if (queue !== null) {
-    // Already have a queue, so this is an update.
-    if (isReRender) {
-      // This is a re-render. Apply the new render phase updates to the previous
-      var _dispatch2 = queue.dispatch;
-      if (renderPhaseUpdates !== null) {
-        // Render phase updates are stored in a map of queue -> linked list
-        var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
-        if (firstRenderPhaseUpdate !== undefined) {
-          renderPhaseUpdates.delete(queue);
-          var newState = workInProgressHook.memoizedState;
-          var update = firstRenderPhaseUpdate;
-          do {
-            // Process this render phase update. We don't have to check the
-            // priority because it will always be the same as the current
-            // render's.
-            var _action = update.action;
-            newState = reducer(newState, _action);
-            update = update.next;
-          } while (update !== null);
-
-          workInProgressHook.memoizedState = newState;
-
-          // Don't persist the state accumlated from the render phase updates to
-          // the base state unless the queue is empty.
-          // TODO: Not sure if this is the desired semantics, but it's what we
-          // do for gDSFP. I can't remember why.
-          if (workInProgressHook.baseUpdate === queue.last) {
-            workInProgressHook.baseState = newState;
-          }
-
-          return [newState, _dispatch2];
-        }
-      }
-      return [workInProgressHook.memoizedState, _dispatch2];
-    }
-
-    // The last update in the entire queue
-    var _last = queue.last;
-    // The last update that is part of the base state.
-    var _baseUpdate = workInProgressHook.baseUpdate;
-
-    // Find the first unprocessed update.
-    var first = void 0;
-    if (_baseUpdate !== null) {
-      if (_last !== null) {
-        // For the first update, the queue is a circular linked list where
-        // `queue.last.next = queue.first`. Once the first update commits, and
-        // the `baseUpdate` is no longer empty, we can unravel the list.
-        _last.next = null;
-      }
-      first = _baseUpdate.next;
-    } else {
-      first = _last !== null ? _last.next : null;
-    }
-    if (first !== null) {
-      var _newState = workInProgressHook.baseState;
-      var newBaseState = null;
-      var newBaseUpdate = null;
-      var prevUpdate = _baseUpdate;
-      var _update = first;
-      var didSkip = false;
-      do {
-        var updateExpirationTime = _update.expirationTime;
-        if (updateExpirationTime < renderExpirationTime) {
-          // Priority is insufficient. Skip this update. If this is the first
-          // skipped update, the previous update/state is the new base
-          // update/state.
-          if (!didSkip) {
-            didSkip = true;
-            newBaseUpdate = prevUpdate;
-            newBaseState = _newState;
-          }
-          // Update the remaining priority in the queue.
-          if (updateExpirationTime > remainingExpirationTime) {
-            remainingExpirationTime = updateExpirationTime;
-          }
-        } else {
-          // Process this update.
-          var _action2 = _update.action;
-          _newState = reducer(_newState, _action2);
-        }
-        prevUpdate = _update;
-        _update = _update.next;
-      } while (_update !== null && _update !== first);
-
-      if (!didSkip) {
-        newBaseUpdate = prevUpdate;
-        newBaseState = _newState;
-      }
-
-      workInProgressHook.memoizedState = _newState;
-      workInProgressHook.baseUpdate = newBaseUpdate;
-      workInProgressHook.baseState = newBaseState;
-    }
-
-    var _dispatch = queue.dispatch;
-    return [workInProgressHook.memoizedState, _dispatch];
-  }
-
-  // There's no existing queue, so this is the initial render.
-  if (reducer === basicStateReducer) {
-    // Special case for `useState`.
-    if (typeof initialState === "function") {
-      initialState = initialState();
-    }
-  } else if (initialAction !== undefined && initialAction !== null) {
-    initialState = reducer(initialState, initialAction);
-  }
-  workInProgressHook.memoizedState = workInProgressHook.baseState = initialState;
-  queue = workInProgressHook.queue = {
-    last: null,
-    dispatch: null
-  };
-  var dispatch = (queue.dispatch = dispatchAction.bind(
-    null,
-    currentlyRenderingFiber$1,
-    queue
-  ));
-  return [workInProgressHook.memoizedState, dispatch];
-}
-
-function pushEffect(tag, create, destroy, inputs) {
-  var effect = {
-    tag: tag,
-    create: create,
-    destroy: destroy,
-    inputs: inputs,
-    // Circular
-    next: null
-  };
-  if (componentUpdateQueue === null) {
-    componentUpdateQueue = createFunctionComponentUpdateQueue();
-    componentUpdateQueue.lastEffect = effect.next = effect;
-  } else {
-    var _lastEffect = componentUpdateQueue.lastEffect;
-    if (_lastEffect === null) {
-      componentUpdateQueue.lastEffect = effect.next = effect;
-    } else {
-      var firstEffect = _lastEffect.next;
-      _lastEffect.next = effect;
-      effect.next = firstEffect;
-      componentUpdateQueue.lastEffect = effect;
-    }
-  }
-  return effect;
-}
-
-function useRef(initialValue) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-  var ref = void 0;
-
-  if (workInProgressHook.memoizedState === null) {
-    ref = { current: initialValue };
-    {
-      Object.seal(ref);
-    }
-    workInProgressHook.memoizedState = ref;
-  } else {
-    ref = workInProgressHook.memoizedState;
-  }
-  return ref;
-}
-
-function useMutationEffect(create, inputs) {
-  useEffectImpl(
-    Snapshot | Update,
-    UnmountSnapshot | MountMutation,
-    create,
-    inputs
-  );
-}
-
-function useLayoutEffect(create, inputs) {
-  useEffectImpl(Update, UnmountMutation | MountLayout, create, inputs);
-}
-
-function useEffect(create, inputs) {
-  useEffectImpl(
-    Update | Passive,
-    UnmountPassive | MountPassive,
-    create,
-    inputs
-  );
-}
-
-function useEffectImpl(fiberEffectTag, hookEffectTag, create, inputs) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-
-  var nextInputs = inputs !== undefined && inputs !== null ? inputs : [create];
-  var destroy = null;
-  if (currentHook !== null) {
-    var prevEffect = currentHook.memoizedState;
-    destroy = prevEffect.destroy;
-    if (inputsAreEqual(nextInputs, prevEffect.inputs)) {
-      pushEffect(NoEffect$1, create, destroy, nextInputs);
-      return;
-    }
-  }
-
-  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
-  workInProgressHook.memoizedState = pushEffect(
-    hookEffectTag,
-    create,
-    destroy,
-    nextInputs
-  );
-}
-
-function useImperativeMethods(ref, create, inputs) {
-  // TODO: If inputs are provided, should we skip comparing the ref itself?
-  var nextInputs =
-    inputs !== null && inputs !== undefined
-      ? inputs.concat([ref])
-      : [ref, create];
-
-  // TODO: I've implemented this on top of useEffect because it's almost the
-  // same thing, and it would require an equal amount of code. It doesn't seem
-  // like a common enough use case to justify the additional size.
-  useEffectImpl(
-    Update,
-    UnmountMutation | MountLayout,
-    function() {
-      if (typeof ref === "function") {
-        var refCallback = ref;
-        var _inst = create();
-        refCallback(_inst);
-        return function() {
-          return refCallback(null);
-        };
-      } else if (ref !== null && ref !== undefined) {
-        var refObject = ref;
-        var _inst2 = create();
-        refObject.current = _inst2;
-        return function() {
-          refObject.current = null;
-        };
-      }
-    },
-    nextInputs
-  );
-}
-
-function useCallback(callback, inputs) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-
-  var nextInputs =
-    inputs !== undefined && inputs !== null ? inputs : [callback];
-
-  var prevState = workInProgressHook.memoizedState;
-  if (prevState !== null) {
-    var prevInputs = prevState[1];
-    if (inputsAreEqual(nextInputs, prevInputs)) {
-      return prevState[0];
-    }
-  }
-  workInProgressHook.memoizedState = [callback, nextInputs];
-  return callback;
-}
-
-function useMemo(nextCreate, inputs) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-
-  var nextInputs =
-    inputs !== undefined && inputs !== null ? inputs : [nextCreate];
-
-  var prevState = workInProgressHook.memoizedState;
-  if (prevState !== null) {
-    var prevInputs = prevState[1];
-    if (inputsAreEqual(nextInputs, prevInputs)) {
-      return prevState[0];
-    }
-  }
-
-  var nextValue = nextCreate();
-  workInProgressHook.memoizedState = [nextValue, nextInputs];
-  return nextValue;
-}
-
-function dispatchAction(fiber, queue, action) {
-  invariant(
-    numberOfReRenders < RE_RENDER_LIMIT,
-    "Too many re-renders. React limits the number of renders to prevent " +
-      "an infinite loop."
-  );
-
-  var alternate = fiber.alternate;
-  if (
-    fiber === currentlyRenderingFiber$1 ||
-    (alternate !== null && alternate === currentlyRenderingFiber$1)
-  ) {
-    // This is a render phase update. Stash it in a lazily-created map of
-    // queue -> linked list of updates. After this render pass, we'll restart
-    // and apply the stashed updates on top of the work-in-progress hook.
-    didScheduleRenderPhaseUpdate = true;
-    var update = {
-      expirationTime: renderExpirationTime,
-      action: action,
-      next: null
-    };
-    if (renderPhaseUpdates === null) {
-      renderPhaseUpdates = new Map();
-    }
-    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
-    if (firstRenderPhaseUpdate === undefined) {
-      renderPhaseUpdates.set(queue, update);
-    } else {
-      // Append the update to the end of the list.
-      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
-      while (lastRenderPhaseUpdate.next !== null) {
-        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-      }
-      lastRenderPhaseUpdate.next = update;
-    }
-  } else {
-    var currentTime = requestCurrentTime();
-    var _expirationTime = computeExpirationForFiber(currentTime, fiber);
-    var _update2 = {
-      expirationTime: _expirationTime,
-      action: action,
-      next: null
-    };
-    flushPassiveEffects();
-    // Append the update to the end of the list.
-    var _last2 = queue.last;
-    if (_last2 === null) {
-      // This is the first update. Create a circular list.
-      _update2.next = _update2;
-    } else {
-      var first = _last2.next;
-      if (first !== null) {
-        // Still circular.
-        _update2.next = first;
-      }
-      _last2.next = _update2;
-    }
-    queue.last = _update2;
-    scheduleWork(fiber, _expirationTime);
-  }
-}
-
-function inputsAreEqual(arr1, arr2) {
-  // Don't bother comparing lengths in prod because these arrays should be
-  // passed inline.
-  {
-    !(arr1.length === arr2.length)
-      ? warning$1(
-          false,
-          "Detected a variable number of hook dependencies. The length of the " +
-            "dependencies array should be constant between renders.\n\n" +
-            "Previous: %s\n" +
-            "Incoming: %s",
-          arr1.join(", "),
-          arr2.join(", ")
-        )
-      : void 0;
-  }
-  for (var i = 0; i < arr1.length; i++) {
-    // Inlined Object.is polyfill.
-    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
-    var val1 = arr1[i];
-    var val2 = arr2[i];
-    if (
-      (val1 === val2 && (val1 !== 0 || 1 / val1 === 1 / val2)) ||
-      (val1 !== val1 && val2 !== val2) // eslint-disable-line no-self-compare
-    ) {
-      continue;
-    }
-    return false;
-  }
-  return true;
-}
-
 var NO_CONTEXT = {};
 
 var contextStackCursor$1 = createCursor(NO_CONTEXT);
@@ -8294,13 +7622,6 @@ function shallowEqual(objA, objB) {
   return true;
 }
 
-var ReactCurrentOwner$4 = ReactSharedInternals.ReactCurrentOwner;
-
-function readContext$1(contextType) {
-  var dispatcher = ReactCurrentOwner$4.currentDispatcher;
-  return dispatcher.readContext(contextType);
-}
-
 var fakeInternalInstance = {};
 var isArray$1 = Array.isArray;
 
@@ -8440,7 +7761,6 @@ var classComponentUpdater = {
       update.callback = callback;
     }
 
-    flushPassiveEffects();
     enqueueUpdate(fiber, update);
     scheduleWork(fiber, expirationTime);
   },
@@ -8460,7 +7780,6 @@ var classComponentUpdater = {
       update.callback = callback;
     }
 
-    flushPassiveEffects();
     enqueueUpdate(fiber, update);
     scheduleWork(fiber, expirationTime);
   },
@@ -8479,7 +7798,6 @@ var classComponentUpdater = {
       update.callback = callback;
     }
 
-    flushPassiveEffects();
     enqueueUpdate(fiber, update);
     scheduleWork(fiber, expirationTime);
   }
@@ -8796,7 +8114,7 @@ function constructClassInstance(
   if (typeof contextType === "object" && contextType !== null) {
     {
       if (
-        contextType.$$typeof !== REACT_CONTEXT_TYPE &&
+        typeof contextType.unstable_read !== "function" &&
         !didWarnAboutInvalidateContextType.has(ctor)
       ) {
         didWarnAboutInvalidateContextType.add(ctor);
@@ -8810,7 +8128,7 @@ function constructClassInstance(
       }
     }
 
-    context = readContext$1(contextType);
+    context = contextType.unstable_read();
   } else {
     unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     var contextTypes = ctor.contextTypes;
@@ -9012,7 +8330,7 @@ function mountClassInstance(
 
   var contextType = ctor.contextType;
   if (typeof contextType === "object" && contextType !== null) {
-    instance.context = readContext$1(contextType);
+    instance.context = contextType.unstable_read();
   } else {
     var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     instance.context = getMaskedContext(workInProgress, unmaskedContext);
@@ -9120,7 +8438,7 @@ function resumeMountClassInstance(
   var contextType = ctor.contextType;
   var nextContext = void 0;
   if (typeof contextType === "object" && contextType !== null) {
-    nextContext = readContext$1(contextType);
+    nextContext = contextType.unstable_read();
   } else {
     var nextLegacyUnmaskedContext = getUnmaskedContext(
       workInProgress,
@@ -9266,7 +8584,7 @@ function updateClassInstance(
   var contextType = ctor.contextType;
   var nextContext = void 0;
   if (typeof contextType === "object" && contextType !== null) {
-    nextContext = readContext$1(contextType);
+    nextContext = contextType.unstable_read();
   } else {
     var nextUnmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     nextContext = getMaskedContext(workInProgress, nextUnmaskedContext);
@@ -9509,7 +8827,8 @@ function coerceRef(returnFiber, current$$1, element) {
       if (owner) {
         var ownerFiber = owner;
         invariant(
-          ownerFiber.tag === ClassComponent,
+          ownerFiber.tag === ClassComponent ||
+            ownerFiber.tag === ClassComponentLazy,
           "Function components cannot have refs."
         );
         inst = ownerFiber.stateNode;
@@ -9729,7 +9048,7 @@ function ChildReconciler(shouldTrackSideEffects) {
   }
 
   function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (current$$1 !== null && current$$1.elementType === element.type) {
+    if (current$$1 !== null && current$$1.type === element.type) {
       // Move based on index
       var existing = useFiber(current$$1, element.props, expirationTime);
       existing.ref = coerceRef(returnFiber, current$$1, element);
@@ -10467,7 +9786,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         if (
           child.tag === Fragment
             ? element.type === REACT_FRAGMENT_TYPE
-            : child.elementType === element.type
+            : child.type === element.type
         ) {
           deleteRemainingChildren(returnFiber, child.sibling);
           var existing = useFiber(
@@ -10650,7 +9969,8 @@ function ChildReconciler(shouldTrackSideEffects) {
       // component, throw an error. If Fiber return types are disabled,
       // we already threw above.
       switch (returnFiber.tag) {
-        case ClassComponent: {
+        case ClassComponent:
+        case ClassComponentLazy: {
           {
             var instance = returnFiber.stateNode;
             if (instance.render._isMockFunction) {
@@ -11033,54 +10353,45 @@ function resetHydrationState() {
   isHydrating = false;
 }
 
-function readLazyComponentType(lazyComponent) {
-  var status = lazyComponent._status;
-  var result = lazyComponent._result;
+function readLazyComponentType(thenable) {
+  var status = thenable._reactStatus;
   switch (status) {
-    case Resolved: {
-      var Component = result;
+    case Resolved:
+      var Component = thenable._reactResult;
       return Component;
-    }
-    case Rejected: {
-      var error = result;
-      throw error;
-    }
-    case Pending: {
-      var thenable = result;
+    case Rejected:
+      throw thenable._reactResult;
+    case Pending:
       throw thenable;
-    }
     default: {
-      lazyComponent._status = Pending;
-      var ctor = lazyComponent._ctor;
-      var _thenable = ctor();
-      _thenable.then(
-        function(moduleObject) {
-          if (lazyComponent._status === Pending) {
-            var defaultExport = moduleObject.default;
-            {
-              if (defaultExport === undefined) {
-                warning$1(
-                  false,
-                  "lazy: Expected the result of a dynamic import() call. " +
-                    "Instead received: %s\n\nYour code should look like: \n  " +
-                    "const MyComponent = lazy(() => import('./MyComponent'))",
-                  moduleObject
-                );
-              }
+      thenable._reactStatus = Pending;
+      thenable.then(
+        function(resolvedValue) {
+          if (thenable._reactStatus === Pending) {
+            thenable._reactStatus = Resolved;
+            if (typeof resolvedValue === "object" && resolvedValue !== null) {
+              // If the `default` property is not empty, assume it's the result
+              // of an async import() and use that. Otherwise, use the
+              // resolved value itself.
+              var defaultExport = resolvedValue.default;
+              resolvedValue =
+                defaultExport !== undefined && defaultExport !== null
+                  ? defaultExport
+                  : resolvedValue;
+            } else {
+              resolvedValue = resolvedValue;
             }
-            lazyComponent._status = Resolved;
-            lazyComponent._result = defaultExport;
+            thenable._reactResult = resolvedValue;
           }
         },
         function(error) {
-          if (lazyComponent._status === Pending) {
-            lazyComponent._status = Rejected;
-            lazyComponent._result = error;
+          if (thenable._reactStatus === Pending) {
+            thenable._reactStatus = Rejected;
+            thenable._reactResult = error;
           }
         }
       );
-      lazyComponent._result = _thenable;
-      throw _thenable;
+      throw thenable;
     }
   }
 }
@@ -11167,24 +10478,85 @@ function forceUnmountCurrentAndReconcile(
 function updateForwardRef(
   current$$1,
   workInProgress,
-  Component,
+  type,
   nextProps,
   renderExpirationTime
 ) {
-  var render = Component.render;
+  var render = type.render;
   var ref = workInProgress.ref;
+  if (hasContextChanged()) {
+    // Normally we can bail out on props equality but if context has changed
+    // we don't do the bailout and we have to reuse existing props instead.
+  } else if (workInProgress.memoizedProps === nextProps) {
+    var currentRef = current$$1 !== null ? current$$1.ref : null;
+    if (ref === currentRef) {
+      return bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+  }
 
-  // The rest is a fork of updateFunctionComponent
   var nextChildren = void 0;
-  prepareToReadContext(workInProgress, renderExpirationTime);
-  prepareToUseHooks(current$$1, workInProgress, renderExpirationTime);
   {
     ReactCurrentOwner$3.current = workInProgress;
     setCurrentPhase("render");
     nextChildren = render(nextProps, ref);
     setCurrentPhase(null);
   }
-  nextChildren = finishHooks(render, nextProps, nextChildren, ref);
+
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  memoizeProps(workInProgress, nextProps);
+  return workInProgress.child;
+}
+
+function updatePureComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  var render = Component.render;
+  var ref = workInProgress.ref;
+
+  if (
+    current$$1 !== null &&
+    (updateExpirationTime === NoWork ||
+      updateExpirationTime > renderExpirationTime)
+  ) {
+    var prevProps = current$$1.memoizedProps;
+    // Default to shallow comparison
+    var compare = Component.compare;
+    compare = compare !== null ? compare : shallowEqual;
+    if (
+      workInProgress.ref === current$$1.ref &&
+      compare(prevProps, nextProps)
+    ) {
+      return bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+  }
+
+  // The rest is a fork of updateFunctionComponent
+  var nextChildren = void 0;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  {
+    ReactCurrentOwner$3.current = workInProgress;
+    setCurrentPhase("render");
+    nextChildren = render(nextProps, ref);
+    setCurrentPhase(null);
+  }
 
   // React DevTools reads this flag.
   workInProgress.effectTag |= PerformedWork;
@@ -11194,107 +10566,10 @@ function updateForwardRef(
     nextChildren,
     renderExpirationTime
   );
+  memoizeProps(workInProgress, nextProps);
   return workInProgress.child;
 }
 
-function updateMemoComponent(
-  current$$1,
-  workInProgress,
-  Component,
-  nextProps,
-  updateExpirationTime,
-  renderExpirationTime
-) {
-  if (current$$1 === null) {
-    var type = Component.type;
-    if (isSimpleFunctionComponent(type) && Component.compare === null) {
-      // If this is a plain function component without default props,
-      // and with only the default shallow comparison, we upgrade it
-      // to a SimpleMemoComponent to allow fast path updates.
-      workInProgress.tag = SimpleMemoComponent;
-      workInProgress.type = type;
-      return updateSimpleMemoComponent(
-        current$$1,
-        workInProgress,
-        type,
-        nextProps,
-        updateExpirationTime,
-        renderExpirationTime
-      );
-    }
-    var child = createFiberFromTypeAndProps(
-      Component.type,
-      null,
-      nextProps,
-      null,
-      workInProgress.mode,
-      renderExpirationTime
-    );
-    child.ref = workInProgress.ref;
-    child.return = workInProgress;
-    workInProgress.child = child;
-    return child;
-  }
-  var currentChild = current$$1.child; // This is always exactly one child
-  if (updateExpirationTime < renderExpirationTime) {
-    // This will be the props with resolved defaultProps,
-    // unlike current.memoizedProps which will be the unresolved ones.
-    var prevProps = currentChild.memoizedProps;
-    // Default to shallow comparison
-    var compare = Component.compare;
-    compare = compare !== null ? compare : shallowEqual;
-    if (
-      compare(prevProps, nextProps) &&
-      current$$1.ref === workInProgress.ref
-    ) {
-      return bailoutOnAlreadyFinishedWork(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    }
-  }
-  var newChild = createWorkInProgress(
-    currentChild,
-    nextProps,
-    renderExpirationTime
-  );
-  newChild.ref = workInProgress.ref;
-  newChild.return = workInProgress;
-  workInProgress.child = newChild;
-  return newChild;
-}
-
-function updateSimpleMemoComponent(
-  current$$1,
-  workInProgress,
-  Component,
-  nextProps,
-  updateExpirationTime,
-  renderExpirationTime
-) {
-  if (current$$1 !== null && updateExpirationTime < renderExpirationTime) {
-    var prevProps = current$$1.memoizedProps;
-    if (
-      shallowEqual(prevProps, nextProps) &&
-      current$$1.ref === workInProgress.ref
-    ) {
-      return bailoutOnAlreadyFinishedWork(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    }
-  }
-  return updateFunctionComponent(
-    current$$1,
-    workInProgress,
-    Component,
-    nextProps,
-    renderExpirationTime
-  );
-}
-
 function updateFragment(current$$1, workInProgress, renderExpirationTime) {
   var nextChildren = workInProgress.pendingProps;
   reconcileChildren(
@@ -11303,6 +10578,7 @@ function updateFragment(current$$1, workInProgress, renderExpirationTime) {
     nextChildren,
     renderExpirationTime
   );
+  memoizeProps(workInProgress, nextChildren);
   return workInProgress.child;
 }
 
@@ -11314,6 +10590,7 @@ function updateMode(current$$1, workInProgress, renderExpirationTime) {
     nextChildren,
     renderExpirationTime
   );
+  memoizeProps(workInProgress, nextChildren);
   return workInProgress.child;
 }
 
@@ -11329,6 +10606,7 @@ function updateProfiler(current$$1, workInProgress, renderExpirationTime) {
     nextChildren,
     renderExpirationTime
   );
+  memoizeProps(workInProgress, nextProps);
   return workInProgress.child;
 }
 
@@ -11355,14 +10633,12 @@ function updateFunctionComponent(
 
   var nextChildren = void 0;
   prepareToReadContext(workInProgress, renderExpirationTime);
-  prepareToUseHooks(current$$1, workInProgress, renderExpirationTime);
   {
     ReactCurrentOwner$3.current = workInProgress;
     setCurrentPhase("render");
     nextChildren = Component(nextProps, context);
     setCurrentPhase(null);
   }
-  nextChildren = finishHooks(Component, nextProps, nextChildren, context);
 
   // React DevTools reads this flag.
   workInProgress.effectTag |= PerformedWork;
@@ -11372,6 +10648,7 @@ function updateFunctionComponent(
     nextChildren,
     renderExpirationTime
   );
+  memoizeProps(workInProgress, nextProps);
   return workInProgress.child;
 }
 
@@ -11394,41 +10671,32 @@ function updateClassComponent(
   }
   prepareToReadContext(workInProgress, renderExpirationTime);
 
-  var instance = workInProgress.stateNode;
   var shouldUpdate = void 0;
-  if (instance === null) {
-    if (current$$1 !== null) {
-      // An class component without an instance only mounts if it suspended
-      // inside a non- concurrent tree, in an inconsistent state. We want to
-      // tree it like a new mount, even though an empty version of it already
-      // committed. Disconnect the alternate pointers.
-      current$$1.alternate = null;
-      workInProgress.alternate = null;
-      // Since this is conceptually a new fiber, schedule a Placement effect
-      workInProgress.effectTag |= Placement;
+  if (current$$1 === null) {
+    if (workInProgress.stateNode === null) {
+      // In the initial pass we might need to construct the instance.
+      constructClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      );
+      mountClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      );
+      shouldUpdate = true;
+    } else {
+      // In a resume, we'll already have an instance we can reuse.
+      shouldUpdate = resumeMountClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      );
     }
-    // In the initial pass we might need to construct the instance.
-    constructClassInstance(
-      workInProgress,
-      Component,
-      nextProps,
-      renderExpirationTime
-    );
-    mountClassInstance(
-      workInProgress,
-      Component,
-      nextProps,
-      renderExpirationTime
-    );
-    shouldUpdate = true;
-  } else if (current$$1 === null) {
-    // In a resume, we'll already have an instance we can reuse.
-    shouldUpdate = resumeMountClassInstance(
-      workInProgress,
-      Component,
-      nextProps,
-      renderExpirationTime
-    );
   } else {
     shouldUpdate = updateClassInstance(
       current$$1,
@@ -11530,9 +10798,10 @@ function finishClassComponent(
     );
   }
 
-  // Memoize state using the values we just used to render.
+  // Memoize props and state using the values we just used to render.
   // TODO: Restructure so we never read values from the instance.
-  workInProgress.memoizedState = instance.state;
+  memoizeState(workInProgress, instance.state);
+  memoizeProps(workInProgress, instance.props);
 
   // The context might have changed so we need to recalculate it.
   if (hasContext) {
@@ -11666,6 +10935,7 @@ function updateHostComponent(current$$1, workInProgress, renderExpirationTime) {
   ) {
     // Schedule this fiber to re-render at offscreen priority. Then bailout.
     workInProgress.expirationTime = Never;
+    workInProgress.memoizedProps = nextProps;
     return null;
   }
 
@@ -11675,6 +10945,7 @@ function updateHostComponent(current$$1, workInProgress, renderExpirationTime) {
     nextChildren,
     renderExpirationTime
   );
+  memoizeProps(workInProgress, nextProps);
   return workInProgress.child;
 }
 
@@ -11682,6 +10953,8 @@ function updateHostText(current$$1, workInProgress) {
   if (current$$1 === null) {
     tryToClaimNextHydratableInstance(workInProgress);
   }
+  var nextProps = workInProgress.pendingProps;
+  memoizeProps(workInProgress, nextProps);
   // Nothing to do here. This is terminal. We'll do the completion step
   // immediately after.
   return null;
@@ -11702,173 +10975,98 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function mountLazyComponent(
-  _current,
+function mountIndeterminateComponent(
+  current$$1,
   workInProgress,
-  elementType,
+  Component,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  if (_current !== null) {
-    // An lazy component only mounts if it suspended inside a non-
-    // concurrent tree, in an inconsistent state. We want to tree it like
-    // a new mount, even though an empty version of it already committed.
-    // Disconnect the alternate pointers.
-    _current.alternate = null;
-    workInProgress.alternate = null;
-    // Since this is conceptually a new fiber, schedule a Placement effect
-    workInProgress.effectTag |= Placement;
-  }
+  invariant(
+    current$$1 === null,
+    "An indeterminate component should never have mounted. This error is " +
+      "likely caused by a bug in React. Please file an issue."
+  );
 
   var props = workInProgress.pendingProps;
-  // We can't start a User Timing measurement with correct label yet.
-  // Cancel and resume right after we know the tag.
-  cancelWorkTimer(workInProgress);
-  var Component = readLazyComponentType(elementType);
-  // Store the unwrapped component in the type.
-  workInProgress.type = Component;
-  var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(Component));
-  startWorkTimer(workInProgress);
-  var resolvedProps = resolveDefaultProps(Component, props);
-  var child = void 0;
-  switch (resolvedTag) {
-    case FunctionComponent: {
-      child = updateFunctionComponent(
-        null,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderExpirationTime
-      );
-      break;
+  if (
+    typeof Component === "object" &&
+    Component !== null &&
+    typeof Component.then === "function"
+  ) {
+    // We can't start a User Timing measurement with correct label yet.
+    // Cancel and resume right after we know the tag.
+    cancelWorkTimer(workInProgress);
+    Component = readLazyComponentType(Component);
+    var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(
+      workInProgress,
+      Component
+    ));
+    startWorkTimer(workInProgress);
+    var resolvedProps = resolveDefaultProps(Component, props);
+    var child = void 0;
+    switch (resolvedTag) {
+      case FunctionComponentLazy: {
+        child = updateFunctionComponent(
+          current$$1,
+          workInProgress,
+          Component,
+          resolvedProps,
+          renderExpirationTime
+        );
+        break;
+      }
+      case ClassComponentLazy: {
+        child = updateClassComponent(
+          current$$1,
+          workInProgress,
+          Component,
+          resolvedProps,
+          renderExpirationTime
+        );
+        break;
+      }
+      case ForwardRefLazy: {
+        child = updateForwardRef(
+          current$$1,
+          workInProgress,
+          Component,
+          resolvedProps,
+          renderExpirationTime
+        );
+        break;
+      }
+      case PureComponentLazy: {
+        child = updatePureComponent(
+          current$$1,
+          workInProgress,
+          Component,
+          resolvedProps,
+          updateExpirationTime,
+          renderExpirationTime
+        );
+        break;
+      }
+      default: {
+        // This message intentionally doesn't metion ForwardRef or PureComponent
+        // because the fact that it's a separate type of work is an
+        // implementation detail.
+        invariant(
+          false,
+          "Element type is invalid. Received a promise that resolves to: %s. " +
+            "Promise elements must resolve to a class or function.",
+          Component
+        );
+      }
     }
-    case ClassComponent: {
-      child = updateClassComponent(
-        null,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderExpirationTime
-      );
-      break;
-    }
-    case ForwardRef: {
-      child = updateForwardRef(
-        null,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderExpirationTime
-      );
-      break;
-    }
-    case MemoComponent: {
-      child = updateMemoComponent(
-        null,
-        workInProgress,
-        Component,
-        resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
-        updateExpirationTime,
-        renderExpirationTime
-      );
-      break;
-    }
-    default: {
-      // This message intentionally doesn't metion ForwardRef or MemoComponent
-      // because the fact that it's a separate type of work is an
-      // implementation detail.
-      invariant(
-        false,
-        "Element type is invalid. Received a promise that resolves to: %s. " +
-          "Promise elements must resolve to a class or function.",
-        Component
-      );
-    }
-  }
-  return child;
-}
-
-function mountIncompleteClassComponent(
-  _current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderExpirationTime
-) {
-  if (_current !== null) {
-    // An incomplete component only mounts if it suspended inside a non-
-    // concurrent tree, in an inconsistent state. We want to tree it like
-    // a new mount, even though an empty version of it already committed.
-    // Disconnect the alternate pointers.
-    _current.alternate = null;
-    workInProgress.alternate = null;
-    // Since this is conceptually a new fiber, schedule a Placement effect
-    workInProgress.effectTag |= Placement;
+    workInProgress.memoizedProps = props;
+    return child;
   }
 
-  // Promote the fiber to a class and try rendering again.
-  workInProgress.tag = ClassComponent;
-
-  // The rest of this function is a fork of `updateClassComponent`
-
-  // Push context providers early to prevent context stack mismatches.
-  // During mounting we don't know the child context yet as the instance doesn't exist.
-  // We will invalidate the child context in finishClassComponent() right after rendering.
-  var hasContext = void 0;
-  if (isContextProvider(Component)) {
-    hasContext = true;
-    pushContextProvider(workInProgress);
-  } else {
-    hasContext = false;
-  }
-  prepareToReadContext(workInProgress, renderExpirationTime);
-
-  constructClassInstance(
-    workInProgress,
-    Component,
-    nextProps,
-    renderExpirationTime
-  );
-  mountClassInstance(
-    workInProgress,
-    Component,
-    nextProps,
-    renderExpirationTime
-  );
-
-  return finishClassComponent(
-    null,
-    workInProgress,
-    Component,
-    true,
-    hasContext,
-    renderExpirationTime
-  );
-}
-
-function mountIndeterminateComponent(
-  _current,
-  workInProgress,
-  Component,
-  renderExpirationTime
-) {
-  if (_current !== null) {
-    // An indeterminate component only mounts if it suspended inside a non-
-    // concurrent tree, in an inconsistent state. We want to tree it like
-    // a new mount, even though an empty version of it already committed.
-    // Disconnect the alternate pointers.
-    _current.alternate = null;
-    workInProgress.alternate = null;
-    // Since this is conceptually a new fiber, schedule a Placement effect
-    workInProgress.effectTag |= Placement;
-  }
-
-  var props = workInProgress.pendingProps;
   var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
   var context = getMaskedContext(workInProgress, unmaskedContext);
 
   prepareToReadContext(workInProgress, renderExpirationTime);
-  prepareToUseHooks(null, workInProgress, renderExpirationTime);
 
   var value = void 0;
 
@@ -11910,9 +11108,6 @@ function mountIndeterminateComponent(
     // Proceed under the assumption that this is a class instance
     workInProgress.tag = ClassComponent;
 
-    // Throw out any hooks that were used.
-    resetHooks();
-
     // Push context providers early to prevent context stack mismatches.
     // During mounting we don't know the child context yet as the instance doesn't exist.
     // We will invalidate the child context in finishClassComponent() right after rendering.
@@ -11940,7 +11135,7 @@ function mountIndeterminateComponent(
     adoptClassInstance(workInProgress, value);
     mountClassInstance(workInProgress, Component, props, renderExpirationTime);
     return finishClassComponent(
-      null,
+      current$$1,
       workInProgress,
       Component,
       true,
@@ -11950,7 +11145,6 @@ function mountIndeterminateComponent(
   } else {
     // Proceed under the assumption that this is a function component
     workInProgress.tag = FunctionComponent;
-    value = finishHooks(Component, props, value, context);
     {
       if (Component) {
         !!Component.childContextTypes
@@ -12013,7 +11207,8 @@ function mountIndeterminateComponent(
         }
       }
     }
-    reconcileChildren(null, workInProgress, value, renderExpirationTime);
+    reconcileChildren(current$$1, workInProgress, value, renderExpirationTime);
+    memoizeProps(workInProgress, props);
     return workInProgress.child;
   }
 }
@@ -12023,207 +11218,67 @@ function updateSuspenseComponent(
   workInProgress,
   renderExpirationTime
 ) {
-  var mode = workInProgress.mode;
   var nextProps = workInProgress.pendingProps;
 
-  // We should attempt to render the primary children unless this boundary
-  // already suspended during this render (`alreadyCaptured` is true).
-  var nextState = workInProgress.memoizedState;
-  if (nextState === null) {
-    // An empty suspense state means this boundary has not yet timed out.
+  // Check if we already attempted to render the normal state. If we did,
+  // and we timed out, render the placeholder state.
+  var alreadyCaptured = (workInProgress.effectTag & DidCapture) === NoEffect;
+
+  var nextDidTimeout = void 0;
+  if (current$$1 !== null && workInProgress.updateQueue !== null) {
+    // We're outside strict mode. Something inside this Placeholder boundary
+    // suspended during the last commit. Switch to the placholder.
+    workInProgress.updateQueue = null;
+    nextDidTimeout = true;
   } else {
-    if (!nextState.alreadyCaptured) {
-      // Since we haven't already suspended during this commit, clear the
-      // existing suspense state. We'll try rendering again.
-      nextState = null;
-    } else {
-      // Something in this boundary's subtree already suspended. Switch to
-      // rendering the fallback children. Set `alreadyCaptured` to true.
-      if (current$$1 !== null && nextState === current$$1.memoizedState) {
-        // Create a new suspense state to avoid mutating the current tree's.
-        nextState = {
-          alreadyCaptured: true,
-          didTimeout: true,
-          timedOutAt: nextState.timedOutAt
-        };
-      } else {
-        // Already have a clone, so it's safe to mutate.
-        nextState.alreadyCaptured = true;
-        nextState.didTimeout = true;
-      }
-    }
+    nextDidTimeout = !alreadyCaptured;
   }
-  var nextDidTimeout = nextState !== null && nextState.didTimeout;
 
-  // This next part is a bit confusing. If the children timeout, we switch to
-  // showing the fallback children in place of the "primary" children.
-  // However, we don't want to delete the primary children because then their
-  // state will be lost (both the React state and the host state, e.g.
-  // uncontrolled form inputs). Instead we keep them mounted and hide them.
-  // Both the fallback children AND the primary children are rendered at the
-  // same time. Once the primary children are un-suspended, we can delete
-  // the fallback children — don't need to preserve their state.
-  //
-  // The two sets of children are siblings in the host environment, but
-  // semantically, for purposes of reconciliation, they are two separate sets.
-  // So we store them using two fragment fibers.
-  //
-  // However, we want to avoid allocating extra fibers for every placeholder.
-  // They're only necessary when the children time out, because that's the
-  // only time when both sets are mounted.
-  //
-  // So, the extra fragment fibers are only used if the children time out.
-  // Otherwise, we render the primary children directly. This requires some
-  // custom reconciliation logic to preserve the state of the primary
-  // children. It's essentially a very basic form of re-parenting.
-
-  // `child` points to the child fiber. In the normal case, this is the first
-  // fiber of the primary children set. In the timed-out case, it's a
-  // a fragment fiber containing the primary children.
-  var child = void 0;
-  // `next` points to the next fiber React should render. In the normal case,
-  // it's the same as `child`: the first fiber of the primary children set.
-  // In the timed-out case, it's a fragment fiber containing the *fallback*
-  // children -- we skip over the primary children entirely.
-  var next = void 0;
-  if (current$$1 === null) {
-    // This is the initial mount. This branch is pretty simple because there's
-    // no previous state that needs to be preserved.
+  if ((workInProgress.mode & StrictMode) !== NoEffect) {
     if (nextDidTimeout) {
-      // Mount separate fragments for primary and fallback children.
-      var nextFallbackChildren = nextProps.fallback;
-      var primaryChildFragment = createFiberFromFragment(
-        null,
-        mode,
-        NoWork,
-        null
-      );
-      var fallbackChildFragment = createFiberFromFragment(
-        nextFallbackChildren,
-        mode,
-        renderExpirationTime,
-        null
-      );
-      primaryChildFragment.sibling = fallbackChildFragment;
-      child = primaryChildFragment;
-      // Skip the primary children, and continue working on the
-      // fallback children.
-      next = fallbackChildFragment;
-      child.return = next.return = workInProgress;
+      // If the timed-out view commits, schedule an update effect to record
+      // the committed time.
+      workInProgress.effectTag |= Update;
     } else {
-      // Mount the primary children without an intermediate fragment fiber.
-      var nextPrimaryChildren = nextProps.children;
-      child = next = mountChildFibers(
-        workInProgress,
-        null,
-        nextPrimaryChildren,
-        renderExpirationTime
-      );
-    }
-  } else {
-    // This is an update. This branch is more complicated because we need to
-    // ensure the state of the primary children is preserved.
-    var prevState = current$$1.memoizedState;
-    var prevDidTimeout = prevState !== null && prevState.didTimeout;
-    if (prevDidTimeout) {
-      // The current tree already timed out. That means each child set is
-      var currentPrimaryChildFragment = current$$1.child;
-      var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
-      if (nextDidTimeout) {
-        // Still timed out. Reuse the current primary children by cloning
-        // its fragment. We're going to skip over these entirely.
-        var _nextFallbackChildren = nextProps.fallback;
-        var _primaryChildFragment = createWorkInProgress(
-          currentPrimaryChildFragment,
-          currentPrimaryChildFragment.pendingProps,
-          NoWork
-        );
-        _primaryChildFragment.effectTag |= Placement;
-        // Clone the fallback child fragment, too. These we'll continue
-        // working on.
-        var _fallbackChildFragment = (_primaryChildFragment.sibling = createWorkInProgress(
-          currentFallbackChildFragment,
-          _nextFallbackChildren,
-          currentFallbackChildFragment.expirationTime
-        ));
-        _fallbackChildFragment.effectTag |= Placement;
-        child = _primaryChildFragment;
-        _primaryChildFragment.childExpirationTime = NoWork;
-        // Skip the primary children, and continue working on the
-        // fallback children.
-        next = _fallbackChildFragment;
-        child.return = next.return = workInProgress;
-      } else {
-        // No longer suspended. Switch back to showing the primary children,
-        // and remove the intermediate fragment fiber.
-        var _nextPrimaryChildren = nextProps.children;
-        var currentPrimaryChild = currentPrimaryChildFragment.child;
-        var currentFallbackChild = currentFallbackChildFragment.child;
-        var primaryChild = reconcileChildFibers(
-          workInProgress,
-          currentPrimaryChild,
-          _nextPrimaryChildren,
-          renderExpirationTime
-        );
-        // Delete the fallback children.
-        reconcileChildFibers(
-          workInProgress,
-          currentFallbackChild,
-          null,
-          renderExpirationTime
-        );
-        // Continue rendering the children, like we normally do.
-        child = next = primaryChild;
-      }
-    } else {
-      // The current tree has not already timed out. That means the primary
-      var _currentPrimaryChild = current$$1.child;
-      if (nextDidTimeout) {
-        // Timed out. Wrap the children in a fragment fiber to keep them
-        // separate from the fallback children.
-        var _nextFallbackChildren2 = nextProps.fallback;
-        var _primaryChildFragment2 = createFiberFromFragment(
-          // It shouldn't matter what the pending props are because we aren't
-          // going to render this fragment.
-          null,
-          mode,
-          NoWork,
-          null
-        );
-        _primaryChildFragment2.effectTag |= Placement;
-        _primaryChildFragment2.child = _currentPrimaryChild;
-        _currentPrimaryChild.return = _primaryChildFragment2;
-        // Create a fragment from the fallback children, too.
-        var _fallbackChildFragment2 = (_primaryChildFragment2.sibling = createFiberFromFragment(
-          _nextFallbackChildren2,
-          mode,
-          renderExpirationTime,
-          null
-        ));
-        _fallbackChildFragment2.effectTag |= Placement;
-        child = _primaryChildFragment2;
-        _primaryChildFragment2.childExpirationTime = NoWork;
-        // Skip the primary children, and continue working on the
-        // fallback children.
-        next = _fallbackChildFragment2;
-        child.return = next.return = workInProgress;
-      } else {
-        // Still haven't timed out.  Continue rendering the children, like we
-        // normally do.
-        var _nextPrimaryChildren2 = nextProps.children;
-        next = child = reconcileChildFibers(
-          workInProgress,
-          _currentPrimaryChild,
-          _nextPrimaryChildren2,
-          renderExpirationTime
-        );
-      }
+      // The state node points to the time at which placeholder timed out.
+      // We can clear it once we switch back to the normal children.
+      workInProgress.stateNode = null;
     }
   }
 
-  workInProgress.memoizedState = nextState;
-  workInProgress.child = child;
-  return next;
+  // If the `children` prop is a function, treat it like a render prop.
+  // TODO: This is temporary until we finalize a lower level API.
+  var children = nextProps.children;
+  var nextChildren = void 0;
+  if (typeof children === "function") {
+    nextChildren = children(nextDidTimeout);
+  } else {
+    nextChildren = nextDidTimeout ? nextProps.fallback : children;
+  }
+
+  if (current$$1 !== null && nextDidTimeout !== workInProgress.memoizedState) {
+    // We're about to switch from the placeholder children to the normal
+    // children, or vice versa. These are two different conceptual sets that
+    // happen to be stored in the same set. Call this special function to
+    // force the new set not to match with the current set.
+    // TODO: The proper way to model this is by storing each set separately.
+    forceUnmountCurrentAndReconcile(
+      current$$1,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  } else {
+    reconcileChildren(
+      current$$1,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  }
+  workInProgress.memoizedProps = nextProps;
+  workInProgress.memoizedState = nextDidTimeout;
+  return workInProgress.child;
 }
 
 function updatePortalComponent(
@@ -12245,6 +11300,7 @@ function updatePortalComponent(
       nextChildren,
       renderExpirationTime
     );
+    memoizeProps(workInProgress, nextChildren);
   } else {
     reconcileChildren(
       current$$1,
@@ -12252,6 +11308,7 @@ function updatePortalComponent(
       nextChildren,
       renderExpirationTime
     );
+    memoizeProps(workInProgress, nextChildren);
   }
   return workInProgress.child;
 }
@@ -12268,6 +11325,7 @@ function updateContextProvider(
   var oldProps = workInProgress.memoizedProps;
 
   var newValue = newProps.value;
+  workInProgress.memoizedProps = newProps;
 
   {
     var providerPropTypes = workInProgress.type.propTypes;
@@ -12336,18 +11394,13 @@ function updateContextConsumer(
   // in DEV mode if this property exists or not and warn if it does not.
   {
     if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
-          warning$1(
-            false,
-            "Rendering <Context> directly is not supported and will be removed in " +
-              "a future major release. Did you mean to render <Context.Consumer> instead?"
-          );
-        }
+      if (!hasWarnedAboutUsingContextAsConsumer) {
+        hasWarnedAboutUsingContextAsConsumer = true;
+        warning$1(
+          false,
+          "Rendering <Context> directly is not supported and will be removed in " +
+            "a future major release. Did you mean to render <Context.Consumer> instead?"
+        );
       }
     } else {
       context = context._context;
@@ -12386,6 +11439,7 @@ function updateContextConsumer(
     newChildren,
     renderExpirationTime
   );
+  workInProgress.memoizedProps = newProps;
   return workInProgress.child;
 }
 
@@ -12427,7 +11481,10 @@ function bailoutOnAlreadyFinishedWork(
 
   // Check if the children have any pending work.
   var childExpirationTime = workInProgress.childExpirationTime;
-  if (childExpirationTime < renderExpirationTime) {
+  if (
+    childExpirationTime === NoWork ||
+    childExpirationTime > renderExpirationTime
+  ) {
     // The children don't have any work either. We can skip them.
     // TODO: Once we add back resuming, we should check if the children are
     // a work-in-progress set. If so, we need to transfer their effects.
@@ -12440,6 +11497,17 @@ function bailoutOnAlreadyFinishedWork(
   }
 }
 
+// TODO: Delete memoizeProps/State and move to reconcile/bailout instead
+function memoizeProps(workInProgress, nextProps) {
+  workInProgress.memoizedProps = nextProps;
+}
+
+function memoizeState(workInProgress, nextState) {
+  workInProgress.memoizedState = nextState;
+  // Don't reset the updateQueue, in case there are pending updates. Resetting
+  // is handled by processUpdateQueue.
+}
+
 function beginWork(current$$1, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
 
@@ -12449,7 +11517,8 @@ function beginWork(current$$1, workInProgress, renderExpirationTime) {
     if (
       oldProps === newProps &&
       !hasContextChanged() &&
-      updateExpirationTime < renderExpirationTime
+      (updateExpirationTime === NoWork ||
+        updateExpirationTime > renderExpirationTime)
     ) {
       // This fiber does not have any pending work. Bailout without entering
       // the begin phase. There's still some bookkeeping we that needs to be done
@@ -12469,6 +11538,14 @@ function beginWork(current$$1, workInProgress, renderExpirationTime) {
           }
           break;
         }
+        case ClassComponentLazy: {
+          var thenable = workInProgress.type;
+          var _Component = getResultFromResolvedThenable(thenable);
+          if (isContextProvider(_Component)) {
+            pushContextProvider(workInProgress);
+          }
+          break;
+        }
         case HostPortal:
           pushHostContainer(
             workInProgress,
@@ -12485,46 +11562,6 @@ function beginWork(current$$1, workInProgress, renderExpirationTime) {
             workInProgress.effectTag |= Update;
           }
           break;
-        case SuspenseComponent: {
-          var state = workInProgress.memoizedState;
-          var didTimeout = state !== null && state.didTimeout;
-          if (didTimeout) {
-            // If this boundary is currently timed out, we need to decide
-            // whether to retry the primary children, or to skip over it and
-            // go straight to the fallback. Check the priority of the primary
-            var primaryChildFragment = workInProgress.child;
-            var primaryChildExpirationTime =
-              primaryChildFragment.childExpirationTime;
-            if (
-              primaryChildExpirationTime !== NoWork &&
-              primaryChildExpirationTime >= renderExpirationTime
-            ) {
-              // The primary children have pending work. Use the normal path
-              // to attempt to render the primary children again.
-              return updateSuspenseComponent(
-                current$$1,
-                workInProgress,
-                renderExpirationTime
-              );
-            } else {
-              // The primary children do not have pending work with sufficient
-              // priority. Bailout.
-              var child = bailoutOnAlreadyFinishedWork(
-                current$$1,
-                workInProgress,
-                renderExpirationTime
-              );
-              if (child !== null) {
-                // The fallback children have pending work. Skip over the
-                // primary children and work on the fallback.
-                return child.sibling;
-              } else {
-                return null;
-              }
-            }
-          }
-          break;
-        }
       }
       return bailoutOnAlreadyFinishedWork(
         current$$1,
@@ -12539,54 +11576,65 @@ function beginWork(current$$1, workInProgress, renderExpirationTime) {
 
   switch (workInProgress.tag) {
     case IndeterminateComponent: {
-      var elementType = workInProgress.elementType;
+      var _Component2 = workInProgress.type;
       return mountIndeterminateComponent(
         current$$1,
         workInProgress,
-        elementType,
-        renderExpirationTime
-      );
-    }
-    case LazyComponent: {
-      var _elementType = workInProgress.elementType;
-      return mountLazyComponent(
-        current$$1,
-        workInProgress,
-        _elementType,
+        _Component2,
         updateExpirationTime,
         renderExpirationTime
       );
     }
     case FunctionComponent: {
-      var _Component = workInProgress.type;
+      var _Component3 = workInProgress.type;
       var unresolvedProps = workInProgress.pendingProps;
-      var resolvedProps =
-        workInProgress.elementType === _Component
-          ? unresolvedProps
-          : resolveDefaultProps(_Component, unresolvedProps);
       return updateFunctionComponent(
         current$$1,
         workInProgress,
-        _Component,
-        resolvedProps,
+        _Component3,
+        unresolvedProps,
         renderExpirationTime
       );
     }
-    case ClassComponent: {
-      var _Component2 = workInProgress.type;
+    case FunctionComponentLazy: {
+      var _thenable = workInProgress.type;
+      var _Component4 = getResultFromResolvedThenable(_thenable);
       var _unresolvedProps = workInProgress.pendingProps;
-      var _resolvedProps =
-        workInProgress.elementType === _Component2
-          ? _unresolvedProps
-          : resolveDefaultProps(_Component2, _unresolvedProps);
+      var child = updateFunctionComponent(
+        current$$1,
+        workInProgress,
+        _Component4,
+        resolveDefaultProps(_Component4, _unresolvedProps),
+        renderExpirationTime
+      );
+      workInProgress.memoizedProps = _unresolvedProps;
+      return child;
+    }
+    case ClassComponent: {
+      var _Component5 = workInProgress.type;
+      var _unresolvedProps2 = workInProgress.pendingProps;
       return updateClassComponent(
         current$$1,
         workInProgress,
-        _Component2,
-        _resolvedProps,
+        _Component5,
+        _unresolvedProps2,
         renderExpirationTime
       );
     }
+    case ClassComponentLazy: {
+      var _thenable2 = workInProgress.type;
+      var _Component6 = getResultFromResolvedThenable(_thenable2);
+      var _unresolvedProps3 = workInProgress.pendingProps;
+      var _child = updateClassComponent(
+        current$$1,
+        workInProgress,
+        _Component6,
+        resolveDefaultProps(_Component6, _unresolvedProps3),
+        renderExpirationTime
+      );
+      workInProgress.memoizedProps = _unresolvedProps3;
+      return _child;
+    }
     case HostRoot:
       return updateHostRoot(current$$1, workInProgress, renderExpirationTime);
     case HostComponent:
@@ -12611,19 +11659,28 @@ function beginWork(current$$1, workInProgress, renderExpirationTime) {
       );
     case ForwardRef: {
       var type = workInProgress.type;
-      var _unresolvedProps2 = workInProgress.pendingProps;
-      var _resolvedProps2 =
-        workInProgress.elementType === type
-          ? _unresolvedProps2
-          : resolveDefaultProps(type, _unresolvedProps2);
       return updateForwardRef(
         current$$1,
         workInProgress,
         type,
-        _resolvedProps2,
+        workInProgress.pendingProps,
         renderExpirationTime
       );
     }
+    case ForwardRefLazy: {
+      var _thenable3 = workInProgress.type;
+      var _Component7 = getResultFromResolvedThenable(_thenable3);
+      var _unresolvedProps4 = workInProgress.pendingProps;
+      var _child2 = updateForwardRef(
+        current$$1,
+        workInProgress,
+        _Component7,
+        resolveDefaultProps(_Component7, _unresolvedProps4),
+        renderExpirationTime
+      );
+      workInProgress.memoizedProps = _unresolvedProps4;
+      return _child2;
+    }
     case Fragment:
       return updateFragment(current$$1, workInProgress, renderExpirationTime);
     case Mode:
@@ -12642,43 +11699,31 @@ function beginWork(current$$1, workInProgress, renderExpirationTime) {
         workInProgress,
         renderExpirationTime
       );
-    case MemoComponent: {
+    case PureComponent: {
       var _type = workInProgress.type;
-      var _unresolvedProps3 = workInProgress.pendingProps;
-      var _resolvedProps3 = resolveDefaultProps(_type.type, _unresolvedProps3);
-      return updateMemoComponent(
+      return updatePureComponent(
         current$$1,
         workInProgress,
         _type,
-        _resolvedProps3,
-        updateExpirationTime,
-        renderExpirationTime
-      );
-    }
-    case SimpleMemoComponent: {
-      return updateSimpleMemoComponent(
-        current$$1,
-        workInProgress,
-        workInProgress.type,
         workInProgress.pendingProps,
         updateExpirationTime,
         renderExpirationTime
       );
     }
-    case IncompleteClassComponent: {
-      var _Component3 = workInProgress.type;
-      var _unresolvedProps4 = workInProgress.pendingProps;
-      var _resolvedProps4 =
-        workInProgress.elementType === _Component3
-          ? _unresolvedProps4
-          : resolveDefaultProps(_Component3, _unresolvedProps4);
-      return mountIncompleteClassComponent(
+    case PureComponentLazy: {
+      var _thenable4 = workInProgress.type;
+      var _Component8 = getResultFromResolvedThenable(_thenable4);
+      var _unresolvedProps5 = workInProgress.pendingProps;
+      var _child3 = updatePureComponent(
         current$$1,
         workInProgress,
-        _Component3,
-        _resolvedProps4,
+        _Component8,
+        resolveDefaultProps(_Component8, _unresolvedProps5),
+        updateExpirationTime,
         renderExpirationTime
       );
+      workInProgress.memoizedProps = _unresolvedProps5;
+      return _child3;
     }
     default:
       invariant(
@@ -12699,48 +11744,42 @@ function markRef$1(workInProgress) {
   workInProgress.effectTag |= Ref;
 }
 
-var appendAllChildren = void 0;
+function appendAllChildren(parent, workInProgress) {
+  // We only have the top Fiber that was created but we need recurse down its
+  // children to find all the terminal nodes.
+  var node = workInProgress.child;
+  while (node !== null) {
+    if (node.tag === HostComponent || node.tag === HostText) {
+      appendInitialChild(parent, node.stateNode);
+    } else if (node.tag === HostPortal) {
+      // If we have a portal child, then we don't want to traverse
+      // down its children. Instead, we'll get insertions from each child in
+      // the portal directly.
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === workInProgress) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === workInProgress) {
+        return;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+
 var updateHostContainer = void 0;
 var updateHostComponent$1 = void 0;
 var updateHostText$1 = void 0;
 if (supportsMutation) {
   // Mutation mode
 
-  appendAllChildren = function(
-    parent,
-    workInProgress,
-    needsVisibilityToggle,
-    isHidden
-  ) {
-    // We only have the top Fiber that was created but we need recurse down its
-    // children to find all the terminal nodes.
-    var node = workInProgress.child;
-    while (node !== null) {
-      if (node.tag === HostComponent || node.tag === HostText) {
-        appendInitialChild(parent, node.stateNode);
-      } else if (node.tag === HostPortal) {
-        // If we have a portal child, then we don't want to traverse
-        // down its children. Instead, we'll get insertions from each child in
-        // the portal directly.
-      } else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
-      if (node === workInProgress) {
-        return;
-      }
-      while (node.sibling === null) {
-        if (node.return === null || node.return === workInProgress) {
-          return;
-        }
-        node = node.return;
-      }
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-  };
-
   updateHostContainer = function(workInProgress) {
     // Noop
   };
@@ -12794,202 +11833,26 @@ if (supportsMutation) {
 } else if (supportsPersistence) {
   // Persistent host tree mode
 
-  appendAllChildren = function(
-    parent,
-    workInProgress,
-    needsVisibilityToggle,
-    isHidden
-  ) {
-    // We only have the top Fiber that was created but we need recurse down its
-    // children to find all the terminal nodes.
-    var node = workInProgress.child;
-    while (node !== null) {
-      // eslint-disable-next-line no-labels
-      branches: if (node.tag === HostComponent) {
-        var instance = node.stateNode;
-        if (needsVisibilityToggle) {
-          var props = node.memoizedProps;
-          var type = node.type;
-          if (isHidden) {
-            // This child is inside a timed out tree. Hide it.
-            instance = cloneHiddenInstance(instance, type, props, node);
-          } else {
-            // This child was previously inside a timed out tree. If it was not
-            // updated during this render, it may need to be unhidden. Clone
-            // again to be sure.
-            instance = cloneUnhiddenInstance(instance, type, props, node);
-          }
-          node.stateNode = instance;
-        }
-        appendInitialChild(parent, instance);
-      } else if (node.tag === HostText) {
-        var _instance = node.stateNode;
-        if (needsVisibilityToggle) {
-          var text = node.memoizedProps;
-          var rootContainerInstance = getRootHostContainer();
-          var currentHostContext = getHostContext();
-          if (isHidden) {
-            _instance = createHiddenTextInstance(
-              text,
-              rootContainerInstance,
-              currentHostContext,
-              workInProgress
-            );
-          } else {
-            _instance = createTextInstance(
-              text,
-              rootContainerInstance,
-              currentHostContext,
-              workInProgress
-            );
-          }
-          node.stateNode = _instance;
-        }
-        appendInitialChild(parent, _instance);
-      } else if (node.tag === HostPortal) {
-        // If we have a portal child, then we don't want to traverse
-        // down its children. Instead, we'll get insertions from each child in
-        // the portal directly.
-      } else if (node.tag === SuspenseComponent) {
-        var current = node.alternate;
-        if (current !== null) {
-          var oldState = current.memoizedState;
-          var newState = node.memoizedState;
-          var oldIsHidden = oldState !== null && oldState.didTimeout;
-          var newIsHidden = newState !== null && newState.didTimeout;
-          if (oldIsHidden !== newIsHidden) {
-            // The placeholder either just timed out or switched back to the normal
-            // children after having previously timed out. Toggle the visibility of
-            // the direct host children.
-            var primaryChildParent = newIsHidden ? node.child : node;
-            if (primaryChildParent !== null) {
-              appendAllChildren(parent, primaryChildParent, true, newIsHidden);
-            }
-            // eslint-disable-next-line no-labels
-            break branches;
-          }
-        }
-        if (node.child !== null) {
-          // Continue traversing like normal
-          node.child.return = node;
-          node = node.child;
-          continue;
-        }
-      } else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
-      // $FlowFixMe This is correct but Flow is confused by the labeled break.
-      node = node;
-      if (node === workInProgress) {
-        return;
-      }
-      while (node.sibling === null) {
-        if (node.return === null || node.return === workInProgress) {
-          return;
-        }
-        node = node.return;
-      }
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-  };
-
   // An unfortunate fork of appendAllChildren because we have two different parent types.
   var appendAllChildrenToContainer = function(
     containerChildSet,
-    workInProgress,
-    needsVisibilityToggle,
-    isHidden
+    workInProgress
   ) {
     // We only have the top Fiber that was created but we need recurse down its
     // children to find all the terminal nodes.
     var node = workInProgress.child;
     while (node !== null) {
-      // eslint-disable-next-line no-labels
-      branches: if (node.tag === HostComponent) {
-        var instance = node.stateNode;
-        if (needsVisibilityToggle) {
-          var props = node.memoizedProps;
-          var type = node.type;
-          if (isHidden) {
-            // This child is inside a timed out tree. Hide it.
-            instance = cloneHiddenInstance(instance, type, props, node);
-          } else {
-            // This child was previously inside a timed out tree. If it was not
-            // updated during this render, it may need to be unhidden. Clone
-            // again to be sure.
-            instance = cloneUnhiddenInstance(instance, type, props, node);
-          }
-          node.stateNode = instance;
-        }
-        appendChildToContainerChildSet(containerChildSet, instance);
-      } else if (node.tag === HostText) {
-        var _instance2 = node.stateNode;
-        if (needsVisibilityToggle) {
-          var text = node.memoizedProps;
-          var rootContainerInstance = getRootHostContainer();
-          var currentHostContext = getHostContext();
-          if (isHidden) {
-            _instance2 = createHiddenTextInstance(
-              text,
-              rootContainerInstance,
-              currentHostContext,
-              workInProgress
-            );
-          } else {
-            _instance2 = createTextInstance(
-              text,
-              rootContainerInstance,
-              currentHostContext,
-              workInProgress
-            );
-          }
-          node.stateNode = _instance2;
-        }
-        appendChildToContainerChildSet(containerChildSet, _instance2);
+      if (node.tag === HostComponent || node.tag === HostText) {
+        appendChildToContainerChildSet(containerChildSet, node.stateNode);
       } else if (node.tag === HostPortal) {
         // If we have a portal child, then we don't want to traverse
         // down its children. Instead, we'll get insertions from each child in
         // the portal directly.
-      } else if (node.tag === SuspenseComponent) {
-        var current = node.alternate;
-        if (current !== null) {
-          var oldState = current.memoizedState;
-          var newState = node.memoizedState;
-          var oldIsHidden = oldState !== null && oldState.didTimeout;
-          var newIsHidden = newState !== null && newState.didTimeout;
-          if (oldIsHidden !== newIsHidden) {
-            // The placeholder either just timed out or switched back to the normal
-            // children after having previously timed out. Toggle the visibility of
-            // the direct host children.
-            var primaryChildParent = newIsHidden ? node.child : node;
-            if (primaryChildParent !== null) {
-              appendAllChildrenToContainer(
-                containerChildSet,
-                primaryChildParent,
-                true,
-                newIsHidden
-              );
-            }
-            // eslint-disable-next-line no-labels
-            break branches;
-          }
-        }
-        if (node.child !== null) {
-          // Continue traversing like normal
-          node.child.return = node;
-          node = node.child;
-          continue;
-        }
       } else if (node.child !== null) {
         node.child.return = node;
         node = node.child;
         continue;
       }
-      // $FlowFixMe This is correct but Flow is confused by the labeled break.
-      node = node;
       if (node === workInProgress) {
         return;
       }
@@ -13012,7 +11875,7 @@ if (supportsMutation) {
       var container = portalOrRoot.containerInfo;
       var newChildSet = createContainerChildSet(container);
       // If children might have changed, we have to add them all to the set.
-      appendAllChildrenToContainer(newChildSet, workInProgress, false, false);
+      appendAllChildrenToContainer(newChildSet, workInProgress);
       portalOrRoot.pendingChildren = newChildSet;
       // Schedule an update on the container to swap out the container.
       markUpdate(workInProgress);
@@ -13085,7 +11948,7 @@ if (supportsMutation) {
       markUpdate(workInProgress);
     } else {
       // If children might have changed, we have to add them all to the set.
-      appendAllChildren(newInstance, workInProgress, false, false);
+      appendAllChildren(newInstance, workInProgress);
     }
   };
   updateHostText$1 = function(current, workInProgress, oldText, newText) {
@@ -13127,12 +11990,8 @@ function completeWork(current, workInProgress, renderExpirationTime) {
   var newProps = workInProgress.pendingProps;
 
   switch (workInProgress.tag) {
-    case IndeterminateComponent:
-      break;
-    case LazyComponent:
-      break;
-    case SimpleMemoComponent:
     case FunctionComponent:
+    case FunctionComponentLazy:
       break;
     case ClassComponent: {
       var Component = workInProgress.type;
@@ -13141,6 +12000,13 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       }
       break;
     }
+    case ClassComponentLazy: {
+      var _Component = getResultFromResolvedThenable(workInProgress.type);
+      if (isContextProvider(_Component)) {
+        popContext(workInProgress);
+      }
+      break;
+    }
     case HostRoot: {
       popHostContainer(workInProgress);
       popTopLevelContextObject(workInProgress);
@@ -13216,7 +12082,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
             workInProgress
           );
 
-          appendAllChildren(instance, workInProgress, false, false);
+          appendAllChildren(instance, workInProgress);
 
           // Certain renderers require commit-time effects for initial mount.
           // (eg DOM renderer supports auto-focus for certain elements).
@@ -13277,19 +12143,10 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       break;
     }
     case ForwardRef:
+    case ForwardRefLazy:
       break;
-    case SuspenseComponent: {
-      var nextState = workInProgress.memoizedState;
-      var prevState = current !== null ? current.memoizedState : null;
-      var nextDidTimeout = nextState !== null && nextState.didTimeout;
-      var prevDidTimeout = prevState !== null && prevState.didTimeout;
-      if (nextDidTimeout !== prevDidTimeout) {
-        // If this render commits, and it switches between the normal state
-        // and the timed-out state, schedule an effect.
-        workInProgress.effectTag |= Update;
-      }
+    case SuspenseComponent:
       break;
-    }
     case Fragment:
       break;
     case Mode:
@@ -13306,17 +12163,18 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       break;
     case ContextConsumer:
       break;
-    case MemoComponent:
+    case PureComponent:
+    case PureComponentLazy:
       break;
-    case IncompleteClassComponent: {
-      // Same as class component case. I put it down here so that the tags are
-      // sequential to ensure this switch is compiled to a jump table.
-      var _Component = workInProgress.type;
-      if (isContextProvider(_Component)) {
-        popContext(workInProgress);
-      }
-      break;
-    }
+    // Error cases
+    case IndeterminateComponent:
+      invariant(
+        false,
+        "An indeterminate component should have become determinate before " +
+          "completing. This error is likely caused by a bug in React. Please " +
+          "file an issue."
+      );
+    // eslint-disable-next-line no-fallthrough
     default:
       invariant(
         false,
@@ -13328,17 +12186,6 @@ function completeWork(current, workInProgress, renderExpirationTime) {
   return null;
 }
 
-function shouldCaptureSuspense(current, workInProgress) {
-  // In order to capture, the Suspense component must have a fallback prop.
-  if (workInProgress.memoizedProps.fallback === undefined) {
-    return false;
-  }
-  // If it was the primary children that just suspended, capture and render the
-  // fallback. Otherwise, don't capture and bubble to the next boundary.
-  var nextState = workInProgress.memoizedState;
-  return nextState === null || !nextState.didTimeout;
-}
-
 // Module provided by RN:
 /**
  * Intercept lifecycle errors and ensure they are shown with the correct stack
@@ -13455,6 +12302,8 @@ function logCapturedError(capturedError) {
   }
 }
 
+var emptyObject$1 = {};
+
 var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
 {
   didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
@@ -13539,25 +12388,10 @@ function safelyDetachRef(current$$1) {
   }
 }
 
-function safelyCallDestroy(current$$1, destroy) {
-  {
-    invokeGuardedCallback(null, destroy, null);
-    if (hasCaughtError()) {
-      var error = clearCaughtError();
-      captureCommitPhaseError(current$$1, error);
-    }
-  }
-}
-
 function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
   switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountSnapshot, NoEffect$1, finishedWork);
-      return;
-    }
-    case ClassComponent: {
+    case ClassComponent:
+    case ClassComponentLazy: {
       if (finishedWork.effectTag & Snapshot) {
         if (current$$1 !== null) {
           var prevProps = current$$1.memoizedProps;
@@ -13589,7 +12423,6 @@ function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
     case HostComponent:
     case HostText:
     case HostPortal:
-    case IncompleteClassComponent:
       // Nothing to do for these component types
       return;
     default: {
@@ -13602,37 +12435,6 @@ function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
   }
 }
 
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
-  var updateQueue = finishedWork.updateQueue;
-  var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
-  if (lastEffect !== null) {
-    var firstEffect = lastEffect.next;
-    var effect = firstEffect;
-    do {
-      if ((effect.tag & unmountTag) !== NoEffect$1) {
-        // Unmount
-        var destroy = effect.destroy;
-        effect.destroy = null;
-        if (destroy !== null) {
-          destroy();
-        }
-      }
-      if ((effect.tag & mountTag) !== NoEffect$1) {
-        // Mount
-        var create = effect.create;
-        var _destroy = create();
-        effect.destroy = typeof _destroy === "function" ? _destroy : null;
-      }
-      effect = effect.next;
-    } while (effect !== firstEffect);
-  }
-}
-
-function commitPassiveHookEffects(finishedWork) {
-  commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
-  commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
-}
-
 function commitLifeCycles(
   finishedRoot,
   current$$1,
@@ -13640,13 +12442,8 @@ function commitLifeCycles(
   committedExpirationTime
 ) {
   switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountLayout, MountLayout, finishedWork);
-      break;
-    }
-    case ClassComponent: {
+    case ClassComponent:
+    case ClassComponentLazy: {
       var instance = finishedWork.stateNode;
       if (finishedWork.effectTag & Update) {
         if (current$$1 === null) {
@@ -13692,6 +12489,7 @@ function commitLifeCycles(
               _instance = getPublicInstance(finishedWork.child.stateNode);
               break;
             case ClassComponent:
+            case ClassComponentLazy:
               _instance = finishedWork.child.stateNode;
               break;
           }
@@ -13755,49 +12553,22 @@ function commitLifeCycles(
       return;
     }
     case SuspenseComponent: {
-      if (finishedWork.effectTag & Callback) {
-        // In non-strict mode, a suspense boundary times out by commiting
-        // twice: first, by committing the children in an inconsistent state,
-        // then hiding them and showing the fallback children in a subsequent
-        var _newState = {
-          alreadyCaptured: true,
-          didTimeout: false,
-          timedOutAt: NoWork
-        };
-        finishedWork.memoizedState = _newState;
-        flushPassiveEffects();
+      if ((finishedWork.mode & StrictMode) === NoEffect) {
+        // In loose mode, a placeholder times out by scheduling a synchronous
+        // update in the commit phase. Use `updateQueue` field to signal that
+        // the Timeout needs to switch to the placeholder. We don't need an
+        // entire queue. Any non-null value works.
+        // $FlowFixMe - Intentionally using a value other than an UpdateQueue.
+        finishedWork.updateQueue = emptyObject$1;
         scheduleWork(finishedWork, Sync);
-        return;
-      }
-      var oldState = current$$1 !== null ? current$$1.memoizedState : null;
-      var newState = finishedWork.memoizedState;
-      var oldDidTimeout = oldState !== null ? oldState.didTimeout : false;
-
-      var newDidTimeout = void 0;
-      var primaryChildParent = finishedWork;
-      if (newState === null) {
-        newDidTimeout = false;
       } else {
-        newDidTimeout = newState.didTimeout;
-        if (newDidTimeout) {
-          primaryChildParent = finishedWork.child;
-          newState.alreadyCaptured = false;
-          if (newState.timedOutAt === NoWork) {
-            // If the children had not already timed out, record the time.
-            // This is used to compute the elapsed time during subsequent
-            // attempts to render the children.
-            newState.timedOutAt = requestCurrentTime();
-          }
-        }
-      }
-
-      if (newDidTimeout !== oldDidTimeout && primaryChildParent !== null) {
-        hideOrUnhideAllChildren(primaryChildParent, newDidTimeout);
+        // In strict mode, the Update effect is used to record the time at
+        // which the placeholder timed out.
+        var currentTime = requestCurrentTime();
+        finishedWork.stateNode = { timedOutAt: currentTime };
       }
       return;
     }
-    case IncompleteClassComponent:
-      break;
     default: {
       invariant(
         false,
@@ -13808,45 +12579,6 @@ function commitLifeCycles(
   }
 }
 
-function hideOrUnhideAllChildren(finishedWork, isHidden) {
-  if (supportsMutation) {
-    // We only have the top Fiber that was inserted but we need recurse down its
-    var node = finishedWork;
-    while (true) {
-      if (node.tag === HostComponent) {
-        var instance = node.stateNode;
-        if (isHidden) {
-          hideInstance(instance);
-        } else {
-          unhideInstance(node.stateNode, node.memoizedProps);
-        }
-      } else if (node.tag === HostText) {
-        var _instance3 = node.stateNode;
-        if (isHidden) {
-          hideTextInstance(_instance3);
-        } else {
-          unhideTextInstance(_instance3, node.memoizedProps);
-        }
-      } else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
-      if (node === finishedWork) {
-        return;
-      }
-      while (node.sibling === null) {
-        if (node.return === null || node.return === finishedWork) {
-          return;
-        }
-        node = node.return;
-      }
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-  }
-}
-
 function commitAttachRef(finishedWork) {
   var ref = finishedWork.ref;
   if (ref !== null) {
@@ -13897,28 +12629,8 @@ function commitUnmount(current$$1) {
   onCommitUnmount(current$$1);
 
   switch (current$$1.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case MemoComponent:
-    case SimpleMemoComponent: {
-      var updateQueue = current$$1.updateQueue;
-      if (updateQueue !== null) {
-        var lastEffect = updateQueue.lastEffect;
-        if (lastEffect !== null) {
-          var firstEffect = lastEffect.next;
-          var effect = firstEffect;
-          do {
-            var destroy = effect.destroy;
-            if (destroy !== null) {
-              safelyCallDestroy(current$$1, destroy);
-            }
-            effect = effect.next;
-          } while (effect !== firstEffect);
-        }
-      }
-      break;
-    }
-    case ClassComponent: {
+    case ClassComponent:
+    case ClassComponentLazy: {
       safelyDetachRef(current$$1);
       var instance = current$$1.stateNode;
       if (typeof instance.componentWillUnmount === "function") {
@@ -14010,7 +12722,8 @@ function commitContainer(finishedWork) {
   }
 
   switch (finishedWork.tag) {
-    case ClassComponent: {
+    case ClassComponent:
+    case ClassComponentLazy: {
       return;
     }
     case HostComponent: {
@@ -14284,29 +12997,13 @@ function commitDeletion(current$$1) {
 
 function commitWork(current$$1, finishedWork) {
   if (!supportsMutation) {
-    switch (finishedWork.tag) {
-      case FunctionComponent:
-      case ForwardRef:
-      case MemoComponent:
-      case SimpleMemoComponent: {
-        commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
-        return;
-      }
-    }
-
     commitContainer(finishedWork);
     return;
   }
 
   switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case MemoComponent:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
-      return;
-    }
-    case ClassComponent: {
+    case ClassComponent:
+    case ClassComponentLazy: {
       return;
     }
     case HostComponent: {
@@ -14360,9 +13057,6 @@ function commitWork(current$$1, finishedWork) {
     case SuspenseComponent: {
       return;
     }
-    case IncompleteClassComponent: {
-      return;
-    }
     default: {
       invariant(
         false,
@@ -14380,6 +13074,10 @@ function commitResetTextContent(current$$1) {
   resetTextContent(current$$1.stateNode);
 }
 
+function NoopComponent() {
+  return null;
+}
+
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
   var update = createUpdate(expirationTime);
   // Unmount the root by rendering null.
@@ -14473,17 +13171,22 @@ function throwException(
     var startTimeMs = -1;
     do {
       if (_workInProgress.tag === SuspenseComponent) {
-        var current$$1 = _workInProgress.alternate;
-        if (current$$1 !== null) {
-          var currentState = current$$1.memoizedState;
-          if (currentState !== null && currentState.didTimeout) {
-            // Reached a boundary that already timed out. Do not search
-            // any further.
-            var timedOutAt = currentState.timedOutAt;
-            startTimeMs = expirationTimeToMs(timedOutAt);
-            // Do not search any further.
-            break;
-          }
+        var current = _workInProgress.alternate;
+        if (
+          current !== null &&
+          current.memoizedState === true &&
+          current.stateNode !== null
+        ) {
+          // Reached a placeholder that already timed out. Each timed out
+          // placeholder acts as the root of a new suspense boundary.
+
+          // Use the time at which the placeholder timed out as the start time
+          // for the current render.
+          var timedOutAt = current.stateNode.timedOutAt;
+          startTimeMs = expirationTimeToMs(timedOutAt);
+
+          // Do not search any further.
+          break;
         }
         var timeoutPropMs = _workInProgress.pendingProps.maxDuration;
         if (typeof timeoutPropMs === "number") {
@@ -14503,127 +13206,129 @@ function throwException(
     // Schedule the nearest Suspense to re-render the timed out view.
     _workInProgress = returnFiber;
     do {
-      if (
-        _workInProgress.tag === SuspenseComponent &&
-        shouldCaptureSuspense(_workInProgress.alternate, _workInProgress)
-      ) {
-        // Found the nearest boundary.
+      if (_workInProgress.tag === SuspenseComponent) {
+        var didTimeout = _workInProgress.memoizedState;
+        if (!didTimeout) {
+          // Found the nearest boundary.
 
-        // If the boundary is not in concurrent mode, we should not suspend, and
-        // likewise, when the promise resolves, we should ping synchronously.
-        var pingTime =
-          (_workInProgress.mode & ConcurrentMode) === NoEffect
-            ? Sync
-            : renderExpirationTime;
+          // If the boundary is not in concurrent mode, we should not suspend, and
+          // likewise, when the promise resolves, we should ping synchronously.
+          var pingTime =
+            (_workInProgress.mode & ConcurrentMode) === NoEffect
+              ? Sync
+              : renderExpirationTime;
 
-        // Attach a listener to the promise to "ping" the root and retry.
-        var onResolveOrReject = retrySuspendedRoot.bind(
-          null,
-          root,
-          _workInProgress,
-          sourceFiber,
-          pingTime
-        );
-        if (enableSchedulerTracing) {
-          onResolveOrReject = tracing.unstable_wrap(onResolveOrReject);
-        }
-        thenable.then(onResolveOrReject, onResolveOrReject);
-
-        // If the boundary is outside of concurrent mode, we should *not*
-        // suspend the commit. Pretend as if the suspended component rendered
-        // null and keep rendering. In the commit phase, we'll schedule a
-        // subsequent synchronous update to re-render the Suspense.
-        //
-        // Note: It doesn't matter whether the component that suspended was
-        // inside a concurrent mode tree. If the Suspense is outside of it, we
-        // should *not* suspend the commit.
-        if ((_workInProgress.mode & ConcurrentMode) === NoEffect) {
-          _workInProgress.effectTag |= Callback;
-
-          // Unmount the source fiber's children
-          var nextChildren = null;
-          reconcileChildren(
-            sourceFiber.alternate,
-            sourceFiber,
-            nextChildren,
-            renderExpirationTime
+          // Attach a listener to the promise to "ping" the root and retry.
+          var onResolveOrReject = retrySuspendedRoot.bind(
+            null,
+            root,
+            _workInProgress,
+            pingTime
           );
-          sourceFiber.effectTag &= ~Incomplete;
-
-          // We're going to commit this fiber even though it didn't complete.
-          // But we shouldn't call any lifecycle methods or callbacks. Remove
-          // all lifecycle effect tags.
-          sourceFiber.effectTag &= ~LifecycleEffectMask;
-
-          if (sourceFiber.tag === ClassComponent) {
-            var _current = sourceFiber.alternate;
-            if (_current === null) {
-              // This is a new mount. Change the tag so it's not mistaken for a
-              // completed class component. For example, we should not call
-              // componentWillUnmount if it is deleted.
-              sourceFiber.tag = IncompleteClassComponent;
-            }
+          if (enableSchedulerTracing) {
+            onResolveOrReject = tracing.unstable_wrap(onResolveOrReject);
           }
+          thenable.then(onResolveOrReject, onResolveOrReject);
 
-          // Exit without suspending.
-          return;
-        }
+          // If the boundary is outside of strict mode, we should *not* suspend
+          // the commit. Pretend as if the suspended component rendered null and
+          // keep rendering. In the commit phase, we'll schedule a subsequent
+          // synchronous update to re-render the Suspense.
+          //
+          // Note: It doesn't matter whether the component that suspended was
+          // inside a strict mode tree. If the Suspense is outside of it, we
+          // should *not* suspend the commit.
+          if ((_workInProgress.mode & StrictMode) === NoEffect) {
+            _workInProgress.effectTag |= Update;
 
-        // Confirmed that the boundary is in a concurrent mode tree. Continue
-        // with the normal suspend path.
-
-        var absoluteTimeoutMs = void 0;
-        if (earliestTimeoutMs === -1) {
-          // If no explicit threshold is given, default to an abitrarily large
-          // value. The actual size doesn't matter because the threshold for the
-          // whole tree will be clamped to the expiration time.
-          absoluteTimeoutMs = maxSigned31BitInt;
-        } else {
-          if (startTimeMs === -1) {
-            // This suspend happened outside of any already timed-out
-            // placeholders. We don't know exactly when the update was
-            // scheduled, but we can infer an approximate start time from the
-            // expiration time. First, find the earliest uncommitted expiration
-            // time in the tree, including work that is suspended. Then subtract
-            // the offset used to compute an async update's expiration time.
-            // This will cause high priority (interactive) work to expire
-            // earlier than necessary, but we can account for this by adjusting
-            // for the Just Noticeable Difference.
-            var earliestExpirationTime = findEarliestOutstandingPriorityLevel(
-              root,
+            // Unmount the source fiber's children
+            var nextChildren = null;
+            reconcileChildren(
+              sourceFiber.alternate,
+              sourceFiber,
+              nextChildren,
               renderExpirationTime
             );
-            var earliestExpirationTimeMs = expirationTimeToMs(
-              earliestExpirationTime
-            );
-            startTimeMs = earliestExpirationTimeMs - LOW_PRIORITY_EXPIRATION;
+            sourceFiber.effectTag &= ~Incomplete;
+            if (sourceFiber.tag === IndeterminateComponent) {
+              // Let's just assume it's a function component. This fiber will
+              // be unmounted in the immediate next commit, anyway.
+              sourceFiber.tag = FunctionComponent;
+            }
+
+            if (
+              sourceFiber.tag === ClassComponent ||
+              sourceFiber.tag === ClassComponentLazy
+            ) {
+              // We're going to commit this fiber even though it didn't
+              // complete. But we shouldn't call any lifecycle methods or
+              // callbacks. Remove all lifecycle effect tags.
+              sourceFiber.effectTag &= ~LifecycleEffectMask;
+              if (sourceFiber.alternate === null) {
+                // We're about to mount a class component that doesn't have an
+                // instance. Turn this into a dummy function component instead,
+                // to prevent type errors. This is a bit weird but it's an edge
+                // case and we're about to synchronously delete this
+                // component, anyway.
+                sourceFiber.tag = FunctionComponent;
+                sourceFiber.type = NoopComponent;
+              }
+            }
+
+            // Exit without suspending.
+            return;
           }
-          absoluteTimeoutMs = startTimeMs + earliestTimeoutMs;
+
+          // Confirmed that the boundary is in a strict mode tree. Continue with
+          // the normal suspend path.
+
+          var absoluteTimeoutMs = void 0;
+          if (earliestTimeoutMs === -1) {
+            // If no explicit threshold is given, default to an abitrarily large
+            // value. The actual size doesn't matter because the threshold for the
+            // whole tree will be clamped to the expiration time.
+            absoluteTimeoutMs = maxSigned31BitInt;
+          } else {
+            if (startTimeMs === -1) {
+              // This suspend happened outside of any already timed-out
+              // placeholders. We don't know exactly when the update was scheduled,
+              // but we can infer an approximate start time from the expiration
+              // time. First, find the earliest uncommitted expiration time in the
+              // tree, including work that is suspended. Then subtract the offset
+              // used to compute an async update's expiration time. This will cause
+              // high priority (interactive) work to expire earlier than necessary,
+              // but we can account for this by adjusting for the Just Noticeable
+              // Difference.
+              var earliestExpirationTime = findEarliestOutstandingPriorityLevel(
+                root,
+                renderExpirationTime
+              );
+              var earliestExpirationTimeMs = expirationTimeToMs(
+                earliestExpirationTime
+              );
+              startTimeMs = earliestExpirationTimeMs - LOW_PRIORITY_EXPIRATION;
+            }
+            absoluteTimeoutMs = startTimeMs + earliestTimeoutMs;
+          }
+
+          // Mark the earliest timeout in the suspended fiber's ancestor path.
+          // After completing the root, we'll take the largest of all the
+          // suspended fiber's timeouts and use it to compute a timeout for the
+          // whole tree.
+          renderDidSuspend(root, absoluteTimeoutMs, renderExpirationTime);
+
+          _workInProgress.effectTag |= ShouldCapture;
+          _workInProgress.expirationTime = renderExpirationTime;
+          return;
         }
-
-        // Mark the earliest timeout in the suspended fiber's ancestor path.
-        // After completing the root, we'll take the largest of all the
-        // suspended fiber's timeouts and use it to compute a timeout for the
-        // whole tree.
-        renderDidSuspend(root, absoluteTimeoutMs, renderExpirationTime);
-
-        _workInProgress.effectTag |= ShouldCapture;
-        _workInProgress.expirationTime = renderExpirationTime;
-        return;
+        // This boundary already captured during this render. Continue to the
+        // next boundary.
       }
-      // This boundary already captured during this render. Continue to the next
-      // boundary.
       _workInProgress = _workInProgress.return;
     } while (_workInProgress !== null);
     // No boundary was found. Fallthrough to error mode.
-    // TODO: Use invariant so the message is stripped in prod?
     value = new Error(
-      (getComponentName(sourceFiber.type) || "A React component") +
-        " suspended while rendering, but no fallback UI was specified.\n" +
-        "\n" +
-        "Add a <Suspense fallback=...> component higher in the tree to " +
-        "provide a loading indicator or placeholder to display." +
-        getStackByFiberInDevAndProd(sourceFiber)
+      "An update was suspended, but no placeholder UI was provided."
     );
   }
 
@@ -14648,6 +13353,7 @@ function throwException(
         return;
       }
       case ClassComponent:
+      case ClassComponentLazy:
         // Capture and retry
         var errorInfo = value;
         var ctor = workInProgress.type;
@@ -14692,16 +13398,28 @@ function unwindWork(workInProgress, renderExpirationTime) {
       }
       return null;
     }
+    case ClassComponentLazy: {
+      var _Component = workInProgress.type._reactResult;
+      if (isContextProvider(_Component)) {
+        popContext(workInProgress);
+      }
+      var _effectTag = workInProgress.effectTag;
+      if (_effectTag & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
+        return workInProgress;
+      }
+      return null;
+    }
     case HostRoot: {
       popHostContainer(workInProgress);
       popTopLevelContextObject(workInProgress);
-      var _effectTag = workInProgress.effectTag;
+      var _effectTag2 = workInProgress.effectTag;
       invariant(
-        (_effectTag & DidCapture) === NoEffect,
+        (_effectTag2 & DidCapture) === NoEffect,
         "The root failed to unmount after an error. This is likely a bug in " +
           "React. Please file an issue."
       );
-      workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
+      workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture;
       return workInProgress;
     }
     case HostComponent: {
@@ -14709,36 +13427,9 @@ function unwindWork(workInProgress, renderExpirationTime) {
       return null;
     }
     case SuspenseComponent: {
-      var _effectTag2 = workInProgress.effectTag;
-      if (_effectTag2 & ShouldCapture) {
-        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture;
-        // Captured a suspense effect. Set the boundary's `alreadyCaptured`
-        // state to true so we know to render the fallback.
-        var current$$1 = workInProgress.alternate;
-        var currentState =
-          current$$1 !== null ? current$$1.memoizedState : null;
-        var nextState = workInProgress.memoizedState;
-        if (nextState === null) {
-          // No existing state. Create a new object.
-          nextState = {
-            alreadyCaptured: true,
-            didTimeout: false,
-            timedOutAt: NoWork
-          };
-        } else if (currentState === nextState) {
-          // There is an existing state but it's the same as the current tree's.
-          // Clone the object.
-          nextState = {
-            alreadyCaptured: true,
-            didTimeout: nextState.didTimeout,
-            timedOutAt: nextState.timedOutAt
-          };
-        } else {
-          // Already have a clone, so it's safe to mutate.
-          nextState.alreadyCaptured = true;
-        }
-        workInProgress.memoizedState = nextState;
-        // Re-render the boundary.
+      var _effectTag3 = workInProgress.effectTag;
+      if (_effectTag3 & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag3 & ~ShouldCapture) | DidCapture;
         return workInProgress;
       }
       return null;
@@ -14763,6 +13454,14 @@ function unwindInterruptedWork(interruptedWork) {
       }
       break;
     }
+    case ClassComponentLazy: {
+      var _childContextTypes =
+        interruptedWork.type._reactResult.childContextTypes;
+      if (_childContextTypes !== null && _childContextTypes !== undefined) {
+        popContext(interruptedWork);
+      }
+      break;
+    }
     case HostRoot: {
       popHostContainer(interruptedWork);
       popTopLevelContextObject(interruptedWork);
@@ -14784,17 +13483,7 @@ function unwindInterruptedWork(interruptedWork) {
 }
 
 var Dispatcher = {
-  readContext: readContext,
-  useCallback: useCallback,
-  useContext: useContext,
-  useEffect: useEffect,
-  useImperativeMethods: useImperativeMethods,
-  useLayoutEffect: useLayoutEffect,
-  useMemo: useMemo,
-  useMutationEffect: useMutationEffect,
-  useReducer: useReducer,
-  useRef: useRef,
-  useState: useState
+  readContext: readContext
 };
 
 var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
@@ -14822,21 +13511,19 @@ if (enableSchedulerTracing) {
   didWarnSetStateChildContext = false;
   var didWarnStateUpdateForUnmountedComponent = {};
 
-  warnAboutUpdateOnUnmounted = function(fiber, isClass) {
+  warnAboutUpdateOnUnmounted = function(fiber) {
     // We show the whole stack but dedupe on the top component's name because
     // the problematic code almost always lies inside that component.
-    var componentName = getComponentName(fiber.type) || "ReactComponent";
+    var componentName = getComponentName(fiber.type) || "ReactClass";
     if (didWarnStateUpdateForUnmountedComponent[componentName]) {
       return;
     }
     warningWithoutStack$1(
       false,
-      "Can't perform a React state update on an unmounted component. This " +
+      "Can't call setState (or forceUpdate) on an unmounted component. This " +
         "is a no-op, but it indicates a memory leak in your application. To " +
-        "fix, cancel all subscriptions and asynchronous tasks in %s.%s",
-      isClass
-        ? "the componentWillUnmount method"
-        : "a useEffect cleanup function",
+        "fix, cancel all subscriptions and asynchronous tasks in the " +
+        "componentWillUnmount method.%s",
       getStackByFiberInDevAndProd(fiber)
     );
     didWarnStateUpdateForUnmountedComponent[componentName] = true;
@@ -14888,9 +13575,6 @@ var nextRenderDidError = false;
 var nextEffect = null;
 
 var isCommitting$1 = false;
-var rootWithPendingPassiveEffects = null;
-var passiveEffectCallbackHandle = null;
-var passiveEffectCallback = null;
 
 var legacyErrorBoundariesThatAlreadyFailed = null;
 
@@ -14948,6 +13632,13 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
         }
         break;
       }
+      case ClassComponentLazy: {
+        var _Component = getResultFromResolvedThenable(failedUnitOfWork.type);
+        if (isContextProvider(_Component)) {
+          popContext(failedUnitOfWork);
+        }
+        break;
+      }
       case HostPortal:
         popHostContainer(failedUnitOfWork);
         break;
@@ -15086,6 +13777,8 @@ function commitBeforeMutationLifecycles() {
       commitBeforeMutationLifeCycles(current$$1, nextEffect);
     }
 
+    // Don't cleanup effects yet;
+    // This will be done by commitAllLifeCycles()
     nextEffect = nextEffect.nextEffect;
   }
 
@@ -15122,48 +13815,15 @@ function commitAllLifeCycles(finishedRoot, committedExpirationTime) {
       commitAttachRef(nextEffect);
     }
 
-    if (effectTag & Passive) {
-      rootWithPendingPassiveEffects = finishedRoot;
-    }
-
-    nextEffect = nextEffect.nextEffect;
-  }
-}
-
-function commitPassiveEffects(root, firstEffect) {
-  rootWithPendingPassiveEffects = null;
-  passiveEffectCallbackHandle = null;
-  passiveEffectCallback = null;
-
-  // Set this to true to prevent re-entrancy
-  var previousIsRendering = isRendering;
-  isRendering = true;
-
-  var effect = firstEffect;
-  do {
-    if (effect.effectTag & Passive) {
-      var didError = false;
-      var error = void 0;
-      {
-        invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
-        if (hasCaughtError()) {
-          didError = true;
-          error = clearCaughtError();
-        }
-      }
-      if (didError) {
-        captureCommitPhaseError(effect, error);
-      }
-    }
-    effect = effect.nextEffect;
-  } while (effect !== null);
-
-  isRendering = previousIsRendering;
-
-  // Check if work was scheduled by one of the effects
-  var rootExpirationTime = root.expirationTime;
-  if (rootExpirationTime !== NoWork) {
-    requestWork(root, rootExpirationTime);
+    var next = nextEffect.nextEffect;
+    // Ensure that we clean these up so that we don't accidentally keep them.
+    // I'm not actually sure this matters because we can't reset firstEffect
+    // and lastEffect since they're on every node, not just the effectful
+    // ones. So we have to clean everything as we reuse nodes anyway.
+    nextEffect.nextEffect = null;
+    // Ensure that we reset the effectTag here so that we can rely on effect
+    // tags to reason about the current life-cycle.
+    nextEffect = next;
   }
 }
 
@@ -15182,15 +13842,6 @@ function markLegacyErrorBoundaryAsFailed(instance) {
   }
 }
 
-function flushPassiveEffects() {
-  if (passiveEffectCallback !== null) {
-    scheduler.unstable_cancelCallback(passiveEffectCallbackHandle);
-    // We call the scheduled callback instead of commitPassiveEffects directly
-    // to ensure tracing works correctly.
-    passiveEffectCallback();
-  }
-}
-
 function commitRoot(root, finishedWork) {
   isWorking = true;
   isCommitting$1 = true;
@@ -15216,7 +13867,9 @@ function commitRoot(root, finishedWork) {
   var updateExpirationTimeBeforeCommit = finishedWork.expirationTime;
   var childExpirationTimeBeforeCommit = finishedWork.childExpirationTime;
   var earliestRemainingTimeBeforeCommit =
-    childExpirationTimeBeforeCommit > updateExpirationTimeBeforeCommit
+    updateExpirationTimeBeforeCommit === NoWork ||
+    (childExpirationTimeBeforeCommit !== NoWork &&
+      childExpirationTimeBeforeCommit < updateExpirationTimeBeforeCommit)
       ? childExpirationTimeBeforeCommit
       : updateExpirationTimeBeforeCommit;
   markCommittedPriorityLevels(root, earliestRemainingTimeBeforeCommit);
@@ -15358,22 +14011,6 @@ function commitRoot(root, finishedWork) {
     }
   }
 
-  if (firstEffect !== null && rootWithPendingPassiveEffects !== null) {
-    // This commit included a passive effect. These do not need to fire until
-    // after the next paint. Schedule an callback to fire them in an async
-    // event. To ensure serial execution, the callback will be flushed early if
-    // we enter rootWithPendingPassiveEffects commit phase before then.
-    var callback = commitPassiveEffects.bind(null, root, firstEffect);
-    if (enableSchedulerTracing) {
-      // TODO: Avoid this extra callback by mutating the tracing ref directly,
-      // like we do at the beginning of commitRoot. I've opted not to do that
-      // here because that code is still in flux.
-      callback = tracing.unstable_wrap(callback);
-    }
-    passiveEffectCallbackHandle = scheduler.unstable_scheduleCallback(callback);
-    passiveEffectCallback = callback;
-  }
-
   isCommitting$1 = false;
   isWorking = false;
   stopCommitLifeCyclesTimer();
@@ -15386,7 +14023,9 @@ function commitRoot(root, finishedWork) {
   var updateExpirationTimeAfterCommit = finishedWork.expirationTime;
   var childExpirationTimeAfterCommit = finishedWork.childExpirationTime;
   var earliestRemainingTimeAfterCommit =
-    childExpirationTimeAfterCommit > updateExpirationTimeAfterCommit
+    updateExpirationTimeAfterCommit === NoWork ||
+    (childExpirationTimeAfterCommit !== NoWork &&
+      childExpirationTimeAfterCommit < updateExpirationTimeAfterCommit)
       ? childExpirationTimeAfterCommit
       : updateExpirationTimeAfterCommit;
   if (earliestRemainingTimeAfterCommit === NoWork) {
@@ -15429,7 +14068,10 @@ function commitRoot(root, finishedWork) {
         // Only decrement the pending interaction count if we're done.
         // If there's still work at the current priority,
         // That indicates that we are waiting for suspense data.
-        if (scheduledExpirationTime > earliestRemainingTimeAfterCommit) {
+        if (
+          earliestRemainingTimeAfterCommit === NoWork ||
+          scheduledExpirationTime < earliestRemainingTimeAfterCommit
+        ) {
           pendingInteractionMap.delete(scheduledExpirationTime);
 
           scheduledInteractions.forEach(function(interaction) {
@@ -15485,10 +14127,18 @@ function resetChildExpirationTime(workInProgress, renderTime) {
     while (child !== null) {
       var childUpdateExpirationTime = child.expirationTime;
       var childChildExpirationTime = child.childExpirationTime;
-      if (childUpdateExpirationTime > newChildExpirationTime) {
+      if (
+        newChildExpirationTime === NoWork ||
+        (childUpdateExpirationTime !== NoWork &&
+          childUpdateExpirationTime < newChildExpirationTime)
+      ) {
         newChildExpirationTime = childUpdateExpirationTime;
       }
-      if (childChildExpirationTime > newChildExpirationTime) {
+      if (
+        newChildExpirationTime === NoWork ||
+        (childChildExpirationTime !== NoWork &&
+          childChildExpirationTime < newChildExpirationTime)
+      ) {
         newChildExpirationTime = childChildExpirationTime;
       }
       if (shouldBubbleActualDurations) {
@@ -15504,10 +14154,18 @@ function resetChildExpirationTime(workInProgress, renderTime) {
     while (_child !== null) {
       var _childUpdateExpirationTime = _child.expirationTime;
       var _childChildExpirationTime = _child.childExpirationTime;
-      if (_childUpdateExpirationTime > newChildExpirationTime) {
+      if (
+        newChildExpirationTime === NoWork ||
+        (_childUpdateExpirationTime !== NoWork &&
+          _childUpdateExpirationTime < newChildExpirationTime)
+      ) {
         newChildExpirationTime = _childUpdateExpirationTime;
       }
-      if (_childChildExpirationTime > newChildExpirationTime) {
+      if (
+        newChildExpirationTime === NoWork ||
+        (_childChildExpirationTime !== NoWork &&
+          _childChildExpirationTime < newChildExpirationTime)
+      ) {
         newChildExpirationTime = _childChildExpirationTime;
       }
       _child = _child.sibling;
@@ -15721,7 +14379,6 @@ function performUnitOfWork(workInProgress) {
     }
 
     next = beginWork(current$$1, workInProgress, nextRenderExpirationTime);
-    workInProgress.memoizedProps = workInProgress.pendingProps;
 
     if (workInProgress.mode & ProfileMode) {
       // Record the render duration assuming we didn't bailout (or error).
@@ -15729,7 +14386,6 @@ function performUnitOfWork(workInProgress) {
     }
   } else {
     next = beginWork(current$$1, workInProgress, nextRenderExpirationTime);
-    workInProgress.memoizedProps = workInProgress.pendingProps;
   }
 
   {
@@ -15763,22 +14419,19 @@ function workLoop(isYieldy) {
       nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
     }
   } else {
-    // Flush asynchronous work until there's a higher priority event
-    while (nextUnitOfWork !== null && !shouldYieldToRenderer()) {
+    // Flush asynchronous work until the deadline runs out of time.
+    while (nextUnitOfWork !== null && !shouldYield()) {
       nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
     }
   }
 }
 
-function renderRoot(root, isYieldy) {
+function renderRoot(root, isYieldy, isExpired) {
   invariant(
     !isWorking,
     "renderRoot was called recursively. This error is likely caused " +
       "by a bug in React. Please file an issue."
   );
-
-  flushPassiveEffects();
-
   isWorking = true;
   ReactCurrentOwner$2.currentDispatcher = Dispatcher;
 
@@ -15810,7 +14463,7 @@ function renderRoot(root, isYieldy) {
         scheduledInteractions,
         scheduledExpirationTime
       ) {
-        if (scheduledExpirationTime >= expirationTime) {
+        if (scheduledExpirationTime <= expirationTime) {
           scheduledInteractions.forEach(function(interaction) {
             return interactions.add(interaction);
           });
@@ -15862,9 +14515,6 @@ function renderRoot(root, isYieldy) {
     try {
       workLoop(isYieldy);
     } catch (thrownValue) {
-      resetContextDependences();
-      resetHooks();
-
       if (nextUnitOfWork === null) {
         // This is a fatal error.
         didFatal = true;
@@ -15927,7 +14577,6 @@ function renderRoot(root, isYieldy) {
   isWorking = false;
   ReactCurrentOwner$2.currentDispatcher = null;
   resetContextDependences();
-  resetHooks();
 
   // Yield back to main thread.
   if (didFatal) {
@@ -15999,7 +14648,7 @@ function renderRoot(root, isYieldy) {
       // similar to a suspend, but without a timeout because we're not waiting
       // for a promise to resolve.
       !root.didError &&
-      isYieldy
+      !isExpired
     ) {
       root.didError = true;
       var _suspendedExpirationTime = (root.nextExpirationTimeToWorkOn = expirationTime);
@@ -16015,7 +14664,7 @@ function renderRoot(root, isYieldy) {
     }
   }
 
-  if (isYieldy && nextLatestAbsoluteTimeoutMs !== -1) {
+  if (!isExpired && nextLatestAbsoluteTimeoutMs !== -1) {
     // The tree was suspended.
     var _suspendedExpirationTime2 = expirationTime;
     markSuspendedPriorityLevel(root, _suspendedExpirationTime2);
@@ -16057,12 +14706,17 @@ function renderRoot(root, isYieldy) {
   onComplete(root, rootWorkInProgress, expirationTime);
 }
 
-function captureCommitPhaseError(sourceFiber, value) {
-  var expirationTime = Sync;
+function dispatch(sourceFiber, value, expirationTime) {
+  invariant(
+    !isWorking || isCommitting$1,
+    "dispatch: Cannot dispatch during the render phase."
+  );
+
   var fiber = sourceFiber.return;
   while (fiber !== null) {
     switch (fiber.tag) {
       case ClassComponent:
+      case ClassComponentLazy:
         var ctor = fiber.type;
         var instance = fiber.stateNode;
         if (
@@ -16103,6 +14757,10 @@ function captureCommitPhaseError(sourceFiber, value) {
   }
 }
 
+function captureCommitPhaseError(fiber, error) {
+  return dispatch(fiber, error, Sync);
+}
+
 function computeThreadID(expirationTime, interactionThreadID) {
   // Interaction threads are unique per root and expiration time.
   return expirationTime * 1000 + interactionThreadID;
@@ -16137,7 +14795,7 @@ function computeExpirationForFiber(currentTime, fiber) {
       // If we're in the middle of rendering a tree, do not update at the same
       // expiration time that is already rendering.
       if (nextRoot !== null && expirationTime === nextRenderExpirationTime) {
-        expirationTime -= 1;
+        expirationTime += 1;
       }
     } else {
       // This is a sync update
@@ -16148,10 +14806,7 @@ function computeExpirationForFiber(currentTime, fiber) {
     // This is an interactive update. Keep track of the lowest pending
     // interactive expiration time. This allows us to synchronously flush
     // all interactive updates when needed.
-    if (
-      lowestPriorityPendingInteractiveExpirationTime === NoWork ||
-      expirationTime < lowestPriorityPendingInteractiveExpirationTime
-    ) {
+    if (expirationTime > lowestPriorityPendingInteractiveExpirationTime) {
       lowestPriorityPendingInteractiveExpirationTime = expirationTime;
     }
   }
@@ -16172,7 +14827,7 @@ function renderDidError() {
   nextRenderDidError = true;
 }
 
-function retrySuspendedRoot(root, boundaryFiber, sourceFiber, suspendedTime) {
+function retrySuspendedRoot(root, fiber, suspendedTime) {
   var retryTime = void 0;
 
   if (isPriorityLevelSuspended(root, suspendedTime)) {
@@ -16183,18 +14838,18 @@ function retrySuspendedRoot(root, boundaryFiber, sourceFiber, suspendedTime) {
   } else {
     // Suspense already timed out. Compute a new expiration time
     var currentTime = requestCurrentTime();
-    retryTime = computeExpirationForFiber(currentTime, boundaryFiber);
+    retryTime = computeExpirationForFiber(currentTime, fiber);
     markPendingPriorityLevel(root, retryTime);
   }
 
-  // TODO: If the suspense fiber has already rendered the primary children
+  // TODO: If the placeholder fiber has already rendered the primary children
   // without suspending (that is, all of the promises have already resolved),
   // we should not trigger another update here. One case this happens is when
   // we are in sync mode and a single promise is thrown both on initial render
   // and on update; we attach two .then(retrySuspendedRoot) callbacks and each
   // one performs Sync work, rerendering the Suspense.
 
-  if ((boundaryFiber.mode & ConcurrentMode) !== NoContext) {
+  if ((fiber.mode & ConcurrentMode) !== NoContext) {
     if (root === nextRoot && nextRenderExpirationTime === suspendedTime) {
       // Received a ping at the same priority level at which we're currently
       // rendering. Restart from the root.
@@ -16202,23 +14857,7 @@ function retrySuspendedRoot(root, boundaryFiber, sourceFiber, suspendedTime) {
     }
   }
 
-  scheduleWorkToRoot(boundaryFiber, retryTime);
-  if ((boundaryFiber.mode & ConcurrentMode) === NoContext) {
-    // Outside of concurrent mode, we must schedule an update on the source
-    // fiber, too, since it already committed in an inconsistent state and
-    // therefore does not have any pending work.
-    scheduleWorkToRoot(sourceFiber, retryTime);
-    var sourceTag = sourceFiber.tag;
-    if (sourceTag === ClassComponent && sourceFiber.stateNode !== null) {
-      // When we try rendering again, we should not reuse the current fiber,
-      // since it's known to be in an inconsistent state. Use a force updte to
-      // prevent a bail out.
-      var update = createUpdate(retryTime);
-      update.tag = ForceUpdate;
-      enqueueUpdate(sourceFiber, update);
-    }
-  }
-
+  scheduleWorkToRoot(fiber, retryTime);
   var rootExpirationTime = root.expirationTime;
   if (rootExpirationTime !== NoWork) {
     requestWork(root, rootExpirationTime);
@@ -16229,18 +14868,25 @@ function scheduleWorkToRoot(fiber, expirationTime) {
   recordScheduleUpdate();
 
   {
-    if (fiber.tag === ClassComponent) {
+    if (fiber.tag === ClassComponent || fiber.tag === ClassComponentLazy) {
       var instance = fiber.stateNode;
       warnAboutInvalidUpdates(instance);
     }
   }
 
   // Update the source fiber's expiration time
-  if (fiber.expirationTime < expirationTime) {
+  if (
+    fiber.expirationTime === NoWork ||
+    fiber.expirationTime > expirationTime
+  ) {
     fiber.expirationTime = expirationTime;
   }
   var alternate = fiber.alternate;
-  if (alternate !== null && alternate.expirationTime < expirationTime) {
+  if (
+    alternate !== null &&
+    (alternate.expirationTime === NoWork ||
+      alternate.expirationTime > expirationTime)
+  ) {
     alternate.expirationTime = expirationTime;
   }
   // Walk the parent path to the root and update the child expiration time.
@@ -16251,17 +14897,22 @@ function scheduleWorkToRoot(fiber, expirationTime) {
   } else {
     while (node !== null) {
       alternate = node.alternate;
-      if (node.childExpirationTime < expirationTime) {
+      if (
+        node.childExpirationTime === NoWork ||
+        node.childExpirationTime > expirationTime
+      ) {
         node.childExpirationTime = expirationTime;
         if (
           alternate !== null &&
-          alternate.childExpirationTime < expirationTime
+          (alternate.childExpirationTime === NoWork ||
+            alternate.childExpirationTime > expirationTime)
         ) {
           alternate.childExpirationTime = expirationTime;
         }
       } else if (
         alternate !== null &&
-        alternate.childExpirationTime < expirationTime
+        (alternate.childExpirationTime === NoWork ||
+          alternate.childExpirationTime > expirationTime)
       ) {
         alternate.childExpirationTime = expirationTime;
       }
@@ -16274,18 +14925,11 @@ function scheduleWorkToRoot(fiber, expirationTime) {
   }
 
   if (root === null) {
-    {
-      switch (fiber.tag) {
-        case ClassComponent:
-          warnAboutUpdateOnUnmounted(fiber, true);
-          break;
-        case FunctionComponent:
-        case ForwardRef:
-        case MemoComponent:
-        case SimpleMemoComponent:
-          warnAboutUpdateOnUnmounted(fiber, false);
-          break;
-      }
+    if (
+      true &&
+      (fiber.tag === ClassComponent || fiber.tag === ClassComponentLazy)
+    ) {
+      warnAboutUpdateOnUnmounted(fiber);
     }
     return null;
   }
@@ -16336,7 +14980,7 @@ function scheduleWork(fiber, expirationTime) {
   if (
     !isWorking &&
     nextRenderExpirationTime !== NoWork &&
-    expirationTime > nextRenderExpirationTime
+    expirationTime < nextRenderExpirationTime
   ) {
     // This is an interruption. (Used for performance tracking.)
     interruptedBy = fiber;
@@ -16380,8 +15024,10 @@ var isRendering = false;
 var nextFlushedRoot = null;
 var nextFlushedExpirationTime = NoWork;
 var lowestPriorityPendingInteractiveExpirationTime = NoWork;
+var deadlineDidExpire = false;
 var hasUnhandledError = false;
 var unhandledError = null;
+var deadline = null;
 
 var isBatchingUpdates = false;
 var isUnbatchingUpdates = false;
@@ -16398,6 +15044,8 @@ var NESTED_UPDATE_LIMIT = 50;
 var nestedUpdateCount = 0;
 var lastCommittedRootDuringThisBatch = null;
 
+var timeHeuristicForUnitOfWork = 1;
+
 function recomputeCurrentRendererTime() {
   var currentTimeMs = now() - originalStartTimeMs;
   currentRendererTime = msToExpirationTime(currentTimeMs);
@@ -16406,7 +15054,7 @@ function recomputeCurrentRendererTime() {
 function scheduleCallbackWithExpirationTime(root, expirationTime) {
   if (callbackExpirationTime !== NoWork) {
     // A callback is already scheduled. Check its expiration time (timeout).
-    if (expirationTime < callbackExpirationTime) {
+    if (expirationTime > callbackExpirationTime) {
       // Existing callback has sufficient timeout. Exit.
       return;
     } else {
@@ -16449,7 +15097,7 @@ function onSuspend(
   msUntilTimeout
 ) {
   root.expirationTime = rootExpirationTime;
-  if (msUntilTimeout === 0 && !shouldYieldToRenderer()) {
+  if (msUntilTimeout === 0 && !shouldYield()) {
     // Don't wait an additional tick. Commit the tree immediately.
     root.pendingCommitExpirationTime = suspendedExpirationTime;
     root.finishedWork = finishedWork;
@@ -16544,7 +15192,7 @@ function requestWork(root, expirationTime) {
       // flush it now.
       nextFlushedRoot = root;
       nextFlushedExpirationTime = Sync;
-      performWorkOnRoot(root, Sync, false);
+      performWorkOnRoot(root, Sync, true);
     }
     return;
   }
@@ -16574,7 +15222,10 @@ function addRootToSchedule(root, expirationTime) {
   } else {
     // This root is already scheduled, but its priority may have increased.
     var remainingExpirationTime = root.expirationTime;
-    if (expirationTime > remainingExpirationTime) {
+    if (
+      remainingExpirationTime === NoWork ||
+      expirationTime < remainingExpirationTime
+    ) {
       // Update the priority.
       root.expirationTime = expirationTime;
     }
@@ -16623,7 +15274,10 @@ function findHighestPriorityRoot() {
         }
         root = previousScheduledRoot.nextScheduledRoot;
       } else {
-        if (remainingExpirationTime > highestPriorityWork) {
+        if (
+          highestPriorityWork === NoWork ||
+          remainingExpirationTime < highestPriorityWork
+        ) {
           // Update the priority, if it's higher
           highestPriorityWork = remainingExpirationTime;
           highestPriorityRoot = root;
@@ -16646,60 +15300,43 @@ function findHighestPriorityRoot() {
   nextFlushedExpirationTime = highestPriorityWork;
 }
 
-// TODO: This wrapper exists because many of the older tests (the ones that use
-// flushDeferredPri) rely on the number of times `shouldYield` is called. We
-// should get rid of it.
-var didYield = false;
-function shouldYieldToRenderer() {
-  if (didYield) {
-    return true;
-  }
-  if (shouldYield()) {
-    didYield = true;
-    return true;
-  }
-  return false;
-}
-
-function performAsyncWork() {
-  try {
-    if (!shouldYieldToRenderer()) {
-      // The callback timed out. That means at least one update has expired.
-      // Iterate through the root schedule. If they contain expired work, set
-      // the next render expiration time to the current time. This has the effect
-      // of flushing all expired work in a single batch, instead of flushing each
-      // level one at a time.
-      if (firstScheduledRoot !== null) {
-        recomputeCurrentRendererTime();
-        var root = firstScheduledRoot;
-        do {
-          didExpireAtExpirationTime(root, currentRendererTime);
-          // The root schedule is circular, so this is never null.
-          root = root.nextScheduledRoot;
-        } while (root !== firstScheduledRoot);
-      }
+function performAsyncWork(dl) {
+  if (dl.didTimeout) {
+    // The callback timed out. That means at least one update has expired.
+    // Iterate through the root schedule. If they contain expired work, set
+    // the next render expiration time to the current time. This has the effect
+    // of flushing all expired work in a single batch, instead of flushing each
+    // level one at a time.
+    if (firstScheduledRoot !== null) {
+      recomputeCurrentRendererTime();
+      var root = firstScheduledRoot;
+      do {
+        didExpireAtExpirationTime(root, currentRendererTime);
+        // The root schedule is circular, so this is never null.
+        root = root.nextScheduledRoot;
+      } while (root !== firstScheduledRoot);
     }
-    performWork(NoWork, true);
-  } finally {
-    didYield = false;
   }
+  performWork(NoWork, dl);
 }
 
 function performSyncWork() {
-  performWork(Sync, false);
+  performWork(Sync, null);
 }
 
-function performWork(minExpirationTime, isYieldy) {
-  // Keep working on roots until there's no more work, or until there's a higher
-  // priority event.
+function performWork(minExpirationTime, dl) {
+  deadline = dl;
+
+  // Keep working on roots until there's no more work, or until we reach
+  // the deadline.
   findHighestPriorityRoot();
 
-  if (isYieldy) {
+  if (deadline !== null) {
     recomputeCurrentRendererTime();
     currentSchedulerTime = currentRendererTime;
 
     if (enableUserTimingAPI) {
-      var didExpire = nextFlushedExpirationTime > currentRendererTime;
+      var didExpire = nextFlushedExpirationTime < currentRendererTime;
       var timeout = expirationTimeToMs(nextFlushedExpirationTime);
       stopRequestCallbackTimer(didExpire, timeout);
     }
@@ -16707,13 +15344,14 @@ function performWork(minExpirationTime, isYieldy) {
     while (
       nextFlushedRoot !== null &&
       nextFlushedExpirationTime !== NoWork &&
-      minExpirationTime <= nextFlushedExpirationTime &&
-      !(didYield && currentRendererTime > nextFlushedExpirationTime)
+      (minExpirationTime === NoWork ||
+        minExpirationTime >= nextFlushedExpirationTime) &&
+      (!deadlineDidExpire || currentRendererTime >= nextFlushedExpirationTime)
     ) {
       performWorkOnRoot(
         nextFlushedRoot,
         nextFlushedExpirationTime,
-        currentRendererTime > nextFlushedExpirationTime
+        currentRendererTime >= nextFlushedExpirationTime
       );
       findHighestPriorityRoot();
       recomputeCurrentRendererTime();
@@ -16723,9 +15361,10 @@ function performWork(minExpirationTime, isYieldy) {
     while (
       nextFlushedRoot !== null &&
       nextFlushedExpirationTime !== NoWork &&
-      minExpirationTime <= nextFlushedExpirationTime
+      (minExpirationTime === NoWork ||
+        minExpirationTime >= nextFlushedExpirationTime)
     ) {
-      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, false);
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, true);
       findHighestPriorityRoot();
     }
   }
@@ -16734,7 +15373,7 @@ function performWork(minExpirationTime, isYieldy) {
   // or there's no more work left with sufficient priority.
 
   // If we're inside a callback, set this to false since we just completed it.
-  if (isYieldy) {
+  if (deadline !== null) {
     callbackExpirationTime = NoWork;
     callbackID = null;
   }
@@ -16747,6 +15386,9 @@ function performWork(minExpirationTime, isYieldy) {
   }
 
   // Clean-up.
+  deadline = null;
+  deadlineDidExpire = false;
+
   finishRendering();
 }
 
@@ -16761,7 +15403,7 @@ function flushRoot(root, expirationTime) {
   // including the given time.
   nextFlushedRoot = root;
   nextFlushedExpirationTime = expirationTime;
-  performWorkOnRoot(root, expirationTime, false);
+  performWorkOnRoot(root, expirationTime, true);
   // Flush any sync work that was scheduled by lifecycles
   performSyncWork();
 }
@@ -16794,7 +15436,7 @@ function finishRendering() {
   }
 }
 
-function performWorkOnRoot(root, expirationTime, isYieldy) {
+function performWorkOnRoot(root, expirationTime, isExpired) {
   invariant(
     !isRendering,
     "performWorkOnRoot was called recursively. This error is likely caused " +
@@ -16804,7 +15446,7 @@ function performWorkOnRoot(root, expirationTime, isYieldy) {
   isRendering = true;
 
   // Check if this is async work or sync/expired work.
-  if (!isYieldy) {
+  if (deadline === null || isExpired) {
     // Flush work without yielding.
     // TODO: Non-yieldy work does not necessarily imply expired work. A renderer
     // may want to perform some work without yielding, but also without
@@ -16824,7 +15466,8 @@ function performWorkOnRoot(root, expirationTime, isYieldy) {
         // $FlowFixMe Complains noTimeout is not a TimeoutID, despite the check above
         cancelTimeout(timeoutHandle);
       }
-      renderRoot(root, isYieldy);
+      var isYieldy = false;
+      renderRoot(root, isYieldy, isExpired);
       finishedWork = root.finishedWork;
       if (finishedWork !== null) {
         // We've completed the root. Commit it.
@@ -16847,12 +15490,13 @@ function performWorkOnRoot(root, expirationTime, isYieldy) {
         // $FlowFixMe Complains noTimeout is not a TimeoutID, despite the check above
         cancelTimeout(_timeoutHandle);
       }
-      renderRoot(root, isYieldy);
+      var _isYieldy = true;
+      renderRoot(root, _isYieldy, isExpired);
       _finishedWork = root.finishedWork;
       if (_finishedWork !== null) {
-        // We've completed the root. Check the if we should yield one more time
+        // We've completed the root. Check the deadline one more time
         // before committing.
-        if (!shouldYieldToRenderer()) {
+        if (!shouldYield()) {
           // Still time left. Commit the root.
           completeRoot(root, _finishedWork, expirationTime);
         } else {
@@ -16870,7 +15514,7 @@ function performWorkOnRoot(root, expirationTime, isYieldy) {
 function completeRoot(root, finishedWork, expirationTime) {
   // Check if there's a batch that matches this expiration time.
   var firstBatch = root.firstBatch;
-  if (firstBatch !== null && firstBatch._expirationTime >= expirationTime) {
+  if (firstBatch !== null && firstBatch._expirationTime <= expirationTime) {
     if (completedBatches === null) {
       completedBatches = [firstBatch];
     } else {
@@ -16902,6 +15546,24 @@ function completeRoot(root, finishedWork, expirationTime) {
   commitRoot(root, finishedWork);
 }
 
+// When working on async work, the reconciler asks the renderer if it should
+// yield execution. For DOM, we implement this with requestIdleCallback.
+function shouldYield() {
+  if (deadlineDidExpire) {
+    return true;
+  }
+  if (
+    deadline === null ||
+    deadline.timeRemaining() > timeHeuristicForUnitOfWork
+  ) {
+    // Disregard deadline.didTimeout. Only expired work should be flushed
+    // during a timeout. This path is only hit for non-expired work.
+    return false;
+  }
+  deadlineDidExpire = true;
+  return true;
+}
+
 function onUncaughtError(error) {
   invariant(
     nextFlushedRoot !== null,
@@ -16946,7 +15608,7 @@ function interactiveUpdates$1(fn, a, b) {
     lowestPriorityPendingInteractiveExpirationTime !== NoWork
   ) {
     // Synchronously flush pending interactive updates.
-    performWork(lowestPriorityPendingInteractiveExpirationTime, false);
+    performWork(lowestPriorityPendingInteractiveExpirationTime, null);
     lowestPriorityPendingInteractiveExpirationTime = NoWork;
   }
   var previousIsBatchingInteractiveUpdates = isBatchingInteractiveUpdates;
@@ -16970,7 +15632,7 @@ function flushInteractiveUpdates$1() {
     lowestPriorityPendingInteractiveExpirationTime !== NoWork
   ) {
     // Synchronously flush pending interactive updates.
-    performWork(lowestPriorityPendingInteractiveExpirationTime, false);
+    performWork(lowestPriorityPendingInteractiveExpirationTime, null);
     lowestPriorityPendingInteractiveExpirationTime = NoWork;
   }
 }
@@ -16999,6 +15661,11 @@ function getContextForSubtree(parentComponent) {
     if (isContextProvider(Component)) {
       return processChildContext(fiber, Component, parentContext);
     }
+  } else if (fiber.tag === ClassComponentLazy) {
+    var _Component = getResultFromResolvedThenable(fiber.type);
+    if (isContextProvider(_Component)) {
+      return processChildContext(fiber, _Component, parentContext);
+    }
   }
 
   return parentContext;
@@ -17036,11 +15703,9 @@ function scheduleRootUpdate(current$$1, element, expirationTime, callback) {
       : void 0;
     update.callback = callback;
   }
-
-  flushPassiveEffects();
   enqueueUpdate(current$$1, update);
-  scheduleWork(current$$1, expirationTime);
 
+  scheduleWork(current$$1, expirationTime);
   return expirationTime;
 }
 
@@ -17231,7 +15896,7 @@ function createPortal(
 
 // TODO: this is special because it gets imported during build.
 
-var ReactVersion = "16.6.0";
+var ReactVersion = "16.6.0-alpha.8af6728";
 
 // Modules provided by RN:
 var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
@@ -17627,9 +16292,9 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
 };
 
 // Module provided by RN:
-var emptyObject$1 = {};
+var emptyObject$2 = {};
 {
-  Object.freeze(emptyObject$1);
+  Object.freeze(emptyObject$2);
 }
 
 var getInspectorDataForViewTag = void 0;
@@ -17662,9 +16327,9 @@ var getInspectorDataForViewTag = void 0;
   var getHostProps = function(fiber) {
     var host = findCurrentHostFiber(fiber);
     if (host) {
-      return host.memoizedProps || emptyObject$1;
+      return host.memoizedProps || emptyObject$2;
     }
-    return emptyObject$1;
+    return emptyObject$2;
   };
 
   var getHostNode = function(fiber, findNodeHandle) {
@@ -17710,7 +16375,7 @@ var getInspectorDataForViewTag = void 0;
     if (!closestInstance) {
       return {
         hierarchy: [],
-        props: emptyObject$1,
+        props: emptyObject$2,
         selection: null,
         source: null
       };
diff --git a/Libraries/Renderer/oss/ReactNativeRenderer-prod.js b/Libraries/Renderer/oss/ReactNativeRenderer-prod.js
index d62282e858f..3fcf1033033 100644
--- a/Libraries/Renderer/oss/ReactNativeRenderer-prod.js
+++ b/Libraries/Renderer/oss/ReactNativeRenderer-prod.js
@@ -19,8 +19,7 @@ var ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry"),
   deepDiffer = require("deepDiffer"),
   flattenStyle = require("flattenStyle"),
   TextInputState = require("TextInputState");
-var scheduler = require("scheduler"),
-  ExceptionsManager = require("ExceptionsManager");
+var ExceptionsManager = require("ExceptionsManager");
 function invariant(condition, format, a, b, c, d, e, f) {
   if (!condition) {
     condition = void 0;
@@ -294,7 +293,7 @@ function getListener(inst, registrationName) {
 }
 function getParent(inst) {
   do inst = inst.return;
-  while (inst && 5 !== inst.tag);
+  while (inst && 7 !== inst.tag);
   return inst ? inst : null;
 }
 function traverseTwoPhase(inst, fn, arg) {
@@ -1148,8 +1147,7 @@ var ReactSharedInternals =
     : 60111,
   REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
   REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113,
-  REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115,
-  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116,
+  REACT_PURE_TYPE = hasSymbol ? Symbol.for("react.pure") : 60115,
   MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
@@ -1158,6 +1156,13 @@ function getIteratorFn(maybeIterable) {
     maybeIterable["@@iterator"];
   return "function" === typeof maybeIterable ? maybeIterable : null;
 }
+function getWrappedName(outerType, innerType, wrapperName) {
+  innerType = innerType.displayName || innerType.name || "";
+  return (
+    outerType.displayName ||
+    ("" !== innerType ? wrapperName + "(" + innerType + ")" : wrapperName)
+  );
+}
 function getComponentName(type) {
   if (null == type) return null;
   if ("function" === typeof type) return type.displayName || type.name || null;
@@ -1176,25 +1181,23 @@ function getComponentName(type) {
     case REACT_SUSPENSE_TYPE:
       return "Suspense";
   }
-  if ("object" === typeof type)
+  if ("object" === typeof type) {
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
         return "Context.Consumer";
       case REACT_PROVIDER_TYPE:
         return "Context.Provider";
       case REACT_FORWARD_REF_TYPE:
-        var innerType = type.render;
-        innerType = innerType.displayName || innerType.name || "";
-        return (
-          type.displayName ||
-          ("" !== innerType ? "ForwardRef(" + innerType + ")" : "ForwardRef")
-        );
-      case REACT_MEMO_TYPE:
-        return getComponentName(type.type);
-      case REACT_LAZY_TYPE:
-        if ((type = 1 === type._status ? type._result : null))
-          return getComponentName(type);
+        return getWrappedName(type, type.render, "ForwardRef");
+      case REACT_PURE_TYPE:
+        return getWrappedName(type, type.render, "Pure");
     }
+    if (
+      "function" === typeof type.then &&
+      (type = 1 === type._reactStatus ? type._reactResult : null)
+    )
+      return getComponentName(type);
+  }
   return null;
 }
 function isFiberMountedImpl(fiber) {
@@ -1205,7 +1208,7 @@ function isFiberMountedImpl(fiber) {
     for (; node.return; )
       if (((node = node.return), 0 !== (node.effectTag & 2))) return 1;
   }
-  return 3 === node.tag ? 2 : 3;
+  return 5 === node.tag ? 2 : 3;
 }
 function assertIsMounted(fiber) {
   invariant(
@@ -1281,14 +1284,14 @@ function findCurrentFiberUsingSlowPath(fiber) {
       "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
     );
   }
-  invariant(3 === a.tag, "Unable to find node on an unmounted component.");
+  invariant(5 === a.tag, "Unable to find node on an unmounted component.");
   return a.stateNode.current === a ? fiber : alternate;
 }
 function findCurrentHostFiber(parent) {
   parent = findCurrentFiberUsingSlowPath(parent);
   if (!parent) return null;
   for (var node = parent; ; ) {
-    if (5 === node.tag || 6 === node.tag) return node;
+    if (7 === node.tag || 8 === node.tag) return node;
     if (node.child) (node.child.return = node), (node = node.child);
     else {
       if (node === parent) break;
@@ -1596,12 +1599,18 @@ var ReactNativeFiberHostComponent = (function() {
           return Date.now();
         },
   scheduledCallback = null,
-  frameDeadline = 0;
+  frameDeadline = 0,
+  frameDeadlineObject = {
+    timeRemaining: function() {
+      return frameDeadline - now$1();
+    },
+    didTimeout: !1
+  };
 function setTimeoutCallback() {
   frameDeadline = now$1() + 5;
   var callback = scheduledCallback;
   scheduledCallback = null;
-  null !== callback && callback();
+  null !== callback && callback(frameDeadlineObject);
 }
 function shim$1() {
   invariant(
@@ -1642,13 +1651,13 @@ function getStackByFiberInDevAndProd(workInProgress) {
   var info = "";
   do {
     a: switch (workInProgress.tag) {
-      case 2:
-      case 16:
+      case 4:
       case 0:
       case 1:
-      case 5:
-      case 8:
-      case 13:
+      case 2:
+      case 3:
+      case 7:
+      case 10:
         var owner = workInProgress._debugOwner,
           source = workInProgress._debugSource,
           name = getComponentName(workInProgress.type);
@@ -1799,7 +1808,7 @@ function injectInternals(internals) {
 function FiberNode(tag, pendingProps, key, mode) {
   this.tag = tag;
   this.key = key;
-  this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
+  this.sibling = this.child = this.return = this.stateNode = this.type = null;
   this.index = 0;
   this.ref = null;
   this.pendingProps = pendingProps;
@@ -1810,33 +1819,29 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.childExpirationTime = this.expirationTime = 0;
   this.alternate = null;
 }
-function createFiber(tag, pendingProps, key, mode) {
-  return new FiberNode(tag, pendingProps, key, mode);
-}
 function shouldConstruct(Component) {
   Component = Component.prototype;
   return !(!Component || !Component.isReactComponent);
 }
-function resolveLazyComponentTag(Component) {
+function resolveLazyComponentTag(fiber, Component) {
   if ("function" === typeof Component)
-    return shouldConstruct(Component) ? 1 : 0;
+    return shouldConstruct(Component) ? 3 : 1;
   if (void 0 !== Component && null !== Component) {
-    Component = Component.$$typeof;
-    if (Component === REACT_FORWARD_REF_TYPE) return 11;
-    if (Component === REACT_MEMO_TYPE) return 14;
+    fiber = Component.$$typeof;
+    if (fiber === REACT_FORWARD_REF_TYPE) return 14;
+    if (fiber === REACT_PURE_TYPE) return 18;
   }
-  return 2;
+  return 4;
 }
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = new FiberNode(
         current.tag,
         pendingProps,
         current.key,
         current.mode
       )),
-      (workInProgress.elementType = current.elementType),
       (workInProgress.type = current.type),
       (workInProgress.stateNode = current.stateNode),
       (workInProgress.alternate = current),
@@ -1858,66 +1863,60 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.ref = current.ref;
   return workInProgress;
 }
-function createFiberFromTypeAndProps(
-  type,
-  key,
-  pendingProps,
-  owner,
-  mode,
-  expirationTime
-) {
-  var fiberTag = 2;
-  owner = type;
-  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
-  else if ("string" === typeof type) fiberTag = 5;
+function createFiberFromElement(element, mode, expirationTime) {
+  var type = element.type,
+    key = element.key;
+  element = element.props;
+  var fiberTag = void 0;
+  if ("function" === typeof type) fiberTag = shouldConstruct(type) ? 2 : 4;
+  else if ("string" === typeof type) fiberTag = 7;
   else
     a: switch (type) {
       case REACT_FRAGMENT_TYPE:
         return createFiberFromFragment(
-          pendingProps.children,
+          element.children,
           mode,
           expirationTime,
           key
         );
       case REACT_CONCURRENT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 3, expirationTime, key);
+        fiberTag = 10;
+        mode |= 3;
+        break;
       case REACT_STRICT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 2, expirationTime, key);
+        fiberTag = 10;
+        mode |= 2;
+        break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 4)),
-          (type.elementType = REACT_PROFILER_TYPE),
+          (type = new FiberNode(15, element, key, mode | 4)),
           (type.type = REACT_PROFILER_TYPE),
           (type.expirationTime = expirationTime),
           type
         );
       case REACT_SUSPENSE_TYPE:
-        return (
-          (type = createFiber(13, pendingProps, key, mode)),
-          (type.elementType = REACT_SUSPENSE_TYPE),
-          (type.type = REACT_SUSPENSE_TYPE),
-          (type.expirationTime = expirationTime),
-          type
-        );
+        fiberTag = 16;
+        break;
       default:
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_PROVIDER_TYPE:
-              fiberTag = 10;
+              fiberTag = 12;
               break a;
             case REACT_CONTEXT_TYPE:
-              fiberTag = 9;
-              break a;
-            case REACT_FORWARD_REF_TYPE:
               fiberTag = 11;
               break a;
-            case REACT_MEMO_TYPE:
-              fiberTag = 14;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 13;
               break a;
-            case REACT_LAZY_TYPE:
-              fiberTag = 16;
-              owner = null;
+            case REACT_PURE_TYPE:
+              fiberTag = 17;
               break a;
+            default:
+              if ("function" === typeof type.then) {
+                fiberTag = 4;
+                break a;
+              }
           }
         invariant(
           !1,
@@ -1926,33 +1925,24 @@ function createFiberFromTypeAndProps(
           ""
         );
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
-  key.elementType = type;
-  key.type = owner;
-  key.expirationTime = expirationTime;
-  return key;
+  mode = new FiberNode(fiberTag, element, key, mode);
+  mode.type = type;
+  mode.expirationTime = expirationTime;
+  return mode;
 }
 function createFiberFromFragment(elements, mode, expirationTime, key) {
-  elements = createFiber(7, elements, key, mode);
+  elements = new FiberNode(9, elements, key, mode);
   elements.expirationTime = expirationTime;
   return elements;
 }
-function createFiberFromMode(pendingProps, mode, expirationTime, key) {
-  pendingProps = createFiber(8, pendingProps, key, mode);
-  mode = 0 === (mode & 1) ? REACT_STRICT_MODE_TYPE : REACT_CONCURRENT_MODE_TYPE;
-  pendingProps.elementType = mode;
-  pendingProps.type = mode;
-  pendingProps.expirationTime = expirationTime;
-  return pendingProps;
-}
 function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
+  content = new FiberNode(8, content, null, mode);
   content.expirationTime = expirationTime;
   return content;
 }
 function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
-    4,
+  mode = new FiberNode(
+    6,
     null !== portal.children ? portal.children : [],
     portal.key,
     mode
@@ -1970,9 +1960,9 @@ function markPendingPriorityLevel(root, expirationTime) {
   var earliestPendingTime = root.earliestPendingTime;
   0 === earliestPendingTime
     ? (root.earliestPendingTime = root.latestPendingTime = expirationTime)
-    : earliestPendingTime < expirationTime
+    : earliestPendingTime > expirationTime
       ? (root.earliestPendingTime = expirationTime)
-      : root.latestPendingTime > expirationTime &&
+      : root.latestPendingTime < expirationTime &&
         (root.latestPendingTime = expirationTime);
   findNextExpirationTimeToWorkOn(expirationTime, root);
 }
@@ -1980,7 +1970,7 @@ function markSuspendedPriorityLevel(root, suspendedTime) {
   root.didError = !1;
   var latestPingedTime = root.latestPingedTime;
   0 !== latestPingedTime &&
-    latestPingedTime >= suspendedTime &&
+    latestPingedTime <= suspendedTime &&
     (root.latestPingedTime = 0);
   latestPingedTime = root.earliestPendingTime;
   var latestPendingTime = root.latestPendingTime;
@@ -1995,18 +1985,22 @@ function markSuspendedPriorityLevel(root, suspendedTime) {
   latestPendingTime = root.latestSuspendedTime;
   0 === latestPingedTime
     ? (root.earliestSuspendedTime = root.latestSuspendedTime = suspendedTime)
-    : latestPingedTime < suspendedTime
+    : latestPingedTime > suspendedTime
       ? (root.earliestSuspendedTime = suspendedTime)
-      : latestPendingTime > suspendedTime &&
+      : latestPendingTime < suspendedTime &&
         (root.latestSuspendedTime = suspendedTime);
   findNextExpirationTimeToWorkOn(suspendedTime, root);
 }
 function findEarliestOutstandingPriorityLevel(root, renderExpirationTime) {
   var earliestPendingTime = root.earliestPendingTime;
   root = root.earliestSuspendedTime;
-  earliestPendingTime > renderExpirationTime &&
-    (renderExpirationTime = earliestPendingTime);
-  root > renderExpirationTime && (renderExpirationTime = root);
+  if (
+    0 === renderExpirationTime ||
+    (0 !== earliestPendingTime && earliestPendingTime < renderExpirationTime)
+  )
+    renderExpirationTime = earliestPendingTime;
+  if (0 === renderExpirationTime || (0 !== root && root < renderExpirationTime))
+    renderExpirationTime = root;
   return renderExpirationTime;
 }
 function findNextExpirationTimeToWorkOn(completedExpirationTime, root) {
@@ -2018,11 +2012,12 @@ function findNextExpirationTimeToWorkOn(completedExpirationTime, root) {
     0 !== earliestPendingTime ? earliestPendingTime : latestPingedTime;
   0 === earliestPendingTime &&
     (0 === completedExpirationTime ||
-      latestSuspendedTime < completedExpirationTime) &&
+      latestSuspendedTime > completedExpirationTime) &&
     (earliestPendingTime = latestSuspendedTime);
   completedExpirationTime = earliestPendingTime;
   0 !== completedExpirationTime &&
-    earliestSuspendedTime > completedExpirationTime &&
+    0 !== earliestSuspendedTime &&
+    earliestSuspendedTime < completedExpirationTime &&
     (completedExpirationTime = earliestSuspendedTime);
   root.nextExpirationTimeToWorkOn = earliestPendingTime;
   root.expirationTime = completedExpirationTime;
@@ -2134,7 +2129,7 @@ function getStateFromUpdate(
           : workInProgress
       );
     case 3:
-      workInProgress.effectTag = (workInProgress.effectTag & -2049) | 64;
+      workInProgress.effectTag = (workInProgress.effectTag & -1025) | 64;
     case 0:
       workInProgress = update.payload;
       nextProps =
@@ -2167,52 +2162,58 @@ function processUpdateQueue(
 
   ) {
     var updateExpirationTime = update.expirationTime;
-    updateExpirationTime < renderExpirationTime
-      ? (null === newFirstUpdate &&
+    if (updateExpirationTime > renderExpirationTime) {
+      if (
+        (null === newFirstUpdate &&
           ((newFirstUpdate = update), (newBaseState = resultState)),
-        newExpirationTime < updateExpirationTime &&
-          (newExpirationTime = updateExpirationTime))
-      : ((resultState = getStateFromUpdate(
-          workInProgress,
-          queue,
-          update,
-          resultState,
-          props,
-          instance
-        )),
+        0 === newExpirationTime || newExpirationTime > updateExpirationTime)
+      )
+        newExpirationTime = updateExpirationTime;
+    } else
+      (resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      )),
         null !== update.callback &&
           ((workInProgress.effectTag |= 32),
           (update.nextEffect = null),
           null === queue.lastEffect
             ? (queue.firstEffect = queue.lastEffect = update)
             : ((queue.lastEffect.nextEffect = update),
-              (queue.lastEffect = update))));
+              (queue.lastEffect = update)));
     update = update.next;
   }
   updateExpirationTime = null;
   for (update = queue.firstCapturedUpdate; null !== update; ) {
     var _updateExpirationTime = update.expirationTime;
-    _updateExpirationTime < renderExpirationTime
-      ? (null === updateExpirationTime &&
+    if (_updateExpirationTime > renderExpirationTime) {
+      if (
+        (null === updateExpirationTime &&
           ((updateExpirationTime = update),
           null === newFirstUpdate && (newBaseState = resultState)),
-        newExpirationTime < _updateExpirationTime &&
-          (newExpirationTime = _updateExpirationTime))
-      : ((resultState = getStateFromUpdate(
-          workInProgress,
-          queue,
-          update,
-          resultState,
-          props,
-          instance
-        )),
+        0 === newExpirationTime || newExpirationTime > _updateExpirationTime)
+      )
+        newExpirationTime = _updateExpirationTime;
+    } else
+      (resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      )),
         null !== update.callback &&
           ((workInProgress.effectTag |= 32),
           (update.nextEffect = null),
           null === queue.lastCapturedEffect
             ? (queue.firstCapturedEffect = queue.lastCapturedEffect = update)
             : ((queue.lastCapturedEffect.nextEffect = update),
-              (queue.lastCapturedEffect = update))));
+              (queue.lastCapturedEffect = update)));
     update = update.next;
   }
   null === newFirstUpdate && (queue.lastUpdate = null);
@@ -2293,277 +2294,13 @@ function readContext(context, observedBits) {
     null === lastContextDependency
       ? (invariant(
           null !== currentlyRenderingFiber,
-          "Context can only be read while React is rendering, e.g. inside the render method or getDerivedStateFromProps."
+          "Context.unstable_read(): Context can only be read while React is rendering, e.g. inside the render method or getDerivedStateFromProps."
         ),
         (currentlyRenderingFiber.firstContextDependency = lastContextDependency = observedBits))
       : (lastContextDependency = lastContextDependency.next = observedBits);
   }
   return context._currentValue;
 }
-var renderExpirationTime = 0,
-  currentlyRenderingFiber$1 = null,
-  firstCurrentHook = null,
-  currentHook = null,
-  firstWorkInProgressHook = null,
-  workInProgressHook = null,
-  remainingExpirationTime = 0,
-  componentUpdateQueue = null,
-  isReRender = !1,
-  didScheduleRenderPhaseUpdate = !1,
-  renderPhaseUpdates = null,
-  numberOfReRenders = 0;
-function resolveCurrentlyRenderingFiber() {
-  invariant(
-    null !== currentlyRenderingFiber$1,
-    "Hooks can only be called inside the body of a function component."
-  );
-  return currentlyRenderingFiber$1;
-}
-function finishHooks(Component, props, children, refOrContext) {
-  for (; didScheduleRenderPhaseUpdate; )
-    (didScheduleRenderPhaseUpdate = !1),
-      (numberOfReRenders += 1),
-      (componentUpdateQueue = workInProgressHook = currentHook = null),
-      (children = Component(props, refOrContext));
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
-  Component = currentlyRenderingFiber$1;
-  Component.memoizedState = firstWorkInProgressHook;
-  Component.expirationTime = remainingExpirationTime;
-  Component.updateQueue = componentUpdateQueue;
-  Component = null !== currentHook && null !== currentHook.next;
-  renderExpirationTime = 0;
-  workInProgressHook = firstWorkInProgressHook = currentHook = firstCurrentHook = currentlyRenderingFiber$1 = null;
-  remainingExpirationTime = 0;
-  componentUpdateQueue = null;
-  invariant(
-    !Component,
-    "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
-  );
-  return children;
-}
-function resetHooks() {
-  renderExpirationTime = 0;
-  workInProgressHook = firstWorkInProgressHook = currentHook = firstCurrentHook = currentlyRenderingFiber$1 = null;
-  remainingExpirationTime = 0;
-  componentUpdateQueue = null;
-  didScheduleRenderPhaseUpdate = !1;
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
-}
-function createHook() {
-  return {
-    memoizedState: null,
-    baseState: null,
-    queue: null,
-    baseUpdate: null,
-    next: null
-  };
-}
-function cloneHook(hook) {
-  return {
-    memoizedState: hook.memoizedState,
-    baseState: hook.memoizedState,
-    queue: hook.queue,
-    baseUpdate: hook.baseUpdate,
-    next: null
-  };
-}
-function createWorkInProgressHook() {
-  if (null === workInProgressHook)
-    null === firstWorkInProgressHook
-      ? ((isReRender = !1),
-        (currentHook = firstCurrentHook),
-        (firstWorkInProgressHook = workInProgressHook =
-          null === currentHook ? createHook() : cloneHook(currentHook)))
-      : ((isReRender = !0),
-        (currentHook = firstCurrentHook),
-        (workInProgressHook = firstWorkInProgressHook));
-  else if (null === workInProgressHook.next) {
-    isReRender = !1;
-    if (null === currentHook) var hook = createHook();
-    else
-      (currentHook = currentHook.next),
-        (hook = null === currentHook ? createHook() : cloneHook(currentHook));
-    workInProgressHook = workInProgressHook.next = hook;
-  } else
-    (isReRender = !0),
-      (workInProgressHook = workInProgressHook.next),
-      (currentHook = null !== currentHook ? currentHook.next : null);
-  return workInProgressHook;
-}
-function basicStateReducer(state, action) {
-  return "function" === typeof action ? action(state) : action;
-}
-function useReducer(reducer, initialState, initialAction) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-  var queue = workInProgressHook.queue;
-  if (null !== queue) {
-    if (isReRender) {
-      initialState = queue.dispatch;
-      if (null !== renderPhaseUpdates) {
-        var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
-        if (void 0 !== firstRenderPhaseUpdate) {
-          renderPhaseUpdates.delete(queue);
-          initialAction = workInProgressHook.memoizedState;
-          do
-            (initialAction = reducer(
-              initialAction,
-              firstRenderPhaseUpdate.action
-            )),
-              (firstRenderPhaseUpdate = firstRenderPhaseUpdate.next);
-          while (null !== firstRenderPhaseUpdate);
-          workInProgressHook.memoizedState = initialAction;
-          workInProgressHook.baseUpdate === queue.last &&
-            (workInProgressHook.baseState = initialAction);
-          return [initialAction, initialState];
-        }
-      }
-      return [workInProgressHook.memoizedState, initialState];
-    }
-    initialState = queue.last;
-    var _baseUpdate = workInProgressHook.baseUpdate;
-    null !== _baseUpdate
-      ? (null !== initialState && (initialState.next = null),
-        (initialState = _baseUpdate.next))
-      : (initialState = null !== initialState ? initialState.next : null);
-    if (null !== initialState) {
-      initialAction = workInProgressHook.baseState;
-      var newBaseUpdate = (firstRenderPhaseUpdate = null),
-        _update = initialState,
-        didSkip = !1;
-      do {
-        var updateExpirationTime = _update.expirationTime;
-        updateExpirationTime < renderExpirationTime
-          ? (didSkip ||
-              ((didSkip = !0),
-              (newBaseUpdate = _baseUpdate),
-              (firstRenderPhaseUpdate = initialAction)),
-            updateExpirationTime > remainingExpirationTime &&
-              (remainingExpirationTime = updateExpirationTime))
-          : (initialAction = reducer(initialAction, _update.action));
-        _baseUpdate = _update;
-        _update = _update.next;
-      } while (null !== _update && _update !== initialState);
-      didSkip ||
-        ((newBaseUpdate = _baseUpdate),
-        (firstRenderPhaseUpdate = initialAction));
-      workInProgressHook.memoizedState = initialAction;
-      workInProgressHook.baseUpdate = newBaseUpdate;
-      workInProgressHook.baseState = firstRenderPhaseUpdate;
-    }
-    return [workInProgressHook.memoizedState, queue.dispatch];
-  }
-  reducer === basicStateReducer
-    ? "function" === typeof initialState && (initialState = initialState())
-    : void 0 !== initialAction &&
-      null !== initialAction &&
-      (initialState = reducer(initialState, initialAction));
-  workInProgressHook.memoizedState = workInProgressHook.baseState = initialState;
-  queue = workInProgressHook.queue = { last: null, dispatch: null };
-  reducer = queue.dispatch = dispatchAction.bind(
-    null,
-    currentlyRenderingFiber$1,
-    queue
-  );
-  return [workInProgressHook.memoizedState, reducer];
-}
-function pushEffect(tag, create, destroy, inputs) {
-  tag = {
-    tag: tag,
-    create: create,
-    destroy: destroy,
-    inputs: inputs,
-    next: null
-  };
-  null === componentUpdateQueue
-    ? ((componentUpdateQueue = { lastEffect: null }),
-      (componentUpdateQueue.lastEffect = tag.next = tag))
-    : ((create = componentUpdateQueue.lastEffect),
-      null === create
-        ? (componentUpdateQueue.lastEffect = tag.next = tag)
-        : ((destroy = create.next),
-          (create.next = tag),
-          (tag.next = destroy),
-          (componentUpdateQueue.lastEffect = tag)));
-  return tag;
-}
-function useEffectImpl(fiberEffectTag, hookEffectTag, create, inputs) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-  inputs = void 0 !== inputs && null !== inputs ? inputs : [create];
-  var destroy = null;
-  if (null !== currentHook) {
-    var prevEffect = currentHook.memoizedState;
-    destroy = prevEffect.destroy;
-    if (inputsAreEqual(inputs, prevEffect.inputs)) {
-      pushEffect(0, create, destroy, inputs);
-      return;
-    }
-  }
-  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
-  workInProgressHook.memoizedState = pushEffect(
-    hookEffectTag,
-    create,
-    destroy,
-    inputs
-  );
-}
-function dispatchAction(fiber, queue, action) {
-  invariant(
-    25 > numberOfReRenders,
-    "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-  );
-  var alternate = fiber.alternate;
-  if (
-    fiber === currentlyRenderingFiber$1 ||
-    (null !== alternate && alternate === currentlyRenderingFiber$1)
-  )
-    if (
-      ((didScheduleRenderPhaseUpdate = !0),
-      (fiber = {
-        expirationTime: renderExpirationTime,
-        action: action,
-        next: null
-      }),
-      null === renderPhaseUpdates && (renderPhaseUpdates = new Map()),
-      (alternate = renderPhaseUpdates.get(queue)),
-      void 0 === alternate)
-    )
-      renderPhaseUpdates.set(queue, fiber);
-    else {
-      for (queue = alternate; null !== queue.next; ) queue = queue.next;
-      queue.next = fiber;
-    }
-  else {
-    alternate = requestCurrentTime();
-    alternate = computeExpirationForFiber(alternate, fiber);
-    action = { expirationTime: alternate, action: action, next: null };
-    flushPassiveEffects();
-    var _last2 = queue.last;
-    if (null === _last2) action.next = action;
-    else {
-      var first = _last2.next;
-      null !== first && (action.next = first);
-      _last2.next = action;
-    }
-    queue.last = action;
-    scheduleWork(fiber, alternate);
-  }
-}
-function inputsAreEqual(arr1, arr2) {
-  for (var i = 0; i < arr1.length; i++) {
-    var val1 = arr1[i],
-      val2 = arr2[i];
-    if (
-      (val1 !== val2 || (0 === val1 && 1 / val1 !== 1 / val2)) &&
-      (val1 === val1 || val2 === val2)
-    )
-      return !1;
-  }
-  return !0;
-}
 var NO_CONTEXT = {},
   contextStackCursor$1 = { current: NO_CONTEXT },
   contextFiberStackCursor = { current: NO_CONTEXT },
@@ -2633,8 +2370,7 @@ function shallowEqual(objA, objB) {
       return !1;
   return !0;
 }
-var ReactCurrentOwner$4 = ReactSharedInternals.ReactCurrentOwner,
-  emptyRefsObject = new React.Component().refs;
+var emptyRefsObject = new React.Component().refs;
 function applyDerivedStateFromProps(
   workInProgress,
   ctor,
@@ -2666,7 +2402,6 @@ var classComponentUpdater = {
     var update = createUpdate(currentTime);
     update.payload = payload;
     void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
     enqueueUpdate(inst, update);
     scheduleWork(inst, currentTime);
   },
@@ -2678,7 +2413,6 @@ var classComponentUpdater = {
     update.tag = 1;
     update.payload = payload;
     void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
     enqueueUpdate(inst, update);
     scheduleWork(inst, currentTime);
   },
@@ -2689,7 +2423,6 @@ var classComponentUpdater = {
     var update = createUpdate(currentTime);
     update.tag = 2;
     void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
     enqueueUpdate(inst, update);
     scheduleWork(inst, currentTime);
   }
@@ -2710,32 +2443,6 @@ function checkShouldComponentUpdate(
       ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
       : !0;
 }
-function constructClassInstance(workInProgress, ctor, props) {
-  var isLegacyContextConsumer = !1,
-    unmaskedContext = emptyContextObject;
-  var context = ctor.contextType;
-  "object" === typeof context && null !== context
-    ? (context = ReactCurrentOwner$4.currentDispatcher.readContext(context))
-    : ((unmaskedContext = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (isLegacyContextConsumer = ctor.contextTypes),
-      (context = (isLegacyContextConsumer =
-        null !== isLegacyContextConsumer && void 0 !== isLegacyContextConsumer)
-        ? getMaskedContext(workInProgress, unmaskedContext)
-        : emptyContextObject));
-  ctor = new ctor(props, context);
-  workInProgress.memoizedState =
-    null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
-  ctor.updater = classComponentUpdater;
-  workInProgress.stateNode = ctor;
-  ctor._reactInternalFiber = workInProgress;
-  isLegacyContextConsumer &&
-    ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
-    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
-  return ctor;
-}
 function callComponentWillReceiveProps(
   workInProgress,
   instance,
@@ -2762,9 +2469,7 @@ function mountClassInstance(
   instance.refs = emptyRefsObject;
   var contextType = ctor.contextType;
   "object" === typeof contextType && null !== contextType
-    ? (instance.context = ReactCurrentOwner$4.currentDispatcher.readContext(
-        contextType
-      ))
+    ? (instance.context = contextType.unstable_read())
     : ((contextType = isContextProvider(ctor)
         ? previousContext
         : contextStackCursor.current),
@@ -2819,7 +2524,10 @@ function coerceRef(returnFiber, current$$1, element) {
       element = element._owner;
       var inst = void 0;
       element &&
-        (invariant(1 === element.tag, "Function components cannot have refs."),
+        (invariant(
+          2 === element.tag || 3 === element.tag,
+          "Function components cannot have refs."
+        ),
         (inst = element.stateNode));
       invariant(
         inst,
@@ -2924,7 +2632,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     textContent,
     expirationTime
   ) {
-    if (null === current$$1 || 6 !== current$$1.tag)
+    if (null === current$$1 || 8 !== current$$1.tag)
       return (
         (current$$1 = createFiberFromText(
           textContent,
@@ -2939,18 +2647,15 @@ function ChildReconciler(shouldTrackSideEffects) {
     return current$$1;
   }
   function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (null !== current$$1 && current$$1.elementType === element.type)
+    if (null !== current$$1 && current$$1.type === element.type)
       return (
         (expirationTime = useFiber(current$$1, element.props, expirationTime)),
         (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
         (expirationTime.return = returnFiber),
         expirationTime
       );
-    expirationTime = createFiberFromTypeAndProps(
-      element.type,
-      element.key,
-      element.props,
-      null,
+    expirationTime = createFiberFromElement(
+      element,
       returnFiber.mode,
       expirationTime
     );
@@ -2961,7 +2666,7 @@ function ChildReconciler(shouldTrackSideEffects) {
   function updatePortal(returnFiber, current$$1, portal, expirationTime) {
     if (
       null === current$$1 ||
-      4 !== current$$1.tag ||
+      6 !== current$$1.tag ||
       current$$1.stateNode.containerInfo !== portal.containerInfo ||
       current$$1.stateNode.implementation !== portal.implementation
     )
@@ -2985,7 +2690,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     expirationTime,
     key
   ) {
-    if (null === current$$1 || 7 !== current$$1.tag)
+    if (null === current$$1 || 9 !== current$$1.tag)
       return (
         (current$$1 = createFiberFromFragment(
           fragment,
@@ -3015,11 +2720,8 @@ function ChildReconciler(shouldTrackSideEffects) {
       switch (newChild.$$typeof) {
         case REACT_ELEMENT_TYPE:
           return (
-            (expirationTime = createFiberFromTypeAndProps(
-              newChild.type,
-              newChild.key,
-              newChild.props,
-              null,
+            (expirationTime = createFiberFromElement(
+              newChild,
               returnFiber.mode,
               expirationTime
             )),
@@ -3363,9 +3065,9 @@ function ChildReconciler(shouldTrackSideEffects) {
             ) {
               if (isUnkeyedTopLevelFragment.key === isObject)
                 if (
-                  7 === isUnkeyedTopLevelFragment.tag
+                  9 === isUnkeyedTopLevelFragment.tag
                     ? newChild.type === REACT_FRAGMENT_TYPE
-                    : isUnkeyedTopLevelFragment.elementType === newChild.type
+                    : isUnkeyedTopLevelFragment.type === newChild.type
                 ) {
                   deleteRemainingChildren(
                     returnFiber,
@@ -3405,11 +3107,8 @@ function ChildReconciler(shouldTrackSideEffects) {
                 )),
                 (currentFirstChild.return = returnFiber),
                 (returnFiber = currentFirstChild))
-              : ((expirationTime = createFiberFromTypeAndProps(
-                  newChild.type,
-                  newChild.key,
-                  newChild.props,
-                  null,
+              : ((expirationTime = createFiberFromElement(
+                  newChild,
                   returnFiber.mode,
                   expirationTime
                 )),
@@ -3431,7 +3130,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             ) {
               if (currentFirstChild.key === isUnkeyedTopLevelFragment)
                 if (
-                  4 === currentFirstChild.tag &&
+                  6 === currentFirstChild.tag &&
                   currentFirstChild.stateNode.containerInfo ===
                     newChild.containerInfo &&
                   currentFirstChild.stateNode.implementation ===
@@ -3469,7 +3168,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     if ("string" === typeof newChild || "number" === typeof newChild)
       return (
         (newChild = "" + newChild),
-        null !== currentFirstChild && 6 === currentFirstChild.tag
+        null !== currentFirstChild && 8 === currentFirstChild.tag
           ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
             (currentFirstChild = useFiber(
               currentFirstChild,
@@ -3505,7 +3204,8 @@ function ChildReconciler(shouldTrackSideEffects) {
     isObject && throwOnInvalidObjectType(returnFiber, newChild);
     if ("undefined" === typeof newChild && !isUnkeyedTopLevelFragment)
       switch (returnFiber.tag) {
-        case 1:
+        case 2:
+        case 3:
         case 0:
           (expirationTime = returnFiber.type),
             invariant(
@@ -3524,12 +3224,12 @@ var reconcileChildFibers = ChildReconciler(!0),
   isHydrating = !1;
 function tryHydrate(fiber, nextInstance) {
   switch (fiber.tag) {
-    case 5:
+    case 7:
       return (
         (nextInstance = shim$1(nextInstance, fiber.type, fiber.pendingProps)),
         null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
       );
-    case 6:
+    case 8:
       return (
         (nextInstance = shim$1(nextInstance, fiber.pendingProps)),
         null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
@@ -3552,8 +3252,7 @@ function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
           return;
         }
         var returnFiber = hydrationParentFiber,
-          fiber = createFiber(5, null, null, 0);
-        fiber.elementType = "DELETED";
+          fiber = new FiberNode(7, null, null, 0);
         fiber.type = "DELETED";
         fiber.stateNode = firstAttemptedInstance;
         fiber.return = returnFiber;
@@ -3571,33 +3270,36 @@ function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
         (hydrationParentFiber = fiber$jscomp$0);
   }
 }
-function readLazyComponentType(lazyComponent) {
-  var result = lazyComponent._result;
-  switch (lazyComponent._status) {
+function readLazyComponentType(thenable) {
+  switch (thenable._reactStatus) {
     case 1:
-      return result;
+      return thenable._reactResult;
     case 2:
-      throw result;
+      throw thenable._reactResult;
     case 0:
-      throw result;
+      throw thenable;
     default:
-      throw ((lazyComponent._status = 0),
-      (result = lazyComponent._ctor),
-      (result = result()),
-      result.then(
-        function(moduleObject) {
-          0 === lazyComponent._status &&
-            ((moduleObject = moduleObject.default),
-            (lazyComponent._status = 1),
-            (lazyComponent._result = moduleObject));
+      throw ((thenable._reactStatus = 0),
+      thenable.then(
+        function(resolvedValue) {
+          if (0 === thenable._reactStatus) {
+            thenable._reactStatus = 1;
+            if ("object" === typeof resolvedValue && null !== resolvedValue) {
+              var defaultExport = resolvedValue.default;
+              resolvedValue =
+                void 0 !== defaultExport && null !== defaultExport
+                  ? defaultExport
+                  : resolvedValue;
+            }
+            thenable._reactResult = resolvedValue;
+          }
         },
         function(error) {
-          0 === lazyComponent._status &&
-            ((lazyComponent._status = 2), (lazyComponent._result = error));
+          0 === thenable._reactStatus &&
+            ((thenable._reactStatus = 2), (thenable._reactResult = error));
         }
       ),
-      (lazyComponent._result = result),
-      result);
+      thenable);
   }
 }
 var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
@@ -3625,87 +3327,28 @@ function reconcileChildren(
 function updateForwardRef(
   current$$1,
   workInProgress,
-  Component,
+  type,
   nextProps,
-  renderExpirationTime$jscomp$0
-) {
-  Component = Component.render;
-  var ref = workInProgress.ref;
-  prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0);
-  renderExpirationTime = renderExpirationTime$jscomp$0;
-  currentlyRenderingFiber$1 = workInProgress;
-  firstCurrentHook = null !== current$$1 ? current$$1.memoizedState : null;
-  var nextChildren = Component(nextProps, ref);
-  nextChildren = finishHooks(Component, nextProps, nextChildren, ref);
-  workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime$jscomp$0
-  );
-  return workInProgress.child;
-}
-function updateMemoComponent(
-  current$$1,
-  workInProgress,
-  Component,
-  nextProps,
-  updateExpirationTime,
   renderExpirationTime
 ) {
-  if (null === current$$1) {
-    var type = Component.type;
-    if (
-      "function" === typeof type &&
-      !shouldConstruct(type) &&
-      void 0 === type.defaultProps &&
-      null === Component.compare
-    )
-      return (
-        (workInProgress.tag = 15),
-        (workInProgress.type = type),
-        updateSimpleMemoComponent(
-          current$$1,
-          workInProgress,
-          type,
-          nextProps,
-          updateExpirationTime,
-          renderExpirationTime
-        )
-      );
-    current$$1 = createFiberFromTypeAndProps(
-      Component.type,
-      null,
-      nextProps,
-      null,
-      workInProgress.mode,
-      renderExpirationTime
-    );
-    current$$1.ref = workInProgress.ref;
-    current$$1.return = workInProgress;
-    return (workInProgress.child = current$$1);
-  }
-  type = current$$1.child;
+  type = type.render;
+  var ref = workInProgress.ref;
   if (
-    updateExpirationTime < renderExpirationTime &&
-    ((updateExpirationTime = type.memoizedProps),
-    (Component = Component.compare),
-    (Component = null !== Component ? Component : shallowEqual),
-    Component(updateExpirationTime, nextProps) &&
-      current$$1.ref === workInProgress.ref)
+    !didPerformWorkStackCursor.current &&
+    workInProgress.memoizedProps === nextProps &&
+    ref === (null !== current$$1 ? current$$1.ref : null)
   )
     return bailoutOnAlreadyFinishedWork(
       current$$1,
       workInProgress,
       renderExpirationTime
     );
-  current$$1 = createWorkInProgress(type, nextProps, renderExpirationTime);
-  current$$1.ref = workInProgress.ref;
-  current$$1.return = workInProgress;
-  return (workInProgress.child = current$$1);
+  type = type(nextProps, ref);
+  reconcileChildren(current$$1, workInProgress, type, renderExpirationTime);
+  workInProgress.memoizedProps = nextProps;
+  return workInProgress.child;
 }
-function updateSimpleMemoComponent(
+function updatePureComponent(
   current$$1,
   workInProgress,
   Component,
@@ -3713,22 +3356,29 @@ function updateSimpleMemoComponent(
   updateExpirationTime,
   renderExpirationTime
 ) {
-  return null !== current$$1 &&
-    updateExpirationTime < renderExpirationTime &&
-    shallowEqual(current$$1.memoizedProps, nextProps) &&
-    current$$1.ref === workInProgress.ref
-    ? bailoutOnAlreadyFinishedWork(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      )
-    : updateFunctionComponent(
-        current$$1,
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      );
+  var render = Component.render,
+    ref = workInProgress.ref;
+  if (
+    null !== current$$1 &&
+    (0 === updateExpirationTime ||
+      updateExpirationTime > renderExpirationTime) &&
+    ((updateExpirationTime = current$$1.memoizedProps),
+    (Component = Component.compare),
+    (Component = null !== Component ? Component : shallowEqual),
+    workInProgress.ref === current$$1.ref &&
+      Component(updateExpirationTime, nextProps))
+  )
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  render = render(nextProps, ref);
+  workInProgress.effectTag |= 1;
+  reconcileChildren(current$$1, workInProgress, render, renderExpirationTime);
+  workInProgress.memoizedProps = nextProps;
+  return workInProgress.child;
 }
 function markRef(current$$1, workInProgress) {
   var ref = workInProgress.ref;
@@ -3743,30 +3393,22 @@ function updateFunctionComponent(
   workInProgress,
   Component,
   nextProps,
-  renderExpirationTime$jscomp$0
+  renderExpirationTime
 ) {
   var unmaskedContext = isContextProvider(Component)
     ? previousContext
     : contextStackCursor.current;
   unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
-  prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0);
-  renderExpirationTime = renderExpirationTime$jscomp$0;
-  currentlyRenderingFiber$1 = workInProgress;
-  firstCurrentHook = null !== current$$1 ? current$$1.memoizedState : null;
-  var nextChildren = Component(nextProps, unmaskedContext);
-  nextChildren = finishHooks(
-    Component,
-    nextProps,
-    nextChildren,
-    unmaskedContext
-  );
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  Component = Component(nextProps, unmaskedContext);
   workInProgress.effectTag |= 1;
   reconcileChildren(
     current$$1,
     workInProgress,
-    nextChildren,
-    renderExpirationTime$jscomp$0
+    Component,
+    renderExpirationTime
   );
+  workInProgress.memoizedProps = nextProps;
   return workInProgress.child;
 }
 function updateClassComponent(
@@ -3781,149 +3423,166 @@ function updateClassComponent(
     pushContextProvider(workInProgress);
   } else hasContext = !1;
   prepareToReadContext(workInProgress, renderExpirationTime);
-  if (null === workInProgress.stateNode)
-    null !== current$$1 &&
-      ((current$$1.alternate = null),
-      (workInProgress.alternate = null),
-      (workInProgress.effectTag |= 2)),
-      constructClassInstance(
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      ),
+  if (null === current$$1)
+    if (null === workInProgress.stateNode) {
+      var isLegacyContextConsumer = !1,
+        unmaskedContext = emptyContextObject;
+      var context = Component.contextType;
+      "object" === typeof context && null !== context
+        ? (context = context.unstable_read())
+        : ((unmaskedContext = isContextProvider(Component)
+            ? previousContext
+            : contextStackCursor.current),
+          (isLegacyContextConsumer = Component.contextTypes),
+          (context = (isLegacyContextConsumer =
+            null !== isLegacyContextConsumer &&
+            void 0 !== isLegacyContextConsumer)
+            ? getMaskedContext(workInProgress, unmaskedContext)
+            : emptyContextObject));
+      var instance = new Component(nextProps, context);
+      workInProgress.memoizedState =
+        null !== instance.state && void 0 !== instance.state
+          ? instance.state
+          : null;
+      instance.updater = classComponentUpdater;
+      workInProgress.stateNode = instance;
+      instance._reactInternalFiber = workInProgress;
+      isLegacyContextConsumer &&
+        ((isLegacyContextConsumer = workInProgress.stateNode),
+        (isLegacyContextConsumer.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+        (isLegacyContextConsumer.__reactInternalMemoizedMaskedChildContext = context));
       mountClassInstance(
         workInProgress,
         Component,
         nextProps,
         renderExpirationTime
-      ),
-      (nextProps = !0);
-  else if (null === current$$1) {
-    var instance = workInProgress.stateNode,
-      oldProps = workInProgress.memoizedProps;
-    instance.props = oldProps;
-    var oldContext = instance.context,
-      contextType = Component.contextType;
-    "object" === typeof contextType && null !== contextType
-      ? (contextType = ReactCurrentOwner$4.currentDispatcher.readContext(
-          contextType
-        ))
-      : ((contextType = isContextProvider(Component)
-          ? previousContext
-          : contextStackCursor.current),
-        (contextType = getMaskedContext(workInProgress, contextType)));
-    var getDerivedStateFromProps = Component.getDerivedStateFromProps,
-      hasNewLifecycles =
-        "function" === typeof getDerivedStateFromProps ||
-        "function" === typeof instance.getSnapshotBeforeUpdate;
-    hasNewLifecycles ||
-      ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
-        "function" !== typeof instance.componentWillReceiveProps) ||
-      ((oldProps !== nextProps || oldContext !== contextType) &&
-        callComponentWillReceiveProps(
-          workInProgress,
-          instance,
-          nextProps,
-          contextType
-        ));
-    hasForceUpdate = !1;
-    var oldState = workInProgress.memoizedState;
-    oldContext = instance.state = oldState;
-    var updateQueue = workInProgress.updateQueue;
-    null !== updateQueue &&
-      (processUpdateQueue(
-        workInProgress,
-        updateQueue,
-        nextProps,
-        instance,
-        renderExpirationTime
-      ),
-      (oldContext = workInProgress.memoizedState));
-    oldProps !== nextProps ||
-    oldState !== oldContext ||
-    didPerformWorkStackCursor.current ||
-    hasForceUpdate
-      ? ("function" === typeof getDerivedStateFromProps &&
-          (applyDerivedStateFromProps(
-            workInProgress,
-            Component,
-            getDerivedStateFromProps,
-            nextProps
-          ),
-          (oldContext = workInProgress.memoizedState)),
-        (oldProps =
-          hasForceUpdate ||
-          checkShouldComponentUpdate(
-            workInProgress,
-            Component,
-            oldProps,
-            nextProps,
-            oldState,
-            oldContext,
-            contextType
-          ))
-          ? (hasNewLifecycles ||
-              ("function" !== typeof instance.UNSAFE_componentWillMount &&
-                "function" !== typeof instance.componentWillMount) ||
-              ("function" === typeof instance.componentWillMount &&
-                instance.componentWillMount(),
-              "function" === typeof instance.UNSAFE_componentWillMount &&
-                instance.UNSAFE_componentWillMount()),
-            "function" === typeof instance.componentDidMount &&
-              (workInProgress.effectTag |= 4))
-          : ("function" === typeof instance.componentDidMount &&
-              (workInProgress.effectTag |= 4),
-            (workInProgress.memoizedProps = nextProps),
-            (workInProgress.memoizedState = oldContext)),
-        (instance.props = nextProps),
-        (instance.state = oldContext),
-        (instance.context = contextType),
-        (nextProps = oldProps))
-      : ("function" === typeof instance.componentDidMount &&
-          (workInProgress.effectTag |= 4),
-        (nextProps = !1));
-  } else
-    (instance = workInProgress.stateNode),
-      (oldProps = workInProgress.memoizedProps),
-      (instance.props = oldProps),
-      (oldContext = instance.context),
-      (contextType = Component.contextType),
-      "object" === typeof contextType && null !== contextType
-        ? (contextType = ReactCurrentOwner$4.currentDispatcher.readContext(
-            contextType
-          ))
-        : ((contextType = isContextProvider(Component)
+      );
+      nextProps = !0;
+    } else {
+      unmaskedContext = workInProgress.stateNode;
+      isLegacyContextConsumer = workInProgress.memoizedProps;
+      unmaskedContext.props = isLegacyContextConsumer;
+      var oldContext = unmaskedContext.context;
+      context = Component.contextType;
+      "object" === typeof context && null !== context
+        ? (context = context.unstable_read())
+        : ((context = isContextProvider(Component)
             ? previousContext
             : contextStackCursor.current),
-          (contextType = getMaskedContext(workInProgress, contextType))),
-      (getDerivedStateFromProps = Component.getDerivedStateFromProps),
-      (hasNewLifecycles =
+          (context = getMaskedContext(workInProgress, context)));
+      var getDerivedStateFromProps = Component.getDerivedStateFromProps;
+      (instance =
         "function" === typeof getDerivedStateFromProps ||
-        "function" === typeof instance.getSnapshotBeforeUpdate) ||
-        ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
-          "function" !== typeof instance.componentWillReceiveProps) ||
-        ((oldProps !== nextProps || oldContext !== contextType) &&
+        "function" === typeof unmaskedContext.getSnapshotBeforeUpdate) ||
+        ("function" !==
+          typeof unmaskedContext.UNSAFE_componentWillReceiveProps &&
+          "function" !== typeof unmaskedContext.componentWillReceiveProps) ||
+        ((isLegacyContextConsumer !== nextProps || oldContext !== context) &&
           callComponentWillReceiveProps(
             workInProgress,
-            instance,
+            unmaskedContext,
             nextProps,
-            contextType
+            context
+          ));
+      hasForceUpdate = !1;
+      var oldState = workInProgress.memoizedState;
+      oldContext = unmaskedContext.state = oldState;
+      var updateQueue = workInProgress.updateQueue;
+      null !== updateQueue &&
+        (processUpdateQueue(
+          workInProgress,
+          updateQueue,
+          nextProps,
+          unmaskedContext,
+          renderExpirationTime
+        ),
+        (oldContext = workInProgress.memoizedState));
+      isLegacyContextConsumer !== nextProps ||
+      oldState !== oldContext ||
+      didPerformWorkStackCursor.current ||
+      hasForceUpdate
+        ? ("function" === typeof getDerivedStateFromProps &&
+            (applyDerivedStateFromProps(
+              workInProgress,
+              Component,
+              getDerivedStateFromProps,
+              nextProps
+            ),
+            (oldContext = workInProgress.memoizedState)),
+          (isLegacyContextConsumer =
+            hasForceUpdate ||
+            checkShouldComponentUpdate(
+              workInProgress,
+              Component,
+              isLegacyContextConsumer,
+              nextProps,
+              oldState,
+              oldContext,
+              context
+            ))
+            ? (instance ||
+                ("function" !==
+                  typeof unmaskedContext.UNSAFE_componentWillMount &&
+                  "function" !== typeof unmaskedContext.componentWillMount) ||
+                ("function" === typeof unmaskedContext.componentWillMount &&
+                  unmaskedContext.componentWillMount(),
+                "function" ===
+                  typeof unmaskedContext.UNSAFE_componentWillMount &&
+                  unmaskedContext.UNSAFE_componentWillMount()),
+              "function" === typeof unmaskedContext.componentDidMount &&
+                (workInProgress.effectTag |= 4))
+            : ("function" === typeof unmaskedContext.componentDidMount &&
+                (workInProgress.effectTag |= 4),
+              (workInProgress.memoizedProps = nextProps),
+              (workInProgress.memoizedState = oldContext)),
+          (unmaskedContext.props = nextProps),
+          (unmaskedContext.state = oldContext),
+          (unmaskedContext.context = context),
+          (nextProps = isLegacyContextConsumer))
+        : ("function" === typeof unmaskedContext.componentDidMount &&
+            (workInProgress.effectTag |= 4),
+          (nextProps = !1));
+    }
+  else
+    (unmaskedContext = workInProgress.stateNode),
+      (isLegacyContextConsumer = workInProgress.memoizedProps),
+      (unmaskedContext.props = isLegacyContextConsumer),
+      (oldContext = unmaskedContext.context),
+      (context = Component.contextType),
+      "object" === typeof context && null !== context
+        ? (context = context.unstable_read())
+        : ((context = isContextProvider(Component)
+            ? previousContext
+            : contextStackCursor.current),
+          (context = getMaskedContext(workInProgress, context))),
+      (getDerivedStateFromProps = Component.getDerivedStateFromProps),
+      (instance =
+        "function" === typeof getDerivedStateFromProps ||
+        "function" === typeof unmaskedContext.getSnapshotBeforeUpdate) ||
+        ("function" !==
+          typeof unmaskedContext.UNSAFE_componentWillReceiveProps &&
+          "function" !== typeof unmaskedContext.componentWillReceiveProps) ||
+        ((isLegacyContextConsumer !== nextProps || oldContext !== context) &&
+          callComponentWillReceiveProps(
+            workInProgress,
+            unmaskedContext,
+            nextProps,
+            context
           )),
       (hasForceUpdate = !1),
       (oldContext = workInProgress.memoizedState),
-      (oldState = instance.state = oldContext),
+      (oldState = unmaskedContext.state = oldContext),
       (updateQueue = workInProgress.updateQueue),
       null !== updateQueue &&
         (processUpdateQueue(
           workInProgress,
           updateQueue,
           nextProps,
-          instance,
+          unmaskedContext,
           renderExpirationTime
         ),
         (oldState = workInProgress.memoizedState)),
-      oldProps !== nextProps ||
+      isLegacyContextConsumer !== nextProps ||
       oldContext !== oldState ||
       didPerformWorkStackCursor.current ||
       hasForceUpdate
@@ -3940,51 +3599,53 @@ function updateClassComponent(
             checkShouldComponentUpdate(
               workInProgress,
               Component,
-              oldProps,
+              isLegacyContextConsumer,
               nextProps,
               oldContext,
               oldState,
-              contextType
+              context
             ))
-            ? (hasNewLifecycles ||
-                ("function" !== typeof instance.UNSAFE_componentWillUpdate &&
-                  "function" !== typeof instance.componentWillUpdate) ||
-                ("function" === typeof instance.componentWillUpdate &&
-                  instance.componentWillUpdate(
+            ? (instance ||
+                ("function" !==
+                  typeof unmaskedContext.UNSAFE_componentWillUpdate &&
+                  "function" !== typeof unmaskedContext.componentWillUpdate) ||
+                ("function" === typeof unmaskedContext.componentWillUpdate &&
+                  unmaskedContext.componentWillUpdate(
                     nextProps,
                     oldState,
-                    contextType
+                    context
                   ),
-                "function" === typeof instance.UNSAFE_componentWillUpdate &&
-                  instance.UNSAFE_componentWillUpdate(
+                "function" ===
+                  typeof unmaskedContext.UNSAFE_componentWillUpdate &&
+                  unmaskedContext.UNSAFE_componentWillUpdate(
                     nextProps,
                     oldState,
-                    contextType
+                    context
                   )),
-              "function" === typeof instance.componentDidUpdate &&
+              "function" === typeof unmaskedContext.componentDidUpdate &&
                 (workInProgress.effectTag |= 4),
-              "function" === typeof instance.getSnapshotBeforeUpdate &&
+              "function" === typeof unmaskedContext.getSnapshotBeforeUpdate &&
                 (workInProgress.effectTag |= 256))
-            : ("function" !== typeof instance.componentDidUpdate ||
-                (oldProps === current$$1.memoizedProps &&
+            : ("function" !== typeof unmaskedContext.componentDidUpdate ||
+                (isLegacyContextConsumer === current$$1.memoizedProps &&
                   oldContext === current$$1.memoizedState) ||
                 (workInProgress.effectTag |= 4),
-              "function" !== typeof instance.getSnapshotBeforeUpdate ||
-                (oldProps === current$$1.memoizedProps &&
+              "function" !== typeof unmaskedContext.getSnapshotBeforeUpdate ||
+                (isLegacyContextConsumer === current$$1.memoizedProps &&
                   oldContext === current$$1.memoizedState) ||
                 (workInProgress.effectTag |= 256),
               (workInProgress.memoizedProps = nextProps),
               (workInProgress.memoizedState = oldState)),
-          (instance.props = nextProps),
-          (instance.state = oldState),
-          (instance.context = contextType),
+          (unmaskedContext.props = nextProps),
+          (unmaskedContext.state = oldState),
+          (unmaskedContext.context = context),
           (nextProps = getDerivedStateFromProps))
-        : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current$$1.memoizedProps &&
+        : ("function" !== typeof unmaskedContext.componentDidUpdate ||
+            (isLegacyContextConsumer === current$$1.memoizedProps &&
               oldContext === current$$1.memoizedState) ||
             (workInProgress.effectTag |= 4),
-          "function" !== typeof instance.getSnapshotBeforeUpdate ||
-            (oldProps === current$$1.memoizedProps &&
+          "function" !== typeof unmaskedContext.getSnapshotBeforeUpdate ||
+            (isLegacyContextConsumer === current$$1.memoizedProps &&
               oldContext === current$$1.memoizedState) ||
             (workInProgress.effectTag |= 256),
           (nextProps = !1));
@@ -4043,6 +3704,7 @@ function finishClassComponent(
         renderExpirationTime
       );
   workInProgress.memoizedState = shouldUpdate.state;
+  workInProgress.memoizedProps = shouldUpdate.props;
   hasContext && invalidateContextProvider(workInProgress, Component, !0);
   return workInProgress.child;
 }
@@ -4068,105 +3730,6 @@ function resolveDefaultProps(Component, baseProps) {
   }
   return baseProps;
 }
-function updateSuspenseComponent(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
-  var mode = workInProgress.mode,
-    nextProps = workInProgress.pendingProps,
-    nextState = workInProgress.memoizedState;
-  null !== nextState &&
-    (nextState.alreadyCaptured
-      ? null !== current$$1 && nextState === current$$1.memoizedState
-        ? (nextState = {
-            alreadyCaptured: !0,
-            didTimeout: !0,
-            timedOutAt: nextState.timedOutAt
-          })
-        : ((nextState.alreadyCaptured = !0), (nextState.didTimeout = !0))
-      : (nextState = null));
-  var nextDidTimeout = null !== nextState && nextState.didTimeout;
-  if (null === current$$1)
-    nextDidTimeout
-      ? ((nextDidTimeout = nextProps.fallback),
-        (nextProps = createFiberFromFragment(null, mode, 0, null)),
-        (mode = createFiberFromFragment(
-          nextDidTimeout,
-          mode,
-          renderExpirationTime,
-          null
-        )),
-        (nextProps.sibling = mode),
-        (renderExpirationTime = nextProps),
-        (renderExpirationTime.return = mode.return = workInProgress))
-      : (renderExpirationTime = mode = mountChildFibers(
-          workInProgress,
-          null,
-          nextProps.children,
-          renderExpirationTime
-        ));
-  else {
-    var prevState = current$$1.memoizedState;
-    null !== prevState && prevState.didTimeout
-      ? ((mode = current$$1.child),
-        (current$$1 = mode.sibling),
-        nextDidTimeout
-          ? ((renderExpirationTime = nextProps.fallback),
-            (mode = createWorkInProgress(mode, mode.pendingProps, 0)),
-            (mode.effectTag |= 2),
-            (nextProps = mode.sibling = createWorkInProgress(
-              current$$1,
-              renderExpirationTime,
-              current$$1.expirationTime
-            )),
-            (nextProps.effectTag |= 2),
-            (renderExpirationTime = mode),
-            (mode.childExpirationTime = 0),
-            (mode = nextProps),
-            (renderExpirationTime.return = mode.return = workInProgress))
-          : ((nextDidTimeout = current$$1.child),
-            (mode = reconcileChildFibers(
-              workInProgress,
-              mode.child,
-              nextProps.children,
-              renderExpirationTime
-            )),
-            reconcileChildFibers(
-              workInProgress,
-              nextDidTimeout,
-              null,
-              renderExpirationTime
-            ),
-            (renderExpirationTime = mode)))
-      : ((current$$1 = current$$1.child),
-        nextDidTimeout
-          ? ((nextDidTimeout = nextProps.fallback),
-            (nextProps = createFiberFromFragment(null, mode, 0, null)),
-            (nextProps.effectTag |= 2),
-            (nextProps.child = current$$1),
-            (current$$1.return = nextProps),
-            (mode = nextProps.sibling = createFiberFromFragment(
-              nextDidTimeout,
-              mode,
-              renderExpirationTime,
-              null
-            )),
-            (mode.effectTag |= 2),
-            (renderExpirationTime = nextProps),
-            (nextProps.childExpirationTime = 0),
-            (renderExpirationTime.return = mode.return = workInProgress))
-          : (mode = renderExpirationTime = reconcileChildFibers(
-              workInProgress,
-              current$$1,
-              nextProps.children,
-              renderExpirationTime
-            )));
-  }
-  workInProgress.memoizedState = nextState;
-  workInProgress.child = renderExpirationTime;
-  return mode;
-}
 function bailoutOnAlreadyFinishedWork(
   current$$1,
   workInProgress,
@@ -4174,7 +3737,9 @@ function bailoutOnAlreadyFinishedWork(
 ) {
   null !== current$$1 &&
     (workInProgress.firstContextDependency = current$$1.firstContextDependency);
-  if (workInProgress.childExpirationTime < renderExpirationTime) return null;
+  var childExpirationTime = workInProgress.childExpirationTime;
+  if (0 === childExpirationTime || childExpirationTime > renderExpirationTime)
+    return null;
   invariant(
     null === current$$1 || workInProgress.child === current$$1.child,
     "Resuming work not yet implemented."
@@ -4203,562 +3768,557 @@ function bailoutOnAlreadyFinishedWork(
   }
   return workInProgress.child;
 }
-function beginWork(current$$1, workInProgress, renderExpirationTime$jscomp$0) {
+function beginWork(current$$1, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
   if (
     null !== current$$1 &&
     current$$1.memoizedProps === workInProgress.pendingProps &&
     !didPerformWorkStackCursor.current &&
-    updateExpirationTime < renderExpirationTime$jscomp$0
+    (0 === updateExpirationTime || updateExpirationTime > renderExpirationTime)
   ) {
     switch (workInProgress.tag) {
-      case 3:
+      case 5:
         pushHostRootContext(workInProgress);
         break;
-      case 5:
+      case 7:
         pushHostContext(workInProgress);
         break;
-      case 1:
+      case 2:
         isContextProvider(workInProgress.type) &&
           pushContextProvider(workInProgress);
         break;
-      case 4:
+      case 3:
+        isContextProvider(workInProgress.type._reactResult) &&
+          pushContextProvider(workInProgress);
+        break;
+      case 6:
         pushHostContainer(
           workInProgress,
           workInProgress.stateNode.containerInfo
         );
         break;
-      case 10:
+      case 12:
         pushProvider(workInProgress, workInProgress.memoizedProps.value);
-        break;
-      case 13:
-        if (
-          ((updateExpirationTime = workInProgress.memoizedState),
-          null !== updateExpirationTime && updateExpirationTime.didTimeout)
-        ) {
-          updateExpirationTime = workInProgress.child.childExpirationTime;
-          if (
-            0 !== updateExpirationTime &&
-            updateExpirationTime >= renderExpirationTime$jscomp$0
-          )
-            return updateSuspenseComponent(
-              current$$1,
-              workInProgress,
-              renderExpirationTime$jscomp$0
-            );
-          workInProgress = bailoutOnAlreadyFinishedWork(
-            current$$1,
-            workInProgress,
-            renderExpirationTime$jscomp$0
-          );
-          return null !== workInProgress ? workInProgress.sibling : null;
-        }
     }
     return bailoutOnAlreadyFinishedWork(
       current$$1,
       workInProgress,
-      renderExpirationTime$jscomp$0
+      renderExpirationTime
     );
   }
   workInProgress.expirationTime = 0;
   switch (workInProgress.tag) {
-    case 2:
-      updateExpirationTime = workInProgress.elementType;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
-        (workInProgress.alternate = null),
-        (workInProgress.effectTag |= 2));
-      current$$1 = workInProgress.pendingProps;
-      var context = getMaskedContext(
-        workInProgress,
-        contextStackCursor.current
+    case 4:
+      var Component = workInProgress.type;
+      invariant(
+        null === current$$1,
+        "An indeterminate component should never have mounted. This error is likely caused by a bug in React. Please file an issue."
       );
-      prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0);
-      renderExpirationTime = renderExpirationTime$jscomp$0;
-      currentlyRenderingFiber$1 = workInProgress;
-      firstCurrentHook = null;
-      var value = updateExpirationTime(current$$1, context);
-      workInProgress.effectTag |= 1;
+      var props = workInProgress.pendingProps;
       if (
-        "object" === typeof value &&
-        null !== value &&
-        "function" === typeof value.render &&
-        void 0 === value.$$typeof
+        "object" === typeof Component &&
+        null !== Component &&
+        "function" === typeof Component.then
       ) {
-        workInProgress.tag = 1;
-        resetHooks();
-        isContextProvider(updateExpirationTime)
-          ? ((context = !0), pushContextProvider(workInProgress))
-          : (context = !1);
-        workInProgress.memoizedState =
-          null !== value.state && void 0 !== value.state ? value.state : null;
-        var getDerivedStateFromProps =
-          updateExpirationTime.getDerivedStateFromProps;
-        "function" === typeof getDerivedStateFromProps &&
-          applyDerivedStateFromProps(
+        Component = readLazyComponentType(Component);
+        var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(
             workInProgress,
-            updateExpirationTime,
-            getDerivedStateFromProps,
-            current$$1
-          );
-        value.updater = classComponentUpdater;
-        workInProgress.stateNode = value;
-        value._reactInternalFiber = workInProgress;
-        mountClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          current$$1,
-          renderExpirationTime$jscomp$0
-        );
-        workInProgress = finishClassComponent(
-          null,
-          workInProgress,
-          updateExpirationTime,
-          !0,
-          context,
-          renderExpirationTime$jscomp$0
-        );
-      } else
-        (workInProgress.tag = 0),
-          (value = finishHooks(
-            updateExpirationTime,
-            current$$1,
-            value,
-            context
+            Component
           )),
-          reconcileChildren(
-            null,
-            workInProgress,
-            value,
-            renderExpirationTime$jscomp$0
-          ),
-          (workInProgress = workInProgress.child);
-      return workInProgress;
-    case 16:
-      value = workInProgress.elementType;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
-        (workInProgress.alternate = null),
-        (workInProgress.effectTag |= 2));
-      context = workInProgress.pendingProps;
-      current$$1 = readLazyComponentType(value);
-      workInProgress.type = current$$1;
-      value = workInProgress.tag = resolveLazyComponentTag(current$$1);
-      context = resolveDefaultProps(current$$1, context);
-      getDerivedStateFromProps = void 0;
-      switch (value) {
-        case 0:
-          getDerivedStateFromProps = updateFunctionComponent(
-            null,
-            workInProgress,
-            current$$1,
-            context,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        case 1:
-          getDerivedStateFromProps = updateClassComponent(
-            null,
-            workInProgress,
-            current$$1,
-            context,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        case 11:
-          getDerivedStateFromProps = updateForwardRef(
-            null,
-            workInProgress,
-            current$$1,
-            context,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        case 14:
-          getDerivedStateFromProps = updateMemoComponent(
-            null,
-            workInProgress,
-            current$$1,
-            resolveDefaultProps(current$$1.type, context),
-            updateExpirationTime,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        default:
-          invariant(
-            !1,
-            "Element type is invalid. Received a promise that resolves to: %s. Promise elements must resolve to a class or function.",
-            current$$1
-          );
-      }
-      return getDerivedStateFromProps;
-    case 0:
-      return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        updateFunctionComponent(
-          current$$1,
+          resolvedProps = resolveDefaultProps(Component, props),
+          child = void 0;
+        switch (resolvedTag) {
+          case 1:
+            child = updateFunctionComponent(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              renderExpirationTime
+            );
+            break;
+          case 3:
+            child = updateClassComponent(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              renderExpirationTime
+            );
+            break;
+          case 14:
+            child = updateForwardRef(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              renderExpirationTime
+            );
+            break;
+          case 18:
+            child = updatePureComponent(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              updateExpirationTime,
+              renderExpirationTime
+            );
+            break;
+          default:
+            invariant(
+              !1,
+              "Element type is invalid. Received a promise that resolves to: %s. Promise elements must resolve to a class or function.",
+              Component
+            );
+        }
+        workInProgress.memoizedProps = props;
+        workInProgress = child;
+      } else
+        (updateExpirationTime = getMaskedContext(
           workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        )
+          contextStackCursor.current
+        )),
+          prepareToReadContext(workInProgress, renderExpirationTime),
+          (updateExpirationTime = Component(props, updateExpirationTime)),
+          (workInProgress.effectTag |= 1),
+          "object" === typeof updateExpirationTime &&
+          null !== updateExpirationTime &&
+          "function" === typeof updateExpirationTime.render &&
+          void 0 === updateExpirationTime.$$typeof
+            ? ((workInProgress.tag = 2),
+              isContextProvider(Component)
+                ? ((resolvedTag = !0), pushContextProvider(workInProgress))
+                : (resolvedTag = !1),
+              (workInProgress.memoizedState =
+                null !== updateExpirationTime.state &&
+                void 0 !== updateExpirationTime.state
+                  ? updateExpirationTime.state
+                  : null),
+              (resolvedProps = Component.getDerivedStateFromProps),
+              "function" === typeof resolvedProps &&
+                applyDerivedStateFromProps(
+                  workInProgress,
+                  Component,
+                  resolvedProps,
+                  props
+                ),
+              (updateExpirationTime.updater = classComponentUpdater),
+              (workInProgress.stateNode = updateExpirationTime),
+              (updateExpirationTime._reactInternalFiber = workInProgress),
+              mountClassInstance(
+                workInProgress,
+                Component,
+                props,
+                renderExpirationTime
+              ),
+              (workInProgress = finishClassComponent(
+                current$$1,
+                workInProgress,
+                Component,
+                !0,
+                resolvedTag,
+                renderExpirationTime
+              )))
+            : ((workInProgress.tag = 0),
+              reconcileChildren(
+                current$$1,
+                workInProgress,
+                updateExpirationTime,
+                renderExpirationTime
+              ),
+              (workInProgress.memoizedProps = props),
+              (workInProgress = workInProgress.child));
+      return workInProgress;
+    case 0:
+      return updateFunctionComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        renderExpirationTime
       );
     case 1:
       return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        updateClassComponent(
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updateFunctionComponent(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        )
+          props,
+          resolveDefaultProps(props, Component),
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
+      );
+    case 2:
+      return updateClassComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        renderExpirationTime
       );
     case 3:
+      return (
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updateClassComponent(
+          current$$1,
+          workInProgress,
+          props,
+          resolveDefaultProps(props, Component),
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
+      );
+    case 5:
       return (
         pushHostRootContext(workInProgress),
-        (updateExpirationTime = workInProgress.updateQueue),
+        (Component = workInProgress.updateQueue),
         invariant(
-          null !== updateExpirationTime,
+          null !== Component,
           "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
         ),
-        (value = workInProgress.memoizedState),
-        (value = null !== value ? value.element : null),
+        (props = workInProgress.memoizedState),
+        (props = null !== props ? props.element : null),
         processUpdateQueue(
           workInProgress,
-          updateExpirationTime,
+          Component,
           workInProgress.pendingProps,
           null,
-          renderExpirationTime$jscomp$0
+          renderExpirationTime
         ),
-        (updateExpirationTime = workInProgress.memoizedState.element),
-        updateExpirationTime === value
+        (Component = workInProgress.memoizedState.element),
+        Component === props
           ? (workInProgress = bailoutOnAlreadyFinishedWork(
               current$$1,
               workInProgress,
-              renderExpirationTime$jscomp$0
+              renderExpirationTime
             ))
           : (reconcileChildren(
               current$$1,
               workInProgress,
-              updateExpirationTime,
-              renderExpirationTime$jscomp$0
+              Component,
+              renderExpirationTime
             ),
             (workInProgress = workInProgress.child)),
         workInProgress
       );
-    case 5:
+    case 7:
       return (
         pushHostContext(workInProgress),
         null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
-        (updateExpirationTime = workInProgress.pendingProps.children),
+        (Component = workInProgress.pendingProps),
+        (props = Component.children),
         markRef(current$$1, workInProgress),
         reconcileChildren(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          renderExpirationTime$jscomp$0
+          props,
+          renderExpirationTime
         ),
+        (workInProgress.memoizedProps = Component),
         (workInProgress = workInProgress.child),
         workInProgress
       );
-    case 6:
+    case 8:
       return (
         null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
+        (workInProgress.memoizedProps = workInProgress.pendingProps),
         null
       );
-    case 13:
-      return updateSuspenseComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime$jscomp$0
+    case 16:
+      return (
+        (Component = workInProgress.pendingProps),
+        (props = 0 === (workInProgress.effectTag & 64)),
+        null !== current$$1 && null !== workInProgress.updateQueue
+          ? ((workInProgress.updateQueue = null), (props = !0))
+          : (props = !props),
+        0 !== (workInProgress.mode & 2) &&
+          (props
+            ? (workInProgress.effectTag |= 4)
+            : (workInProgress.stateNode = null)),
+        (updateExpirationTime = Component.children),
+        (updateExpirationTime =
+          "function" === typeof updateExpirationTime
+            ? updateExpirationTime(props)
+            : props
+              ? Component.fallback
+              : updateExpirationTime),
+        null !== current$$1 && props !== workInProgress.memoizedState
+          ? ((workInProgress.child = reconcileChildFibers(
+              workInProgress,
+              current$$1.child,
+              null,
+              renderExpirationTime
+            )),
+            (workInProgress.child = reconcileChildFibers(
+              workInProgress,
+              null,
+              updateExpirationTime,
+              renderExpirationTime
+            )))
+          : reconcileChildren(
+              current$$1,
+              workInProgress,
+              updateExpirationTime,
+              renderExpirationTime
+            ),
+        (workInProgress.memoizedProps = Component),
+        (workInProgress.memoizedState = props),
+        workInProgress.child
       );
-    case 4:
+    case 6:
       return (
         pushHostContainer(
           workInProgress,
           workInProgress.stateNode.containerInfo
         ),
-        (updateExpirationTime = workInProgress.pendingProps),
+        (Component = workInProgress.pendingProps),
         null === current$$1
           ? (workInProgress.child = reconcileChildFibers(
               workInProgress,
               null,
-              updateExpirationTime,
-              renderExpirationTime$jscomp$0
+              Component,
+              renderExpirationTime
             ))
           : reconcileChildren(
               current$$1,
               workInProgress,
-              updateExpirationTime,
-              renderExpirationTime$jscomp$0
+              Component,
+              renderExpirationTime
             ),
+        (workInProgress.memoizedProps = Component),
         workInProgress.child
       );
-    case 11:
+    case 13:
+      return updateForwardRef(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        renderExpirationTime
+      );
+    case 14:
       return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        updateForwardRef(
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updateForwardRef(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        )
+          props,
+          resolveDefaultProps(props, Component),
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
       );
-    case 7:
+    case 9:
       return (
+        (Component = workInProgress.pendingProps),
         reconcileChildren(
           current$$1,
           workInProgress,
-          workInProgress.pendingProps,
-          renderExpirationTime$jscomp$0
-        ),
-        workInProgress.child
-      );
-    case 8:
-      return (
-        reconcileChildren(
-          current$$1,
-          workInProgress,
-          workInProgress.pendingProps.children,
-          renderExpirationTime$jscomp$0
-        ),
-        workInProgress.child
-      );
-    case 12:
-      return (
-        reconcileChildren(
-          current$$1,
-          workInProgress,
-          workInProgress.pendingProps.children,
-          renderExpirationTime$jscomp$0
+          Component,
+          renderExpirationTime
         ),
+        (workInProgress.memoizedProps = Component),
         workInProgress.child
       );
     case 10:
+      return (
+        (Component = workInProgress.pendingProps.children),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          Component,
+          renderExpirationTime
+        ),
+        (workInProgress.memoizedProps = Component),
+        workInProgress.child
+      );
+    case 15:
+      return (
+        (Component = workInProgress.pendingProps),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          Component.children,
+          renderExpirationTime
+        ),
+        (workInProgress.memoizedProps = Component),
+        workInProgress.child
+      );
+    case 12:
       a: {
-        updateExpirationTime = workInProgress.type._context;
-        value = workInProgress.pendingProps;
-        getDerivedStateFromProps = workInProgress.memoizedProps;
-        context = value.value;
-        pushProvider(workInProgress, context);
-        if (null !== getDerivedStateFromProps) {
-          var oldValue = getDerivedStateFromProps.value;
-          context =
-            (oldValue === context &&
-              (0 !== oldValue || 1 / oldValue === 1 / context)) ||
-            (oldValue !== oldValue && context !== context)
-              ? 0
-              : ("function" ===
-                typeof updateExpirationTime._calculateChangedBits
-                  ? updateExpirationTime._calculateChangedBits(
-                      oldValue,
-                      context
-                    )
-                  : 1073741823) | 0;
-          if (0 === context) {
+        Component = workInProgress.type._context;
+        props = workInProgress.pendingProps;
+        resolvedTag = workInProgress.memoizedProps;
+        updateExpirationTime = props.value;
+        workInProgress.memoizedProps = props;
+        pushProvider(workInProgress, updateExpirationTime);
+        if (null !== resolvedTag)
+          if (
+            ((resolvedProps = resolvedTag.value),
+            (updateExpirationTime =
+              (resolvedProps === updateExpirationTime &&
+                (0 !== resolvedProps ||
+                  1 / resolvedProps === 1 / updateExpirationTime)) ||
+              (resolvedProps !== resolvedProps &&
+                updateExpirationTime !== updateExpirationTime)
+                ? 0
+                : ("function" === typeof Component._calculateChangedBits
+                    ? Component._calculateChangedBits(
+                        resolvedProps,
+                        updateExpirationTime
+                      )
+                    : 1073741823) | 0),
+            0 === updateExpirationTime)
+          ) {
             if (
-              getDerivedStateFromProps.children === value.children &&
+              resolvedTag.children === props.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
                 current$$1,
                 workInProgress,
-                renderExpirationTime$jscomp$0
+                renderExpirationTime
               );
               break a;
             }
           } else
             for (
-              getDerivedStateFromProps = workInProgress.child,
-                null !== getDerivedStateFromProps &&
-                  (getDerivedStateFromProps.return = workInProgress);
-              null !== getDerivedStateFromProps;
+              resolvedTag = workInProgress.child,
+                null !== resolvedTag && (resolvedTag.return = workInProgress);
+              null !== resolvedTag;
 
             ) {
-              oldValue = getDerivedStateFromProps.firstContextDependency;
-              if (null !== oldValue) {
+              resolvedProps = resolvedTag.firstContextDependency;
+              if (null !== resolvedProps) {
                 do {
                   if (
-                    oldValue.context === updateExpirationTime &&
-                    0 !== (oldValue.observedBits & context)
+                    resolvedProps.context === Component &&
+                    0 !== (resolvedProps.observedBits & updateExpirationTime)
                   ) {
-                    if (1 === getDerivedStateFromProps.tag) {
-                      var nextFiber = createUpdate(
-                        renderExpirationTime$jscomp$0
-                      );
-                      nextFiber.tag = 2;
-                      enqueueUpdate(getDerivedStateFromProps, nextFiber);
-                    }
-                    getDerivedStateFromProps.expirationTime <
-                      renderExpirationTime$jscomp$0 &&
-                      (getDerivedStateFromProps.expirationTime = renderExpirationTime$jscomp$0);
-                    nextFiber = getDerivedStateFromProps.alternate;
-                    null !== nextFiber &&
-                      nextFiber.expirationTime <
-                        renderExpirationTime$jscomp$0 &&
-                      (nextFiber.expirationTime = renderExpirationTime$jscomp$0);
-                    for (
-                      var node = getDerivedStateFromProps.return;
-                      null !== node;
-
-                    ) {
-                      nextFiber = node.alternate;
+                    if (2 === resolvedTag.tag || 3 === resolvedTag.tag)
+                      (child = createUpdate(renderExpirationTime)),
+                        (child.tag = 2),
+                        enqueueUpdate(resolvedTag, child);
+                    if (
+                      0 === resolvedTag.expirationTime ||
+                      resolvedTag.expirationTime > renderExpirationTime
+                    )
+                      resolvedTag.expirationTime = renderExpirationTime;
+                    child = resolvedTag.alternate;
+                    null !== child &&
+                      (0 === child.expirationTime ||
+                        child.expirationTime > renderExpirationTime) &&
+                      (child.expirationTime = renderExpirationTime);
+                    for (var node = resolvedTag.return; null !== node; ) {
+                      child = node.alternate;
                       if (
-                        node.childExpirationTime < renderExpirationTime$jscomp$0
+                        0 === node.childExpirationTime ||
+                        node.childExpirationTime > renderExpirationTime
                       )
-                        (node.childExpirationTime = renderExpirationTime$jscomp$0),
-                          null !== nextFiber &&
-                            nextFiber.childExpirationTime <
-                              renderExpirationTime$jscomp$0 &&
-                            (nextFiber.childExpirationTime = renderExpirationTime$jscomp$0);
+                        (node.childExpirationTime = renderExpirationTime),
+                          null !== child &&
+                            (0 === child.childExpirationTime ||
+                              child.childExpirationTime >
+                                renderExpirationTime) &&
+                            (child.childExpirationTime = renderExpirationTime);
                       else if (
-                        null !== nextFiber &&
-                        nextFiber.childExpirationTime <
-                          renderExpirationTime$jscomp$0
+                        null !== child &&
+                        (0 === child.childExpirationTime ||
+                          child.childExpirationTime > renderExpirationTime)
                       )
-                        nextFiber.childExpirationTime = renderExpirationTime$jscomp$0;
+                        child.childExpirationTime = renderExpirationTime;
                       else break;
                       node = node.return;
                     }
                   }
-                  nextFiber = getDerivedStateFromProps.child;
-                  oldValue = oldValue.next;
-                } while (null !== oldValue);
+                  child = resolvedTag.child;
+                  resolvedProps = resolvedProps.next;
+                } while (null !== resolvedProps);
               } else
-                nextFiber =
-                  10 === getDerivedStateFromProps.tag
-                    ? getDerivedStateFromProps.type === workInProgress.type
+                child =
+                  12 === resolvedTag.tag
+                    ? resolvedTag.type === workInProgress.type
                       ? null
-                      : getDerivedStateFromProps.child
-                    : getDerivedStateFromProps.child;
-              if (null !== nextFiber)
-                nextFiber.return = getDerivedStateFromProps;
+                      : resolvedTag.child
+                    : resolvedTag.child;
+              if (null !== child) child.return = resolvedTag;
               else
-                for (
-                  nextFiber = getDerivedStateFromProps;
-                  null !== nextFiber;
-
-                ) {
-                  if (nextFiber === workInProgress) {
-                    nextFiber = null;
+                for (child = resolvedTag; null !== child; ) {
+                  if (child === workInProgress) {
+                    child = null;
                     break;
                   }
-                  getDerivedStateFromProps = nextFiber.sibling;
-                  if (null !== getDerivedStateFromProps) {
-                    getDerivedStateFromProps.return = nextFiber.return;
-                    nextFiber = getDerivedStateFromProps;
+                  resolvedTag = child.sibling;
+                  if (null !== resolvedTag) {
+                    resolvedTag.return = child.return;
+                    child = resolvedTag;
                     break;
                   }
-                  nextFiber = nextFiber.return;
+                  child = child.return;
                 }
-              getDerivedStateFromProps = nextFiber;
+              resolvedTag = child;
             }
-        }
         reconcileChildren(
           current$$1,
           workInProgress,
-          value.children,
-          renderExpirationTime$jscomp$0
+          props.children,
+          renderExpirationTime
         );
         workInProgress = workInProgress.child;
       }
       return workInProgress;
-    case 9:
+    case 11:
       return (
-        (value = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (updateExpirationTime = context.children),
-        prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0),
-        (value = readContext(value, context.unstable_observedBits)),
-        (updateExpirationTime = updateExpirationTime(value)),
+        (updateExpirationTime = workInProgress.type),
+        (Component = workInProgress.pendingProps),
+        (props = Component.children),
+        prepareToReadContext(workInProgress, renderExpirationTime),
+        (updateExpirationTime = readContext(
+          updateExpirationTime,
+          Component.unstable_observedBits
+        )),
+        (props = props(updateExpirationTime)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          renderExpirationTime$jscomp$0
+          props,
+          renderExpirationTime
         ),
+        (workInProgress.memoizedProps = Component),
         workInProgress.child
       );
-    case 14:
-      return (
-        (value = workInProgress.type),
-        (context = resolveDefaultProps(
-          value.type,
-          workInProgress.pendingProps
-        )),
-        updateMemoComponent(
-          current$$1,
-          workInProgress,
-          value,
-          context,
-          updateExpirationTime,
-          renderExpirationTime$jscomp$0
-        )
-      );
-    case 15:
-      return updateSimpleMemoComponent(
+    case 17:
+      return updatePureComponent(
         current$$1,
         workInProgress,
         workInProgress.type,
         workInProgress.pendingProps,
         updateExpirationTime,
-        renderExpirationTime$jscomp$0
+        renderExpirationTime
       );
-    case 17:
+    case 18:
       return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        null !== current$$1 &&
-          ((current$$1.alternate = null),
-          (workInProgress.alternate = null),
-          (workInProgress.effectTag |= 2)),
-        (workInProgress.tag = 1),
-        isContextProvider(updateExpirationTime)
-          ? ((current$$1 = !0), pushContextProvider(workInProgress))
-          : (current$$1 = !1),
-        prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0),
-        constructClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        ),
-        mountClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        ),
-        finishClassComponent(
-          null,
-          workInProgress,
-          updateExpirationTime,
-          !0,
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updatePureComponent(
           current$$1,
-          renderExpirationTime$jscomp$0
-        )
+          workInProgress,
+          props,
+          resolveDefaultProps(props, Component),
+          updateExpirationTime,
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
       );
     default:
       invariant(
@@ -4767,27 +4327,9 @@ function beginWork(current$$1, workInProgress, renderExpirationTime$jscomp$0) {
       );
   }
 }
-var appendAllChildren = void 0,
-  updateHostContainer = void 0,
+var updateHostContainer = void 0,
   updateHostComponent$1 = void 0,
   updateHostText$1 = void 0;
-appendAllChildren = function(parent, workInProgress) {
-  for (var node = workInProgress.child; null !== node; ) {
-    if (5 === node.tag || 6 === node.tag) parent._children.push(node.stateNode);
-    else if (4 !== node.tag && null !== node.child) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
-    if (node === workInProgress) break;
-    for (; null === node.sibling; ) {
-      if (null === node.return || node.return === workInProgress) return;
-      node = node.return;
-    }
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
-};
 updateHostContainer = function() {};
 updateHostComponent$1 = function(current, workInProgress, type, newProps) {
   current.memoizedProps !== newProps &&
@@ -4817,6 +4359,7 @@ function logCapturedError(capturedError) {
         : Error("Unspecified error at:" + componentStack);
   ExceptionsManager.handleException(error, !1);
 }
+var emptyObject$1 = {};
 function logError(boundary, errorInfo) {
   var source = errorInfo.source,
     stack = errorInfo.stack;
@@ -4833,7 +4376,7 @@ function logError(boundary, errorInfo) {
     willRetry: !1
   };
   null !== boundary &&
-    1 === boundary.tag &&
+    2 === boundary.tag &&
     ((errorInfo.errorBoundary = boundary.stateNode),
     (errorInfo.errorBoundaryName = getComponentName(boundary.type)),
     (errorInfo.errorBoundaryFound = !0),
@@ -4857,74 +4400,32 @@ function safelyDetachRef(current$$1) {
       }
     else ref.current = null;
 }
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
-  finishedWork = finishedWork.updateQueue;
-  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
-  if (null !== finishedWork) {
-    var effect = (finishedWork = finishedWork.next);
-    do {
-      if (0 !== (effect.tag & unmountTag)) {
-        var destroy = effect.destroy;
-        effect.destroy = null;
-        null !== destroy && destroy();
-      }
-      0 !== (effect.tag & mountTag) &&
-        ((destroy = effect.create),
-        (destroy = destroy()),
-        (effect.destroy = "function" === typeof destroy ? destroy : null));
-      effect = effect.next;
-    } while (effect !== finishedWork);
-  }
-}
-function commitUnmount(current$$1$jscomp$0) {
+function commitUnmount(current$$1) {
   "function" === typeof onCommitFiberUnmount &&
-    onCommitFiberUnmount(current$$1$jscomp$0);
-  switch (current$$1$jscomp$0.tag) {
-    case 0:
-    case 11:
-    case 14:
-    case 15:
-      var updateQueue = current$$1$jscomp$0.updateQueue;
-      if (
-        null !== updateQueue &&
-        ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
-      ) {
-        var effect = (updateQueue = updateQueue.next);
-        do {
-          var destroy = effect.destroy;
-          if (null !== destroy) {
-            var current$$1 = current$$1$jscomp$0;
-            try {
-              destroy();
-            } catch (error) {
-              captureCommitPhaseError(current$$1, error);
-            }
-          }
-          effect = effect.next;
-        } while (effect !== updateQueue);
-      }
-      break;
-    case 1:
-      safelyDetachRef(current$$1$jscomp$0);
-      updateQueue = current$$1$jscomp$0.stateNode;
-      if ("function" === typeof updateQueue.componentWillUnmount)
+    onCommitFiberUnmount(current$$1);
+  switch (current$$1.tag) {
+    case 2:
+    case 3:
+      safelyDetachRef(current$$1);
+      var instance = current$$1.stateNode;
+      if ("function" === typeof instance.componentWillUnmount)
         try {
-          (updateQueue.props = current$$1$jscomp$0.memoizedProps),
-            (updateQueue.state = current$$1$jscomp$0.memoizedState),
-            updateQueue.componentWillUnmount();
+          (instance.props = current$$1.memoizedProps),
+            (instance.state = current$$1.memoizedState),
+            instance.componentWillUnmount();
         } catch (unmountError) {
-          captureCommitPhaseError(current$$1$jscomp$0, unmountError);
+          captureCommitPhaseError(current$$1, unmountError);
         }
       break;
-    case 5:
-      safelyDetachRef(current$$1$jscomp$0);
+    case 7:
+      safelyDetachRef(current$$1);
       break;
-    case 4:
-      unmountHostComponents(current$$1$jscomp$0);
+    case 6:
+      unmountHostComponents(current$$1);
   }
 }
 function isHostParent(fiber) {
-  return 5 === fiber.tag || 3 === fiber.tag || 4 === fiber.tag;
+  return 7 === fiber.tag || 5 === fiber.tag || 6 === fiber.tag;
 }
 function commitPlacement(finishedWork) {
   a: {
@@ -4943,15 +4444,15 @@ function commitPlacement(finishedWork) {
   }
   var isContainer = (parent = void 0);
   switch (parentFiber.tag) {
-    case 5:
+    case 7:
       parent = parentFiber.stateNode;
       isContainer = !1;
       break;
-    case 3:
+    case 5:
       parent = parentFiber.stateNode.containerInfo;
       isContainer = !0;
       break;
-    case 4:
+    case 6:
       parent = parentFiber.stateNode.containerInfo;
       isContainer = !0;
       break;
@@ -4973,11 +4474,11 @@ function commitPlacement(finishedWork) {
     parentFiber.sibling.return = parentFiber.return;
     for (
       parentFiber = parentFiber.sibling;
-      5 !== parentFiber.tag && 6 !== parentFiber.tag;
+      7 !== parentFiber.tag && 8 !== parentFiber.tag;
 
     ) {
       if (parentFiber.effectTag & 2) continue b;
-      if (null === parentFiber.child || 4 === parentFiber.tag) continue b;
+      if (null === parentFiber.child || 6 === parentFiber.tag) continue b;
       else
         (parentFiber.child.return = parentFiber),
           (parentFiber = parentFiber.child);
@@ -4988,7 +4489,7 @@ function commitPlacement(finishedWork) {
     }
   }
   for (var node = finishedWork; ; ) {
-    if (5 === node.tag || 6 === node.tag)
+    if (7 === node.tag || 8 === node.tag)
       if (parentFiber)
         if (isContainer)
           invariant(
@@ -5057,7 +4558,7 @@ function commitPlacement(finishedWork) {
                   [index.length - 1],
                   []
                 )));
-    else if (4 !== node.tag && null !== node.child) {
+    else if (6 !== node.tag && null !== node.child) {
       node.child.return = node;
       node = node.child;
       continue;
@@ -5088,15 +4589,15 @@ function unmountHostComponents(current$$1) {
           "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
         );
         switch (currentParentIsValid.tag) {
-          case 5:
+          case 7:
             currentParent = currentParentIsValid.stateNode;
             currentParentIsContainer = !1;
             break a;
-          case 3:
+          case 5:
             currentParent = currentParentIsValid.stateNode.containerInfo;
             currentParentIsContainer = !0;
             break a;
-          case 4:
+          case 6:
             currentParent = currentParentIsValid.stateNode.containerInfo;
             currentParentIsContainer = !0;
             break a;
@@ -5105,11 +4606,11 @@ function unmountHostComponents(current$$1) {
       }
       currentParentIsValid = !0;
     }
-    if (5 === node.tag || 6 === node.tag) {
+    if (7 === node.tag || 8 === node.tag) {
       a: for (var root = node, node$jscomp$0 = root; ; )
         if (
           (commitUnmount(node$jscomp$0),
-          null !== node$jscomp$0.child && 4 !== node$jscomp$0.tag)
+          null !== node$jscomp$0.child && 6 !== node$jscomp$0.tag)
         )
           (node$jscomp$0.child.return = node$jscomp$0),
             (node$jscomp$0 = node$jscomp$0.child);
@@ -5137,7 +4638,7 @@ function unmountHostComponents(current$$1) {
         UIManager.manageChildren(root._nativeTag, [], [], [], [], [child]);
       }
     } else if (
-      (4 === node.tag
+      (6 === node.tag
         ? ((currentParent = node.stateNode.containerInfo),
           (currentParentIsContainer = !0))
         : commitUnmount(node),
@@ -5151,7 +4652,7 @@ function unmountHostComponents(current$$1) {
     for (; null === node.sibling; ) {
       if (null === node.return || node.return === current$$1) return;
       node = node.return;
-      4 === node.tag && (currentParentIsValid = !1);
+      6 === node.tag && (currentParentIsValid = !1);
     }
     node.sibling.return = node.return;
     node = node.sibling;
@@ -5159,15 +4660,10 @@ function unmountHostComponents(current$$1) {
 }
 function commitWork(current$$1, finishedWork) {
   switch (finishedWork.tag) {
-    case 0:
-    case 11:
-    case 14:
-    case 15:
-      commitHookEffectList(4, 8, finishedWork);
+    case 2:
+    case 3:
       break;
-    case 1:
-      break;
-    case 5:
+    case 7:
       var instance = finishedWork.stateNode;
       if (null != instance) {
         var newProps = finishedWork.memoizedProps;
@@ -5191,7 +4687,7 @@ function commitWork(current$$1, finishedWork) {
             ));
       }
       break;
-    case 6:
+    case 8:
       invariant(
         null !== finishedWork.stateNode,
         "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
@@ -5200,13 +4696,11 @@ function commitWork(current$$1, finishedWork) {
         text: finishedWork.memoizedProps
       });
       break;
-    case 3:
+    case 5:
       break;
-    case 12:
+    case 15:
       break;
-    case 13:
-      break;
-    case 17:
+    case 16:
       break;
     default:
       invariant(
@@ -5215,6 +4709,9 @@ function commitWork(current$$1, finishedWork) {
       );
   }
 }
+function NoopComponent() {
+  return null;
+}
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
   expirationTime = createUpdate(expirationTime);
   expirationTime.tag = 3;
@@ -5255,14 +4752,24 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
 }
 function unwindWork(workInProgress) {
   switch (workInProgress.tag) {
-    case 1:
+    case 2:
       isContextProvider(workInProgress.type) && popContext(workInProgress);
       var effectTag = workInProgress.effectTag;
-      return effectTag & 2048
-        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+      return effectTag & 1024
+        ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
           workInProgress)
         : null;
     case 3:
+      return (
+        isContextProvider(workInProgress.type._reactResult) &&
+          popContext(workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 5:
       return (
         popHostContainer(workInProgress),
         popTopLevelContextObject(workInProgress),
@@ -5271,117 +4778,28 @@ function unwindWork(workInProgress) {
           0 === (effectTag & 64),
           "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
         ),
-        (workInProgress.effectTag = (effectTag & -2049) | 64),
+        (workInProgress.effectTag = (effectTag & -1025) | 64),
         workInProgress
       );
-    case 5:
+    case 7:
       return popHostContext(workInProgress), null;
-    case 13:
-      effectTag = workInProgress.effectTag;
-      if (effectTag & 2048) {
-        workInProgress.effectTag = (effectTag & -2049) | 64;
-        effectTag = workInProgress.alternate;
-        effectTag = null !== effectTag ? effectTag.memoizedState : null;
-        var nextState = workInProgress.memoizedState;
-        null === nextState
-          ? (nextState = { alreadyCaptured: !0, didTimeout: !1, timedOutAt: 0 })
-          : effectTag === nextState
-            ? (nextState = {
-                alreadyCaptured: !0,
-                didTimeout: nextState.didTimeout,
-                timedOutAt: nextState.timedOutAt
-              })
-            : (nextState.alreadyCaptured = !0);
-        workInProgress.memoizedState = nextState;
-        return workInProgress;
-      }
-      return null;
-    case 4:
+    case 16:
+      return (
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 6:
       return popHostContainer(workInProgress), null;
-    case 10:
+    case 12:
       return popProvider(workInProgress), null;
     default:
       return null;
   }
 }
-var Dispatcher = {
-    readContext: readContext,
-    useCallback: function(callback, inputs) {
-      currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-      workInProgressHook = createWorkInProgressHook();
-      inputs = void 0 !== inputs && null !== inputs ? inputs : [callback];
-      var prevState = workInProgressHook.memoizedState;
-      if (null !== prevState && inputsAreEqual(inputs, prevState[1]))
-        return prevState[0];
-      workInProgressHook.memoizedState = [callback, inputs];
-      return callback;
-    },
-    useContext: function(context, observedBits) {
-      resolveCurrentlyRenderingFiber();
-      return readContext(context, observedBits);
-    },
-    useEffect: function(create, inputs) {
-      useEffectImpl(516, 192, create, inputs);
-    },
-    useImperativeMethods: function(ref, create, inputs) {
-      inputs =
-        null !== inputs && void 0 !== inputs
-          ? inputs.concat([ref])
-          : [ref, create];
-      useEffectImpl(
-        4,
-        36,
-        function() {
-          if ("function" === typeof ref) {
-            var _inst = create();
-            ref(_inst);
-            return function() {
-              return ref(null);
-            };
-          }
-          if (null !== ref && void 0 !== ref)
-            return (
-              (_inst = create()),
-              (ref.current = _inst),
-              function() {
-                ref.current = null;
-              }
-            );
-        },
-        inputs
-      );
-    },
-    useLayoutEffect: function(create, inputs) {
-      useEffectImpl(4, 36, create, inputs);
-    },
-    useMemo: function(nextCreate, inputs) {
-      currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-      workInProgressHook = createWorkInProgressHook();
-      inputs = void 0 !== inputs && null !== inputs ? inputs : [nextCreate];
-      var prevState = workInProgressHook.memoizedState;
-      if (null !== prevState && inputsAreEqual(inputs, prevState[1]))
-        return prevState[0];
-      nextCreate = nextCreate();
-      workInProgressHook.memoizedState = [nextCreate, inputs];
-      return nextCreate;
-    },
-    useMutationEffect: function(create, inputs) {
-      useEffectImpl(260, 10, create, inputs);
-    },
-    useReducer: useReducer,
-    useRef: function(initialValue) {
-      currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-      workInProgressHook = createWorkInProgressHook();
-      null === workInProgressHook.memoizedState
-        ? ((initialValue = { current: initialValue }),
-          (workInProgressHook.memoizedState = initialValue))
-        : (initialValue = workInProgressHook.memoizedState);
-      return initialValue;
-    },
-    useState: function(initialState) {
-      return useReducer(basicStateReducer, initialState);
-    }
-  },
+var Dispatcher = { readContext: readContext },
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
   isWorking = !1,
   nextUnitOfWork = null,
@@ -5391,9 +4809,6 @@ var Dispatcher = {
   nextRenderDidError = !1,
   nextEffect = null,
   isCommitting$1 = !1,
-  rootWithPendingPassiveEffects = null,
-  passiveEffectCallbackHandle = null,
-  passiveEffectCallback = null,
   legacyErrorBoundariesThatAlreadyFailed = null;
 function resetStack() {
   if (null !== nextUnitOfWork)
@@ -5404,7 +4819,7 @@ function resetStack() {
     ) {
       var interruptedWork$jscomp$0 = interruptedWork;
       switch (interruptedWork$jscomp$0.tag) {
-        case 1:
+        case 2:
           var childContextTypes =
             interruptedWork$jscomp$0.type.childContextTypes;
           null !== childContextTypes &&
@@ -5412,16 +4827,23 @@ function resetStack() {
             popContext(interruptedWork$jscomp$0);
           break;
         case 3:
+          childContextTypes =
+            interruptedWork$jscomp$0.type._reactResult.childContextTypes;
+          null !== childContextTypes &&
+            void 0 !== childContextTypes &&
+            popContext(interruptedWork$jscomp$0);
+          break;
+        case 5:
           popHostContainer(interruptedWork$jscomp$0);
           popTopLevelContextObject(interruptedWork$jscomp$0);
           break;
-        case 5:
+        case 7:
           popHostContext(interruptedWork$jscomp$0);
           break;
-        case 4:
+        case 6:
           popHostContainer(interruptedWork$jscomp$0);
           break;
-        case 10:
+        case 12:
           popProvider(interruptedWork$jscomp$0);
       }
       interruptedWork = interruptedWork.return;
@@ -5432,55 +4854,27 @@ function resetStack() {
   nextRenderDidError = !1;
   nextUnitOfWork = null;
 }
-function commitPassiveEffects(root, firstEffect) {
-  passiveEffectCallback = passiveEffectCallbackHandle = rootWithPendingPassiveEffects = null;
-  var previousIsRendering = isRendering;
-  isRendering = !0;
-  do {
-    if (firstEffect.effectTag & 512) {
-      var didError = !1,
-        error = void 0;
-      try {
-        var finishedWork = firstEffect;
-        commitHookEffectList(128, 0, finishedWork);
-        commitHookEffectList(0, 64, finishedWork);
-      } catch (e) {
-        (didError = !0), (error = e);
-      }
-      didError && captureCommitPhaseError(firstEffect, error);
-    }
-    firstEffect = firstEffect.nextEffect;
-  } while (null !== firstEffect);
-  isRendering = previousIsRendering;
-  previousIsRendering = root.expirationTime;
-  0 !== previousIsRendering && requestWork(root, previousIsRendering);
-}
-function flushPassiveEffects() {
-  null !== passiveEffectCallback &&
-    (scheduler.unstable_cancelCallback(passiveEffectCallbackHandle),
-    passiveEffectCallback());
-}
 function completeUnitOfWork(workInProgress) {
   for (;;) {
     var current$$1 = workInProgress.alternate,
       returnFiber = workInProgress.return,
       siblingFiber = workInProgress.sibling;
-    if (0 === (workInProgress.effectTag & 1024)) {
+    if (0 === (workInProgress.effectTag & 512)) {
       var current = current$$1;
       current$$1 = workInProgress;
       var newProps = current$$1.pendingProps;
       switch (current$$1.tag) {
-        case 2:
-          break;
-        case 16:
-          break;
-        case 15:
         case 0:
-          break;
         case 1:
+          break;
+        case 2:
           isContextProvider(current$$1.type) && popContext(current$$1);
           break;
         case 3:
+          isContextProvider(current$$1.type._reactResult) &&
+            popContext(current$$1);
+          break;
+        case 5:
           popHostContainer(current$$1);
           popTopLevelContextObject(current$$1);
           newProps = current$$1.stateNode;
@@ -5491,7 +4885,7 @@ function completeUnitOfWork(workInProgress) {
             current$$1.effectTag &= -3;
           updateHostContainer(current$$1);
           break;
-        case 5:
+        case 7:
           popHostContext(current$$1);
           var rootContainerInstance = requiredContext(
               rootInstanceStackCursor.current
@@ -5530,7 +4924,35 @@ function completeUnitOfWork(workInProgress) {
             viewConfig = new ReactNativeFiberHostComponent(tag, viewConfig);
             instanceCache[tag] = internalInstanceHandle;
             instanceProps[tag] = newProps;
-            appendAllChildren(viewConfig, current$$1, !1, !1);
+            a: for (
+              internalInstanceHandle = viewConfig,
+                tag = current$$1,
+                updatePayload = tag.child;
+              null !== updatePayload;
+
+            ) {
+              if (7 === updatePayload.tag || 8 === updatePayload.tag)
+                internalInstanceHandle._children.push(updatePayload.stateNode);
+              else if (
+                6 !== updatePayload.tag &&
+                null !== updatePayload.child
+              ) {
+                updatePayload.child.return = updatePayload;
+                updatePayload = updatePayload.child;
+                continue;
+              }
+              if (updatePayload === tag) break;
+              for (; null === updatePayload.sibling; ) {
+                if (
+                  null === updatePayload.return ||
+                  updatePayload.return === tag
+                )
+                  break a;
+                updatePayload = updatePayload.return;
+              }
+              updatePayload.sibling.return = updatePayload.return;
+              updatePayload = updatePayload.sibling;
+            }
             finalizeInitialChildren(
               viewConfig,
               type,
@@ -5546,7 +4968,7 @@ function completeUnitOfWork(workInProgress) {
               "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
             );
           break;
-        case 6:
+        case 8:
           current && null != current$$1.stateNode
             ? updateHostText$1(
                 current,
@@ -5573,36 +4995,34 @@ function completeUnitOfWork(workInProgress) {
               (instanceCache[type] = current$$1),
               (rootContainerInstance.stateNode = type));
           break;
-        case 11:
-          break;
         case 13:
-          newProps = current$$1.memoizedState;
-          rootContainerInstance =
-            null !== current ? current.memoizedState : null;
-          (null !== newProps && newProps.didTimeout) !==
-            (null !== rootContainerInstance &&
-              rootContainerInstance.didTimeout) && (current$$1.effectTag |= 4);
+        case 14:
           break;
-        case 7:
-          break;
-        case 8:
-          break;
-        case 12:
-          break;
-        case 4:
-          popHostContainer(current$$1);
-          updateHostContainer(current$$1);
-          break;
-        case 10:
-          popProvider(current$$1);
+        case 16:
           break;
         case 9:
           break;
-        case 14:
+        case 10:
+          break;
+        case 15:
+          break;
+        case 6:
+          popHostContainer(current$$1);
+          updateHostContainer(current$$1);
+          break;
+        case 12:
+          popProvider(current$$1);
+          break;
+        case 11:
           break;
         case 17:
-          isContextProvider(current$$1.type) && popContext(current$$1);
+        case 18:
           break;
+        case 4:
+          invariant(
+            !1,
+            "An indeterminate component should have become determinate before completing. This error is likely caused by a bug in React. Please file an issue."
+          );
         default:
           invariant(
             !1,
@@ -5612,24 +5032,27 @@ function completeUnitOfWork(workInProgress) {
       nextUnitOfWork = null;
       current$$1 = workInProgress;
       if (
-        1 === nextRenderExpirationTime ||
-        1 !== current$$1.childExpirationTime
+        1073741823 === nextRenderExpirationTime ||
+        1073741823 !== current$$1.childExpirationTime
       ) {
         newProps = 0;
         for (
           rootContainerInstance = current$$1.child;
           null !== rootContainerInstance;
 
-        )
-          (type = rootContainerInstance.expirationTime),
-            (current = rootContainerInstance.childExpirationTime),
-            type > newProps && (newProps = type),
-            current > newProps && (newProps = current),
-            (rootContainerInstance = rootContainerInstance.sibling);
+        ) {
+          type = rootContainerInstance.expirationTime;
+          current = rootContainerInstance.childExpirationTime;
+          if (0 === newProps || (0 !== type && type < newProps))
+            newProps = type;
+          if (0 === newProps || (0 !== current && current < newProps))
+            newProps = current;
+          rootContainerInstance = rootContainerInstance.sibling;
+        }
         current$$1.childExpirationTime = newProps;
       }
       null !== returnFiber &&
-        0 === (returnFiber.effectTag & 1024) &&
+        0 === (returnFiber.effectTag & 512) &&
         (null === returnFiber.firstEffect &&
           (returnFiber.firstEffect = workInProgress.firstEffect),
         null !== workInProgress.lastEffect &&
@@ -5644,10 +5067,10 @@ function completeUnitOfWork(workInProgress) {
     } else {
       workInProgress = unwindWork(workInProgress, nextRenderExpirationTime);
       if (null !== workInProgress)
-        return (workInProgress.effectTag &= 1023), workInProgress;
+        return (workInProgress.effectTag &= 511), workInProgress;
       null !== returnFiber &&
         ((returnFiber.firstEffect = returnFiber.lastEffect = null),
-        (returnFiber.effectTag |= 1024));
+        (returnFiber.effectTag |= 512));
     }
     if (null !== siblingFiber) return siblingFiber;
     if (null !== returnFiber) workInProgress = returnFiber;
@@ -5661,17 +5084,15 @@ function performUnitOfWork(workInProgress) {
     workInProgress,
     nextRenderExpirationTime
   );
-  workInProgress.memoizedProps = workInProgress.pendingProps;
   null === next && (next = completeUnitOfWork(workInProgress));
   ReactCurrentOwner$2.current = null;
   return next;
 }
-function renderRoot(root$jscomp$0, isYieldy) {
+function renderRoot(root$jscomp$0, isYieldy, isExpired) {
   invariant(
     !isWorking,
     "renderRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
   );
-  flushPassiveEffects();
   isWorking = !0;
   ReactCurrentOwner$2.currentDispatcher = Dispatcher;
   var expirationTime = root$jscomp$0.nextExpirationTimeToWorkOn;
@@ -5693,17 +5114,13 @@ function renderRoot(root$jscomp$0, isYieldy) {
   do {
     try {
       if (isYieldy)
-        for (; null !== nextUnitOfWork && !shouldYieldToRenderer(); )
+        for (; null !== nextUnitOfWork && !shouldYield(); )
           nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
       else
         for (; null !== nextUnitOfWork; )
           nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
     } catch (thrownValue) {
-      if (
-        ((lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = null),
-        resetHooks(),
-        null === nextUnitOfWork)
-      )
+      if (null === nextUnitOfWork)
         (didFatal = !0), onUncaughtError(thrownValue);
       else {
         invariant(
@@ -5720,7 +5137,7 @@ function renderRoot(root$jscomp$0, isYieldy) {
               sourceFiber$jscomp$0 = sourceFiber,
               value = thrownValue;
             returnFiber = nextRenderExpirationTime;
-            sourceFiber$jscomp$0.effectTag |= 1024;
+            sourceFiber$jscomp$0.effectTag |= 512;
             sourceFiber$jscomp$0.firstEffect = sourceFiber$jscomp$0.lastEffect = null;
             if (
               null !== value &&
@@ -5732,57 +5149,56 @@ function renderRoot(root$jscomp$0, isYieldy) {
               var earliestTimeoutMs = -1,
                 startTimeMs = -1;
               do {
-                if (13 === value.tag) {
-                  var current$$1 = value.alternate;
+                if (16 === value.tag) {
+                  var current = value.alternate;
                   if (
-                    null !== current$$1 &&
-                    ((current$$1 = current$$1.memoizedState),
-                    null !== current$$1 && current$$1.didTimeout)
+                    null !== current &&
+                    !0 === current.memoizedState &&
+                    null !== current.stateNode
                   ) {
-                    startTimeMs = 10 * (1073741822 - current$$1.timedOutAt);
+                    startTimeMs = 10 * (current.stateNode.timedOutAt - 2);
                     break;
                   }
-                  current$$1 = value.pendingProps.maxDuration;
-                  if ("number" === typeof current$$1)
-                    if (0 >= current$$1) earliestTimeoutMs = 0;
+                  current = value.pendingProps.maxDuration;
+                  if ("number" === typeof current)
+                    if (0 >= current) earliestTimeoutMs = 0;
                     else if (
                       -1 === earliestTimeoutMs ||
-                      current$$1 < earliestTimeoutMs
+                      current < earliestTimeoutMs
                     )
-                      earliestTimeoutMs = current$$1;
+                      earliestTimeoutMs = current;
                 }
                 value = value.return;
               } while (null !== value);
               value = returnFiber$jscomp$0;
               do {
-                if ((current$$1 = 13 === value.tag))
-                  void 0 === value.memoizedProps.fallback
-                    ? (current$$1 = !1)
-                    : ((current$$1 = value.memoizedState),
-                      (current$$1 =
-                        null === current$$1 || !current$$1.didTimeout));
-                if (current$$1) {
+                if (16 === value.tag && !value.memoizedState) {
                   returnFiber$jscomp$0 = retrySuspendedRoot.bind(
                     null,
                     root,
                     value,
-                    sourceFiber$jscomp$0,
-                    0 === (value.mode & 1) ? 1073741823 : returnFiber
+                    0 === (value.mode & 1) ? 1 : returnFiber
                   );
                   thenable.then(returnFiber$jscomp$0, returnFiber$jscomp$0);
-                  if (0 === (value.mode & 1)) {
-                    value.effectTag |= 32;
+                  if (0 === (value.mode & 2)) {
+                    value.effectTag |= 4;
                     reconcileChildren(
                       sourceFiber$jscomp$0.alternate,
                       sourceFiber$jscomp$0,
                       null,
                       returnFiber
                     );
-                    sourceFiber$jscomp$0.effectTag &= -1025;
-                    sourceFiber$jscomp$0.effectTag &= -933;
-                    1 === sourceFiber$jscomp$0.tag &&
-                      null === sourceFiber$jscomp$0.alternate &&
-                      (sourceFiber$jscomp$0.tag = 17);
+                    sourceFiber$jscomp$0.effectTag &= -513;
+                    4 === sourceFiber$jscomp$0.tag &&
+                      (sourceFiber$jscomp$0.tag = 0);
+                    if (
+                      2 === sourceFiber$jscomp$0.tag ||
+                      3 === sourceFiber$jscomp$0.tag
+                    )
+                      (sourceFiber$jscomp$0.effectTag &= -421),
+                        null === sourceFiber$jscomp$0.alternate &&
+                          ((sourceFiber$jscomp$0.tag = 0),
+                          (sourceFiber$jscomp$0.type = NoopComponent));
                     break a;
                   }
                   -1 === earliestTimeoutMs
@@ -5790,27 +5206,24 @@ function renderRoot(root$jscomp$0, isYieldy) {
                     : (-1 === startTimeMs &&
                         (startTimeMs =
                           10 *
-                            (1073741822 -
-                              findEarliestOutstandingPriorityLevel(
-                                root,
-                                returnFiber
-                              )) -
+                            (findEarliestOutstandingPriorityLevel(
+                              root,
+                              returnFiber
+                            ) -
+                              2) -
                           5e3),
                       (root = startTimeMs + earliestTimeoutMs));
                   0 <= root &&
                     nextLatestAbsoluteTimeoutMs < root &&
                     (nextLatestAbsoluteTimeoutMs = root);
-                  value.effectTag |= 2048;
+                  value.effectTag |= 1024;
                   value.expirationTime = returnFiber;
                   break a;
                 }
                 value = value.return;
               } while (null !== value);
               value = Error(
-                (getComponentName(sourceFiber$jscomp$0.type) ||
-                  "A React component") +
-                  " suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display." +
-                  getStackByFiberInDevAndProd(sourceFiber$jscomp$0)
+                "An update was suspended, but no placeholder UI was provided."
               );
             }
             nextRenderDidError = !0;
@@ -5818,9 +5231,9 @@ function renderRoot(root$jscomp$0, isYieldy) {
             root = returnFiber$jscomp$0;
             do {
               switch (root.tag) {
-                case 3:
+                case 5:
                   sourceFiber$jscomp$0 = value;
-                  root.effectTag |= 2048;
+                  root.effectTag |= 1024;
                   root.expirationTime = returnFiber;
                   returnFiber = createRootErrorUpdate(
                     root,
@@ -5829,7 +5242,8 @@ function renderRoot(root$jscomp$0, isYieldy) {
                   );
                   enqueueCapturedUpdate(root, returnFiber);
                   break a;
-                case 1:
+                case 2:
+                case 3:
                   if (
                     ((sourceFiber$jscomp$0 = value),
                     (returnFiber$jscomp$0 = root.type),
@@ -5844,7 +5258,7 @@ function renderRoot(root$jscomp$0, isYieldy) {
                               thenable
                             )))))
                   ) {
-                    root.effectTag |= 2048;
+                    root.effectTag |= 1024;
                     root.expirationTime = returnFiber;
                     returnFiber = createClassErrorUpdate(
                       root,
@@ -5867,170 +5281,183 @@ function renderRoot(root$jscomp$0, isYieldy) {
   } while (1);
   isWorking = !1;
   lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = ReactCurrentOwner$2.currentDispatcher = null;
-  resetHooks();
   if (didFatal) (nextRoot = null), (root$jscomp$0.finishedWork = null);
   else if (null !== nextUnitOfWork) root$jscomp$0.finishedWork = null;
   else {
-    didFatal = root$jscomp$0.current.alternate;
+    isYieldy = root$jscomp$0.current.alternate;
     invariant(
-      null !== didFatal,
+      null !== isYieldy,
       "Finished root should have a work-in-progress. This error is likely caused by a bug in React. Please file an issue."
     );
     nextRoot = null;
     if (nextRenderDidError) {
-      sourceFiber = root$jscomp$0.latestPendingTime;
-      returnFiber = root$jscomp$0.latestSuspendedTime;
-      root = root$jscomp$0.latestPingedTime;
+      didFatal = root$jscomp$0.latestPendingTime;
+      sourceFiber = root$jscomp$0.latestSuspendedTime;
+      returnFiber = root$jscomp$0.latestPingedTime;
       if (
-        (0 !== sourceFiber && sourceFiber < expirationTime) ||
-        (0 !== returnFiber && returnFiber < expirationTime) ||
-        (0 !== root && root < expirationTime)
+        (0 !== didFatal && didFatal > expirationTime) ||
+        (0 !== sourceFiber && sourceFiber > expirationTime) ||
+        (0 !== returnFiber && returnFiber > expirationTime)
       ) {
         markSuspendedPriorityLevel(root$jscomp$0, expirationTime);
         onSuspend(
           root$jscomp$0,
-          didFatal,
+          isYieldy,
           expirationTime,
           root$jscomp$0.expirationTime,
           -1
         );
         return;
       }
-      if (!root$jscomp$0.didError && isYieldy) {
+      if (!root$jscomp$0.didError && !isExpired) {
         root$jscomp$0.didError = !0;
         expirationTime = root$jscomp$0.nextExpirationTimeToWorkOn = expirationTime;
-        isYieldy = root$jscomp$0.expirationTime = 1073741823;
-        onSuspend(root$jscomp$0, didFatal, expirationTime, isYieldy, -1);
+        isExpired = root$jscomp$0.expirationTime = 1;
+        onSuspend(root$jscomp$0, isYieldy, expirationTime, isExpired, -1);
         return;
       }
     }
-    isYieldy && -1 !== nextLatestAbsoluteTimeoutMs
-      ? (markSuspendedPriorityLevel(root$jscomp$0, expirationTime),
-        (isYieldy =
+    isExpired || -1 === nextLatestAbsoluteTimeoutMs
+      ? ((root$jscomp$0.pendingCommitExpirationTime = expirationTime),
+        (root$jscomp$0.finishedWork = isYieldy))
+      : (markSuspendedPriorityLevel(root$jscomp$0, expirationTime),
+        (isExpired =
           10 *
-          (1073741822 -
-            findEarliestOutstandingPriorityLevel(
-              root$jscomp$0,
-              expirationTime
-            ))),
-        isYieldy < nextLatestAbsoluteTimeoutMs &&
-          (nextLatestAbsoluteTimeoutMs = isYieldy),
-        (isYieldy = 10 * (1073741822 - requestCurrentTime())),
-        (isYieldy = nextLatestAbsoluteTimeoutMs - isYieldy),
+          (findEarliestOutstandingPriorityLevel(root$jscomp$0, expirationTime) -
+            2)),
+        isExpired < nextLatestAbsoluteTimeoutMs &&
+          (nextLatestAbsoluteTimeoutMs = isExpired),
+        (isExpired = 10 * (requestCurrentTime() - 2)),
+        (isExpired = nextLatestAbsoluteTimeoutMs - isExpired),
         onSuspend(
           root$jscomp$0,
-          didFatal,
+          isYieldy,
           expirationTime,
           root$jscomp$0.expirationTime,
-          0 > isYieldy ? 0 : isYieldy
-        ))
-      : ((root$jscomp$0.pendingCommitExpirationTime = expirationTime),
-        (root$jscomp$0.finishedWork = didFatal));
+          0 > isExpired ? 0 : isExpired
+        ));
   }
 }
-function captureCommitPhaseError(sourceFiber, value) {
-  for (var fiber = sourceFiber.return; null !== fiber; ) {
-    switch (fiber.tag) {
-      case 1:
-        var instance = fiber.stateNode;
-        if (
-          "function" === typeof fiber.type.getDerivedStateFromError ||
-          ("function" === typeof instance.componentDidCatch &&
-            (null === legacyErrorBoundariesThatAlreadyFailed ||
-              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
-        ) {
-          sourceFiber = createCapturedValue(value, sourceFiber);
-          sourceFiber = createClassErrorUpdate(fiber, sourceFiber, 1073741823);
-          enqueueUpdate(fiber, sourceFiber);
-          scheduleWork(fiber, 1073741823);
-          return;
-        }
-        break;
-      case 3:
-        sourceFiber = createCapturedValue(value, sourceFiber);
-        sourceFiber = createRootErrorUpdate(fiber, sourceFiber, 1073741823);
-        enqueueUpdate(fiber, sourceFiber);
-        scheduleWork(fiber, 1073741823);
-        return;
+function captureCommitPhaseError(fiber, error) {
+  var JSCompiler_inline_result;
+  a: {
+    invariant(
+      !isWorking || isCommitting$1,
+      "dispatch: Cannot dispatch during the render phase."
+    );
+    for (
+      JSCompiler_inline_result = fiber.return;
+      null !== JSCompiler_inline_result;
+
+    ) {
+      switch (JSCompiler_inline_result.tag) {
+        case 2:
+        case 3:
+          var instance = JSCompiler_inline_result.stateNode;
+          if (
+            "function" ===
+              typeof JSCompiler_inline_result.type.getDerivedStateFromError ||
+            ("function" === typeof instance.componentDidCatch &&
+              (null === legacyErrorBoundariesThatAlreadyFailed ||
+                !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+          ) {
+            fiber = createCapturedValue(error, fiber);
+            fiber = createClassErrorUpdate(JSCompiler_inline_result, fiber, 1);
+            enqueueUpdate(JSCompiler_inline_result, fiber);
+            scheduleWork(JSCompiler_inline_result, 1);
+            JSCompiler_inline_result = void 0;
+            break a;
+          }
+          break;
+        case 5:
+          fiber = createCapturedValue(error, fiber);
+          fiber = createRootErrorUpdate(JSCompiler_inline_result, fiber, 1);
+          enqueueUpdate(JSCompiler_inline_result, fiber);
+          scheduleWork(JSCompiler_inline_result, 1);
+          JSCompiler_inline_result = void 0;
+          break a;
+      }
+      JSCompiler_inline_result = JSCompiler_inline_result.return;
     }
-    fiber = fiber.return;
+    5 === fiber.tag &&
+      ((JSCompiler_inline_result = createCapturedValue(error, fiber)),
+      (JSCompiler_inline_result = createRootErrorUpdate(
+        fiber,
+        JSCompiler_inline_result,
+        1
+      )),
+      enqueueUpdate(fiber, JSCompiler_inline_result),
+      scheduleWork(fiber, 1));
+    JSCompiler_inline_result = void 0;
   }
-  3 === sourceFiber.tag &&
-    ((fiber = createCapturedValue(value, sourceFiber)),
-    (fiber = createRootErrorUpdate(sourceFiber, fiber, 1073741823)),
-    enqueueUpdate(sourceFiber, fiber),
-    scheduleWork(sourceFiber, 1073741823));
+  return JSCompiler_inline_result;
 }
 function computeExpirationForFiber(currentTime, fiber) {
   isWorking
-    ? (currentTime = isCommitting$1 ? 1073741823 : nextRenderExpirationTime)
+    ? (currentTime = isCommitting$1 ? 1 : nextRenderExpirationTime)
     : fiber.mode & 1
       ? ((currentTime = isBatchingInteractiveUpdates
-          ? 1073741822 - 10 * ((((1073741822 - currentTime + 15) / 10) | 0) + 1)
-          : 1073741822 -
-            25 * ((((1073741822 - currentTime + 500) / 25) | 0) + 1)),
+          ? 2 + 10 * ((((currentTime - 2 + 15) / 10) | 0) + 1)
+          : 2 + 25 * ((((currentTime - 2 + 500) / 25) | 0) + 1)),
         null !== nextRoot &&
           currentTime === nextRenderExpirationTime &&
-          --currentTime)
-      : (currentTime = 1073741823);
+          (currentTime += 1))
+      : (currentTime = 1);
   isBatchingInteractiveUpdates &&
-    (0 === lowestPriorityPendingInteractiveExpirationTime ||
-      currentTime < lowestPriorityPendingInteractiveExpirationTime) &&
+    currentTime > lowestPriorityPendingInteractiveExpirationTime &&
     (lowestPriorityPendingInteractiveExpirationTime = currentTime);
   return currentTime;
 }
-function retrySuspendedRoot(root, boundaryFiber, sourceFiber, suspendedTime) {
+function retrySuspendedRoot(root, fiber, suspendedTime) {
   var retryTime = root.earliestSuspendedTime;
   var latestSuspendedTime = root.latestSuspendedTime;
   if (
     0 !== retryTime &&
-    suspendedTime <= retryTime &&
-    suspendedTime >= latestSuspendedTime
+    suspendedTime >= retryTime &&
+    suspendedTime <= latestSuspendedTime
   ) {
     latestSuspendedTime = retryTime = suspendedTime;
     root.didError = !1;
     var latestPingedTime = root.latestPingedTime;
-    if (0 === latestPingedTime || latestPingedTime > latestSuspendedTime)
+    if (0 === latestPingedTime || latestPingedTime < latestSuspendedTime)
       root.latestPingedTime = latestSuspendedTime;
     findNextExpirationTimeToWorkOn(latestSuspendedTime, root);
   } else
     (retryTime = requestCurrentTime()),
-      (retryTime = computeExpirationForFiber(retryTime, boundaryFiber)),
+      (retryTime = computeExpirationForFiber(retryTime, fiber)),
       markPendingPriorityLevel(root, retryTime);
-  0 !== (boundaryFiber.mode & 1) &&
+  0 !== (fiber.mode & 1) &&
     root === nextRoot &&
     nextRenderExpirationTime === suspendedTime &&
     (nextRoot = null);
-  scheduleWorkToRoot(boundaryFiber, retryTime);
-  0 === (boundaryFiber.mode & 1) &&
-    (scheduleWorkToRoot(sourceFiber, retryTime),
-    1 === sourceFiber.tag &&
-      null !== sourceFiber.stateNode &&
-      ((boundaryFiber = createUpdate(retryTime)),
-      (boundaryFiber.tag = 2),
-      enqueueUpdate(sourceFiber, boundaryFiber)));
-  sourceFiber = root.expirationTime;
-  0 !== sourceFiber && requestWork(root, sourceFiber);
+  scheduleWorkToRoot(fiber, retryTime);
+  fiber = root.expirationTime;
+  0 !== fiber && requestWork(root, fiber);
 }
 function scheduleWorkToRoot(fiber, expirationTime) {
-  fiber.expirationTime < expirationTime &&
-    (fiber.expirationTime = expirationTime);
+  if (0 === fiber.expirationTime || fiber.expirationTime > expirationTime)
+    fiber.expirationTime = expirationTime;
   var alternate = fiber.alternate;
   null !== alternate &&
-    alternate.expirationTime < expirationTime &&
+    (0 === alternate.expirationTime ||
+      alternate.expirationTime > expirationTime) &&
     (alternate.expirationTime = expirationTime);
   var node = fiber.return,
     root = null;
-  if (null === node && 3 === fiber.tag) root = fiber.stateNode;
+  if (null === node && 5 === fiber.tag) root = fiber.stateNode;
   else
     for (; null !== node; ) {
       alternate = node.alternate;
-      node.childExpirationTime < expirationTime &&
-        (node.childExpirationTime = expirationTime);
+      if (
+        0 === node.childExpirationTime ||
+        node.childExpirationTime > expirationTime
+      )
+        node.childExpirationTime = expirationTime;
       null !== alternate &&
-        alternate.childExpirationTime < expirationTime &&
+        (0 === alternate.childExpirationTime ||
+          alternate.childExpirationTime > expirationTime) &&
         (alternate.childExpirationTime = expirationTime);
-      if (null === node.return && 3 === node.tag) {
+      if (null === node.return && 5 === node.tag) {
         root = node.stateNode;
         break;
       }
@@ -6043,7 +5470,7 @@ function scheduleWork(fiber, expirationTime) {
   null !== fiber &&
     (!isWorking &&
       0 !== nextRenderExpirationTime &&
-      expirationTime > nextRenderExpirationTime &&
+      expirationTime < nextRenderExpirationTime &&
       resetStack(),
     markPendingPriorityLevel(fiber, expirationTime),
     (isWorking && !isCommitting$1 && nextRoot === fiber) ||
@@ -6063,25 +5490,27 @@ var firstScheduledRoot = null,
   nextFlushedRoot = null,
   nextFlushedExpirationTime = 0,
   lowestPriorityPendingInteractiveExpirationTime = 0,
+  deadlineDidExpire = !1,
   hasUnhandledError = !1,
   unhandledError = null,
+  deadline = null,
   isBatchingUpdates = !1,
   isUnbatchingUpdates = !1,
   isBatchingInteractiveUpdates = !1,
   completedBatches = null,
   originalStartTimeMs = now$1(),
-  currentRendererTime = 1073741822 - ((originalStartTimeMs / 10) | 0),
+  currentRendererTime = ((originalStartTimeMs / 10) | 0) + 2,
   currentSchedulerTime = currentRendererTime,
   NESTED_UPDATE_LIMIT = 50,
   nestedUpdateCount = 0,
-  lastCommittedRootDuringThisBatch = null;
+  lastCommittedRootDuringThisBatch = null,
+  timeHeuristicForUnitOfWork = 1;
 function recomputeCurrentRendererTime() {
-  currentRendererTime =
-    1073741822 - (((now$1() - originalStartTimeMs) / 10) | 0);
+  currentRendererTime = (((now$1() - originalStartTimeMs) / 10) | 0) + 2;
 }
 function scheduleCallbackWithExpirationTime(root, expirationTime) {
   if (0 !== callbackExpirationTime) {
-    if (expirationTime < callbackExpirationTime) return;
+    if (expirationTime > callbackExpirationTime) return;
     null !== callbackID &&
       ((root = callbackID), (scheduledCallback = null), clearTimeout(root));
   }
@@ -6098,7 +5527,7 @@ function onSuspend(
   msUntilTimeout
 ) {
   root.expirationTime = rootExpirationTime;
-  0 !== msUntilTimeout || shouldYieldToRenderer()
+  0 !== msUntilTimeout || shouldYield()
     ? 0 < msUntilTimeout &&
       (root.timeoutHandle = scheduleTimeout(
         onTimeout.bind(null, root, finishedWork, suspendedExpirationTime),
@@ -6118,35 +5547,44 @@ function onTimeout(root, finishedWork, suspendedExpirationTime) {
   );
   nextFlushedRoot = root;
   nextFlushedExpirationTime = suspendedExpirationTime;
-  performWorkOnRoot(root, suspendedExpirationTime, !1);
-  performWork(1073741823, !1);
+  performWorkOnRoot(root, suspendedExpirationTime, !0);
+  performWork(1, null);
 }
 function requestCurrentTime() {
   if (isRendering) return currentSchedulerTime;
   findHighestPriorityRoot();
-  if (0 === nextFlushedExpirationTime || 1 === nextFlushedExpirationTime)
+  if (
+    0 === nextFlushedExpirationTime ||
+    1073741823 === nextFlushedExpirationTime
+  )
     recomputeCurrentRendererTime(),
       (currentSchedulerTime = currentRendererTime);
   return currentSchedulerTime;
 }
 function requestWork(root, expirationTime) {
-  null === root.nextScheduledRoot
-    ? ((root.expirationTime = expirationTime),
+  if (null === root.nextScheduledRoot)
+    (root.expirationTime = expirationTime),
       null === lastScheduledRoot
         ? ((firstScheduledRoot = lastScheduledRoot = root),
           (root.nextScheduledRoot = root))
         : ((lastScheduledRoot = lastScheduledRoot.nextScheduledRoot = root),
-          (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot)))
-    : expirationTime > root.expirationTime &&
-      (root.expirationTime = expirationTime);
+          (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot));
+  else {
+    var remainingExpirationTime = root.expirationTime;
+    if (
+      0 === remainingExpirationTime ||
+      expirationTime < remainingExpirationTime
+    )
+      root.expirationTime = expirationTime;
+  }
   isRendering ||
     (isBatchingUpdates
       ? isUnbatchingUpdates &&
         ((nextFlushedRoot = root),
-        (nextFlushedExpirationTime = 1073741823),
-        performWorkOnRoot(root, 1073741823, !1))
-      : 1073741823 === expirationTime
-        ? performWork(1073741823, !1)
+        (nextFlushedExpirationTime = 1),
+        performWorkOnRoot(root, 1, !0))
+      : 1 === expirationTime
+        ? performWork(1, null)
         : scheduleCallbackWithExpirationTime(root, expirationTime));
 }
 function findHighestPriorityRoot() {
@@ -6182,11 +5620,14 @@ function findHighestPriorityRoot() {
             (root.nextScheduledRoot = null);
         root = previousScheduledRoot.nextScheduledRoot;
       } else {
-        remainingExpirationTime > highestPriorityWork &&
-          ((highestPriorityWork = remainingExpirationTime),
-          (highestPriorityRoot = root));
+        if (
+          0 === highestPriorityWork ||
+          remainingExpirationTime < highestPriorityWork
+        )
+          (highestPriorityWork = remainingExpirationTime),
+            (highestPriorityRoot = root);
         if (root === lastScheduledRoot) break;
-        if (1073741823 === highestPriorityWork) break;
+        if (1 === highestPriorityWork) break;
         previousScheduledRoot = root;
         root = root.nextScheduledRoot;
       }
@@ -6194,44 +5635,38 @@ function findHighestPriorityRoot() {
   nextFlushedRoot = highestPriorityRoot;
   nextFlushedExpirationTime = highestPriorityWork;
 }
-var didYield = !1;
-function shouldYieldToRenderer() {
-  return didYield ? !0 : frameDeadline <= now$1() ? (didYield = !0) : !1;
-}
-function performAsyncWork() {
-  try {
-    if (!shouldYieldToRenderer() && null !== firstScheduledRoot) {
-      recomputeCurrentRendererTime();
-      var root = firstScheduledRoot;
-      do {
-        var expirationTime = root.expirationTime;
-        0 !== expirationTime &&
-          currentRendererTime <= expirationTime &&
-          (root.nextExpirationTimeToWorkOn = currentRendererTime);
-        root = root.nextScheduledRoot;
-      } while (root !== firstScheduledRoot);
-    }
-    performWork(0, !0);
-  } finally {
-    didYield = !1;
+function performAsyncWork(dl) {
+  if (dl.didTimeout && null !== firstScheduledRoot) {
+    recomputeCurrentRendererTime();
+    var root = firstScheduledRoot;
+    do {
+      var expirationTime = root.expirationTime;
+      0 !== expirationTime &&
+        currentRendererTime >= expirationTime &&
+        (root.nextExpirationTimeToWorkOn = currentRendererTime);
+      root = root.nextScheduledRoot;
+    } while (root !== firstScheduledRoot);
   }
+  performWork(0, dl);
 }
-function performWork(minExpirationTime, isYieldy) {
+function performWork(minExpirationTime, dl) {
+  deadline = dl;
   findHighestPriorityRoot();
-  if (isYieldy)
+  if (null !== deadline)
     for (
       recomputeCurrentRendererTime(),
         currentSchedulerTime = currentRendererTime;
       null !== nextFlushedRoot &&
       0 !== nextFlushedExpirationTime &&
-      minExpirationTime <= nextFlushedExpirationTime &&
-      !(didYield && currentRendererTime > nextFlushedExpirationTime);
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime) &&
+      (!deadlineDidExpire || currentRendererTime >= nextFlushedExpirationTime);
 
     )
       performWorkOnRoot(
         nextFlushedRoot,
         nextFlushedExpirationTime,
-        currentRendererTime > nextFlushedExpirationTime
+        currentRendererTime >= nextFlushedExpirationTime
       ),
         findHighestPriorityRoot(),
         recomputeCurrentRendererTime(),
@@ -6241,28 +5676,29 @@ function performWork(minExpirationTime, isYieldy) {
       ;
       null !== nextFlushedRoot &&
       0 !== nextFlushedExpirationTime &&
-      minExpirationTime <= nextFlushedExpirationTime;
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime);
 
     )
-      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !1),
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !0),
         findHighestPriorityRoot();
-  isYieldy && ((callbackExpirationTime = 0), (callbackID = null));
+  null !== deadline && ((callbackExpirationTime = 0), (callbackID = null));
   0 !== nextFlushedExpirationTime &&
     scheduleCallbackWithExpirationTime(
       nextFlushedRoot,
       nextFlushedExpirationTime
     );
+  deadline = null;
+  deadlineDidExpire = !1;
   nestedUpdateCount = 0;
   lastCommittedRootDuringThisBatch = null;
   if (null !== completedBatches)
     for (
-      minExpirationTime = completedBatches,
-        completedBatches = null,
-        isYieldy = 0;
-      isYieldy < minExpirationTime.length;
-      isYieldy++
+      minExpirationTime = completedBatches, completedBatches = null, dl = 0;
+      dl < minExpirationTime.length;
+      dl++
     ) {
-      var batch = minExpirationTime[isYieldy];
+      var batch = minExpirationTime[dl];
       try {
         batch._onComplete();
       } catch (error) {
@@ -6276,45 +5712,45 @@ function performWork(minExpirationTime, isYieldy) {
     (hasUnhandledError = !1),
     minExpirationTime);
 }
-function performWorkOnRoot(root, expirationTime, isYieldy) {
+function performWorkOnRoot(root, expirationTime, isExpired) {
   invariant(
     !isRendering,
     "performWorkOnRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
   );
   isRendering = !0;
-  if (isYieldy) {
-    var _finishedWork = root.finishedWork;
-    null !== _finishedWork
-      ? completeRoot(root, _finishedWork, expirationTime)
+  if (null === deadline || isExpired) {
+    var finishedWork = root.finishedWork;
+    null !== finishedWork
+      ? completeRoot(root, finishedWork, expirationTime)
       : ((root.finishedWork = null),
-        (_finishedWork = root.timeoutHandle),
-        -1 !== _finishedWork &&
-          ((root.timeoutHandle = -1), cancelTimeout(_finishedWork)),
-        renderRoot(root, isYieldy),
-        (_finishedWork = root.finishedWork),
-        null !== _finishedWork &&
-          (shouldYieldToRenderer()
-            ? (root.finishedWork = _finishedWork)
-            : completeRoot(root, _finishedWork, expirationTime)));
+        (finishedWork = root.timeoutHandle),
+        -1 !== finishedWork &&
+          ((root.timeoutHandle = -1), cancelTimeout(finishedWork)),
+        renderRoot(root, !1, isExpired),
+        (finishedWork = root.finishedWork),
+        null !== finishedWork &&
+          completeRoot(root, finishedWork, expirationTime));
   } else
-    (_finishedWork = root.finishedWork),
-      null !== _finishedWork
-        ? completeRoot(root, _finishedWork, expirationTime)
+    (finishedWork = root.finishedWork),
+      null !== finishedWork
+        ? completeRoot(root, finishedWork, expirationTime)
         : ((root.finishedWork = null),
-          (_finishedWork = root.timeoutHandle),
-          -1 !== _finishedWork &&
-            ((root.timeoutHandle = -1), cancelTimeout(_finishedWork)),
-          renderRoot(root, isYieldy),
-          (_finishedWork = root.finishedWork),
-          null !== _finishedWork &&
-            completeRoot(root, _finishedWork, expirationTime));
+          (finishedWork = root.timeoutHandle),
+          -1 !== finishedWork &&
+            ((root.timeoutHandle = -1), cancelTimeout(finishedWork)),
+          renderRoot(root, !0, isExpired),
+          (finishedWork = root.finishedWork),
+          null !== finishedWork &&
+            (shouldYield()
+              ? (root.finishedWork = finishedWork)
+              : completeRoot(root, finishedWork, expirationTime)));
   isRendering = !1;
 }
 function completeRoot(root, finishedWork$jscomp$0, expirationTime) {
   var firstBatch = root.firstBatch;
   if (
     null !== firstBatch &&
-    firstBatch._expirationTime >= expirationTime &&
+    firstBatch._expirationTime <= expirationTime &&
     (null === completedBatches
       ? (completedBatches = [firstBatch])
       : completedBatches.push(firstBatch),
@@ -6343,7 +5779,9 @@ function completeRoot(root, finishedWork$jscomp$0, expirationTime) {
   var childExpirationTimeBeforeCommit =
     finishedWork$jscomp$0.childExpirationTime;
   firstBatch =
-    childExpirationTimeBeforeCommit > firstBatch
+    0 === firstBatch ||
+    (0 !== childExpirationTimeBeforeCommit &&
+      childExpirationTimeBeforeCommit < firstBatch)
       ? childExpirationTimeBeforeCommit
       : firstBatch;
   root.didError = !1;
@@ -6355,19 +5793,19 @@ function completeRoot(root, finishedWork$jscomp$0, expirationTime) {
       (root.latestPingedTime = 0))
     : ((childExpirationTimeBeforeCommit = root.latestPendingTime),
       0 !== childExpirationTimeBeforeCommit &&
-        (childExpirationTimeBeforeCommit > firstBatch
+        (childExpirationTimeBeforeCommit < firstBatch
           ? (root.earliestPendingTime = root.latestPendingTime = 0)
-          : root.earliestPendingTime > firstBatch &&
+          : root.earliestPendingTime < firstBatch &&
             (root.earliestPendingTime = root.latestPendingTime)),
       (childExpirationTimeBeforeCommit = root.earliestSuspendedTime),
       0 === childExpirationTimeBeforeCommit
         ? markPendingPriorityLevel(root, firstBatch)
-        : firstBatch < root.latestSuspendedTime
+        : firstBatch > root.latestSuspendedTime
           ? ((root.earliestSuspendedTime = 0),
             (root.latestSuspendedTime = 0),
             (root.latestPingedTime = 0),
             markPendingPriorityLevel(root, firstBatch))
-          : firstBatch > childExpirationTimeBeforeCommit &&
+          : firstBatch < childExpirationTimeBeforeCommit &&
             markPendingPriorityLevel(root, firstBatch));
   findNextExpirationTimeToWorkOn(0, root);
   ReactCurrentOwner$2.current = null;
@@ -6382,17 +5820,13 @@ function completeRoot(root, finishedWork$jscomp$0, expirationTime) {
     var error = void 0;
     try {
       for (; null !== nextEffect; ) {
-        if (nextEffect.effectTag & 256)
+        if (nextEffect.effectTag & 256) {
+          var current$$1 = nextEffect.alternate;
           a: {
-            var current$$1 = nextEffect.alternate,
-              finishedWork = nextEffect;
+            var finishedWork = nextEffect;
             switch (finishedWork.tag) {
-              case 0:
-              case 11:
-              case 15:
-                commitHookEffectList(2, 0, finishedWork);
-                break a;
-              case 1:
+              case 2:
+              case 3:
                 if (finishedWork.effectTag & 256 && null !== current$$1) {
                   var prevProps = current$$1.memoizedProps,
                     prevState = current$$1.memoizedState,
@@ -6406,11 +5840,10 @@ function completeRoot(root, finishedWork$jscomp$0, expirationTime) {
                   instance.__reactInternalSnapshotBeforeUpdate = snapshot;
                 }
                 break a;
-              case 3:
               case 5:
+              case 7:
+              case 8:
               case 6:
-              case 4:
-              case 17:
                 break a;
               default:
                 invariant(
@@ -6419,6 +5852,7 @@ function completeRoot(root, finishedWork$jscomp$0, expirationTime) {
                 );
             }
           }
+        }
         nextEffect = nextEffect.nextEffect;
       }
     } catch (e) {
@@ -6488,122 +5922,80 @@ function completeRoot(root, finishedWork$jscomp$0, expirationTime) {
     effectTag = !1;
     current$$1$jscomp$0 = void 0;
     try {
-      for (
-        currentRef = root, current$$1 = expirationTime;
-        null !== nextEffect;
-
-      ) {
+      for (currentRef = expirationTime; null !== nextEffect; ) {
         var effectTag$jscomp$0 = nextEffect.effectTag;
         if (effectTag$jscomp$0 & 36) {
-          prevState = void 0;
           var current$$1$jscomp$1 = nextEffect.alternate;
-          prevProps = nextEffect;
-          instance = current$$1;
-          switch (prevProps.tag) {
-            case 0:
-            case 11:
-            case 15:
-              commitHookEffectList(16, 32, prevProps);
-              break;
-            case 1:
-              var instance$jscomp$0 = prevProps.stateNode;
-              if (prevProps.effectTag & 4)
+          current$$1 = nextEffect;
+          prevProps = currentRef;
+          switch (current$$1.tag) {
+            case 2:
+            case 3:
+              var instance$jscomp$0 = current$$1.stateNode;
+              if (current$$1.effectTag & 4)
                 if (null === current$$1$jscomp$1)
-                  (instance$jscomp$0.props = prevProps.memoizedProps),
-                    (instance$jscomp$0.state = prevProps.memoizedState),
+                  (instance$jscomp$0.props = current$$1.memoizedProps),
+                    (instance$jscomp$0.state = current$$1.memoizedState),
                     instance$jscomp$0.componentDidMount();
                 else {
                   var prevProps$jscomp$0 = current$$1$jscomp$1.memoizedProps,
                     prevState$jscomp$0 = current$$1$jscomp$1.memoizedState;
-                  instance$jscomp$0.props = prevProps.memoizedProps;
-                  instance$jscomp$0.state = prevProps.memoizedState;
+                  instance$jscomp$0.props = current$$1.memoizedProps;
+                  instance$jscomp$0.state = current$$1.memoizedState;
                   instance$jscomp$0.componentDidUpdate(
                     prevProps$jscomp$0,
                     prevState$jscomp$0,
                     instance$jscomp$0.__reactInternalSnapshotBeforeUpdate
                   );
                 }
-              var updateQueue = prevProps.updateQueue;
+              var updateQueue = current$$1.updateQueue;
               null !== updateQueue &&
-                ((instance$jscomp$0.props = prevProps.memoizedProps),
-                (instance$jscomp$0.state = prevProps.memoizedState),
+                ((instance$jscomp$0.props = current$$1.memoizedProps),
+                (instance$jscomp$0.state = current$$1.memoizedState),
                 commitUpdateQueue(
-                  prevProps,
+                  current$$1,
                   updateQueue,
                   instance$jscomp$0,
-                  instance
+                  prevProps
                 ));
               break;
-            case 3:
-              var _updateQueue = prevProps.updateQueue;
+            case 5:
+              var _updateQueue = current$$1.updateQueue;
               if (null !== _updateQueue) {
                 prevState = null;
-                if (null !== prevProps.child)
-                  switch (prevProps.child.tag) {
-                    case 5:
-                      prevState = prevProps.child.stateNode;
+                if (null !== current$$1.child)
+                  switch (current$$1.child.tag) {
+                    case 7:
+                      prevState = current$$1.child.stateNode;
                       break;
-                    case 1:
-                      prevState = prevProps.child.stateNode;
+                    case 2:
+                    case 3:
+                      prevState = current$$1.child.stateNode;
                   }
-                commitUpdateQueue(prevProps, _updateQueue, prevState, instance);
+                commitUpdateQueue(
+                  current$$1,
+                  _updateQueue,
+                  prevState,
+                  prevProps
+                );
               }
               break;
-            case 5:
+            case 7:
+              break;
+            case 8:
               break;
             case 6:
               break;
-            case 4:
+            case 15:
               break;
-            case 12:
-              break;
-            case 13:
-              if (prevProps.effectTag & 32) {
-                prevProps.memoizedState = {
-                  alreadyCaptured: !0,
-                  didTimeout: !1,
-                  timedOutAt: 0
-                };
-                flushPassiveEffects();
-                scheduleWork(prevProps, 1073741823);
-                break;
+            case 16:
+              if (0 === (current$$1.mode & 2))
+                (current$$1.updateQueue = emptyObject$1),
+                  scheduleWork(current$$1, 1);
+              else {
+                var currentTime = requestCurrentTime();
+                current$$1.stateNode = { timedOutAt: currentTime };
               }
-              var oldState =
-                  null !== current$$1$jscomp$1
-                    ? current$$1$jscomp$1.memoizedState
-                    : null,
-                newState = prevProps.memoizedState,
-                oldDidTimeout = null !== oldState ? oldState.didTimeout : !1;
-              instance = prevProps;
-              if (null === newState) prevState = !1;
-              else if ((prevState = newState.didTimeout))
-                (instance = prevProps.child),
-                  (newState.alreadyCaptured = !1),
-                  0 === newState.timedOutAt &&
-                    (newState.timedOutAt = requestCurrentTime());
-              if (prevState !== oldDidTimeout && null !== instance)
-                a: for (prevState = prevProps = instance; ; ) {
-                  if (5 === prevState.tag) throw Error("Not yet implemented.");
-                  if (6 === prevState.tag) throw Error("Not yet implemented.");
-                  if (null !== prevState.child)
-                    (prevState.child.return = prevState),
-                      (prevState = prevState.child);
-                  else {
-                    if (prevState === prevProps) break a;
-                    for (; null === prevState.sibling; ) {
-                      if (
-                        null === prevState.return ||
-                        prevState.return === prevProps
-                      )
-                        break a;
-                      prevState = prevState.return;
-                    }
-                    prevState.sibling.return = prevState.return;
-                    prevState = prevState.sibling;
-                  }
-                }
-              break;
-            case 17:
               break;
             default:
               invariant(
@@ -6617,7 +6009,7 @@ function completeRoot(root, finishedWork$jscomp$0, expirationTime) {
           if (null !== ref) {
             var instance$jscomp$1 = nextEffect.stateNode;
             switch (nextEffect.tag) {
-              case 5:
+              case 7:
                 var instanceToUse = instance$jscomp$1;
                 break;
               default:
@@ -6628,9 +6020,9 @@ function completeRoot(root, finishedWork$jscomp$0, expirationTime) {
               : (ref.current = instanceToUse);
           }
         }
-        effectTag$jscomp$0 & 512 &&
-          (rootWithPendingPassiveEffects = currentRef);
-        nextEffect = nextEffect.nextEffect;
+        var next = nextEffect.nextEffect;
+        nextEffect.nextEffect = null;
+        nextEffect = next;
       }
     } catch (e) {
       (effectTag = !0), (current$$1$jscomp$0 = e);
@@ -6643,20 +6035,14 @@ function completeRoot(root, finishedWork$jscomp$0, expirationTime) {
       captureCommitPhaseError(nextEffect, current$$1$jscomp$0),
       null !== nextEffect && (nextEffect = nextEffect.nextEffect));
   }
-  null !== firstBatch &&
-    null !== rootWithPendingPassiveEffects &&
-    ((effectTag$jscomp$0 = commitPassiveEffects.bind(null, root, firstBatch)),
-    (passiveEffectCallbackHandle = scheduler.unstable_scheduleCallback(
-      effectTag$jscomp$0
-    )),
-    (passiveEffectCallback = effectTag$jscomp$0));
   isWorking = isCommitting$1 = !1;
   "function" === typeof onCommitFiberRoot &&
     onCommitFiberRoot(finishedWork$jscomp$0.stateNode);
   effectTag$jscomp$0 = finishedWork$jscomp$0.expirationTime;
   finishedWork$jscomp$0 = finishedWork$jscomp$0.childExpirationTime;
   finishedWork$jscomp$0 =
-    finishedWork$jscomp$0 > effectTag$jscomp$0
+    0 === effectTag$jscomp$0 ||
+    (0 !== finishedWork$jscomp$0 && finishedWork$jscomp$0 < effectTag$jscomp$0)
       ? finishedWork$jscomp$0
       : effectTag$jscomp$0;
   0 === finishedWork$jscomp$0 &&
@@ -6664,6 +6050,13 @@ function completeRoot(root, finishedWork$jscomp$0, expirationTime) {
   root.expirationTime = finishedWork$jscomp$0;
   root.finishedWork = null;
 }
+function shouldYield() {
+  return deadlineDidExpire
+    ? !0
+    : null === deadline || deadline.timeRemaining() > timeHeuristicForUnitOfWork
+      ? !1
+      : (deadlineDidExpire = !0);
+}
 function onUncaughtError(error) {
   invariant(
     null !== nextFlushedRoot,
@@ -6672,6 +6065,55 @@ function onUncaughtError(error) {
   nextFlushedRoot.expirationTime = 0;
   hasUnhandledError || ((hasUnhandledError = !0), (unhandledError = error));
 }
+function getContextForSubtree(parentComponent) {
+  if (!parentComponent) return emptyContextObject;
+  parentComponent = parentComponent._reactInternalFiber;
+  a: {
+    invariant(
+      2 === isFiberMountedImpl(parentComponent) &&
+        (2 === parentComponent.tag || 3 === parentComponent.tag),
+      "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+    );
+    var parentContext = parentComponent;
+    do {
+      switch (parentContext.tag) {
+        case 5:
+          parentContext = parentContext.stateNode.context;
+          break a;
+        case 2:
+          if (isContextProvider(parentContext.type)) {
+            parentContext =
+              parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
+            break a;
+          }
+          break;
+        case 3:
+          if (isContextProvider(parentContext.type._reactResult)) {
+            parentContext =
+              parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
+            break a;
+          }
+      }
+      parentContext = parentContext.return;
+    } while (null !== parentContext);
+    invariant(
+      !1,
+      "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+    );
+    parentContext = void 0;
+  }
+  if (2 === parentComponent.tag) {
+    var Component = parentComponent.type;
+    if (isContextProvider(Component))
+      return processChildContext(parentComponent, Component, parentContext);
+  } else if (
+    3 === parentComponent.tag &&
+    ((Component = parentComponent.type._reactResult),
+    isContextProvider(Component))
+  )
+    return processChildContext(parentComponent, Component, parentContext);
+  return parentContext;
+}
 function findHostInstance$1(component) {
   var fiber = component._reactInternalFiber;
   void 0 === fiber &&
@@ -6690,48 +6132,7 @@ function updateContainer(element, container, parentComponent, callback) {
     currentTime = requestCurrentTime();
   current$$1 = computeExpirationForFiber(currentTime, current$$1);
   currentTime = container.current;
-  a: if (parentComponent) {
-    parentComponent = parentComponent._reactInternalFiber;
-    b: {
-      invariant(
-        2 === isFiberMountedImpl(parentComponent) && 1 === parentComponent.tag,
-        "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
-      );
-      var parentContext = parentComponent;
-      do {
-        switch (parentContext.tag) {
-          case 3:
-            parentContext = parentContext.stateNode.context;
-            break b;
-          case 1:
-            if (isContextProvider(parentContext.type)) {
-              parentContext =
-                parentContext.stateNode
-                  .__reactInternalMemoizedMergedChildContext;
-              break b;
-            }
-        }
-        parentContext = parentContext.return;
-      } while (null !== parentContext);
-      invariant(
-        !1,
-        "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
-      );
-      parentContext = void 0;
-    }
-    if (1 === parentComponent.tag) {
-      var Component = parentComponent.type;
-      if (isContextProvider(Component)) {
-        parentComponent = processChildContext(
-          parentComponent,
-          Component,
-          parentContext
-        );
-        break a;
-      }
-    }
-    parentComponent = parentContext;
-  } else parentComponent = emptyContextObject;
+  parentComponent = getContextForSubtree(parentComponent);
   null === container.context
     ? (container.context = parentComponent)
     : (container.pendingContext = parentComponent);
@@ -6740,7 +6141,6 @@ function updateContainer(element, container, parentComponent, callback) {
   callback.payload = { element: element };
   container = void 0 === container ? null : container;
   null !== container && (callback.callback = container);
-  flushPassiveEffects();
   enqueueUpdate(currentTime, callback);
   scheduleWork(currentTime, current$$1);
   return current$$1;
@@ -6800,13 +6200,13 @@ _batchedUpdatesImpl = function(fn, a) {
   } finally {
     (isBatchingUpdates = previousIsBatchingUpdates) ||
       isRendering ||
-      performWork(1073741823, !1);
+      performWork(1, null);
   }
 };
 _flushInteractiveUpdatesImpl = function() {
   isRendering ||
     0 === lowestPriorityPendingInteractiveExpirationTime ||
-    (performWork(lowestPriorityPendingInteractiveExpirationTime, !1),
+    (performWork(lowestPriorityPendingInteractiveExpirationTime, null),
     (lowestPriorityPendingInteractiveExpirationTime = 0));
 };
 var roots = new Map(),
@@ -6886,7 +6286,7 @@ var roots = new Map(),
     render: function(element, containerTag, callback) {
       var root = roots.get(containerTag);
       if (!root) {
-        root = createFiber(3, null, null, 0);
+        root = new FiberNode(5, null, null, 0);
         var root$jscomp$0 = {
           current: root,
           containerInfo: containerTag,
@@ -6914,7 +6314,7 @@ var roots = new Map(),
       updateContainer(element, root, null, callback);
       a: if (((element = root.current), element.child))
         switch (element.child.tag) {
-          case 5:
+          case 7:
             element = element.child.stateNode;
             break a;
           default:
@@ -7021,7 +6421,7 @@ var roots = new Map(),
   findFiberByHostInstance: getInstanceFromTag,
   getInspectorDataForViewTag: getInspectorDataForViewTag,
   bundleType: 0,
-  version: "16.6.0",
+  version: "16.6.0-alpha.8af6728",
   rendererPackageName: "react-native-renderer"
 });
 var ReactNativeRenderer$2 = { default: ReactNativeRenderer },
diff --git a/Libraries/Renderer/oss/ReactNativeRenderer-profiling.js b/Libraries/Renderer/oss/ReactNativeRenderer-profiling.js
index c13dbcc3708..3a9645d82e6 100644
--- a/Libraries/Renderer/oss/ReactNativeRenderer-profiling.js
+++ b/Libraries/Renderer/oss/ReactNativeRenderer-profiling.js
@@ -20,7 +20,6 @@ var ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry"),
   flattenStyle = require("flattenStyle"),
   TextInputState = require("TextInputState"),
   tracing = require("scheduler/tracing"),
-  scheduler = require("scheduler"),
   ExceptionsManager = require("ExceptionsManager");
 function invariant(condition, format, a, b, c, d, e, f) {
   if (!condition) {
@@ -295,7 +294,7 @@ function getListener(inst, registrationName) {
 }
 function getParent(inst) {
   do inst = inst.return;
-  while (inst && 5 !== inst.tag);
+  while (inst && 7 !== inst.tag);
   return inst ? inst : null;
 }
 function traverseTwoPhase(inst, fn, arg) {
@@ -1149,8 +1148,7 @@ var ReactSharedInternals =
     : 60111,
   REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
   REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113,
-  REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115,
-  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116,
+  REACT_PURE_TYPE = hasSymbol ? Symbol.for("react.pure") : 60115,
   MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
@@ -1159,6 +1157,13 @@ function getIteratorFn(maybeIterable) {
     maybeIterable["@@iterator"];
   return "function" === typeof maybeIterable ? maybeIterable : null;
 }
+function getWrappedName(outerType, innerType, wrapperName) {
+  innerType = innerType.displayName || innerType.name || "";
+  return (
+    outerType.displayName ||
+    ("" !== innerType ? wrapperName + "(" + innerType + ")" : wrapperName)
+  );
+}
 function getComponentName(type) {
   if (null == type) return null;
   if ("function" === typeof type) return type.displayName || type.name || null;
@@ -1177,25 +1182,23 @@ function getComponentName(type) {
     case REACT_SUSPENSE_TYPE:
       return "Suspense";
   }
-  if ("object" === typeof type)
+  if ("object" === typeof type) {
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
         return "Context.Consumer";
       case REACT_PROVIDER_TYPE:
         return "Context.Provider";
       case REACT_FORWARD_REF_TYPE:
-        var innerType = type.render;
-        innerType = innerType.displayName || innerType.name || "";
-        return (
-          type.displayName ||
-          ("" !== innerType ? "ForwardRef(" + innerType + ")" : "ForwardRef")
-        );
-      case REACT_MEMO_TYPE:
-        return getComponentName(type.type);
-      case REACT_LAZY_TYPE:
-        if ((type = 1 === type._status ? type._result : null))
-          return getComponentName(type);
+        return getWrappedName(type, type.render, "ForwardRef");
+      case REACT_PURE_TYPE:
+        return getWrappedName(type, type.render, "Pure");
     }
+    if (
+      "function" === typeof type.then &&
+      (type = 1 === type._reactStatus ? type._reactResult : null)
+    )
+      return getComponentName(type);
+  }
   return null;
 }
 function isFiberMountedImpl(fiber) {
@@ -1206,7 +1209,7 @@ function isFiberMountedImpl(fiber) {
     for (; node.return; )
       if (((node = node.return), 0 !== (node.effectTag & 2))) return 1;
   }
-  return 3 === node.tag ? 2 : 3;
+  return 5 === node.tag ? 2 : 3;
 }
 function assertIsMounted(fiber) {
   invariant(
@@ -1282,14 +1285,14 @@ function findCurrentFiberUsingSlowPath(fiber) {
       "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
     );
   }
-  invariant(3 === a.tag, "Unable to find node on an unmounted component.");
+  invariant(5 === a.tag, "Unable to find node on an unmounted component.");
   return a.stateNode.current === a ? fiber : alternate;
 }
 function findCurrentHostFiber(parent) {
   parent = findCurrentFiberUsingSlowPath(parent);
   if (!parent) return null;
   for (var node = parent; ; ) {
-    if (5 === node.tag || 6 === node.tag) return node;
+    if (7 === node.tag || 8 === node.tag) return node;
     if (node.child) (node.child.return = node), (node = node.child);
     else {
       if (node === parent) break;
@@ -1597,12 +1600,18 @@ var ReactNativeFiberHostComponent = (function() {
           return Date.now();
         },
   scheduledCallback = null,
-  frameDeadline = 0;
+  frameDeadline = 0,
+  frameDeadlineObject = {
+    timeRemaining: function() {
+      return frameDeadline - now$1();
+    },
+    didTimeout: !1
+  };
 function setTimeoutCallback() {
   frameDeadline = now$1() + 5;
   var callback = scheduledCallback;
   scheduledCallback = null;
-  null !== callback && callback();
+  null !== callback && callback(frameDeadlineObject);
 }
 function shim$1() {
   invariant(
@@ -1643,13 +1652,13 @@ function getStackByFiberInDevAndProd(workInProgress) {
   var info = "";
   do {
     a: switch (workInProgress.tag) {
-      case 2:
-      case 16:
+      case 4:
       case 0:
       case 1:
-      case 5:
-      case 8:
-      case 13:
+      case 2:
+      case 3:
+      case 7:
+      case 10:
         var owner = workInProgress._debugOwner,
           source = workInProgress._debugSource,
           name = getComponentName(workInProgress.type);
@@ -1801,7 +1810,7 @@ function injectInternals(internals) {
 function FiberNode(tag, pendingProps, key, mode) {
   this.tag = tag;
   this.key = key;
-  this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
+  this.sibling = this.child = this.return = this.stateNode = this.type = null;
   this.index = 0;
   this.ref = null;
   this.pendingProps = pendingProps;
@@ -1815,33 +1824,29 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.actualStartTime = -1;
   this.treeBaseDuration = this.selfBaseDuration = 0;
 }
-function createFiber(tag, pendingProps, key, mode) {
-  return new FiberNode(tag, pendingProps, key, mode);
-}
 function shouldConstruct(Component) {
   Component = Component.prototype;
   return !(!Component || !Component.isReactComponent);
 }
-function resolveLazyComponentTag(Component) {
+function resolveLazyComponentTag(fiber, Component) {
   if ("function" === typeof Component)
-    return shouldConstruct(Component) ? 1 : 0;
+    return shouldConstruct(Component) ? 3 : 1;
   if (void 0 !== Component && null !== Component) {
-    Component = Component.$$typeof;
-    if (Component === REACT_FORWARD_REF_TYPE) return 11;
-    if (Component === REACT_MEMO_TYPE) return 14;
+    fiber = Component.$$typeof;
+    if (fiber === REACT_FORWARD_REF_TYPE) return 14;
+    if (fiber === REACT_PURE_TYPE) return 18;
   }
-  return 2;
+  return 4;
 }
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = new FiberNode(
         current.tag,
         pendingProps,
         current.key,
         current.mode
       )),
-      (workInProgress.elementType = current.elementType),
       (workInProgress.type = current.type),
       (workInProgress.stateNode = current.stateNode),
       (workInProgress.alternate = current),
@@ -1867,66 +1872,60 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.treeBaseDuration = current.treeBaseDuration;
   return workInProgress;
 }
-function createFiberFromTypeAndProps(
-  type,
-  key,
-  pendingProps,
-  owner,
-  mode,
-  expirationTime
-) {
-  var fiberTag = 2;
-  owner = type;
-  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
-  else if ("string" === typeof type) fiberTag = 5;
+function createFiberFromElement(element, mode, expirationTime) {
+  var type = element.type,
+    key = element.key;
+  element = element.props;
+  var fiberTag = void 0;
+  if ("function" === typeof type) fiberTag = shouldConstruct(type) ? 2 : 4;
+  else if ("string" === typeof type) fiberTag = 7;
   else
     a: switch (type) {
       case REACT_FRAGMENT_TYPE:
         return createFiberFromFragment(
-          pendingProps.children,
+          element.children,
           mode,
           expirationTime,
           key
         );
       case REACT_CONCURRENT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 3, expirationTime, key);
+        fiberTag = 10;
+        mode |= 3;
+        break;
       case REACT_STRICT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 2, expirationTime, key);
+        fiberTag = 10;
+        mode |= 2;
+        break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 4)),
-          (type.elementType = REACT_PROFILER_TYPE),
+          (type = new FiberNode(15, element, key, mode | 4)),
           (type.type = REACT_PROFILER_TYPE),
           (type.expirationTime = expirationTime),
           type
         );
       case REACT_SUSPENSE_TYPE:
-        return (
-          (type = createFiber(13, pendingProps, key, mode)),
-          (type.elementType = REACT_SUSPENSE_TYPE),
-          (type.type = REACT_SUSPENSE_TYPE),
-          (type.expirationTime = expirationTime),
-          type
-        );
+        fiberTag = 16;
+        break;
       default:
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_PROVIDER_TYPE:
-              fiberTag = 10;
+              fiberTag = 12;
               break a;
             case REACT_CONTEXT_TYPE:
-              fiberTag = 9;
-              break a;
-            case REACT_FORWARD_REF_TYPE:
               fiberTag = 11;
               break a;
-            case REACT_MEMO_TYPE:
-              fiberTag = 14;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 13;
               break a;
-            case REACT_LAZY_TYPE:
-              fiberTag = 16;
-              owner = null;
+            case REACT_PURE_TYPE:
+              fiberTag = 17;
               break a;
+            default:
+              if ("function" === typeof type.then) {
+                fiberTag = 4;
+                break a;
+              }
           }
         invariant(
           !1,
@@ -1935,33 +1934,24 @@ function createFiberFromTypeAndProps(
           ""
         );
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
-  key.elementType = type;
-  key.type = owner;
-  key.expirationTime = expirationTime;
-  return key;
+  mode = new FiberNode(fiberTag, element, key, mode);
+  mode.type = type;
+  mode.expirationTime = expirationTime;
+  return mode;
 }
 function createFiberFromFragment(elements, mode, expirationTime, key) {
-  elements = createFiber(7, elements, key, mode);
+  elements = new FiberNode(9, elements, key, mode);
   elements.expirationTime = expirationTime;
   return elements;
 }
-function createFiberFromMode(pendingProps, mode, expirationTime, key) {
-  pendingProps = createFiber(8, pendingProps, key, mode);
-  mode = 0 === (mode & 1) ? REACT_STRICT_MODE_TYPE : REACT_CONCURRENT_MODE_TYPE;
-  pendingProps.elementType = mode;
-  pendingProps.type = mode;
-  pendingProps.expirationTime = expirationTime;
-  return pendingProps;
-}
 function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
+  content = new FiberNode(8, content, null, mode);
   content.expirationTime = expirationTime;
   return content;
 }
 function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
-    4,
+  mode = new FiberNode(
+    6,
     null !== portal.children ? portal.children : [],
     portal.key,
     mode
@@ -1979,9 +1969,9 @@ function markPendingPriorityLevel(root, expirationTime) {
   var earliestPendingTime = root.earliestPendingTime;
   0 === earliestPendingTime
     ? (root.earliestPendingTime = root.latestPendingTime = expirationTime)
-    : earliestPendingTime < expirationTime
+    : earliestPendingTime > expirationTime
       ? (root.earliestPendingTime = expirationTime)
-      : root.latestPendingTime > expirationTime &&
+      : root.latestPendingTime < expirationTime &&
         (root.latestPendingTime = expirationTime);
   findNextExpirationTimeToWorkOn(expirationTime, root);
 }
@@ -1996,19 +1986,19 @@ function markCommittedPriorityLevels(root, earliestRemainingTime) {
   else {
     var latestPendingTime = root.latestPendingTime;
     0 !== latestPendingTime &&
-      (latestPendingTime > earliestRemainingTime
+      (latestPendingTime < earliestRemainingTime
         ? (root.earliestPendingTime = root.latestPendingTime = 0)
-        : root.earliestPendingTime > earliestRemainingTime &&
+        : root.earliestPendingTime < earliestRemainingTime &&
           (root.earliestPendingTime = root.latestPendingTime));
     latestPendingTime = root.earliestSuspendedTime;
     0 === latestPendingTime
       ? markPendingPriorityLevel(root, earliestRemainingTime)
-      : earliestRemainingTime < root.latestSuspendedTime
+      : earliestRemainingTime > root.latestSuspendedTime
         ? ((root.earliestSuspendedTime = 0),
           (root.latestSuspendedTime = 0),
           (root.latestPingedTime = 0),
           markPendingPriorityLevel(root, earliestRemainingTime))
-        : earliestRemainingTime > latestPendingTime &&
+        : earliestRemainingTime < latestPendingTime &&
           markPendingPriorityLevel(root, earliestRemainingTime);
   }
   findNextExpirationTimeToWorkOn(0, root);
@@ -2018,17 +2008,17 @@ function hasLowerPriorityWork(root, erroredExpirationTime) {
     latestSuspendedTime = root.latestSuspendedTime;
   root = root.latestPingedTime;
   return (
-    (0 !== latestPendingTime && latestPendingTime < erroredExpirationTime) ||
+    (0 !== latestPendingTime && latestPendingTime > erroredExpirationTime) ||
     (0 !== latestSuspendedTime &&
-      latestSuspendedTime < erroredExpirationTime) ||
-    (0 !== root && root < erroredExpirationTime)
+      latestSuspendedTime > erroredExpirationTime) ||
+    (0 !== root && root > erroredExpirationTime)
   );
 }
 function markSuspendedPriorityLevel(root, suspendedTime) {
   root.didError = !1;
   var latestPingedTime = root.latestPingedTime;
   0 !== latestPingedTime &&
-    latestPingedTime >= suspendedTime &&
+    latestPingedTime <= suspendedTime &&
     (root.latestPingedTime = 0);
   latestPingedTime = root.earliestPendingTime;
   var latestPendingTime = root.latestPendingTime;
@@ -2043,18 +2033,22 @@ function markSuspendedPriorityLevel(root, suspendedTime) {
   latestPendingTime = root.latestSuspendedTime;
   0 === latestPingedTime
     ? (root.earliestSuspendedTime = root.latestSuspendedTime = suspendedTime)
-    : latestPingedTime < suspendedTime
+    : latestPingedTime > suspendedTime
       ? (root.earliestSuspendedTime = suspendedTime)
-      : latestPendingTime > suspendedTime &&
+      : latestPendingTime < suspendedTime &&
         (root.latestSuspendedTime = suspendedTime);
   findNextExpirationTimeToWorkOn(suspendedTime, root);
 }
 function findEarliestOutstandingPriorityLevel(root, renderExpirationTime) {
   var earliestPendingTime = root.earliestPendingTime;
   root = root.earliestSuspendedTime;
-  earliestPendingTime > renderExpirationTime &&
-    (renderExpirationTime = earliestPendingTime);
-  root > renderExpirationTime && (renderExpirationTime = root);
+  if (
+    0 === renderExpirationTime ||
+    (0 !== earliestPendingTime && earliestPendingTime < renderExpirationTime)
+  )
+    renderExpirationTime = earliestPendingTime;
+  if (0 === renderExpirationTime || (0 !== root && root < renderExpirationTime))
+    renderExpirationTime = root;
   return renderExpirationTime;
 }
 function findNextExpirationTimeToWorkOn(completedExpirationTime, root) {
@@ -2066,11 +2060,12 @@ function findNextExpirationTimeToWorkOn(completedExpirationTime, root) {
     0 !== earliestPendingTime ? earliestPendingTime : latestPingedTime;
   0 === earliestPendingTime &&
     (0 === completedExpirationTime ||
-      latestSuspendedTime < completedExpirationTime) &&
+      latestSuspendedTime > completedExpirationTime) &&
     (earliestPendingTime = latestSuspendedTime);
   completedExpirationTime = earliestPendingTime;
   0 !== completedExpirationTime &&
-    earliestSuspendedTime > completedExpirationTime &&
+    0 !== earliestSuspendedTime &&
+    earliestSuspendedTime < completedExpirationTime &&
     (completedExpirationTime = earliestSuspendedTime);
   root.nextExpirationTimeToWorkOn = earliestPendingTime;
   root.expirationTime = completedExpirationTime;
@@ -2182,7 +2177,7 @@ function getStateFromUpdate(
           : workInProgress
       );
     case 3:
-      workInProgress.effectTag = (workInProgress.effectTag & -2049) | 64;
+      workInProgress.effectTag = (workInProgress.effectTag & -1025) | 64;
     case 0:
       workInProgress = update.payload;
       nextProps =
@@ -2215,52 +2210,58 @@ function processUpdateQueue(
 
   ) {
     var updateExpirationTime = update.expirationTime;
-    updateExpirationTime < renderExpirationTime
-      ? (null === newFirstUpdate &&
+    if (updateExpirationTime > renderExpirationTime) {
+      if (
+        (null === newFirstUpdate &&
           ((newFirstUpdate = update), (newBaseState = resultState)),
-        newExpirationTime < updateExpirationTime &&
-          (newExpirationTime = updateExpirationTime))
-      : ((resultState = getStateFromUpdate(
-          workInProgress,
-          queue,
-          update,
-          resultState,
-          props,
-          instance
-        )),
+        0 === newExpirationTime || newExpirationTime > updateExpirationTime)
+      )
+        newExpirationTime = updateExpirationTime;
+    } else
+      (resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      )),
         null !== update.callback &&
           ((workInProgress.effectTag |= 32),
           (update.nextEffect = null),
           null === queue.lastEffect
             ? (queue.firstEffect = queue.lastEffect = update)
             : ((queue.lastEffect.nextEffect = update),
-              (queue.lastEffect = update))));
+              (queue.lastEffect = update)));
     update = update.next;
   }
   updateExpirationTime = null;
   for (update = queue.firstCapturedUpdate; null !== update; ) {
     var _updateExpirationTime = update.expirationTime;
-    _updateExpirationTime < renderExpirationTime
-      ? (null === updateExpirationTime &&
+    if (_updateExpirationTime > renderExpirationTime) {
+      if (
+        (null === updateExpirationTime &&
           ((updateExpirationTime = update),
           null === newFirstUpdate && (newBaseState = resultState)),
-        newExpirationTime < _updateExpirationTime &&
-          (newExpirationTime = _updateExpirationTime))
-      : ((resultState = getStateFromUpdate(
-          workInProgress,
-          queue,
-          update,
-          resultState,
-          props,
-          instance
-        )),
+        0 === newExpirationTime || newExpirationTime > _updateExpirationTime)
+      )
+        newExpirationTime = _updateExpirationTime;
+    } else
+      (resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      )),
         null !== update.callback &&
           ((workInProgress.effectTag |= 32),
           (update.nextEffect = null),
           null === queue.lastCapturedEffect
             ? (queue.firstCapturedEffect = queue.lastCapturedEffect = update)
             : ((queue.lastCapturedEffect.nextEffect = update),
-              (queue.lastCapturedEffect = update))));
+              (queue.lastCapturedEffect = update)));
     update = update.next;
   }
   null === newFirstUpdate && (queue.lastUpdate = null);
@@ -2341,277 +2342,13 @@ function readContext(context, observedBits) {
     null === lastContextDependency
       ? (invariant(
           null !== currentlyRenderingFiber,
-          "Context can only be read while React is rendering, e.g. inside the render method or getDerivedStateFromProps."
+          "Context.unstable_read(): Context can only be read while React is rendering, e.g. inside the render method or getDerivedStateFromProps."
         ),
         (currentlyRenderingFiber.firstContextDependency = lastContextDependency = observedBits))
       : (lastContextDependency = lastContextDependency.next = observedBits);
   }
   return context._currentValue;
 }
-var renderExpirationTime = 0,
-  currentlyRenderingFiber$1 = null,
-  firstCurrentHook = null,
-  currentHook = null,
-  firstWorkInProgressHook = null,
-  workInProgressHook = null,
-  remainingExpirationTime = 0,
-  componentUpdateQueue = null,
-  isReRender = !1,
-  didScheduleRenderPhaseUpdate = !1,
-  renderPhaseUpdates = null,
-  numberOfReRenders = 0;
-function resolveCurrentlyRenderingFiber() {
-  invariant(
-    null !== currentlyRenderingFiber$1,
-    "Hooks can only be called inside the body of a function component."
-  );
-  return currentlyRenderingFiber$1;
-}
-function finishHooks(Component, props, children, refOrContext) {
-  for (; didScheduleRenderPhaseUpdate; )
-    (didScheduleRenderPhaseUpdate = !1),
-      (numberOfReRenders += 1),
-      (componentUpdateQueue = workInProgressHook = currentHook = null),
-      (children = Component(props, refOrContext));
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
-  Component = currentlyRenderingFiber$1;
-  Component.memoizedState = firstWorkInProgressHook;
-  Component.expirationTime = remainingExpirationTime;
-  Component.updateQueue = componentUpdateQueue;
-  Component = null !== currentHook && null !== currentHook.next;
-  renderExpirationTime = 0;
-  workInProgressHook = firstWorkInProgressHook = currentHook = firstCurrentHook = currentlyRenderingFiber$1 = null;
-  remainingExpirationTime = 0;
-  componentUpdateQueue = null;
-  invariant(
-    !Component,
-    "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
-  );
-  return children;
-}
-function resetHooks() {
-  renderExpirationTime = 0;
-  workInProgressHook = firstWorkInProgressHook = currentHook = firstCurrentHook = currentlyRenderingFiber$1 = null;
-  remainingExpirationTime = 0;
-  componentUpdateQueue = null;
-  didScheduleRenderPhaseUpdate = !1;
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
-}
-function createHook() {
-  return {
-    memoizedState: null,
-    baseState: null,
-    queue: null,
-    baseUpdate: null,
-    next: null
-  };
-}
-function cloneHook(hook) {
-  return {
-    memoizedState: hook.memoizedState,
-    baseState: hook.memoizedState,
-    queue: hook.queue,
-    baseUpdate: hook.baseUpdate,
-    next: null
-  };
-}
-function createWorkInProgressHook() {
-  if (null === workInProgressHook)
-    null === firstWorkInProgressHook
-      ? ((isReRender = !1),
-        (currentHook = firstCurrentHook),
-        (firstWorkInProgressHook = workInProgressHook =
-          null === currentHook ? createHook() : cloneHook(currentHook)))
-      : ((isReRender = !0),
-        (currentHook = firstCurrentHook),
-        (workInProgressHook = firstWorkInProgressHook));
-  else if (null === workInProgressHook.next) {
-    isReRender = !1;
-    if (null === currentHook) var hook = createHook();
-    else
-      (currentHook = currentHook.next),
-        (hook = null === currentHook ? createHook() : cloneHook(currentHook));
-    workInProgressHook = workInProgressHook.next = hook;
-  } else
-    (isReRender = !0),
-      (workInProgressHook = workInProgressHook.next),
-      (currentHook = null !== currentHook ? currentHook.next : null);
-  return workInProgressHook;
-}
-function basicStateReducer(state, action) {
-  return "function" === typeof action ? action(state) : action;
-}
-function useReducer(reducer, initialState, initialAction) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-  var queue = workInProgressHook.queue;
-  if (null !== queue) {
-    if (isReRender) {
-      initialState = queue.dispatch;
-      if (null !== renderPhaseUpdates) {
-        var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
-        if (void 0 !== firstRenderPhaseUpdate) {
-          renderPhaseUpdates.delete(queue);
-          initialAction = workInProgressHook.memoizedState;
-          do
-            (initialAction = reducer(
-              initialAction,
-              firstRenderPhaseUpdate.action
-            )),
-              (firstRenderPhaseUpdate = firstRenderPhaseUpdate.next);
-          while (null !== firstRenderPhaseUpdate);
-          workInProgressHook.memoizedState = initialAction;
-          workInProgressHook.baseUpdate === queue.last &&
-            (workInProgressHook.baseState = initialAction);
-          return [initialAction, initialState];
-        }
-      }
-      return [workInProgressHook.memoizedState, initialState];
-    }
-    initialState = queue.last;
-    var _baseUpdate = workInProgressHook.baseUpdate;
-    null !== _baseUpdate
-      ? (null !== initialState && (initialState.next = null),
-        (initialState = _baseUpdate.next))
-      : (initialState = null !== initialState ? initialState.next : null);
-    if (null !== initialState) {
-      initialAction = workInProgressHook.baseState;
-      var newBaseUpdate = (firstRenderPhaseUpdate = null),
-        _update = initialState,
-        didSkip = !1;
-      do {
-        var updateExpirationTime = _update.expirationTime;
-        updateExpirationTime < renderExpirationTime
-          ? (didSkip ||
-              ((didSkip = !0),
-              (newBaseUpdate = _baseUpdate),
-              (firstRenderPhaseUpdate = initialAction)),
-            updateExpirationTime > remainingExpirationTime &&
-              (remainingExpirationTime = updateExpirationTime))
-          : (initialAction = reducer(initialAction, _update.action));
-        _baseUpdate = _update;
-        _update = _update.next;
-      } while (null !== _update && _update !== initialState);
-      didSkip ||
-        ((newBaseUpdate = _baseUpdate),
-        (firstRenderPhaseUpdate = initialAction));
-      workInProgressHook.memoizedState = initialAction;
-      workInProgressHook.baseUpdate = newBaseUpdate;
-      workInProgressHook.baseState = firstRenderPhaseUpdate;
-    }
-    return [workInProgressHook.memoizedState, queue.dispatch];
-  }
-  reducer === basicStateReducer
-    ? "function" === typeof initialState && (initialState = initialState())
-    : void 0 !== initialAction &&
-      null !== initialAction &&
-      (initialState = reducer(initialState, initialAction));
-  workInProgressHook.memoizedState = workInProgressHook.baseState = initialState;
-  queue = workInProgressHook.queue = { last: null, dispatch: null };
-  reducer = queue.dispatch = dispatchAction.bind(
-    null,
-    currentlyRenderingFiber$1,
-    queue
-  );
-  return [workInProgressHook.memoizedState, reducer];
-}
-function pushEffect(tag, create, destroy, inputs) {
-  tag = {
-    tag: tag,
-    create: create,
-    destroy: destroy,
-    inputs: inputs,
-    next: null
-  };
-  null === componentUpdateQueue
-    ? ((componentUpdateQueue = { lastEffect: null }),
-      (componentUpdateQueue.lastEffect = tag.next = tag))
-    : ((create = componentUpdateQueue.lastEffect),
-      null === create
-        ? (componentUpdateQueue.lastEffect = tag.next = tag)
-        : ((destroy = create.next),
-          (create.next = tag),
-          (tag.next = destroy),
-          (componentUpdateQueue.lastEffect = tag)));
-  return tag;
-}
-function useEffectImpl(fiberEffectTag, hookEffectTag, create, inputs) {
-  currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-  workInProgressHook = createWorkInProgressHook();
-  inputs = void 0 !== inputs && null !== inputs ? inputs : [create];
-  var destroy = null;
-  if (null !== currentHook) {
-    var prevEffect = currentHook.memoizedState;
-    destroy = prevEffect.destroy;
-    if (inputsAreEqual(inputs, prevEffect.inputs)) {
-      pushEffect(0, create, destroy, inputs);
-      return;
-    }
-  }
-  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
-  workInProgressHook.memoizedState = pushEffect(
-    hookEffectTag,
-    create,
-    destroy,
-    inputs
-  );
-}
-function dispatchAction(fiber, queue, action) {
-  invariant(
-    25 > numberOfReRenders,
-    "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-  );
-  var alternate = fiber.alternate;
-  if (
-    fiber === currentlyRenderingFiber$1 ||
-    (null !== alternate && alternate === currentlyRenderingFiber$1)
-  )
-    if (
-      ((didScheduleRenderPhaseUpdate = !0),
-      (fiber = {
-        expirationTime: renderExpirationTime,
-        action: action,
-        next: null
-      }),
-      null === renderPhaseUpdates && (renderPhaseUpdates = new Map()),
-      (alternate = renderPhaseUpdates.get(queue)),
-      void 0 === alternate)
-    )
-      renderPhaseUpdates.set(queue, fiber);
-    else {
-      for (queue = alternate; null !== queue.next; ) queue = queue.next;
-      queue.next = fiber;
-    }
-  else {
-    alternate = requestCurrentTime();
-    alternate = computeExpirationForFiber(alternate, fiber);
-    action = { expirationTime: alternate, action: action, next: null };
-    flushPassiveEffects();
-    var _last2 = queue.last;
-    if (null === _last2) action.next = action;
-    else {
-      var first = _last2.next;
-      null !== first && (action.next = first);
-      _last2.next = action;
-    }
-    queue.last = action;
-    scheduleWork(fiber, alternate);
-  }
-}
-function inputsAreEqual(arr1, arr2) {
-  for (var i = 0; i < arr1.length; i++) {
-    var val1 = arr1[i],
-      val2 = arr2[i];
-    if (
-      (val1 !== val2 || (0 === val1 && 1 / val1 !== 1 / val2)) &&
-      (val1 === val1 || val2 === val2)
-    )
-      return !1;
-  }
-  return !0;
-}
 var NO_CONTEXT = {},
   contextStackCursor$1 = { current: NO_CONTEXT },
   contextFiberStackCursor = { current: NO_CONTEXT },
@@ -2691,8 +2428,7 @@ function shallowEqual(objA, objB) {
       return !1;
   return !0;
 }
-var ReactCurrentOwner$4 = ReactSharedInternals.ReactCurrentOwner,
-  emptyRefsObject = new React.Component().refs;
+var emptyRefsObject = new React.Component().refs;
 function applyDerivedStateFromProps(
   workInProgress,
   ctor,
@@ -2724,7 +2460,6 @@ var classComponentUpdater = {
     var update = createUpdate(currentTime);
     update.payload = payload;
     void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
     enqueueUpdate(inst, update);
     scheduleWork(inst, currentTime);
   },
@@ -2736,7 +2471,6 @@ var classComponentUpdater = {
     update.tag = 1;
     update.payload = payload;
     void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
     enqueueUpdate(inst, update);
     scheduleWork(inst, currentTime);
   },
@@ -2747,7 +2481,6 @@ var classComponentUpdater = {
     var update = createUpdate(currentTime);
     update.tag = 2;
     void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
     enqueueUpdate(inst, update);
     scheduleWork(inst, currentTime);
   }
@@ -2768,32 +2501,6 @@ function checkShouldComponentUpdate(
       ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
       : !0;
 }
-function constructClassInstance(workInProgress, ctor, props) {
-  var isLegacyContextConsumer = !1,
-    unmaskedContext = emptyContextObject;
-  var context = ctor.contextType;
-  "object" === typeof context && null !== context
-    ? (context = ReactCurrentOwner$4.currentDispatcher.readContext(context))
-    : ((unmaskedContext = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (isLegacyContextConsumer = ctor.contextTypes),
-      (context = (isLegacyContextConsumer =
-        null !== isLegacyContextConsumer && void 0 !== isLegacyContextConsumer)
-        ? getMaskedContext(workInProgress, unmaskedContext)
-        : emptyContextObject));
-  ctor = new ctor(props, context);
-  workInProgress.memoizedState =
-    null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
-  ctor.updater = classComponentUpdater;
-  workInProgress.stateNode = ctor;
-  ctor._reactInternalFiber = workInProgress;
-  isLegacyContextConsumer &&
-    ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
-    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
-  return ctor;
-}
 function callComponentWillReceiveProps(
   workInProgress,
   instance,
@@ -2820,9 +2527,7 @@ function mountClassInstance(
   instance.refs = emptyRefsObject;
   var contextType = ctor.contextType;
   "object" === typeof contextType && null !== contextType
-    ? (instance.context = ReactCurrentOwner$4.currentDispatcher.readContext(
-        contextType
-      ))
+    ? (instance.context = contextType.unstable_read())
     : ((contextType = isContextProvider(ctor)
         ? previousContext
         : contextStackCursor.current),
@@ -2877,7 +2582,10 @@ function coerceRef(returnFiber, current$$1, element) {
       element = element._owner;
       var inst = void 0;
       element &&
-        (invariant(1 === element.tag, "Function components cannot have refs."),
+        (invariant(
+          2 === element.tag || 3 === element.tag,
+          "Function components cannot have refs."
+        ),
         (inst = element.stateNode));
       invariant(
         inst,
@@ -2982,7 +2690,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     textContent,
     expirationTime
   ) {
-    if (null === current$$1 || 6 !== current$$1.tag)
+    if (null === current$$1 || 8 !== current$$1.tag)
       return (
         (current$$1 = createFiberFromText(
           textContent,
@@ -2997,18 +2705,15 @@ function ChildReconciler(shouldTrackSideEffects) {
     return current$$1;
   }
   function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (null !== current$$1 && current$$1.elementType === element.type)
+    if (null !== current$$1 && current$$1.type === element.type)
       return (
         (expirationTime = useFiber(current$$1, element.props, expirationTime)),
         (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
         (expirationTime.return = returnFiber),
         expirationTime
       );
-    expirationTime = createFiberFromTypeAndProps(
-      element.type,
-      element.key,
-      element.props,
-      null,
+    expirationTime = createFiberFromElement(
+      element,
       returnFiber.mode,
       expirationTime
     );
@@ -3019,7 +2724,7 @@ function ChildReconciler(shouldTrackSideEffects) {
   function updatePortal(returnFiber, current$$1, portal, expirationTime) {
     if (
       null === current$$1 ||
-      4 !== current$$1.tag ||
+      6 !== current$$1.tag ||
       current$$1.stateNode.containerInfo !== portal.containerInfo ||
       current$$1.stateNode.implementation !== portal.implementation
     )
@@ -3043,7 +2748,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     expirationTime,
     key
   ) {
-    if (null === current$$1 || 7 !== current$$1.tag)
+    if (null === current$$1 || 9 !== current$$1.tag)
       return (
         (current$$1 = createFiberFromFragment(
           fragment,
@@ -3073,11 +2778,8 @@ function ChildReconciler(shouldTrackSideEffects) {
       switch (newChild.$$typeof) {
         case REACT_ELEMENT_TYPE:
           return (
-            (expirationTime = createFiberFromTypeAndProps(
-              newChild.type,
-              newChild.key,
-              newChild.props,
-              null,
+            (expirationTime = createFiberFromElement(
+              newChild,
               returnFiber.mode,
               expirationTime
             )),
@@ -3421,9 +3123,9 @@ function ChildReconciler(shouldTrackSideEffects) {
             ) {
               if (isUnkeyedTopLevelFragment.key === isObject)
                 if (
-                  7 === isUnkeyedTopLevelFragment.tag
+                  9 === isUnkeyedTopLevelFragment.tag
                     ? newChild.type === REACT_FRAGMENT_TYPE
-                    : isUnkeyedTopLevelFragment.elementType === newChild.type
+                    : isUnkeyedTopLevelFragment.type === newChild.type
                 ) {
                   deleteRemainingChildren(
                     returnFiber,
@@ -3463,11 +3165,8 @@ function ChildReconciler(shouldTrackSideEffects) {
                 )),
                 (currentFirstChild.return = returnFiber),
                 (returnFiber = currentFirstChild))
-              : ((expirationTime = createFiberFromTypeAndProps(
-                  newChild.type,
-                  newChild.key,
-                  newChild.props,
-                  null,
+              : ((expirationTime = createFiberFromElement(
+                  newChild,
                   returnFiber.mode,
                   expirationTime
                 )),
@@ -3489,7 +3188,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             ) {
               if (currentFirstChild.key === isUnkeyedTopLevelFragment)
                 if (
-                  4 === currentFirstChild.tag &&
+                  6 === currentFirstChild.tag &&
                   currentFirstChild.stateNode.containerInfo ===
                     newChild.containerInfo &&
                   currentFirstChild.stateNode.implementation ===
@@ -3527,7 +3226,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     if ("string" === typeof newChild || "number" === typeof newChild)
       return (
         (newChild = "" + newChild),
-        null !== currentFirstChild && 6 === currentFirstChild.tag
+        null !== currentFirstChild && 8 === currentFirstChild.tag
           ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
             (currentFirstChild = useFiber(
               currentFirstChild,
@@ -3563,7 +3262,8 @@ function ChildReconciler(shouldTrackSideEffects) {
     isObject && throwOnInvalidObjectType(returnFiber, newChild);
     if ("undefined" === typeof newChild && !isUnkeyedTopLevelFragment)
       switch (returnFiber.tag) {
-        case 1:
+        case 2:
+        case 3:
         case 0:
           (expirationTime = returnFiber.type),
             invariant(
@@ -3582,12 +3282,12 @@ var reconcileChildFibers = ChildReconciler(!0),
   isHydrating = !1;
 function tryHydrate(fiber, nextInstance) {
   switch (fiber.tag) {
-    case 5:
+    case 7:
       return (
         (nextInstance = shim$1(nextInstance, fiber.type, fiber.pendingProps)),
         null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
       );
-    case 6:
+    case 8:
       return (
         (nextInstance = shim$1(nextInstance, fiber.pendingProps)),
         null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
@@ -3610,8 +3310,7 @@ function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
           return;
         }
         var returnFiber = hydrationParentFiber,
-          fiber = createFiber(5, null, null, 0);
-        fiber.elementType = "DELETED";
+          fiber = new FiberNode(7, null, null, 0);
         fiber.type = "DELETED";
         fiber.stateNode = firstAttemptedInstance;
         fiber.return = returnFiber;
@@ -3629,33 +3328,36 @@ function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
         (hydrationParentFiber = fiber$jscomp$0);
   }
 }
-function readLazyComponentType(lazyComponent) {
-  var result = lazyComponent._result;
-  switch (lazyComponent._status) {
+function readLazyComponentType(thenable) {
+  switch (thenable._reactStatus) {
     case 1:
-      return result;
+      return thenable._reactResult;
     case 2:
-      throw result;
+      throw thenable._reactResult;
     case 0:
-      throw result;
+      throw thenable;
     default:
-      throw ((lazyComponent._status = 0),
-      (result = lazyComponent._ctor),
-      (result = result()),
-      result.then(
-        function(moduleObject) {
-          0 === lazyComponent._status &&
-            ((moduleObject = moduleObject.default),
-            (lazyComponent._status = 1),
-            (lazyComponent._result = moduleObject));
+      throw ((thenable._reactStatus = 0),
+      thenable.then(
+        function(resolvedValue) {
+          if (0 === thenable._reactStatus) {
+            thenable._reactStatus = 1;
+            if ("object" === typeof resolvedValue && null !== resolvedValue) {
+              var defaultExport = resolvedValue.default;
+              resolvedValue =
+                void 0 !== defaultExport && null !== defaultExport
+                  ? defaultExport
+                  : resolvedValue;
+            }
+            thenable._reactResult = resolvedValue;
+          }
         },
         function(error) {
-          0 === lazyComponent._status &&
-            ((lazyComponent._status = 2), (lazyComponent._result = error));
+          0 === thenable._reactStatus &&
+            ((thenable._reactStatus = 2), (thenable._reactResult = error));
         }
       ),
-      (lazyComponent._result = result),
-      result);
+      thenable);
   }
 }
 var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
@@ -3683,87 +3385,28 @@ function reconcileChildren(
 function updateForwardRef(
   current$$1,
   workInProgress,
-  Component,
+  type,
   nextProps,
-  renderExpirationTime$jscomp$0
-) {
-  Component = Component.render;
-  var ref = workInProgress.ref;
-  prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0);
-  renderExpirationTime = renderExpirationTime$jscomp$0;
-  currentlyRenderingFiber$1 = workInProgress;
-  firstCurrentHook = null !== current$$1 ? current$$1.memoizedState : null;
-  var nextChildren = Component(nextProps, ref);
-  nextChildren = finishHooks(Component, nextProps, nextChildren, ref);
-  workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime$jscomp$0
-  );
-  return workInProgress.child;
-}
-function updateMemoComponent(
-  current$$1,
-  workInProgress,
-  Component,
-  nextProps,
-  updateExpirationTime,
   renderExpirationTime
 ) {
-  if (null === current$$1) {
-    var type = Component.type;
-    if (
-      "function" === typeof type &&
-      !shouldConstruct(type) &&
-      void 0 === type.defaultProps &&
-      null === Component.compare
-    )
-      return (
-        (workInProgress.tag = 15),
-        (workInProgress.type = type),
-        updateSimpleMemoComponent(
-          current$$1,
-          workInProgress,
-          type,
-          nextProps,
-          updateExpirationTime,
-          renderExpirationTime
-        )
-      );
-    current$$1 = createFiberFromTypeAndProps(
-      Component.type,
-      null,
-      nextProps,
-      null,
-      workInProgress.mode,
-      renderExpirationTime
-    );
-    current$$1.ref = workInProgress.ref;
-    current$$1.return = workInProgress;
-    return (workInProgress.child = current$$1);
-  }
-  type = current$$1.child;
+  type = type.render;
+  var ref = workInProgress.ref;
   if (
-    updateExpirationTime < renderExpirationTime &&
-    ((updateExpirationTime = type.memoizedProps),
-    (Component = Component.compare),
-    (Component = null !== Component ? Component : shallowEqual),
-    Component(updateExpirationTime, nextProps) &&
-      current$$1.ref === workInProgress.ref)
+    !didPerformWorkStackCursor.current &&
+    workInProgress.memoizedProps === nextProps &&
+    ref === (null !== current$$1 ? current$$1.ref : null)
   )
     return bailoutOnAlreadyFinishedWork(
       current$$1,
       workInProgress,
       renderExpirationTime
     );
-  current$$1 = createWorkInProgress(type, nextProps, renderExpirationTime);
-  current$$1.ref = workInProgress.ref;
-  current$$1.return = workInProgress;
-  return (workInProgress.child = current$$1);
+  type = type(nextProps, ref);
+  reconcileChildren(current$$1, workInProgress, type, renderExpirationTime);
+  workInProgress.memoizedProps = nextProps;
+  return workInProgress.child;
 }
-function updateSimpleMemoComponent(
+function updatePureComponent(
   current$$1,
   workInProgress,
   Component,
@@ -3771,22 +3414,29 @@ function updateSimpleMemoComponent(
   updateExpirationTime,
   renderExpirationTime
 ) {
-  return null !== current$$1 &&
-    updateExpirationTime < renderExpirationTime &&
-    shallowEqual(current$$1.memoizedProps, nextProps) &&
-    current$$1.ref === workInProgress.ref
-    ? bailoutOnAlreadyFinishedWork(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      )
-    : updateFunctionComponent(
-        current$$1,
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      );
+  var render = Component.render,
+    ref = workInProgress.ref;
+  if (
+    null !== current$$1 &&
+    (0 === updateExpirationTime ||
+      updateExpirationTime > renderExpirationTime) &&
+    ((updateExpirationTime = current$$1.memoizedProps),
+    (Component = Component.compare),
+    (Component = null !== Component ? Component : shallowEqual),
+    workInProgress.ref === current$$1.ref &&
+      Component(updateExpirationTime, nextProps))
+  )
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  render = render(nextProps, ref);
+  workInProgress.effectTag |= 1;
+  reconcileChildren(current$$1, workInProgress, render, renderExpirationTime);
+  workInProgress.memoizedProps = nextProps;
+  return workInProgress.child;
 }
 function markRef(current$$1, workInProgress) {
   var ref = workInProgress.ref;
@@ -3801,30 +3451,22 @@ function updateFunctionComponent(
   workInProgress,
   Component,
   nextProps,
-  renderExpirationTime$jscomp$0
+  renderExpirationTime
 ) {
   var unmaskedContext = isContextProvider(Component)
     ? previousContext
     : contextStackCursor.current;
   unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
-  prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0);
-  renderExpirationTime = renderExpirationTime$jscomp$0;
-  currentlyRenderingFiber$1 = workInProgress;
-  firstCurrentHook = null !== current$$1 ? current$$1.memoizedState : null;
-  var nextChildren = Component(nextProps, unmaskedContext);
-  nextChildren = finishHooks(
-    Component,
-    nextProps,
-    nextChildren,
-    unmaskedContext
-  );
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  Component = Component(nextProps, unmaskedContext);
   workInProgress.effectTag |= 1;
   reconcileChildren(
     current$$1,
     workInProgress,
-    nextChildren,
-    renderExpirationTime$jscomp$0
+    Component,
+    renderExpirationTime
   );
+  workInProgress.memoizedProps = nextProps;
   return workInProgress.child;
 }
 function updateClassComponent(
@@ -3839,149 +3481,166 @@ function updateClassComponent(
     pushContextProvider(workInProgress);
   } else hasContext = !1;
   prepareToReadContext(workInProgress, renderExpirationTime);
-  if (null === workInProgress.stateNode)
-    null !== current$$1 &&
-      ((current$$1.alternate = null),
-      (workInProgress.alternate = null),
-      (workInProgress.effectTag |= 2)),
-      constructClassInstance(
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      ),
+  if (null === current$$1)
+    if (null === workInProgress.stateNode) {
+      var isLegacyContextConsumer = !1,
+        unmaskedContext = emptyContextObject;
+      var context = Component.contextType;
+      "object" === typeof context && null !== context
+        ? (context = context.unstable_read())
+        : ((unmaskedContext = isContextProvider(Component)
+            ? previousContext
+            : contextStackCursor.current),
+          (isLegacyContextConsumer = Component.contextTypes),
+          (context = (isLegacyContextConsumer =
+            null !== isLegacyContextConsumer &&
+            void 0 !== isLegacyContextConsumer)
+            ? getMaskedContext(workInProgress, unmaskedContext)
+            : emptyContextObject));
+      var instance = new Component(nextProps, context);
+      workInProgress.memoizedState =
+        null !== instance.state && void 0 !== instance.state
+          ? instance.state
+          : null;
+      instance.updater = classComponentUpdater;
+      workInProgress.stateNode = instance;
+      instance._reactInternalFiber = workInProgress;
+      isLegacyContextConsumer &&
+        ((isLegacyContextConsumer = workInProgress.stateNode),
+        (isLegacyContextConsumer.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+        (isLegacyContextConsumer.__reactInternalMemoizedMaskedChildContext = context));
       mountClassInstance(
         workInProgress,
         Component,
         nextProps,
         renderExpirationTime
-      ),
-      (nextProps = !0);
-  else if (null === current$$1) {
-    var instance = workInProgress.stateNode,
-      oldProps = workInProgress.memoizedProps;
-    instance.props = oldProps;
-    var oldContext = instance.context,
-      contextType = Component.contextType;
-    "object" === typeof contextType && null !== contextType
-      ? (contextType = ReactCurrentOwner$4.currentDispatcher.readContext(
-          contextType
-        ))
-      : ((contextType = isContextProvider(Component)
-          ? previousContext
-          : contextStackCursor.current),
-        (contextType = getMaskedContext(workInProgress, contextType)));
-    var getDerivedStateFromProps = Component.getDerivedStateFromProps,
-      hasNewLifecycles =
-        "function" === typeof getDerivedStateFromProps ||
-        "function" === typeof instance.getSnapshotBeforeUpdate;
-    hasNewLifecycles ||
-      ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
-        "function" !== typeof instance.componentWillReceiveProps) ||
-      ((oldProps !== nextProps || oldContext !== contextType) &&
-        callComponentWillReceiveProps(
-          workInProgress,
-          instance,
-          nextProps,
-          contextType
-        ));
-    hasForceUpdate = !1;
-    var oldState = workInProgress.memoizedState;
-    oldContext = instance.state = oldState;
-    var updateQueue = workInProgress.updateQueue;
-    null !== updateQueue &&
-      (processUpdateQueue(
-        workInProgress,
-        updateQueue,
-        nextProps,
-        instance,
-        renderExpirationTime
-      ),
-      (oldContext = workInProgress.memoizedState));
-    oldProps !== nextProps ||
-    oldState !== oldContext ||
-    didPerformWorkStackCursor.current ||
-    hasForceUpdate
-      ? ("function" === typeof getDerivedStateFromProps &&
-          (applyDerivedStateFromProps(
-            workInProgress,
-            Component,
-            getDerivedStateFromProps,
-            nextProps
-          ),
-          (oldContext = workInProgress.memoizedState)),
-        (oldProps =
-          hasForceUpdate ||
-          checkShouldComponentUpdate(
-            workInProgress,
-            Component,
-            oldProps,
-            nextProps,
-            oldState,
-            oldContext,
-            contextType
-          ))
-          ? (hasNewLifecycles ||
-              ("function" !== typeof instance.UNSAFE_componentWillMount &&
-                "function" !== typeof instance.componentWillMount) ||
-              ("function" === typeof instance.componentWillMount &&
-                instance.componentWillMount(),
-              "function" === typeof instance.UNSAFE_componentWillMount &&
-                instance.UNSAFE_componentWillMount()),
-            "function" === typeof instance.componentDidMount &&
-              (workInProgress.effectTag |= 4))
-          : ("function" === typeof instance.componentDidMount &&
-              (workInProgress.effectTag |= 4),
-            (workInProgress.memoizedProps = nextProps),
-            (workInProgress.memoizedState = oldContext)),
-        (instance.props = nextProps),
-        (instance.state = oldContext),
-        (instance.context = contextType),
-        (nextProps = oldProps))
-      : ("function" === typeof instance.componentDidMount &&
-          (workInProgress.effectTag |= 4),
-        (nextProps = !1));
-  } else
-    (instance = workInProgress.stateNode),
-      (oldProps = workInProgress.memoizedProps),
-      (instance.props = oldProps),
-      (oldContext = instance.context),
-      (contextType = Component.contextType),
-      "object" === typeof contextType && null !== contextType
-        ? (contextType = ReactCurrentOwner$4.currentDispatcher.readContext(
-            contextType
-          ))
-        : ((contextType = isContextProvider(Component)
+      );
+      nextProps = !0;
+    } else {
+      unmaskedContext = workInProgress.stateNode;
+      isLegacyContextConsumer = workInProgress.memoizedProps;
+      unmaskedContext.props = isLegacyContextConsumer;
+      var oldContext = unmaskedContext.context;
+      context = Component.contextType;
+      "object" === typeof context && null !== context
+        ? (context = context.unstable_read())
+        : ((context = isContextProvider(Component)
             ? previousContext
             : contextStackCursor.current),
-          (contextType = getMaskedContext(workInProgress, contextType))),
-      (getDerivedStateFromProps = Component.getDerivedStateFromProps),
-      (hasNewLifecycles =
+          (context = getMaskedContext(workInProgress, context)));
+      var getDerivedStateFromProps = Component.getDerivedStateFromProps;
+      (instance =
         "function" === typeof getDerivedStateFromProps ||
-        "function" === typeof instance.getSnapshotBeforeUpdate) ||
-        ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
-          "function" !== typeof instance.componentWillReceiveProps) ||
-        ((oldProps !== nextProps || oldContext !== contextType) &&
+        "function" === typeof unmaskedContext.getSnapshotBeforeUpdate) ||
+        ("function" !==
+          typeof unmaskedContext.UNSAFE_componentWillReceiveProps &&
+          "function" !== typeof unmaskedContext.componentWillReceiveProps) ||
+        ((isLegacyContextConsumer !== nextProps || oldContext !== context) &&
           callComponentWillReceiveProps(
             workInProgress,
-            instance,
+            unmaskedContext,
             nextProps,
-            contextType
+            context
+          ));
+      hasForceUpdate = !1;
+      var oldState = workInProgress.memoizedState;
+      oldContext = unmaskedContext.state = oldState;
+      var updateQueue = workInProgress.updateQueue;
+      null !== updateQueue &&
+        (processUpdateQueue(
+          workInProgress,
+          updateQueue,
+          nextProps,
+          unmaskedContext,
+          renderExpirationTime
+        ),
+        (oldContext = workInProgress.memoizedState));
+      isLegacyContextConsumer !== nextProps ||
+      oldState !== oldContext ||
+      didPerformWorkStackCursor.current ||
+      hasForceUpdate
+        ? ("function" === typeof getDerivedStateFromProps &&
+            (applyDerivedStateFromProps(
+              workInProgress,
+              Component,
+              getDerivedStateFromProps,
+              nextProps
+            ),
+            (oldContext = workInProgress.memoizedState)),
+          (isLegacyContextConsumer =
+            hasForceUpdate ||
+            checkShouldComponentUpdate(
+              workInProgress,
+              Component,
+              isLegacyContextConsumer,
+              nextProps,
+              oldState,
+              oldContext,
+              context
+            ))
+            ? (instance ||
+                ("function" !==
+                  typeof unmaskedContext.UNSAFE_componentWillMount &&
+                  "function" !== typeof unmaskedContext.componentWillMount) ||
+                ("function" === typeof unmaskedContext.componentWillMount &&
+                  unmaskedContext.componentWillMount(),
+                "function" ===
+                  typeof unmaskedContext.UNSAFE_componentWillMount &&
+                  unmaskedContext.UNSAFE_componentWillMount()),
+              "function" === typeof unmaskedContext.componentDidMount &&
+                (workInProgress.effectTag |= 4))
+            : ("function" === typeof unmaskedContext.componentDidMount &&
+                (workInProgress.effectTag |= 4),
+              (workInProgress.memoizedProps = nextProps),
+              (workInProgress.memoizedState = oldContext)),
+          (unmaskedContext.props = nextProps),
+          (unmaskedContext.state = oldContext),
+          (unmaskedContext.context = context),
+          (nextProps = isLegacyContextConsumer))
+        : ("function" === typeof unmaskedContext.componentDidMount &&
+            (workInProgress.effectTag |= 4),
+          (nextProps = !1));
+    }
+  else
+    (unmaskedContext = workInProgress.stateNode),
+      (isLegacyContextConsumer = workInProgress.memoizedProps),
+      (unmaskedContext.props = isLegacyContextConsumer),
+      (oldContext = unmaskedContext.context),
+      (context = Component.contextType),
+      "object" === typeof context && null !== context
+        ? (context = context.unstable_read())
+        : ((context = isContextProvider(Component)
+            ? previousContext
+            : contextStackCursor.current),
+          (context = getMaskedContext(workInProgress, context))),
+      (getDerivedStateFromProps = Component.getDerivedStateFromProps),
+      (instance =
+        "function" === typeof getDerivedStateFromProps ||
+        "function" === typeof unmaskedContext.getSnapshotBeforeUpdate) ||
+        ("function" !==
+          typeof unmaskedContext.UNSAFE_componentWillReceiveProps &&
+          "function" !== typeof unmaskedContext.componentWillReceiveProps) ||
+        ((isLegacyContextConsumer !== nextProps || oldContext !== context) &&
+          callComponentWillReceiveProps(
+            workInProgress,
+            unmaskedContext,
+            nextProps,
+            context
           )),
       (hasForceUpdate = !1),
       (oldContext = workInProgress.memoizedState),
-      (oldState = instance.state = oldContext),
+      (oldState = unmaskedContext.state = oldContext),
       (updateQueue = workInProgress.updateQueue),
       null !== updateQueue &&
         (processUpdateQueue(
           workInProgress,
           updateQueue,
           nextProps,
-          instance,
+          unmaskedContext,
           renderExpirationTime
         ),
         (oldState = workInProgress.memoizedState)),
-      oldProps !== nextProps ||
+      isLegacyContextConsumer !== nextProps ||
       oldContext !== oldState ||
       didPerformWorkStackCursor.current ||
       hasForceUpdate
@@ -3998,51 +3657,53 @@ function updateClassComponent(
             checkShouldComponentUpdate(
               workInProgress,
               Component,
-              oldProps,
+              isLegacyContextConsumer,
               nextProps,
               oldContext,
               oldState,
-              contextType
+              context
             ))
-            ? (hasNewLifecycles ||
-                ("function" !== typeof instance.UNSAFE_componentWillUpdate &&
-                  "function" !== typeof instance.componentWillUpdate) ||
-                ("function" === typeof instance.componentWillUpdate &&
-                  instance.componentWillUpdate(
+            ? (instance ||
+                ("function" !==
+                  typeof unmaskedContext.UNSAFE_componentWillUpdate &&
+                  "function" !== typeof unmaskedContext.componentWillUpdate) ||
+                ("function" === typeof unmaskedContext.componentWillUpdate &&
+                  unmaskedContext.componentWillUpdate(
                     nextProps,
                     oldState,
-                    contextType
+                    context
                   ),
-                "function" === typeof instance.UNSAFE_componentWillUpdate &&
-                  instance.UNSAFE_componentWillUpdate(
+                "function" ===
+                  typeof unmaskedContext.UNSAFE_componentWillUpdate &&
+                  unmaskedContext.UNSAFE_componentWillUpdate(
                     nextProps,
                     oldState,
-                    contextType
+                    context
                   )),
-              "function" === typeof instance.componentDidUpdate &&
+              "function" === typeof unmaskedContext.componentDidUpdate &&
                 (workInProgress.effectTag |= 4),
-              "function" === typeof instance.getSnapshotBeforeUpdate &&
+              "function" === typeof unmaskedContext.getSnapshotBeforeUpdate &&
                 (workInProgress.effectTag |= 256))
-            : ("function" !== typeof instance.componentDidUpdate ||
-                (oldProps === current$$1.memoizedProps &&
+            : ("function" !== typeof unmaskedContext.componentDidUpdate ||
+                (isLegacyContextConsumer === current$$1.memoizedProps &&
                   oldContext === current$$1.memoizedState) ||
                 (workInProgress.effectTag |= 4),
-              "function" !== typeof instance.getSnapshotBeforeUpdate ||
-                (oldProps === current$$1.memoizedProps &&
+              "function" !== typeof unmaskedContext.getSnapshotBeforeUpdate ||
+                (isLegacyContextConsumer === current$$1.memoizedProps &&
                   oldContext === current$$1.memoizedState) ||
                 (workInProgress.effectTag |= 256),
               (workInProgress.memoizedProps = nextProps),
               (workInProgress.memoizedState = oldState)),
-          (instance.props = nextProps),
-          (instance.state = oldState),
-          (instance.context = contextType),
+          (unmaskedContext.props = nextProps),
+          (unmaskedContext.state = oldState),
+          (unmaskedContext.context = context),
           (nextProps = getDerivedStateFromProps))
-        : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current$$1.memoizedProps &&
+        : ("function" !== typeof unmaskedContext.componentDidUpdate ||
+            (isLegacyContextConsumer === current$$1.memoizedProps &&
               oldContext === current$$1.memoizedState) ||
             (workInProgress.effectTag |= 4),
-          "function" !== typeof instance.getSnapshotBeforeUpdate ||
-            (oldProps === current$$1.memoizedProps &&
+          "function" !== typeof unmaskedContext.getSnapshotBeforeUpdate ||
+            (isLegacyContextConsumer === current$$1.memoizedProps &&
               oldContext === current$$1.memoizedState) ||
             (workInProgress.effectTag |= 256),
           (nextProps = !1));
@@ -4105,6 +3766,7 @@ function finishClassComponent(
         renderExpirationTime
       );
   workInProgress.memoizedState = shouldUpdate.state;
+  workInProgress.memoizedProps = shouldUpdate.props;
   hasContext && invalidateContextProvider(workInProgress, Component, !0);
   return workInProgress.child;
 }
@@ -4130,105 +3792,6 @@ function resolveDefaultProps(Component, baseProps) {
   }
   return baseProps;
 }
-function updateSuspenseComponent(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
-  var mode = workInProgress.mode,
-    nextProps = workInProgress.pendingProps,
-    nextState = workInProgress.memoizedState;
-  null !== nextState &&
-    (nextState.alreadyCaptured
-      ? null !== current$$1 && nextState === current$$1.memoizedState
-        ? (nextState = {
-            alreadyCaptured: !0,
-            didTimeout: !0,
-            timedOutAt: nextState.timedOutAt
-          })
-        : ((nextState.alreadyCaptured = !0), (nextState.didTimeout = !0))
-      : (nextState = null));
-  var nextDidTimeout = null !== nextState && nextState.didTimeout;
-  if (null === current$$1)
-    nextDidTimeout
-      ? ((nextDidTimeout = nextProps.fallback),
-        (nextProps = createFiberFromFragment(null, mode, 0, null)),
-        (mode = createFiberFromFragment(
-          nextDidTimeout,
-          mode,
-          renderExpirationTime,
-          null
-        )),
-        (nextProps.sibling = mode),
-        (renderExpirationTime = nextProps),
-        (renderExpirationTime.return = mode.return = workInProgress))
-      : (renderExpirationTime = mode = mountChildFibers(
-          workInProgress,
-          null,
-          nextProps.children,
-          renderExpirationTime
-        ));
-  else {
-    var prevState = current$$1.memoizedState;
-    null !== prevState && prevState.didTimeout
-      ? ((mode = current$$1.child),
-        (current$$1 = mode.sibling),
-        nextDidTimeout
-          ? ((renderExpirationTime = nextProps.fallback),
-            (mode = createWorkInProgress(mode, mode.pendingProps, 0)),
-            (mode.effectTag |= 2),
-            (nextProps = mode.sibling = createWorkInProgress(
-              current$$1,
-              renderExpirationTime,
-              current$$1.expirationTime
-            )),
-            (nextProps.effectTag |= 2),
-            (renderExpirationTime = mode),
-            (mode.childExpirationTime = 0),
-            (mode = nextProps),
-            (renderExpirationTime.return = mode.return = workInProgress))
-          : ((nextDidTimeout = current$$1.child),
-            (mode = reconcileChildFibers(
-              workInProgress,
-              mode.child,
-              nextProps.children,
-              renderExpirationTime
-            )),
-            reconcileChildFibers(
-              workInProgress,
-              nextDidTimeout,
-              null,
-              renderExpirationTime
-            ),
-            (renderExpirationTime = mode)))
-      : ((current$$1 = current$$1.child),
-        nextDidTimeout
-          ? ((nextDidTimeout = nextProps.fallback),
-            (nextProps = createFiberFromFragment(null, mode, 0, null)),
-            (nextProps.effectTag |= 2),
-            (nextProps.child = current$$1),
-            (current$$1.return = nextProps),
-            (mode = nextProps.sibling = createFiberFromFragment(
-              nextDidTimeout,
-              mode,
-              renderExpirationTime,
-              null
-            )),
-            (mode.effectTag |= 2),
-            (renderExpirationTime = nextProps),
-            (nextProps.childExpirationTime = 0),
-            (renderExpirationTime.return = mode.return = workInProgress))
-          : (mode = renderExpirationTime = reconcileChildFibers(
-              workInProgress,
-              current$$1,
-              nextProps.children,
-              renderExpirationTime
-            )));
-  }
-  workInProgress.memoizedState = nextState;
-  workInProgress.child = renderExpirationTime;
-  return mode;
-}
 function bailoutOnAlreadyFinishedWork(
   current$$1,
   workInProgress,
@@ -4237,7 +3800,9 @@ function bailoutOnAlreadyFinishedWork(
   null !== current$$1 &&
     (workInProgress.firstContextDependency = current$$1.firstContextDependency);
   profilerStartTime = -1;
-  if (workInProgress.childExpirationTime < renderExpirationTime) return null;
+  var childExpirationTime = workInProgress.childExpirationTime;
+  if (0 === childExpirationTime || childExpirationTime > renderExpirationTime)
+    return null;
   invariant(
     null === current$$1 || workInProgress.child === current$$1.child,
     "Resuming work not yet implemented."
@@ -4266,566 +3831,561 @@ function bailoutOnAlreadyFinishedWork(
   }
   return workInProgress.child;
 }
-function beginWork(current$$1, workInProgress, renderExpirationTime$jscomp$0) {
+function beginWork(current$$1, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
   if (
     null !== current$$1 &&
     current$$1.memoizedProps === workInProgress.pendingProps &&
     !didPerformWorkStackCursor.current &&
-    updateExpirationTime < renderExpirationTime$jscomp$0
+    (0 === updateExpirationTime || updateExpirationTime > renderExpirationTime)
   ) {
     switch (workInProgress.tag) {
-      case 3:
+      case 5:
         pushHostRootContext(workInProgress);
         break;
-      case 5:
+      case 7:
         pushHostContext(workInProgress);
         break;
-      case 1:
+      case 2:
         isContextProvider(workInProgress.type) &&
           pushContextProvider(workInProgress);
         break;
-      case 4:
+      case 3:
+        isContextProvider(workInProgress.type._reactResult) &&
+          pushContextProvider(workInProgress);
+        break;
+      case 6:
         pushHostContainer(
           workInProgress,
           workInProgress.stateNode.containerInfo
         );
         break;
-      case 10:
+      case 12:
         pushProvider(workInProgress, workInProgress.memoizedProps.value);
         break;
-      case 12:
+      case 15:
         workInProgress.effectTag |= 4;
-        break;
-      case 13:
-        if (
-          ((updateExpirationTime = workInProgress.memoizedState),
-          null !== updateExpirationTime && updateExpirationTime.didTimeout)
-        ) {
-          updateExpirationTime = workInProgress.child.childExpirationTime;
-          if (
-            0 !== updateExpirationTime &&
-            updateExpirationTime >= renderExpirationTime$jscomp$0
-          )
-            return updateSuspenseComponent(
-              current$$1,
-              workInProgress,
-              renderExpirationTime$jscomp$0
-            );
-          workInProgress = bailoutOnAlreadyFinishedWork(
-            current$$1,
-            workInProgress,
-            renderExpirationTime$jscomp$0
-          );
-          return null !== workInProgress ? workInProgress.sibling : null;
-        }
     }
     return bailoutOnAlreadyFinishedWork(
       current$$1,
       workInProgress,
-      renderExpirationTime$jscomp$0
+      renderExpirationTime
     );
   }
   workInProgress.expirationTime = 0;
   switch (workInProgress.tag) {
-    case 2:
-      updateExpirationTime = workInProgress.elementType;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
-        (workInProgress.alternate = null),
-        (workInProgress.effectTag |= 2));
-      current$$1 = workInProgress.pendingProps;
-      var context = getMaskedContext(
-        workInProgress,
-        contextStackCursor.current
+    case 4:
+      var Component = workInProgress.type;
+      invariant(
+        null === current$$1,
+        "An indeterminate component should never have mounted. This error is likely caused by a bug in React. Please file an issue."
       );
-      prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0);
-      renderExpirationTime = renderExpirationTime$jscomp$0;
-      currentlyRenderingFiber$1 = workInProgress;
-      firstCurrentHook = null;
-      var value = updateExpirationTime(current$$1, context);
-      workInProgress.effectTag |= 1;
+      var props = workInProgress.pendingProps;
       if (
-        "object" === typeof value &&
-        null !== value &&
-        "function" === typeof value.render &&
-        void 0 === value.$$typeof
+        "object" === typeof Component &&
+        null !== Component &&
+        "function" === typeof Component.then
       ) {
-        workInProgress.tag = 1;
-        resetHooks();
-        isContextProvider(updateExpirationTime)
-          ? ((context = !0), pushContextProvider(workInProgress))
-          : (context = !1);
-        workInProgress.memoizedState =
-          null !== value.state && void 0 !== value.state ? value.state : null;
-        var getDerivedStateFromProps =
-          updateExpirationTime.getDerivedStateFromProps;
-        "function" === typeof getDerivedStateFromProps &&
-          applyDerivedStateFromProps(
+        Component = readLazyComponentType(Component);
+        var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(
             workInProgress,
-            updateExpirationTime,
-            getDerivedStateFromProps,
-            current$$1
-          );
-        value.updater = classComponentUpdater;
-        workInProgress.stateNode = value;
-        value._reactInternalFiber = workInProgress;
-        mountClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          current$$1,
-          renderExpirationTime$jscomp$0
-        );
-        workInProgress = finishClassComponent(
-          null,
-          workInProgress,
-          updateExpirationTime,
-          !0,
-          context,
-          renderExpirationTime$jscomp$0
-        );
-      } else
-        (workInProgress.tag = 0),
-          (value = finishHooks(
-            updateExpirationTime,
-            current$$1,
-            value,
-            context
+            Component
           )),
-          reconcileChildren(
-            null,
-            workInProgress,
-            value,
-            renderExpirationTime$jscomp$0
-          ),
-          (workInProgress = workInProgress.child);
-      return workInProgress;
-    case 16:
-      value = workInProgress.elementType;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
-        (workInProgress.alternate = null),
-        (workInProgress.effectTag |= 2));
-      context = workInProgress.pendingProps;
-      current$$1 = readLazyComponentType(value);
-      workInProgress.type = current$$1;
-      value = workInProgress.tag = resolveLazyComponentTag(current$$1);
-      context = resolveDefaultProps(current$$1, context);
-      getDerivedStateFromProps = void 0;
-      switch (value) {
-        case 0:
-          getDerivedStateFromProps = updateFunctionComponent(
-            null,
-            workInProgress,
-            current$$1,
-            context,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        case 1:
-          getDerivedStateFromProps = updateClassComponent(
-            null,
-            workInProgress,
-            current$$1,
-            context,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        case 11:
-          getDerivedStateFromProps = updateForwardRef(
-            null,
-            workInProgress,
-            current$$1,
-            context,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        case 14:
-          getDerivedStateFromProps = updateMemoComponent(
-            null,
-            workInProgress,
-            current$$1,
-            resolveDefaultProps(current$$1.type, context),
-            updateExpirationTime,
-            renderExpirationTime$jscomp$0
-          );
-          break;
-        default:
-          invariant(
-            !1,
-            "Element type is invalid. Received a promise that resolves to: %s. Promise elements must resolve to a class or function.",
-            current$$1
-          );
-      }
-      return getDerivedStateFromProps;
-    case 0:
-      return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        updateFunctionComponent(
-          current$$1,
+          resolvedProps = resolveDefaultProps(Component, props),
+          child = void 0;
+        switch (resolvedTag) {
+          case 1:
+            child = updateFunctionComponent(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              renderExpirationTime
+            );
+            break;
+          case 3:
+            child = updateClassComponent(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              renderExpirationTime
+            );
+            break;
+          case 14:
+            child = updateForwardRef(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              renderExpirationTime
+            );
+            break;
+          case 18:
+            child = updatePureComponent(
+              current$$1,
+              workInProgress,
+              Component,
+              resolvedProps,
+              updateExpirationTime,
+              renderExpirationTime
+            );
+            break;
+          default:
+            invariant(
+              !1,
+              "Element type is invalid. Received a promise that resolves to: %s. Promise elements must resolve to a class or function.",
+              Component
+            );
+        }
+        workInProgress.memoizedProps = props;
+        workInProgress = child;
+      } else
+        (updateExpirationTime = getMaskedContext(
           workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        )
+          contextStackCursor.current
+        )),
+          prepareToReadContext(workInProgress, renderExpirationTime),
+          (updateExpirationTime = Component(props, updateExpirationTime)),
+          (workInProgress.effectTag |= 1),
+          "object" === typeof updateExpirationTime &&
+          null !== updateExpirationTime &&
+          "function" === typeof updateExpirationTime.render &&
+          void 0 === updateExpirationTime.$$typeof
+            ? ((workInProgress.tag = 2),
+              isContextProvider(Component)
+                ? ((resolvedTag = !0), pushContextProvider(workInProgress))
+                : (resolvedTag = !1),
+              (workInProgress.memoizedState =
+                null !== updateExpirationTime.state &&
+                void 0 !== updateExpirationTime.state
+                  ? updateExpirationTime.state
+                  : null),
+              (resolvedProps = Component.getDerivedStateFromProps),
+              "function" === typeof resolvedProps &&
+                applyDerivedStateFromProps(
+                  workInProgress,
+                  Component,
+                  resolvedProps,
+                  props
+                ),
+              (updateExpirationTime.updater = classComponentUpdater),
+              (workInProgress.stateNode = updateExpirationTime),
+              (updateExpirationTime._reactInternalFiber = workInProgress),
+              mountClassInstance(
+                workInProgress,
+                Component,
+                props,
+                renderExpirationTime
+              ),
+              (workInProgress = finishClassComponent(
+                current$$1,
+                workInProgress,
+                Component,
+                !0,
+                resolvedTag,
+                renderExpirationTime
+              )))
+            : ((workInProgress.tag = 0),
+              reconcileChildren(
+                current$$1,
+                workInProgress,
+                updateExpirationTime,
+                renderExpirationTime
+              ),
+              (workInProgress.memoizedProps = props),
+              (workInProgress = workInProgress.child));
+      return workInProgress;
+    case 0:
+      return updateFunctionComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        renderExpirationTime
       );
     case 1:
       return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        updateClassComponent(
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updateFunctionComponent(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        )
+          props,
+          resolveDefaultProps(props, Component),
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
+      );
+    case 2:
+      return updateClassComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        renderExpirationTime
       );
     case 3:
+      return (
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updateClassComponent(
+          current$$1,
+          workInProgress,
+          props,
+          resolveDefaultProps(props, Component),
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
+      );
+    case 5:
       return (
         pushHostRootContext(workInProgress),
-        (updateExpirationTime = workInProgress.updateQueue),
+        (Component = workInProgress.updateQueue),
         invariant(
-          null !== updateExpirationTime,
+          null !== Component,
           "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
         ),
-        (value = workInProgress.memoizedState),
-        (value = null !== value ? value.element : null),
+        (props = workInProgress.memoizedState),
+        (props = null !== props ? props.element : null),
         processUpdateQueue(
           workInProgress,
-          updateExpirationTime,
+          Component,
           workInProgress.pendingProps,
           null,
-          renderExpirationTime$jscomp$0
+          renderExpirationTime
         ),
-        (updateExpirationTime = workInProgress.memoizedState.element),
-        updateExpirationTime === value
+        (Component = workInProgress.memoizedState.element),
+        Component === props
           ? (workInProgress = bailoutOnAlreadyFinishedWork(
               current$$1,
               workInProgress,
-              renderExpirationTime$jscomp$0
+              renderExpirationTime
             ))
           : (reconcileChildren(
               current$$1,
               workInProgress,
-              updateExpirationTime,
-              renderExpirationTime$jscomp$0
+              Component,
+              renderExpirationTime
             ),
             (workInProgress = workInProgress.child)),
         workInProgress
       );
-    case 5:
+    case 7:
       return (
         pushHostContext(workInProgress),
         null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
-        (updateExpirationTime = workInProgress.pendingProps.children),
+        (Component = workInProgress.pendingProps),
+        (props = Component.children),
         markRef(current$$1, workInProgress),
         reconcileChildren(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          renderExpirationTime$jscomp$0
+          props,
+          renderExpirationTime
         ),
+        (workInProgress.memoizedProps = Component),
         (workInProgress = workInProgress.child),
         workInProgress
       );
-    case 6:
+    case 8:
       return (
         null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
+        (workInProgress.memoizedProps = workInProgress.pendingProps),
         null
       );
-    case 13:
-      return updateSuspenseComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime$jscomp$0
+    case 16:
+      return (
+        (Component = workInProgress.pendingProps),
+        (props = 0 === (workInProgress.effectTag & 64)),
+        null !== current$$1 && null !== workInProgress.updateQueue
+          ? ((workInProgress.updateQueue = null), (props = !0))
+          : (props = !props),
+        0 !== (workInProgress.mode & 2) &&
+          (props
+            ? (workInProgress.effectTag |= 4)
+            : (workInProgress.stateNode = null)),
+        (updateExpirationTime = Component.children),
+        (updateExpirationTime =
+          "function" === typeof updateExpirationTime
+            ? updateExpirationTime(props)
+            : props
+              ? Component.fallback
+              : updateExpirationTime),
+        null !== current$$1 && props !== workInProgress.memoizedState
+          ? ((workInProgress.child = reconcileChildFibers(
+              workInProgress,
+              current$$1.child,
+              null,
+              renderExpirationTime
+            )),
+            (workInProgress.child = reconcileChildFibers(
+              workInProgress,
+              null,
+              updateExpirationTime,
+              renderExpirationTime
+            )))
+          : reconcileChildren(
+              current$$1,
+              workInProgress,
+              updateExpirationTime,
+              renderExpirationTime
+            ),
+        (workInProgress.memoizedProps = Component),
+        (workInProgress.memoizedState = props),
+        workInProgress.child
       );
-    case 4:
+    case 6:
       return (
         pushHostContainer(
           workInProgress,
           workInProgress.stateNode.containerInfo
         ),
-        (updateExpirationTime = workInProgress.pendingProps),
+        (Component = workInProgress.pendingProps),
         null === current$$1
           ? (workInProgress.child = reconcileChildFibers(
               workInProgress,
               null,
-              updateExpirationTime,
-              renderExpirationTime$jscomp$0
+              Component,
+              renderExpirationTime
             ))
           : reconcileChildren(
               current$$1,
               workInProgress,
-              updateExpirationTime,
-              renderExpirationTime$jscomp$0
+              Component,
+              renderExpirationTime
             ),
+        (workInProgress.memoizedProps = Component),
         workInProgress.child
       );
-    case 11:
+    case 13:
+      return updateForwardRef(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        renderExpirationTime
+      );
+    case 14:
       return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        updateForwardRef(
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updateForwardRef(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        )
+          props,
+          resolveDefaultProps(props, Component),
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
       );
-    case 7:
+    case 9:
       return (
+        (Component = workInProgress.pendingProps),
         reconcileChildren(
           current$$1,
           workInProgress,
-          workInProgress.pendingProps,
-          renderExpirationTime$jscomp$0
-        ),
-        workInProgress.child
-      );
-    case 8:
-      return (
-        reconcileChildren(
-          current$$1,
-          workInProgress,
-          workInProgress.pendingProps.children,
-          renderExpirationTime$jscomp$0
-        ),
-        workInProgress.child
-      );
-    case 12:
-      return (
-        (workInProgress.effectTag |= 4),
-        reconcileChildren(
-          current$$1,
-          workInProgress,
-          workInProgress.pendingProps.children,
-          renderExpirationTime$jscomp$0
+          Component,
+          renderExpirationTime
         ),
+        (workInProgress.memoizedProps = Component),
         workInProgress.child
       );
     case 10:
+      return (
+        (Component = workInProgress.pendingProps.children),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          Component,
+          renderExpirationTime
+        ),
+        (workInProgress.memoizedProps = Component),
+        workInProgress.child
+      );
+    case 15:
+      return (
+        (workInProgress.effectTag |= 4),
+        (Component = workInProgress.pendingProps),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          Component.children,
+          renderExpirationTime
+        ),
+        (workInProgress.memoizedProps = Component),
+        workInProgress.child
+      );
+    case 12:
       a: {
-        updateExpirationTime = workInProgress.type._context;
-        value = workInProgress.pendingProps;
-        getDerivedStateFromProps = workInProgress.memoizedProps;
-        context = value.value;
-        pushProvider(workInProgress, context);
-        if (null !== getDerivedStateFromProps) {
-          var oldValue = getDerivedStateFromProps.value;
-          context =
-            (oldValue === context &&
-              (0 !== oldValue || 1 / oldValue === 1 / context)) ||
-            (oldValue !== oldValue && context !== context)
-              ? 0
-              : ("function" ===
-                typeof updateExpirationTime._calculateChangedBits
-                  ? updateExpirationTime._calculateChangedBits(
-                      oldValue,
-                      context
-                    )
-                  : 1073741823) | 0;
-          if (0 === context) {
+        Component = workInProgress.type._context;
+        props = workInProgress.pendingProps;
+        resolvedTag = workInProgress.memoizedProps;
+        updateExpirationTime = props.value;
+        workInProgress.memoizedProps = props;
+        pushProvider(workInProgress, updateExpirationTime);
+        if (null !== resolvedTag)
+          if (
+            ((resolvedProps = resolvedTag.value),
+            (updateExpirationTime =
+              (resolvedProps === updateExpirationTime &&
+                (0 !== resolvedProps ||
+                  1 / resolvedProps === 1 / updateExpirationTime)) ||
+              (resolvedProps !== resolvedProps &&
+                updateExpirationTime !== updateExpirationTime)
+                ? 0
+                : ("function" === typeof Component._calculateChangedBits
+                    ? Component._calculateChangedBits(
+                        resolvedProps,
+                        updateExpirationTime
+                      )
+                    : 1073741823) | 0),
+            0 === updateExpirationTime)
+          ) {
             if (
-              getDerivedStateFromProps.children === value.children &&
+              resolvedTag.children === props.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
                 current$$1,
                 workInProgress,
-                renderExpirationTime$jscomp$0
+                renderExpirationTime
               );
               break a;
             }
           } else
             for (
-              getDerivedStateFromProps = workInProgress.child,
-                null !== getDerivedStateFromProps &&
-                  (getDerivedStateFromProps.return = workInProgress);
-              null !== getDerivedStateFromProps;
+              resolvedTag = workInProgress.child,
+                null !== resolvedTag && (resolvedTag.return = workInProgress);
+              null !== resolvedTag;
 
             ) {
-              oldValue = getDerivedStateFromProps.firstContextDependency;
-              if (null !== oldValue) {
+              resolvedProps = resolvedTag.firstContextDependency;
+              if (null !== resolvedProps) {
                 do {
                   if (
-                    oldValue.context === updateExpirationTime &&
-                    0 !== (oldValue.observedBits & context)
+                    resolvedProps.context === Component &&
+                    0 !== (resolvedProps.observedBits & updateExpirationTime)
                   ) {
-                    if (1 === getDerivedStateFromProps.tag) {
-                      var nextFiber = createUpdate(
-                        renderExpirationTime$jscomp$0
-                      );
-                      nextFiber.tag = 2;
-                      enqueueUpdate(getDerivedStateFromProps, nextFiber);
-                    }
-                    getDerivedStateFromProps.expirationTime <
-                      renderExpirationTime$jscomp$0 &&
-                      (getDerivedStateFromProps.expirationTime = renderExpirationTime$jscomp$0);
-                    nextFiber = getDerivedStateFromProps.alternate;
-                    null !== nextFiber &&
-                      nextFiber.expirationTime <
-                        renderExpirationTime$jscomp$0 &&
-                      (nextFiber.expirationTime = renderExpirationTime$jscomp$0);
-                    for (
-                      var node = getDerivedStateFromProps.return;
-                      null !== node;
-
-                    ) {
-                      nextFiber = node.alternate;
+                    if (2 === resolvedTag.tag || 3 === resolvedTag.tag)
+                      (child = createUpdate(renderExpirationTime)),
+                        (child.tag = 2),
+                        enqueueUpdate(resolvedTag, child);
+                    if (
+                      0 === resolvedTag.expirationTime ||
+                      resolvedTag.expirationTime > renderExpirationTime
+                    )
+                      resolvedTag.expirationTime = renderExpirationTime;
+                    child = resolvedTag.alternate;
+                    null !== child &&
+                      (0 === child.expirationTime ||
+                        child.expirationTime > renderExpirationTime) &&
+                      (child.expirationTime = renderExpirationTime);
+                    for (var node = resolvedTag.return; null !== node; ) {
+                      child = node.alternate;
                       if (
-                        node.childExpirationTime < renderExpirationTime$jscomp$0
+                        0 === node.childExpirationTime ||
+                        node.childExpirationTime > renderExpirationTime
                       )
-                        (node.childExpirationTime = renderExpirationTime$jscomp$0),
-                          null !== nextFiber &&
-                            nextFiber.childExpirationTime <
-                              renderExpirationTime$jscomp$0 &&
-                            (nextFiber.childExpirationTime = renderExpirationTime$jscomp$0);
+                        (node.childExpirationTime = renderExpirationTime),
+                          null !== child &&
+                            (0 === child.childExpirationTime ||
+                              child.childExpirationTime >
+                                renderExpirationTime) &&
+                            (child.childExpirationTime = renderExpirationTime);
                       else if (
-                        null !== nextFiber &&
-                        nextFiber.childExpirationTime <
-                          renderExpirationTime$jscomp$0
+                        null !== child &&
+                        (0 === child.childExpirationTime ||
+                          child.childExpirationTime > renderExpirationTime)
                       )
-                        nextFiber.childExpirationTime = renderExpirationTime$jscomp$0;
+                        child.childExpirationTime = renderExpirationTime;
                       else break;
                       node = node.return;
                     }
                   }
-                  nextFiber = getDerivedStateFromProps.child;
-                  oldValue = oldValue.next;
-                } while (null !== oldValue);
+                  child = resolvedTag.child;
+                  resolvedProps = resolvedProps.next;
+                } while (null !== resolvedProps);
               } else
-                nextFiber =
-                  10 === getDerivedStateFromProps.tag
-                    ? getDerivedStateFromProps.type === workInProgress.type
+                child =
+                  12 === resolvedTag.tag
+                    ? resolvedTag.type === workInProgress.type
                       ? null
-                      : getDerivedStateFromProps.child
-                    : getDerivedStateFromProps.child;
-              if (null !== nextFiber)
-                nextFiber.return = getDerivedStateFromProps;
+                      : resolvedTag.child
+                    : resolvedTag.child;
+              if (null !== child) child.return = resolvedTag;
               else
-                for (
-                  nextFiber = getDerivedStateFromProps;
-                  null !== nextFiber;
-
-                ) {
-                  if (nextFiber === workInProgress) {
-                    nextFiber = null;
+                for (child = resolvedTag; null !== child; ) {
+                  if (child === workInProgress) {
+                    child = null;
                     break;
                   }
-                  getDerivedStateFromProps = nextFiber.sibling;
-                  if (null !== getDerivedStateFromProps) {
-                    getDerivedStateFromProps.return = nextFiber.return;
-                    nextFiber = getDerivedStateFromProps;
+                  resolvedTag = child.sibling;
+                  if (null !== resolvedTag) {
+                    resolvedTag.return = child.return;
+                    child = resolvedTag;
                     break;
                   }
-                  nextFiber = nextFiber.return;
+                  child = child.return;
                 }
-              getDerivedStateFromProps = nextFiber;
+              resolvedTag = child;
             }
-        }
         reconcileChildren(
           current$$1,
           workInProgress,
-          value.children,
-          renderExpirationTime$jscomp$0
+          props.children,
+          renderExpirationTime
         );
         workInProgress = workInProgress.child;
       }
       return workInProgress;
-    case 9:
+    case 11:
       return (
-        (value = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (updateExpirationTime = context.children),
-        prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0),
-        (value = readContext(value, context.unstable_observedBits)),
-        (updateExpirationTime = updateExpirationTime(value)),
+        (updateExpirationTime = workInProgress.type),
+        (Component = workInProgress.pendingProps),
+        (props = Component.children),
+        prepareToReadContext(workInProgress, renderExpirationTime),
+        (updateExpirationTime = readContext(
+          updateExpirationTime,
+          Component.unstable_observedBits
+        )),
+        (props = props(updateExpirationTime)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
           current$$1,
           workInProgress,
-          updateExpirationTime,
-          renderExpirationTime$jscomp$0
+          props,
+          renderExpirationTime
         ),
+        (workInProgress.memoizedProps = Component),
         workInProgress.child
       );
-    case 14:
-      return (
-        (value = workInProgress.type),
-        (context = resolveDefaultProps(
-          value.type,
-          workInProgress.pendingProps
-        )),
-        updateMemoComponent(
-          current$$1,
-          workInProgress,
-          value,
-          context,
-          updateExpirationTime,
-          renderExpirationTime$jscomp$0
-        )
-      );
-    case 15:
-      return updateSimpleMemoComponent(
+    case 17:
+      return updatePureComponent(
         current$$1,
         workInProgress,
         workInProgress.type,
         workInProgress.pendingProps,
         updateExpirationTime,
-        renderExpirationTime$jscomp$0
+        renderExpirationTime
       );
-    case 17:
+    case 18:
       return (
-        (updateExpirationTime = workInProgress.type),
-        (value = workInProgress.pendingProps),
-        (value =
-          workInProgress.elementType === updateExpirationTime
-            ? value
-            : resolveDefaultProps(updateExpirationTime, value)),
-        null !== current$$1 &&
-          ((current$$1.alternate = null),
-          (workInProgress.alternate = null),
-          (workInProgress.effectTag |= 2)),
-        (workInProgress.tag = 1),
-        isContextProvider(updateExpirationTime)
-          ? ((current$$1 = !0), pushContextProvider(workInProgress))
-          : (current$$1 = !1),
-        prepareToReadContext(workInProgress, renderExpirationTime$jscomp$0),
-        constructClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        ),
-        mountClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          value,
-          renderExpirationTime$jscomp$0
-        ),
-        finishClassComponent(
-          null,
-          workInProgress,
-          updateExpirationTime,
-          !0,
+        (props = workInProgress.type._reactResult),
+        (Component = workInProgress.pendingProps),
+        (current$$1 = updatePureComponent(
           current$$1,
-          renderExpirationTime$jscomp$0
-        )
+          workInProgress,
+          props,
+          resolveDefaultProps(props, Component),
+          updateExpirationTime,
+          renderExpirationTime
+        )),
+        (workInProgress.memoizedProps = Component),
+        current$$1
       );
     default:
       invariant(
@@ -4834,27 +4394,9 @@ function beginWork(current$$1, workInProgress, renderExpirationTime$jscomp$0) {
       );
   }
 }
-var appendAllChildren = void 0,
-  updateHostContainer = void 0,
+var updateHostContainer = void 0,
   updateHostComponent$1 = void 0,
   updateHostText$1 = void 0;
-appendAllChildren = function(parent, workInProgress) {
-  for (var node = workInProgress.child; null !== node; ) {
-    if (5 === node.tag || 6 === node.tag) parent._children.push(node.stateNode);
-    else if (4 !== node.tag && null !== node.child) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
-    if (node === workInProgress) break;
-    for (; null === node.sibling; ) {
-      if (null === node.return || node.return === workInProgress) return;
-      node = node.return;
-    }
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
-};
 updateHostContainer = function() {};
 updateHostComponent$1 = function(current, workInProgress, type, newProps) {
   current.memoizedProps !== newProps &&
@@ -4884,6 +4426,7 @@ function logCapturedError(capturedError) {
         : Error("Unspecified error at:" + componentStack);
   ExceptionsManager.handleException(error, !1);
 }
+var emptyObject$1 = {};
 function logError(boundary, errorInfo) {
   var source = errorInfo.source,
     stack = errorInfo.stack;
@@ -4900,7 +4443,7 @@ function logError(boundary, errorInfo) {
     willRetry: !1
   };
   null !== boundary &&
-    1 === boundary.tag &&
+    2 === boundary.tag &&
     ((errorInfo.errorBoundary = boundary.stateNode),
     (errorInfo.errorBoundaryName = getComponentName(boundary.type)),
     (errorInfo.errorBoundaryFound = !0),
@@ -4924,74 +4467,32 @@ function safelyDetachRef(current$$1) {
       }
     else ref.current = null;
 }
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
-  finishedWork = finishedWork.updateQueue;
-  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
-  if (null !== finishedWork) {
-    var effect = (finishedWork = finishedWork.next);
-    do {
-      if (0 !== (effect.tag & unmountTag)) {
-        var destroy = effect.destroy;
-        effect.destroy = null;
-        null !== destroy && destroy();
-      }
-      0 !== (effect.tag & mountTag) &&
-        ((destroy = effect.create),
-        (destroy = destroy()),
-        (effect.destroy = "function" === typeof destroy ? destroy : null));
-      effect = effect.next;
-    } while (effect !== finishedWork);
-  }
-}
-function commitUnmount(current$$1$jscomp$0) {
+function commitUnmount(current$$1) {
   "function" === typeof onCommitFiberUnmount &&
-    onCommitFiberUnmount(current$$1$jscomp$0);
-  switch (current$$1$jscomp$0.tag) {
-    case 0:
-    case 11:
-    case 14:
-    case 15:
-      var updateQueue = current$$1$jscomp$0.updateQueue;
-      if (
-        null !== updateQueue &&
-        ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
-      ) {
-        var effect = (updateQueue = updateQueue.next);
-        do {
-          var destroy = effect.destroy;
-          if (null !== destroy) {
-            var current$$1 = current$$1$jscomp$0;
-            try {
-              destroy();
-            } catch (error) {
-              captureCommitPhaseError(current$$1, error);
-            }
-          }
-          effect = effect.next;
-        } while (effect !== updateQueue);
-      }
-      break;
-    case 1:
-      safelyDetachRef(current$$1$jscomp$0);
-      updateQueue = current$$1$jscomp$0.stateNode;
-      if ("function" === typeof updateQueue.componentWillUnmount)
+    onCommitFiberUnmount(current$$1);
+  switch (current$$1.tag) {
+    case 2:
+    case 3:
+      safelyDetachRef(current$$1);
+      var instance = current$$1.stateNode;
+      if ("function" === typeof instance.componentWillUnmount)
         try {
-          (updateQueue.props = current$$1$jscomp$0.memoizedProps),
-            (updateQueue.state = current$$1$jscomp$0.memoizedState),
-            updateQueue.componentWillUnmount();
+          (instance.props = current$$1.memoizedProps),
+            (instance.state = current$$1.memoizedState),
+            instance.componentWillUnmount();
         } catch (unmountError) {
-          captureCommitPhaseError(current$$1$jscomp$0, unmountError);
+          captureCommitPhaseError(current$$1, unmountError);
         }
       break;
-    case 5:
-      safelyDetachRef(current$$1$jscomp$0);
+    case 7:
+      safelyDetachRef(current$$1);
       break;
-    case 4:
-      unmountHostComponents(current$$1$jscomp$0);
+    case 6:
+      unmountHostComponents(current$$1);
   }
 }
 function isHostParent(fiber) {
-  return 5 === fiber.tag || 3 === fiber.tag || 4 === fiber.tag;
+  return 7 === fiber.tag || 5 === fiber.tag || 6 === fiber.tag;
 }
 function commitPlacement(finishedWork) {
   a: {
@@ -5010,15 +4511,15 @@ function commitPlacement(finishedWork) {
   }
   var isContainer = (parent = void 0);
   switch (parentFiber.tag) {
-    case 5:
+    case 7:
       parent = parentFiber.stateNode;
       isContainer = !1;
       break;
-    case 3:
+    case 5:
       parent = parentFiber.stateNode.containerInfo;
       isContainer = !0;
       break;
-    case 4:
+    case 6:
       parent = parentFiber.stateNode.containerInfo;
       isContainer = !0;
       break;
@@ -5040,11 +4541,11 @@ function commitPlacement(finishedWork) {
     parentFiber.sibling.return = parentFiber.return;
     for (
       parentFiber = parentFiber.sibling;
-      5 !== parentFiber.tag && 6 !== parentFiber.tag;
+      7 !== parentFiber.tag && 8 !== parentFiber.tag;
 
     ) {
       if (parentFiber.effectTag & 2) continue b;
-      if (null === parentFiber.child || 4 === parentFiber.tag) continue b;
+      if (null === parentFiber.child || 6 === parentFiber.tag) continue b;
       else
         (parentFiber.child.return = parentFiber),
           (parentFiber = parentFiber.child);
@@ -5055,7 +4556,7 @@ function commitPlacement(finishedWork) {
     }
   }
   for (var node = finishedWork; ; ) {
-    if (5 === node.tag || 6 === node.tag)
+    if (7 === node.tag || 8 === node.tag)
       if (parentFiber)
         if (isContainer)
           invariant(
@@ -5124,7 +4625,7 @@ function commitPlacement(finishedWork) {
                   [index.length - 1],
                   []
                 )));
-    else if (4 !== node.tag && null !== node.child) {
+    else if (6 !== node.tag && null !== node.child) {
       node.child.return = node;
       node = node.child;
       continue;
@@ -5155,15 +4656,15 @@ function unmountHostComponents(current$$1) {
           "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
         );
         switch (currentParentIsValid.tag) {
-          case 5:
+          case 7:
             currentParent = currentParentIsValid.stateNode;
             currentParentIsContainer = !1;
             break a;
-          case 3:
+          case 5:
             currentParent = currentParentIsValid.stateNode.containerInfo;
             currentParentIsContainer = !0;
             break a;
-          case 4:
+          case 6:
             currentParent = currentParentIsValid.stateNode.containerInfo;
             currentParentIsContainer = !0;
             break a;
@@ -5172,11 +4673,11 @@ function unmountHostComponents(current$$1) {
       }
       currentParentIsValid = !0;
     }
-    if (5 === node.tag || 6 === node.tag) {
+    if (7 === node.tag || 8 === node.tag) {
       a: for (var root = node, node$jscomp$0 = root; ; )
         if (
           (commitUnmount(node$jscomp$0),
-          null !== node$jscomp$0.child && 4 !== node$jscomp$0.tag)
+          null !== node$jscomp$0.child && 6 !== node$jscomp$0.tag)
         )
           (node$jscomp$0.child.return = node$jscomp$0),
             (node$jscomp$0 = node$jscomp$0.child);
@@ -5204,7 +4705,7 @@ function unmountHostComponents(current$$1) {
         UIManager.manageChildren(root._nativeTag, [], [], [], [], [child]);
       }
     } else if (
-      (4 === node.tag
+      (6 === node.tag
         ? ((currentParent = node.stateNode.containerInfo),
           (currentParentIsContainer = !0))
         : commitUnmount(node),
@@ -5218,7 +4719,7 @@ function unmountHostComponents(current$$1) {
     for (; null === node.sibling; ) {
       if (null === node.return || node.return === current$$1) return;
       node = node.return;
-      4 === node.tag && (currentParentIsValid = !1);
+      6 === node.tag && (currentParentIsValid = !1);
     }
     node.sibling.return = node.return;
     node = node.sibling;
@@ -5226,15 +4727,10 @@ function unmountHostComponents(current$$1) {
 }
 function commitWork(current$$1, finishedWork) {
   switch (finishedWork.tag) {
-    case 0:
-    case 11:
-    case 14:
-    case 15:
-      commitHookEffectList(4, 8, finishedWork);
+    case 2:
+    case 3:
       break;
-    case 1:
-      break;
-    case 5:
+    case 7:
       var instance = finishedWork.stateNode;
       if (null != instance) {
         var newProps = finishedWork.memoizedProps;
@@ -5258,7 +4754,7 @@ function commitWork(current$$1, finishedWork) {
             ));
       }
       break;
-    case 6:
+    case 8:
       invariant(
         null !== finishedWork.stateNode,
         "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
@@ -5267,13 +4763,11 @@ function commitWork(current$$1, finishedWork) {
         text: finishedWork.memoizedProps
       });
       break;
-    case 3:
+    case 5:
       break;
-    case 12:
+    case 15:
       break;
-    case 13:
-      break;
-    case 17:
+    case 16:
       break;
     default:
       invariant(
@@ -5282,6 +4776,9 @@ function commitWork(current$$1, finishedWork) {
       );
   }
 }
+function NoopComponent() {
+  return null;
+}
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
   expirationTime = createUpdate(expirationTime);
   expirationTime.tag = 3;
@@ -5327,7 +4824,7 @@ function throwException(
   value,
   renderExpirationTime
 ) {
-  sourceFiber.effectTag |= 1024;
+  sourceFiber.effectTag |= 512;
   sourceFiber.firstEffect = sourceFiber.lastEffect = null;
   if (
     null !== value &&
@@ -5339,54 +4836,49 @@ function throwException(
     var earliestTimeoutMs = -1,
       startTimeMs = -1;
     do {
-      if (13 === value.tag) {
-        var current$$1 = value.alternate;
+      if (16 === value.tag) {
+        var current = value.alternate;
         if (
-          null !== current$$1 &&
-          ((current$$1 = current$$1.memoizedState),
-          null !== current$$1 && current$$1.didTimeout)
+          null !== current &&
+          !0 === current.memoizedState &&
+          null !== current.stateNode
         ) {
-          startTimeMs = 10 * (1073741822 - current$$1.timedOutAt);
+          startTimeMs = 10 * (current.stateNode.timedOutAt - 2);
           break;
         }
-        current$$1 = value.pendingProps.maxDuration;
-        if ("number" === typeof current$$1)
-          if (0 >= current$$1) earliestTimeoutMs = 0;
-          else if (-1 === earliestTimeoutMs || current$$1 < earliestTimeoutMs)
-            earliestTimeoutMs = current$$1;
+        current = value.pendingProps.maxDuration;
+        if ("number" === typeof current)
+          if (0 >= current) earliestTimeoutMs = 0;
+          else if (-1 === earliestTimeoutMs || current < earliestTimeoutMs)
+            earliestTimeoutMs = current;
       }
       value = value.return;
     } while (null !== value);
     value = returnFiber;
     do {
-      if ((current$$1 = 13 === value.tag))
-        void 0 === value.memoizedProps.fallback
-          ? (current$$1 = !1)
-          : ((current$$1 = value.memoizedState),
-            (current$$1 = null === current$$1 || !current$$1.didTimeout));
-      if (current$$1) {
+      if (16 === value.tag && !value.memoizedState) {
         returnFiber = retrySuspendedRoot.bind(
           null,
           root,
           value,
-          sourceFiber,
-          0 === (value.mode & 1) ? 1073741823 : renderExpirationTime
+          0 === (value.mode & 1) ? 1 : renderExpirationTime
         );
         returnFiber = tracing.unstable_wrap(returnFiber);
         thenable.then(returnFiber, returnFiber);
-        if (0 === (value.mode & 1)) {
-          value.effectTag |= 32;
+        if (0 === (value.mode & 2)) {
+          value.effectTag |= 4;
           reconcileChildren(
             sourceFiber.alternate,
             sourceFiber,
             null,
             renderExpirationTime
           );
-          sourceFiber.effectTag &= -1025;
-          sourceFiber.effectTag &= -933;
-          1 === sourceFiber.tag &&
-            null === sourceFiber.alternate &&
-            (sourceFiber.tag = 17);
+          sourceFiber.effectTag &= -513;
+          4 === sourceFiber.tag && (sourceFiber.tag = 0);
+          if (2 === sourceFiber.tag || 3 === sourceFiber.tag)
+            (sourceFiber.effectTag &= -421),
+              null === sourceFiber.alternate &&
+                ((sourceFiber.tag = 0), (sourceFiber.type = NoopComponent));
           return;
         }
         -1 === earliestTimeoutMs
@@ -5394,26 +4886,24 @@ function throwException(
           : (-1 === startTimeMs &&
               (startTimeMs =
                 10 *
-                  (1073741822 -
-                    findEarliestOutstandingPriorityLevel(
-                      root,
-                      renderExpirationTime
-                    )) -
+                  (findEarliestOutstandingPriorityLevel(
+                    root,
+                    renderExpirationTime
+                  ) -
+                    2) -
                 5e3),
             (root = startTimeMs + earliestTimeoutMs));
         0 <= root &&
           nextLatestAbsoluteTimeoutMs < root &&
           (nextLatestAbsoluteTimeoutMs = root);
-        value.effectTag |= 2048;
+        value.effectTag |= 1024;
         value.expirationTime = renderExpirationTime;
         return;
       }
       value = value.return;
     } while (null !== value);
     value = Error(
-      (getComponentName(sourceFiber.type) || "A React component") +
-        " suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display." +
-        getStackByFiberInDevAndProd(sourceFiber)
+      "An update was suspended, but no placeholder UI was provided."
     );
   }
   nextRenderDidError = !0;
@@ -5421,9 +4911,9 @@ function throwException(
   root = returnFiber;
   do {
     switch (root.tag) {
-      case 3:
+      case 5:
         sourceFiber = value;
-        root.effectTag |= 2048;
+        root.effectTag |= 1024;
         root.expirationTime = renderExpirationTime;
         renderExpirationTime = createRootErrorUpdate(
           root,
@@ -5432,7 +4922,8 @@ function throwException(
         );
         enqueueCapturedUpdate(root, renderExpirationTime);
         return;
-      case 1:
+      case 2:
+      case 3:
         if (
           ((sourceFiber = value),
           (returnFiber = root.type),
@@ -5444,7 +4935,7 @@ function throwException(
                 (null === legacyErrorBoundariesThatAlreadyFailed ||
                   !legacyErrorBoundariesThatAlreadyFailed.has(thenable)))))
         ) {
-          root.effectTag |= 2048;
+          root.effectTag |= 1024;
           root.expirationTime = renderExpirationTime;
           renderExpirationTime = createClassErrorUpdate(
             root,
@@ -5460,14 +4951,24 @@ function throwException(
 }
 function unwindWork(workInProgress) {
   switch (workInProgress.tag) {
-    case 1:
+    case 2:
       isContextProvider(workInProgress.type) && popContext(workInProgress);
       var effectTag = workInProgress.effectTag;
-      return effectTag & 2048
-        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+      return effectTag & 1024
+        ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
           workInProgress)
         : null;
     case 3:
+      return (
+        isContextProvider(workInProgress.type._reactResult) &&
+          popContext(workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 5:
       return (
         popHostContainer(workInProgress),
         popTopLevelContextObject(workInProgress),
@@ -5476,117 +4977,28 @@ function unwindWork(workInProgress) {
           0 === (effectTag & 64),
           "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
         ),
-        (workInProgress.effectTag = (effectTag & -2049) | 64),
+        (workInProgress.effectTag = (effectTag & -1025) | 64),
         workInProgress
       );
-    case 5:
+    case 7:
       return popHostContext(workInProgress), null;
-    case 13:
-      effectTag = workInProgress.effectTag;
-      if (effectTag & 2048) {
-        workInProgress.effectTag = (effectTag & -2049) | 64;
-        effectTag = workInProgress.alternate;
-        effectTag = null !== effectTag ? effectTag.memoizedState : null;
-        var nextState = workInProgress.memoizedState;
-        null === nextState
-          ? (nextState = { alreadyCaptured: !0, didTimeout: !1, timedOutAt: 0 })
-          : effectTag === nextState
-            ? (nextState = {
-                alreadyCaptured: !0,
-                didTimeout: nextState.didTimeout,
-                timedOutAt: nextState.timedOutAt
-              })
-            : (nextState.alreadyCaptured = !0);
-        workInProgress.memoizedState = nextState;
-        return workInProgress;
-      }
-      return null;
-    case 4:
+    case 16:
+      return (
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 6:
       return popHostContainer(workInProgress), null;
-    case 10:
+    case 12:
       return popProvider(workInProgress), null;
     default:
       return null;
   }
 }
-var Dispatcher = {
-    readContext: readContext,
-    useCallback: function(callback, inputs) {
-      currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-      workInProgressHook = createWorkInProgressHook();
-      inputs = void 0 !== inputs && null !== inputs ? inputs : [callback];
-      var prevState = workInProgressHook.memoizedState;
-      if (null !== prevState && inputsAreEqual(inputs, prevState[1]))
-        return prevState[0];
-      workInProgressHook.memoizedState = [callback, inputs];
-      return callback;
-    },
-    useContext: function(context, observedBits) {
-      resolveCurrentlyRenderingFiber();
-      return readContext(context, observedBits);
-    },
-    useEffect: function(create, inputs) {
-      useEffectImpl(516, 192, create, inputs);
-    },
-    useImperativeMethods: function(ref, create, inputs) {
-      inputs =
-        null !== inputs && void 0 !== inputs
-          ? inputs.concat([ref])
-          : [ref, create];
-      useEffectImpl(
-        4,
-        36,
-        function() {
-          if ("function" === typeof ref) {
-            var _inst = create();
-            ref(_inst);
-            return function() {
-              return ref(null);
-            };
-          }
-          if (null !== ref && void 0 !== ref)
-            return (
-              (_inst = create()),
-              (ref.current = _inst),
-              function() {
-                ref.current = null;
-              }
-            );
-        },
-        inputs
-      );
-    },
-    useLayoutEffect: function(create, inputs) {
-      useEffectImpl(4, 36, create, inputs);
-    },
-    useMemo: function(nextCreate, inputs) {
-      currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-      workInProgressHook = createWorkInProgressHook();
-      inputs = void 0 !== inputs && null !== inputs ? inputs : [nextCreate];
-      var prevState = workInProgressHook.memoizedState;
-      if (null !== prevState && inputsAreEqual(inputs, prevState[1]))
-        return prevState[0];
-      nextCreate = nextCreate();
-      workInProgressHook.memoizedState = [nextCreate, inputs];
-      return nextCreate;
-    },
-    useMutationEffect: function(create, inputs) {
-      useEffectImpl(260, 10, create, inputs);
-    },
-    useReducer: useReducer,
-    useRef: function(initialValue) {
-      currentlyRenderingFiber$1 = resolveCurrentlyRenderingFiber();
-      workInProgressHook = createWorkInProgressHook();
-      null === workInProgressHook.memoizedState
-        ? ((initialValue = { current: initialValue }),
-          (workInProgressHook.memoizedState = initialValue))
-        : (initialValue = workInProgressHook.memoizedState);
-      return initialValue;
-    },
-    useState: function(initialState) {
-      return useReducer(basicStateReducer, initialState);
-    }
-  },
+var Dispatcher = { readContext: readContext },
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
 invariant(
   null != tracing.__interactionsRef &&
@@ -5601,9 +5013,6 @@ var isWorking = !1,
   nextRenderDidError = !1,
   nextEffect = null,
   isCommitting$1 = !1,
-  rootWithPendingPassiveEffects = null,
-  passiveEffectCallbackHandle = null,
-  passiveEffectCallback = null,
   legacyErrorBoundariesThatAlreadyFailed = null;
 function resetStack() {
   if (null !== nextUnitOfWork)
@@ -5614,7 +5023,7 @@ function resetStack() {
     ) {
       var interruptedWork$jscomp$0 = interruptedWork;
       switch (interruptedWork$jscomp$0.tag) {
-        case 1:
+        case 2:
           var childContextTypes =
             interruptedWork$jscomp$0.type.childContextTypes;
           null !== childContextTypes &&
@@ -5622,16 +5031,23 @@ function resetStack() {
             popContext(interruptedWork$jscomp$0);
           break;
         case 3:
+          childContextTypes =
+            interruptedWork$jscomp$0.type._reactResult.childContextTypes;
+          null !== childContextTypes &&
+            void 0 !== childContextTypes &&
+            popContext(interruptedWork$jscomp$0);
+          break;
+        case 5:
           popHostContainer(interruptedWork$jscomp$0);
           popTopLevelContextObject(interruptedWork$jscomp$0);
           break;
-        case 5:
+        case 7:
           popHostContext(interruptedWork$jscomp$0);
           break;
-        case 4:
+        case 6:
           popHostContainer(interruptedWork$jscomp$0);
           break;
-        case 10:
+        case 12:
           popProvider(interruptedWork$jscomp$0);
       }
       interruptedWork = interruptedWork.return;
@@ -5681,17 +5097,13 @@ function commitAllHostEffects() {
 }
 function commitBeforeMutationLifecycles() {
   for (; null !== nextEffect; ) {
-    if (nextEffect.effectTag & 256)
+    if (nextEffect.effectTag & 256) {
+      var current$$1 = nextEffect.alternate;
       a: {
-        var current$$1 = nextEffect.alternate,
-          finishedWork = nextEffect;
+        var finishedWork = nextEffect;
         switch (finishedWork.tag) {
-          case 0:
-          case 11:
-          case 15:
-            commitHookEffectList(2, 0, finishedWork);
-            break a;
-          case 1:
+          case 2:
+          case 3:
             if (finishedWork.effectTag & 256 && null !== current$$1) {
               var prevProps = current$$1.memoizedProps,
                 prevState = current$$1.memoizedState;
@@ -5705,11 +5117,10 @@ function commitBeforeMutationLifecycles() {
               current$$1.__reactInternalSnapshotBeforeUpdate = finishedWork;
             }
             break a;
-          case 3:
           case 5:
+          case 7:
+          case 8:
           case 6:
-          case 4:
-          case 17:
             break a;
           default:
             invariant(
@@ -5718,6 +5129,7 @@ function commitBeforeMutationLifecycles() {
             );
         }
       }
+    }
     nextEffect = nextEffect.nextEffect;
   }
 }
@@ -5728,76 +5140,73 @@ function commitAllLifeCycles(
   for (; null !== nextEffect; ) {
     var effectTag = nextEffect.effectTag;
     if (effectTag & 36) {
-      var finishedRoot = finishedRoot$jscomp$0;
-      var newDidTimeout = nextEffect.alternate;
-      var finishedWork = nextEffect,
+      var finishedRoot = finishedRoot$jscomp$0,
+        current$$1 = nextEffect.alternate,
+        finishedWork = nextEffect,
         committedExpirationTime = committedExpirationTime$jscomp$0;
       switch (finishedWork.tag) {
-        case 0:
-        case 11:
-        case 15:
-          commitHookEffectList(16, 32, finishedWork);
-          break;
-        case 1:
+        case 2:
+        case 3:
           finishedRoot = finishedWork.stateNode;
           if (finishedWork.effectTag & 4)
-            if (null === newDidTimeout)
+            if (null === current$$1)
               (finishedRoot.props = finishedWork.memoizedProps),
                 (finishedRoot.state = finishedWork.memoizedState),
                 finishedRoot.componentDidMount();
             else {
-              var prevProps = newDidTimeout.memoizedProps;
-              newDidTimeout = newDidTimeout.memoizedState;
+              var prevProps = current$$1.memoizedProps;
+              current$$1 = current$$1.memoizedState;
               finishedRoot.props = finishedWork.memoizedProps;
               finishedRoot.state = finishedWork.memoizedState;
               finishedRoot.componentDidUpdate(
                 prevProps,
-                newDidTimeout,
+                current$$1,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
             }
-          newDidTimeout = finishedWork.updateQueue;
-          null !== newDidTimeout &&
+          current$$1 = finishedWork.updateQueue;
+          null !== current$$1 &&
             ((finishedRoot.props = finishedWork.memoizedProps),
             (finishedRoot.state = finishedWork.memoizedState),
             commitUpdateQueue(
               finishedWork,
-              newDidTimeout,
+              current$$1,
               finishedRoot,
               committedExpirationTime
             ));
           break;
-        case 3:
-          newDidTimeout = finishedWork.updateQueue;
-          if (null !== newDidTimeout) {
+        case 5:
+          current$$1 = finishedWork.updateQueue;
+          if (null !== current$$1) {
             finishedRoot = null;
             if (null !== finishedWork.child)
               switch (finishedWork.child.tag) {
-                case 5:
+                case 7:
                   finishedRoot = finishedWork.child.stateNode;
                   break;
-                case 1:
+                case 2:
+                case 3:
                   finishedRoot = finishedWork.child.stateNode;
               }
             commitUpdateQueue(
               finishedWork,
-              newDidTimeout,
+              current$$1,
               finishedRoot,
               committedExpirationTime
             );
           }
           break;
-        case 5:
+        case 7:
+          break;
+        case 8:
           break;
         case 6:
           break;
-        case 4:
-          break;
-        case 12:
+        case 15:
           committedExpirationTime = finishedWork.memoizedProps.onRender;
           committedExpirationTime(
             finishedWork.memoizedProps.id,
-            null === newDidTimeout ? "mount" : "update",
+            null === current$$1 ? "mount" : "update",
             finishedWork.actualDuration,
             finishedWork.treeBaseDuration,
             finishedWork.actualStartTime,
@@ -5805,54 +5214,14 @@ function commitAllLifeCycles(
             finishedRoot.memoizedInteractions
           );
           break;
-        case 13:
-          if (finishedWork.effectTag & 32) {
-            finishedWork.memoizedState = {
-              alreadyCaptured: !0,
-              didTimeout: !1,
-              timedOutAt: 0
-            };
-            flushPassiveEffects();
-            scheduleWork(finishedWork, 1073741823);
-            break;
-          }
-          newDidTimeout =
-            null !== newDidTimeout ? newDidTimeout.memoizedState : null;
-          committedExpirationTime = finishedWork.memoizedState;
-          finishedRoot = null !== newDidTimeout ? newDidTimeout.didTimeout : !1;
-          prevProps = finishedWork;
-          if (null === committedExpirationTime) newDidTimeout = !1;
-          else if ((newDidTimeout = committedExpirationTime.didTimeout))
-            (prevProps = finishedWork.child),
-              (committedExpirationTime.alreadyCaptured = !1),
-              0 === committedExpirationTime.timedOutAt &&
-                (committedExpirationTime.timedOutAt = requestCurrentTime());
-          if (newDidTimeout !== finishedRoot && null !== prevProps)
-            a: for (committedExpirationTime = finishedWork = prevProps; ; ) {
-              if (5 === committedExpirationTime.tag)
-                throw Error("Not yet implemented.");
-              if (6 === committedExpirationTime.tag)
-                throw Error("Not yet implemented.");
-              if (null !== committedExpirationTime.child)
-                (committedExpirationTime.child.return = committedExpirationTime),
-                  (committedExpirationTime = committedExpirationTime.child);
-              else {
-                if (committedExpirationTime === finishedWork) break a;
-                for (; null === committedExpirationTime.sibling; ) {
-                  if (
-                    null === committedExpirationTime.return ||
-                    committedExpirationTime.return === finishedWork
-                  )
-                    break a;
-                  committedExpirationTime = committedExpirationTime.return;
-                }
-                committedExpirationTime.sibling.return =
-                  committedExpirationTime.return;
-                committedExpirationTime = committedExpirationTime.sibling;
-              }
-            }
-          break;
-        case 17:
+        case 16:
+          0 === (finishedWork.mode & 2)
+            ? ((finishedWork.updateQueue = emptyObject$1),
+              scheduleWork(finishedWork, 1))
+            : ((committedExpirationTime = requestCurrentTime()),
+              (finishedWork.stateNode = {
+                timedOutAt: committedExpirationTime
+              }));
           break;
         default:
           invariant(
@@ -5862,44 +5231,17 @@ function commitAllLifeCycles(
       }
     }
     effectTag & 128 &&
-      ((finishedWork = nextEffect.ref),
-      null !== finishedWork &&
-        ((committedExpirationTime = nextEffect.stateNode),
-        "function" === typeof finishedWork
-          ? finishedWork(committedExpirationTime)
-          : (finishedWork.current = committedExpirationTime)));
-    effectTag & 512 && (rootWithPendingPassiveEffects = finishedRoot$jscomp$0);
-    nextEffect = nextEffect.nextEffect;
+      ((effectTag = nextEffect.ref),
+      null !== effectTag &&
+        ((finishedWork = nextEffect.stateNode),
+        "function" === typeof effectTag
+          ? effectTag(finishedWork)
+          : (effectTag.current = finishedWork)));
+    effectTag = nextEffect.nextEffect;
+    nextEffect.nextEffect = null;
+    nextEffect = effectTag;
   }
 }
-function commitPassiveEffects(root, firstEffect) {
-  passiveEffectCallback = passiveEffectCallbackHandle = rootWithPendingPassiveEffects = null;
-  var previousIsRendering = isRendering;
-  isRendering = !0;
-  do {
-    if (firstEffect.effectTag & 512) {
-      var didError = !1,
-        error = void 0;
-      try {
-        var finishedWork = firstEffect;
-        commitHookEffectList(128, 0, finishedWork);
-        commitHookEffectList(0, 64, finishedWork);
-      } catch (e) {
-        (didError = !0), (error = e);
-      }
-      didError && captureCommitPhaseError(firstEffect, error);
-    }
-    firstEffect = firstEffect.nextEffect;
-  } while (null !== firstEffect);
-  isRendering = previousIsRendering;
-  previousIsRendering = root.expirationTime;
-  0 !== previousIsRendering && requestWork(root, previousIsRendering);
-}
-function flushPassiveEffects() {
-  null !== passiveEffectCallback &&
-    (scheduler.unstable_cancelCallback(passiveEffectCallbackHandle),
-    passiveEffectCallback());
-}
 function commitRoot(root, finishedWork) {
   isCommitting$1 = isWorking = !0;
   invariant(
@@ -5916,7 +5258,9 @@ function commitRoot(root, finishedWork) {
     childExpirationTimeBeforeCommit = finishedWork.childExpirationTime;
   markCommittedPriorityLevels(
     root,
-    childExpirationTimeBeforeCommit > updateExpirationTimeBeforeCommit
+    0 === updateExpirationTimeBeforeCommit ||
+    (0 !== childExpirationTimeBeforeCommit &&
+      childExpirationTimeBeforeCommit < updateExpirationTimeBeforeCommit)
       ? childExpirationTimeBeforeCommit
       : updateExpirationTimeBeforeCommit
   );
@@ -5966,42 +5310,29 @@ function commitRoot(root, finishedWork) {
   }
   root.current = finishedWork;
   for (nextEffect = childExpirationTimeBeforeCommit; null !== nextEffect; ) {
-    didError = !1;
-    error$jscomp$0 = void 0;
+    childExpirationTimeBeforeCommit = !1;
+    didError = void 0;
     try {
       commitAllLifeCycles(root, committedExpirationTime);
     } catch (e) {
-      (didError = !0), (error$jscomp$0 = e);
+      (childExpirationTimeBeforeCommit = !0), (didError = e);
     }
-    didError &&
+    childExpirationTimeBeforeCommit &&
       (invariant(
         null !== nextEffect,
         "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
       ),
-      captureCommitPhaseError(nextEffect, error$jscomp$0),
+      captureCommitPhaseError(nextEffect, didError),
       null !== nextEffect && (nextEffect = nextEffect.nextEffect));
   }
-  null !== childExpirationTimeBeforeCommit &&
-    null !== rootWithPendingPassiveEffects &&
-    ((childExpirationTimeBeforeCommit = commitPassiveEffects.bind(
-      null,
-      root,
-      childExpirationTimeBeforeCommit
-    )),
-    (childExpirationTimeBeforeCommit = tracing.unstable_wrap(
-      childExpirationTimeBeforeCommit
-    )),
-    (passiveEffectCallbackHandle = scheduler.unstable_scheduleCallback(
-      childExpirationTimeBeforeCommit
-    )),
-    (passiveEffectCallback = childExpirationTimeBeforeCommit));
   isWorking = isCommitting$1 = !1;
   "function" === typeof onCommitFiberRoot &&
     onCommitFiberRoot(finishedWork.stateNode);
   childExpirationTimeBeforeCommit = finishedWork.expirationTime;
   finishedWork = finishedWork.childExpirationTime;
   var earliestRemainingTimeAfterCommit =
-    finishedWork > childExpirationTimeBeforeCommit
+    0 === childExpirationTimeBeforeCommit ||
+    (0 !== finishedWork && finishedWork < childExpirationTimeBeforeCommit)
       ? finishedWork
       : childExpirationTimeBeforeCommit;
   0 === earliestRemainingTimeAfterCommit &&
@@ -6026,18 +5357,21 @@ function commitRoot(root, finishedWork) {
       scheduledInteractions,
       scheduledExpirationTime
     ) {
-      scheduledExpirationTime > earliestRemainingTimeAfterCommit &&
-        (pendingInteractionMap.delete(scheduledExpirationTime),
-        scheduledInteractions.forEach(function(interaction) {
-          interaction.__count--;
-          if (null !== subscriber && 0 === interaction.__count)
-            try {
-              subscriber.onInteractionScheduledWorkCompleted(interaction);
-            } catch (error) {
-              hasUnhandledError ||
-                ((hasUnhandledError = !0), (unhandledError = error));
-            }
-        }));
+      if (
+        0 === earliestRemainingTimeAfterCommit ||
+        scheduledExpirationTime < earliestRemainingTimeAfterCommit
+      )
+        pendingInteractionMap.delete(scheduledExpirationTime),
+          scheduledInteractions.forEach(function(interaction) {
+            interaction.__count--;
+            if (null !== subscriber && 0 === interaction.__count)
+              try {
+                subscriber.onInteractionScheduledWorkCompleted(interaction);
+              } catch (error) {
+                hasUnhandledError ||
+                  ((hasUnhandledError = !0), (unhandledError = error));
+              }
+          });
     });
   }
 }
@@ -6046,7 +5380,7 @@ function completeUnitOfWork(workInProgress) {
     var current$$1 = workInProgress.alternate,
       returnFiber = workInProgress.return,
       siblingFiber = workInProgress.sibling;
-    if (0 === (workInProgress.effectTag & 1024)) {
+    if (0 === (workInProgress.effectTag & 512)) {
       if (workInProgress.mode & 4) {
         var fiber = workInProgress;
         profilerStartTime = now$1();
@@ -6056,17 +5390,17 @@ function completeUnitOfWork(workInProgress) {
       current$$1 = workInProgress;
       fiber = current$$1.pendingProps;
       switch (current$$1.tag) {
-        case 2:
-          break;
-        case 16:
-          break;
-        case 15:
         case 0:
-          break;
         case 1:
+          break;
+        case 2:
           isContextProvider(current$$1.type) && popContext(current$$1);
           break;
         case 3:
+          isContextProvider(current$$1.type._reactResult) &&
+            popContext(current$$1);
+          break;
+        case 5:
           popHostContainer(current$$1);
           popTopLevelContextObject(current$$1);
           fiber = current$$1.stateNode;
@@ -6077,7 +5411,7 @@ function completeUnitOfWork(workInProgress) {
             current$$1.effectTag &= -3;
           updateHostContainer(current$$1);
           break;
-        case 5:
+        case 7:
           popHostContext(current$$1);
           var rootContainerInstance = requiredContext(
               rootInstanceStackCursor.current
@@ -6116,7 +5450,35 @@ function completeUnitOfWork(workInProgress) {
             viewConfig = new ReactNativeFiberHostComponent(tag, viewConfig);
             instanceCache[tag] = internalInstanceHandle;
             instanceProps[tag] = fiber;
-            appendAllChildren(viewConfig, current$$1, !1, !1);
+            a: for (
+              internalInstanceHandle = viewConfig,
+                tag = current$$1,
+                updatePayload = tag.child;
+              null !== updatePayload;
+
+            ) {
+              if (7 === updatePayload.tag || 8 === updatePayload.tag)
+                internalInstanceHandle._children.push(updatePayload.stateNode);
+              else if (
+                6 !== updatePayload.tag &&
+                null !== updatePayload.child
+              ) {
+                updatePayload.child.return = updatePayload;
+                updatePayload = updatePayload.child;
+                continue;
+              }
+              if (updatePayload === tag) break;
+              for (; null === updatePayload.sibling; ) {
+                if (
+                  null === updatePayload.return ||
+                  updatePayload.return === tag
+                )
+                  break a;
+                updatePayload = updatePayload.return;
+              }
+              updatePayload.sibling.return = updatePayload.return;
+              updatePayload = updatePayload.sibling;
+            }
             finalizeInitialChildren(
               viewConfig,
               type,
@@ -6132,7 +5494,7 @@ function completeUnitOfWork(workInProgress) {
               "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
             );
           break;
-        case 6:
+        case 8:
           current && null != current$$1.stateNode
             ? updateHostText$1(
                 current,
@@ -6159,36 +5521,34 @@ function completeUnitOfWork(workInProgress) {
               (instanceCache[type] = current$$1),
               (rootContainerInstance.stateNode = type));
           break;
-        case 11:
-          break;
         case 13:
-          fiber = current$$1.memoizedState;
-          rootContainerInstance =
-            null !== current ? current.memoizedState : null;
-          (null !== fiber && fiber.didTimeout) !==
-            (null !== rootContainerInstance &&
-              rootContainerInstance.didTimeout) && (current$$1.effectTag |= 4);
+        case 14:
           break;
-        case 7:
-          break;
-        case 8:
-          break;
-        case 12:
-          break;
-        case 4:
-          popHostContainer(current$$1);
-          updateHostContainer(current$$1);
-          break;
-        case 10:
-          popProvider(current$$1);
+        case 16:
           break;
         case 9:
           break;
-        case 14:
+        case 10:
+          break;
+        case 15:
+          break;
+        case 6:
+          popHostContainer(current$$1);
+          updateHostContainer(current$$1);
+          break;
+        case 12:
+          popProvider(current$$1);
+          break;
+        case 11:
           break;
         case 17:
-          isContextProvider(current$$1.type) && popContext(current$$1);
+        case 18:
           break;
+        case 4:
+          invariant(
+            !1,
+            "An indeterminate component should have become determinate before completing. This error is likely caused by a bug in React. Please file an issue."
+          );
         default:
           invariant(
             !1,
@@ -6200,8 +5560,8 @@ function completeUnitOfWork(workInProgress) {
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
       current$$1 = workInProgress;
       if (
-        1 === nextRenderExpirationTime ||
-        1 !== current$$1.childExpirationTime
+        1073741823 === nextRenderExpirationTime ||
+        1073741823 !== current$$1.childExpirationTime
       ) {
         fiber = 0;
         if (current$$1.mode & 4) {
@@ -6210,20 +5570,19 @@ function completeUnitOfWork(workInProgress) {
           current =
             null === current$$1.alternate ||
             current$$1.child !== current$$1.alternate.child;
-          for (
-            internalInstanceHandle = current$$1.child;
-            null !== internalInstanceHandle;
-
-          )
-            (tag = internalInstanceHandle.expirationTime),
-              (viewConfig = internalInstanceHandle.childExpirationTime),
-              tag > fiber && (fiber = tag),
-              viewConfig > fiber && (fiber = viewConfig),
-              current &&
-                (rootContainerInstance +=
-                  internalInstanceHandle.actualDuration),
-              (type += internalInstanceHandle.treeBaseDuration),
-              (internalInstanceHandle = internalInstanceHandle.sibling);
+          for (viewConfig = current$$1.child; null !== viewConfig; ) {
+            internalInstanceHandle = viewConfig.expirationTime;
+            tag = viewConfig.childExpirationTime;
+            if (
+              0 === fiber ||
+              (0 !== internalInstanceHandle && internalInstanceHandle < fiber)
+            )
+              fiber = internalInstanceHandle;
+            if (0 === fiber || (0 !== tag && tag < fiber)) fiber = tag;
+            current && (rootContainerInstance += viewConfig.actualDuration);
+            type += viewConfig.treeBaseDuration;
+            viewConfig = viewConfig.sibling;
+          }
           current$$1.actualDuration = rootContainerInstance;
           current$$1.treeBaseDuration = type;
         } else
@@ -6231,16 +5590,18 @@ function completeUnitOfWork(workInProgress) {
             rootContainerInstance = current$$1.child;
             null !== rootContainerInstance;
 
-          )
-            (type = rootContainerInstance.expirationTime),
-              (current = rootContainerInstance.childExpirationTime),
-              type > fiber && (fiber = type),
-              current > fiber && (fiber = current),
-              (rootContainerInstance = rootContainerInstance.sibling);
+          ) {
+            type = rootContainerInstance.expirationTime;
+            current = rootContainerInstance.childExpirationTime;
+            if (0 === fiber || (0 !== type && type < fiber)) fiber = type;
+            if (0 === fiber || (0 !== current && current < fiber))
+              fiber = current;
+            rootContainerInstance = rootContainerInstance.sibling;
+          }
         current$$1.childExpirationTime = fiber;
       }
       null !== returnFiber &&
-        0 === (returnFiber.effectTag & 1024) &&
+        0 === (returnFiber.effectTag & 512) &&
         (null === returnFiber.firstEffect &&
           (returnFiber.firstEffect = workInProgress.firstEffect),
         null !== workInProgress.lastEffect &&
@@ -6264,12 +5625,12 @@ function completeUnitOfWork(workInProgress) {
               (siblingFiber = siblingFiber.sibling);
           workInProgress.actualDuration = returnFiber;
         }
-        workInProgress.effectTag &= 1023;
+        workInProgress.effectTag &= 511;
         return workInProgress;
       }
       null !== returnFiber &&
         ((returnFiber.firstEffect = returnFiber.lastEffect = null),
-        (returnFiber.effectTag |= 1024));
+        (returnFiber.effectTag |= 512));
     }
     if (null !== siblingFiber) return siblingFiber;
     if (null !== returnFiber) workInProgress = returnFiber;
@@ -6284,19 +5645,17 @@ function performUnitOfWork(workInProgress) {
     0 > workInProgress.actualStartTime &&
       (workInProgress.actualStartTime = now$1()));
   current$$1 = beginWork(current$$1, workInProgress, nextRenderExpirationTime);
-  workInProgress.memoizedProps = workInProgress.pendingProps;
   workInProgress.mode & 4 &&
     stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !0);
   null === current$$1 && (current$$1 = completeUnitOfWork(workInProgress));
   ReactCurrentOwner$2.current = null;
   return current$$1;
 }
-function renderRoot(root, isYieldy) {
+function renderRoot(root, isYieldy, isExpired) {
   invariant(
     !isWorking,
     "renderRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
   );
-  flushPassiveEffects();
   isWorking = !0;
   ReactCurrentOwner$2.currentDispatcher = Dispatcher;
   var expirationTime = root.nextExpirationTimeToWorkOn;
@@ -6319,7 +5678,7 @@ function renderRoot(root, isYieldy) {
       scheduledInteractions,
       scheduledExpirationTime
     ) {
-      scheduledExpirationTime >= expirationTime &&
+      scheduledExpirationTime <= expirationTime &&
         scheduledInteractions.forEach(function(interaction) {
           return interactions.add(interaction);
         });
@@ -6345,17 +5704,13 @@ function renderRoot(root, isYieldy) {
   do {
     try {
       if (isYieldy)
-        for (; null !== nextUnitOfWork && !shouldYieldToRenderer(); )
+        for (; null !== nextUnitOfWork && !shouldYield(); )
           nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
       else
         for (; null !== nextUnitOfWork; )
           nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
     } catch (thrownValue) {
-      if (
-        ((lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = null),
-        resetHooks(),
-        null === nextUnitOfWork)
-      )
+      if (null === nextUnitOfWork)
         (threadID = !0), onUncaughtError(thrownValue);
       else {
         invariant(
@@ -6383,153 +5738,168 @@ function renderRoot(root, isYieldy) {
   tracing.__interactionsRef.current = subscriber;
   isWorking = !1;
   lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = ReactCurrentOwner$2.currentDispatcher = null;
-  resetHooks();
   if (threadID) (nextRoot = null), (root.finishedWork = null);
   else if (null !== nextUnitOfWork) root.finishedWork = null;
   else {
-    subscriber = root.current.alternate;
+    isYieldy = root.current.alternate;
     invariant(
-      null !== subscriber,
+      null !== isYieldy,
       "Finished root should have a work-in-progress. This error is likely caused by a bug in React. Please file an issue."
     );
     nextRoot = null;
     if (nextRenderDidError) {
       if (hasLowerPriorityWork(root, expirationTime)) {
         markSuspendedPriorityLevel(root, expirationTime);
-        onSuspend(root, subscriber, expirationTime, root.expirationTime, -1);
+        onSuspend(root, isYieldy, expirationTime, root.expirationTime, -1);
         return;
       }
-      if (!root.didError && isYieldy) {
+      if (!root.didError && !isExpired) {
         root.didError = !0;
-        isYieldy = root.nextExpirationTimeToWorkOn = expirationTime;
-        threadID = root.expirationTime = 1073741823;
-        onSuspend(root, subscriber, isYieldy, threadID, -1);
+        isExpired = root.nextExpirationTimeToWorkOn = expirationTime;
+        subscriber = root.expirationTime = 1;
+        onSuspend(root, isYieldy, isExpired, subscriber, -1);
         return;
       }
     }
-    isYieldy && -1 !== nextLatestAbsoluteTimeoutMs
-      ? (markSuspendedPriorityLevel(root, expirationTime),
-        (isYieldy =
+    isExpired || -1 === nextLatestAbsoluteTimeoutMs
+      ? onComplete(root, isYieldy, expirationTime)
+      : (markSuspendedPriorityLevel(root, expirationTime),
+        (isExpired =
           10 *
-          (1073741822 -
-            findEarliestOutstandingPriorityLevel(root, expirationTime))),
-        isYieldy < nextLatestAbsoluteTimeoutMs &&
-          (nextLatestAbsoluteTimeoutMs = isYieldy),
-        (isYieldy = 10 * (1073741822 - requestCurrentTime())),
-        (isYieldy = nextLatestAbsoluteTimeoutMs - isYieldy),
+          (findEarliestOutstandingPriorityLevel(root, expirationTime) - 2)),
+        isExpired < nextLatestAbsoluteTimeoutMs &&
+          (nextLatestAbsoluteTimeoutMs = isExpired),
+        (isExpired = 10 * (requestCurrentTime() - 2)),
+        (isExpired = nextLatestAbsoluteTimeoutMs - isExpired),
         onSuspend(
           root,
-          subscriber,
+          isYieldy,
           expirationTime,
           root.expirationTime,
-          0 > isYieldy ? 0 : isYieldy
-        ))
-      : onComplete(root, subscriber, expirationTime);
+          0 > isExpired ? 0 : isExpired
+        ));
   }
 }
-function captureCommitPhaseError(sourceFiber, value) {
-  for (var fiber = sourceFiber.return; null !== fiber; ) {
-    switch (fiber.tag) {
-      case 1:
-        var instance = fiber.stateNode;
-        if (
-          "function" === typeof fiber.type.getDerivedStateFromError ||
-          ("function" === typeof instance.componentDidCatch &&
-            (null === legacyErrorBoundariesThatAlreadyFailed ||
-              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
-        ) {
-          sourceFiber = createCapturedValue(value, sourceFiber);
-          sourceFiber = createClassErrorUpdate(fiber, sourceFiber, 1073741823);
-          enqueueUpdate(fiber, sourceFiber);
-          scheduleWork(fiber, 1073741823);
-          return;
-        }
-        break;
-      case 3:
-        sourceFiber = createCapturedValue(value, sourceFiber);
-        sourceFiber = createRootErrorUpdate(fiber, sourceFiber, 1073741823);
-        enqueueUpdate(fiber, sourceFiber);
-        scheduleWork(fiber, 1073741823);
-        return;
+function captureCommitPhaseError(fiber, error) {
+  var JSCompiler_inline_result;
+  a: {
+    invariant(
+      !isWorking || isCommitting$1,
+      "dispatch: Cannot dispatch during the render phase."
+    );
+    for (
+      JSCompiler_inline_result = fiber.return;
+      null !== JSCompiler_inline_result;
+
+    ) {
+      switch (JSCompiler_inline_result.tag) {
+        case 2:
+        case 3:
+          var instance = JSCompiler_inline_result.stateNode;
+          if (
+            "function" ===
+              typeof JSCompiler_inline_result.type.getDerivedStateFromError ||
+            ("function" === typeof instance.componentDidCatch &&
+              (null === legacyErrorBoundariesThatAlreadyFailed ||
+                !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+          ) {
+            fiber = createCapturedValue(error, fiber);
+            fiber = createClassErrorUpdate(JSCompiler_inline_result, fiber, 1);
+            enqueueUpdate(JSCompiler_inline_result, fiber);
+            scheduleWork(JSCompiler_inline_result, 1);
+            JSCompiler_inline_result = void 0;
+            break a;
+          }
+          break;
+        case 5:
+          fiber = createCapturedValue(error, fiber);
+          fiber = createRootErrorUpdate(JSCompiler_inline_result, fiber, 1);
+          enqueueUpdate(JSCompiler_inline_result, fiber);
+          scheduleWork(JSCompiler_inline_result, 1);
+          JSCompiler_inline_result = void 0;
+          break a;
+      }
+      JSCompiler_inline_result = JSCompiler_inline_result.return;
     }
-    fiber = fiber.return;
+    5 === fiber.tag &&
+      ((JSCompiler_inline_result = createCapturedValue(error, fiber)),
+      (JSCompiler_inline_result = createRootErrorUpdate(
+        fiber,
+        JSCompiler_inline_result,
+        1
+      )),
+      enqueueUpdate(fiber, JSCompiler_inline_result),
+      scheduleWork(fiber, 1));
+    JSCompiler_inline_result = void 0;
   }
-  3 === sourceFiber.tag &&
-    ((fiber = createCapturedValue(value, sourceFiber)),
-    (fiber = createRootErrorUpdate(sourceFiber, fiber, 1073741823)),
-    enqueueUpdate(sourceFiber, fiber),
-    scheduleWork(sourceFiber, 1073741823));
+  return JSCompiler_inline_result;
 }
 function computeExpirationForFiber(currentTime, fiber) {
   isWorking
-    ? (currentTime = isCommitting$1 ? 1073741823 : nextRenderExpirationTime)
+    ? (currentTime = isCommitting$1 ? 1 : nextRenderExpirationTime)
     : fiber.mode & 1
       ? ((currentTime = isBatchingInteractiveUpdates
-          ? 1073741822 - 10 * ((((1073741822 - currentTime + 15) / 10) | 0) + 1)
-          : 1073741822 -
-            25 * ((((1073741822 - currentTime + 500) / 25) | 0) + 1)),
+          ? 2 + 10 * ((((currentTime - 2 + 15) / 10) | 0) + 1)
+          : 2 + 25 * ((((currentTime - 2 + 500) / 25) | 0) + 1)),
         null !== nextRoot &&
           currentTime === nextRenderExpirationTime &&
-          --currentTime)
-      : (currentTime = 1073741823);
+          (currentTime += 1))
+      : (currentTime = 1);
   isBatchingInteractiveUpdates &&
-    (0 === lowestPriorityPendingInteractiveExpirationTime ||
-      currentTime < lowestPriorityPendingInteractiveExpirationTime) &&
+    currentTime > lowestPriorityPendingInteractiveExpirationTime &&
     (lowestPriorityPendingInteractiveExpirationTime = currentTime);
   return currentTime;
 }
-function retrySuspendedRoot(root, boundaryFiber, sourceFiber, suspendedTime) {
+function retrySuspendedRoot(root, fiber, suspendedTime) {
   var retryTime = root.earliestSuspendedTime;
   var latestSuspendedTime = root.latestSuspendedTime;
   if (
     0 !== retryTime &&
-    suspendedTime <= retryTime &&
-    suspendedTime >= latestSuspendedTime
+    suspendedTime >= retryTime &&
+    suspendedTime <= latestSuspendedTime
   ) {
     latestSuspendedTime = retryTime = suspendedTime;
     root.didError = !1;
     var latestPingedTime = root.latestPingedTime;
-    if (0 === latestPingedTime || latestPingedTime > latestSuspendedTime)
+    if (0 === latestPingedTime || latestPingedTime < latestSuspendedTime)
       root.latestPingedTime = latestSuspendedTime;
     findNextExpirationTimeToWorkOn(latestSuspendedTime, root);
   } else
     (retryTime = requestCurrentTime()),
-      (retryTime = computeExpirationForFiber(retryTime, boundaryFiber)),
+      (retryTime = computeExpirationForFiber(retryTime, fiber)),
       markPendingPriorityLevel(root, retryTime);
-  0 !== (boundaryFiber.mode & 1) &&
+  0 !== (fiber.mode & 1) &&
     root === nextRoot &&
     nextRenderExpirationTime === suspendedTime &&
     (nextRoot = null);
-  scheduleWorkToRoot(boundaryFiber, retryTime);
-  0 === (boundaryFiber.mode & 1) &&
-    (scheduleWorkToRoot(sourceFiber, retryTime),
-    1 === sourceFiber.tag &&
-      null !== sourceFiber.stateNode &&
-      ((boundaryFiber = createUpdate(retryTime)),
-      (boundaryFiber.tag = 2),
-      enqueueUpdate(sourceFiber, boundaryFiber)));
-  sourceFiber = root.expirationTime;
-  0 !== sourceFiber && requestWork(root, sourceFiber);
+  scheduleWorkToRoot(fiber, retryTime);
+  fiber = root.expirationTime;
+  0 !== fiber && requestWork(root, fiber);
 }
 function scheduleWorkToRoot(fiber, expirationTime) {
-  fiber.expirationTime < expirationTime &&
-    (fiber.expirationTime = expirationTime);
+  if (0 === fiber.expirationTime || fiber.expirationTime > expirationTime)
+    fiber.expirationTime = expirationTime;
   var alternate = fiber.alternate;
   null !== alternate &&
-    alternate.expirationTime < expirationTime &&
+    (0 === alternate.expirationTime ||
+      alternate.expirationTime > expirationTime) &&
     (alternate.expirationTime = expirationTime);
   var node = fiber.return,
     root = null;
-  if (null === node && 3 === fiber.tag) root = fiber.stateNode;
+  if (null === node && 5 === fiber.tag) root = fiber.stateNode;
   else
     for (; null !== node; ) {
       alternate = node.alternate;
-      node.childExpirationTime < expirationTime &&
-        (node.childExpirationTime = expirationTime);
+      if (
+        0 === node.childExpirationTime ||
+        node.childExpirationTime > expirationTime
+      )
+        node.childExpirationTime = expirationTime;
       null !== alternate &&
-        alternate.childExpirationTime < expirationTime &&
+        (0 === alternate.childExpirationTime ||
+          alternate.childExpirationTime > expirationTime) &&
         (alternate.childExpirationTime = expirationTime);
-      if (null === node.return && 3 === node.tag) {
+      if (null === node.return && 5 === node.tag) {
         root = node.stateNode;
         break;
       }
@@ -6563,7 +5933,7 @@ function scheduleWork(fiber, expirationTime) {
   null !== fiber &&
     (!isWorking &&
       0 !== nextRenderExpirationTime &&
-      expirationTime > nextRenderExpirationTime &&
+      expirationTime < nextRenderExpirationTime &&
       resetStack(),
     markPendingPriorityLevel(fiber, expirationTime),
     (isWorking && !isCommitting$1 && nextRoot === fiber) ||
@@ -6583,25 +5953,27 @@ var firstScheduledRoot = null,
   nextFlushedRoot = null,
   nextFlushedExpirationTime = 0,
   lowestPriorityPendingInteractiveExpirationTime = 0,
+  deadlineDidExpire = !1,
   hasUnhandledError = !1,
   unhandledError = null,
+  deadline = null,
   isBatchingUpdates = !1,
   isUnbatchingUpdates = !1,
   isBatchingInteractiveUpdates = !1,
   completedBatches = null,
   originalStartTimeMs = now$1(),
-  currentRendererTime = 1073741822 - ((originalStartTimeMs / 10) | 0),
+  currentRendererTime = ((originalStartTimeMs / 10) | 0) + 2,
   currentSchedulerTime = currentRendererTime,
   NESTED_UPDATE_LIMIT = 50,
   nestedUpdateCount = 0,
-  lastCommittedRootDuringThisBatch = null;
+  lastCommittedRootDuringThisBatch = null,
+  timeHeuristicForUnitOfWork = 1;
 function recomputeCurrentRendererTime() {
-  currentRendererTime =
-    1073741822 - (((now$1() - originalStartTimeMs) / 10) | 0);
+  currentRendererTime = (((now$1() - originalStartTimeMs) / 10) | 0) + 2;
 }
 function scheduleCallbackWithExpirationTime(root, expirationTime) {
   if (0 !== callbackExpirationTime) {
-    if (expirationTime < callbackExpirationTime) return;
+    if (expirationTime > callbackExpirationTime) return;
     null !== callbackID &&
       ((root = callbackID), (scheduledCallback = null), clearTimeout(root));
   }
@@ -6622,7 +5994,7 @@ function onSuspend(
   msUntilTimeout
 ) {
   root.expirationTime = rootExpirationTime;
-  0 !== msUntilTimeout || shouldYieldToRenderer()
+  0 !== msUntilTimeout || shouldYield()
     ? 0 < msUntilTimeout &&
       (root.timeoutHandle = scheduleTimeout(
         onTimeout.bind(null, root, finishedWork, suspendedExpirationTime),
@@ -6642,8 +6014,8 @@ function onTimeout(root, finishedWork, suspendedExpirationTime) {
   );
   nextFlushedRoot = root;
   nextFlushedExpirationTime = suspendedExpirationTime;
-  performWorkOnRoot(root, suspendedExpirationTime, !1);
-  performWork(1073741823, !1);
+  performWorkOnRoot(root, suspendedExpirationTime, !0);
+  performWork(1, null);
 }
 function onCommit(root, expirationTime) {
   root.expirationTime = expirationTime;
@@ -6652,29 +6024,38 @@ function onCommit(root, expirationTime) {
 function requestCurrentTime() {
   if (isRendering) return currentSchedulerTime;
   findHighestPriorityRoot();
-  if (0 === nextFlushedExpirationTime || 1 === nextFlushedExpirationTime)
+  if (
+    0 === nextFlushedExpirationTime ||
+    1073741823 === nextFlushedExpirationTime
+  )
     recomputeCurrentRendererTime(),
       (currentSchedulerTime = currentRendererTime);
   return currentSchedulerTime;
 }
 function requestWork(root, expirationTime) {
-  null === root.nextScheduledRoot
-    ? ((root.expirationTime = expirationTime),
+  if (null === root.nextScheduledRoot)
+    (root.expirationTime = expirationTime),
       null === lastScheduledRoot
         ? ((firstScheduledRoot = lastScheduledRoot = root),
           (root.nextScheduledRoot = root))
         : ((lastScheduledRoot = lastScheduledRoot.nextScheduledRoot = root),
-          (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot)))
-    : expirationTime > root.expirationTime &&
-      (root.expirationTime = expirationTime);
+          (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot));
+  else {
+    var remainingExpirationTime = root.expirationTime;
+    if (
+      0 === remainingExpirationTime ||
+      expirationTime < remainingExpirationTime
+    )
+      root.expirationTime = expirationTime;
+  }
   isRendering ||
     (isBatchingUpdates
       ? isUnbatchingUpdates &&
         ((nextFlushedRoot = root),
-        (nextFlushedExpirationTime = 1073741823),
-        performWorkOnRoot(root, 1073741823, !1))
-      : 1073741823 === expirationTime
-        ? performWork(1073741823, !1)
+        (nextFlushedExpirationTime = 1),
+        performWorkOnRoot(root, 1, !0))
+      : 1 === expirationTime
+        ? performWork(1, null)
         : scheduleCallbackWithExpirationTime(root, expirationTime));
 }
 function findHighestPriorityRoot() {
@@ -6710,11 +6091,14 @@ function findHighestPriorityRoot() {
             (root.nextScheduledRoot = null);
         root = previousScheduledRoot.nextScheduledRoot;
       } else {
-        remainingExpirationTime > highestPriorityWork &&
-          ((highestPriorityWork = remainingExpirationTime),
-          (highestPriorityRoot = root));
+        if (
+          0 === highestPriorityWork ||
+          remainingExpirationTime < highestPriorityWork
+        )
+          (highestPriorityWork = remainingExpirationTime),
+            (highestPriorityRoot = root);
         if (root === lastScheduledRoot) break;
-        if (1073741823 === highestPriorityWork) break;
+        if (1 === highestPriorityWork) break;
         previousScheduledRoot = root;
         root = root.nextScheduledRoot;
       }
@@ -6722,44 +6106,38 @@ function findHighestPriorityRoot() {
   nextFlushedRoot = highestPriorityRoot;
   nextFlushedExpirationTime = highestPriorityWork;
 }
-var didYield = !1;
-function shouldYieldToRenderer() {
-  return didYield ? !0 : frameDeadline <= now$1() ? (didYield = !0) : !1;
-}
-function performAsyncWork() {
-  try {
-    if (!shouldYieldToRenderer() && null !== firstScheduledRoot) {
-      recomputeCurrentRendererTime();
-      var root = firstScheduledRoot;
-      do {
-        var expirationTime = root.expirationTime;
-        0 !== expirationTime &&
-          currentRendererTime <= expirationTime &&
-          (root.nextExpirationTimeToWorkOn = currentRendererTime);
-        root = root.nextScheduledRoot;
-      } while (root !== firstScheduledRoot);
-    }
-    performWork(0, !0);
-  } finally {
-    didYield = !1;
+function performAsyncWork(dl) {
+  if (dl.didTimeout && null !== firstScheduledRoot) {
+    recomputeCurrentRendererTime();
+    var root = firstScheduledRoot;
+    do {
+      var expirationTime = root.expirationTime;
+      0 !== expirationTime &&
+        currentRendererTime >= expirationTime &&
+        (root.nextExpirationTimeToWorkOn = currentRendererTime);
+      root = root.nextScheduledRoot;
+    } while (root !== firstScheduledRoot);
   }
+  performWork(0, dl);
 }
-function performWork(minExpirationTime, isYieldy) {
+function performWork(minExpirationTime, dl) {
+  deadline = dl;
   findHighestPriorityRoot();
-  if (isYieldy)
+  if (null !== deadline)
     for (
       recomputeCurrentRendererTime(),
         currentSchedulerTime = currentRendererTime;
       null !== nextFlushedRoot &&
       0 !== nextFlushedExpirationTime &&
-      minExpirationTime <= nextFlushedExpirationTime &&
-      !(didYield && currentRendererTime > nextFlushedExpirationTime);
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime) &&
+      (!deadlineDidExpire || currentRendererTime >= nextFlushedExpirationTime);
 
     )
       performWorkOnRoot(
         nextFlushedRoot,
         nextFlushedExpirationTime,
-        currentRendererTime > nextFlushedExpirationTime
+        currentRendererTime >= nextFlushedExpirationTime
       ),
         findHighestPriorityRoot(),
         recomputeCurrentRendererTime(),
@@ -6769,28 +6147,29 @@ function performWork(minExpirationTime, isYieldy) {
       ;
       null !== nextFlushedRoot &&
       0 !== nextFlushedExpirationTime &&
-      minExpirationTime <= nextFlushedExpirationTime;
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime);
 
     )
-      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !1),
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !0),
         findHighestPriorityRoot();
-  isYieldy && ((callbackExpirationTime = 0), (callbackID = null));
+  null !== deadline && ((callbackExpirationTime = 0), (callbackID = null));
   0 !== nextFlushedExpirationTime &&
     scheduleCallbackWithExpirationTime(
       nextFlushedRoot,
       nextFlushedExpirationTime
     );
+  deadline = null;
+  deadlineDidExpire = !1;
   nestedUpdateCount = 0;
   lastCommittedRootDuringThisBatch = null;
   if (null !== completedBatches)
     for (
-      minExpirationTime = completedBatches,
-        completedBatches = null,
-        isYieldy = 0;
-      isYieldy < minExpirationTime.length;
-      isYieldy++
+      minExpirationTime = completedBatches, completedBatches = null, dl = 0;
+      dl < minExpirationTime.length;
+      dl++
     ) {
-      var batch = minExpirationTime[isYieldy];
+      var batch = minExpirationTime[dl];
       try {
         batch._onComplete();
       } catch (error) {
@@ -6804,45 +6183,45 @@ function performWork(minExpirationTime, isYieldy) {
     (hasUnhandledError = !1),
     minExpirationTime);
 }
-function performWorkOnRoot(root, expirationTime, isYieldy) {
+function performWorkOnRoot(root, expirationTime, isExpired) {
   invariant(
     !isRendering,
     "performWorkOnRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
   );
   isRendering = !0;
-  if (isYieldy) {
-    var _finishedWork = root.finishedWork;
-    null !== _finishedWork
-      ? completeRoot(root, _finishedWork, expirationTime)
+  if (null === deadline || isExpired) {
+    var finishedWork = root.finishedWork;
+    null !== finishedWork
+      ? completeRoot(root, finishedWork, expirationTime)
       : ((root.finishedWork = null),
-        (_finishedWork = root.timeoutHandle),
-        -1 !== _finishedWork &&
-          ((root.timeoutHandle = -1), cancelTimeout(_finishedWork)),
-        renderRoot(root, isYieldy),
-        (_finishedWork = root.finishedWork),
-        null !== _finishedWork &&
-          (shouldYieldToRenderer()
-            ? (root.finishedWork = _finishedWork)
-            : completeRoot(root, _finishedWork, expirationTime)));
+        (finishedWork = root.timeoutHandle),
+        -1 !== finishedWork &&
+          ((root.timeoutHandle = -1), cancelTimeout(finishedWork)),
+        renderRoot(root, !1, isExpired),
+        (finishedWork = root.finishedWork),
+        null !== finishedWork &&
+          completeRoot(root, finishedWork, expirationTime));
   } else
-    (_finishedWork = root.finishedWork),
-      null !== _finishedWork
-        ? completeRoot(root, _finishedWork, expirationTime)
+    (finishedWork = root.finishedWork),
+      null !== finishedWork
+        ? completeRoot(root, finishedWork, expirationTime)
         : ((root.finishedWork = null),
-          (_finishedWork = root.timeoutHandle),
-          -1 !== _finishedWork &&
-            ((root.timeoutHandle = -1), cancelTimeout(_finishedWork)),
-          renderRoot(root, isYieldy),
-          (_finishedWork = root.finishedWork),
-          null !== _finishedWork &&
-            completeRoot(root, _finishedWork, expirationTime));
+          (finishedWork = root.timeoutHandle),
+          -1 !== finishedWork &&
+            ((root.timeoutHandle = -1), cancelTimeout(finishedWork)),
+          renderRoot(root, !0, isExpired),
+          (finishedWork = root.finishedWork),
+          null !== finishedWork &&
+            (shouldYield()
+              ? (root.finishedWork = finishedWork)
+              : completeRoot(root, finishedWork, expirationTime)));
   isRendering = !1;
 }
 function completeRoot(root, finishedWork, expirationTime) {
   var firstBatch = root.firstBatch;
   if (
     null !== firstBatch &&
-    firstBatch._expirationTime >= expirationTime &&
+    firstBatch._expirationTime <= expirationTime &&
     (null === completedBatches
       ? (completedBatches = [firstBatch])
       : completedBatches.push(firstBatch),
@@ -6858,6 +6237,13 @@ function completeRoot(root, finishedWork, expirationTime) {
     : ((lastCommittedRootDuringThisBatch = root), (nestedUpdateCount = 0));
   commitRoot(root, finishedWork);
 }
+function shouldYield() {
+  return deadlineDidExpire
+    ? !0
+    : null === deadline || deadline.timeRemaining() > timeHeuristicForUnitOfWork
+      ? !1
+      : (deadlineDidExpire = !0);
+}
 function onUncaughtError(error) {
   invariant(
     null !== nextFlushedRoot,
@@ -6866,6 +6252,55 @@ function onUncaughtError(error) {
   nextFlushedRoot.expirationTime = 0;
   hasUnhandledError || ((hasUnhandledError = !0), (unhandledError = error));
 }
+function getContextForSubtree(parentComponent) {
+  if (!parentComponent) return emptyContextObject;
+  parentComponent = parentComponent._reactInternalFiber;
+  a: {
+    invariant(
+      2 === isFiberMountedImpl(parentComponent) &&
+        (2 === parentComponent.tag || 3 === parentComponent.tag),
+      "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+    );
+    var parentContext = parentComponent;
+    do {
+      switch (parentContext.tag) {
+        case 5:
+          parentContext = parentContext.stateNode.context;
+          break a;
+        case 2:
+          if (isContextProvider(parentContext.type)) {
+            parentContext =
+              parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
+            break a;
+          }
+          break;
+        case 3:
+          if (isContextProvider(parentContext.type._reactResult)) {
+            parentContext =
+              parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
+            break a;
+          }
+      }
+      parentContext = parentContext.return;
+    } while (null !== parentContext);
+    invariant(
+      !1,
+      "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+    );
+    parentContext = void 0;
+  }
+  if (2 === parentComponent.tag) {
+    var Component = parentComponent.type;
+    if (isContextProvider(Component))
+      return processChildContext(parentComponent, Component, parentContext);
+  } else if (
+    3 === parentComponent.tag &&
+    ((Component = parentComponent.type._reactResult),
+    isContextProvider(Component))
+  )
+    return processChildContext(parentComponent, Component, parentContext);
+  return parentContext;
+}
 function findHostInstance$1(component) {
   var fiber = component._reactInternalFiber;
   void 0 === fiber &&
@@ -6884,48 +6319,7 @@ function updateContainer(element, container, parentComponent, callback) {
     currentTime = requestCurrentTime();
   current$$1 = computeExpirationForFiber(currentTime, current$$1);
   currentTime = container.current;
-  a: if (parentComponent) {
-    parentComponent = parentComponent._reactInternalFiber;
-    b: {
-      invariant(
-        2 === isFiberMountedImpl(parentComponent) && 1 === parentComponent.tag,
-        "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
-      );
-      var parentContext = parentComponent;
-      do {
-        switch (parentContext.tag) {
-          case 3:
-            parentContext = parentContext.stateNode.context;
-            break b;
-          case 1:
-            if (isContextProvider(parentContext.type)) {
-              parentContext =
-                parentContext.stateNode
-                  .__reactInternalMemoizedMergedChildContext;
-              break b;
-            }
-        }
-        parentContext = parentContext.return;
-      } while (null !== parentContext);
-      invariant(
-        !1,
-        "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
-      );
-      parentContext = void 0;
-    }
-    if (1 === parentComponent.tag) {
-      var Component = parentComponent.type;
-      if (isContextProvider(Component)) {
-        parentComponent = processChildContext(
-          parentComponent,
-          Component,
-          parentContext
-        );
-        break a;
-      }
-    }
-    parentComponent = parentContext;
-  } else parentComponent = emptyContextObject;
+  parentComponent = getContextForSubtree(parentComponent);
   null === container.context
     ? (container.context = parentComponent)
     : (container.pendingContext = parentComponent);
@@ -6934,7 +6328,6 @@ function updateContainer(element, container, parentComponent, callback) {
   callback.payload = { element: element };
   container = void 0 === container ? null : container;
   null !== container && (callback.callback = container);
-  flushPassiveEffects();
   enqueueUpdate(currentTime, callback);
   scheduleWork(currentTime, current$$1);
   return current$$1;
@@ -6994,13 +6387,13 @@ _batchedUpdatesImpl = function(fn, a) {
   } finally {
     (isBatchingUpdates = previousIsBatchingUpdates) ||
       isRendering ||
-      performWork(1073741823, !1);
+      performWork(1, null);
   }
 };
 _flushInteractiveUpdatesImpl = function() {
   isRendering ||
     0 === lowestPriorityPendingInteractiveExpirationTime ||
-    (performWork(lowestPriorityPendingInteractiveExpirationTime, !1),
+    (performWork(lowestPriorityPendingInteractiveExpirationTime, null),
     (lowestPriorityPendingInteractiveExpirationTime = 0));
 };
 var roots = new Map(),
@@ -7082,7 +6475,7 @@ var roots = new Map(),
       if (!root) {
         root = 0;
         isDevToolsPresent && (root |= 4);
-        root = createFiber(3, null, null, root);
+        root = new FiberNode(5, null, null, root);
         var root$jscomp$0 = {
           current: root,
           containerInfo: containerTag,
@@ -7113,7 +6506,7 @@ var roots = new Map(),
       updateContainer(element, root, null, callback);
       a: if (((element = root.current), element.child))
         switch (element.child.tag) {
-          case 5:
+          case 7:
             element = element.child.stateNode;
             break a;
           default:
@@ -7220,7 +6613,7 @@ var roots = new Map(),
   findFiberByHostInstance: getInstanceFromTag,
   getInspectorDataForViewTag: getInspectorDataForViewTag,
   bundleType: 0,
-  version: "16.6.0",
+  version: "16.6.0-alpha.8af6728",
   rendererPackageName: "react-native-renderer"
 });
 var ReactNativeRenderer$2 = { default: ReactNativeRenderer },
diff --git a/Libraries/Renderer/shims/ReactTypes.js b/Libraries/Renderer/shims/ReactTypes.js
index 080ade12b80..20f76eef30f 100644
--- a/Libraries/Renderer/shims/ReactTypes.js
+++ b/Libraries/Renderer/shims/ReactTypes.js
@@ -54,6 +54,7 @@ export type ReactContext<T> = {
   $$typeof: Symbol | number,
   Consumer: ReactContext<T>,
   Provider: ReactProviderType<T>,
+  unstable_read: () => T,
 
   _calculateChangedBits: ((a: T, b: T) => number) | null,
 
diff --git a/package.json b/package.json
index e9b894df7a3..6d46a647719 100644
--- a/package.json
+++ b/package.json
@@ -146,7 +146,7 @@
     "react-native": "local-cli/wrong-react-native.js"
   },
   "peerDependencies": {
-    "react": "16.6.0"
+    "react": "16.6.0-alpha.8af6728"
   },
   "dependencies": {
     "@babel/runtime": "^7.0.0",
@@ -221,9 +221,9 @@
     "jest": "24.0.0-alpha.4",
     "jest-junit": "5.1.0",
     "prettier": "1.13.6",
-    "react": "16.6.0",
+    "react": "16.6.0-alpha.8af6728",
     "react-native-dummy": "0.1.0",
-    "react-test-renderer": "16.6.0",
+    "react-test-renderer": "16.6.0-alpha.8af6728",
     "shelljs": "^0.7.8"
   },
   "detox": {
diff --git a/yarn.lock b/yarn.lock
index f6e999ad06e..232d8f9de1e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5223,10 +5223,10 @@ react-devtools-core@^3.4.0:
     shell-quote "^1.6.1"
     ws "^3.3.1"
 
-react-is@^16.6.0:
-  version "16.6.0"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.6.0.tgz#456645144581a6e99f6816ae2bd24ee94bdd0c01"
-  integrity sha512-q8U7k0Fi7oxF1HvQgyBjPwDXeMplEsArnKt2iYhuIF86+GBbgLHdAmokL3XUFjTd7Q363OSNG55FOGUdONVn1g==
+react-is@^16.6.0-alpha.8af6728:
+  version "16.6.0-alpha.8af6728"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.6.0-alpha.8af6728.tgz#3ce01f13f164b90a76ad902735834fc12d06e30e"
+  integrity sha512-F65AeMavskvRglteO7dC0Nvq3Br1ESnpCOG5M6fenQX52Uhpt6eCI0vL3ICM/hnVhIOQY2fwnSWtST33OlgxVA==
 
 react-native-dummy@0.1.0:
   version "0.1.0"
@@ -5241,15 +5241,15 @@ react-proxy@^1.1.7:
     lodash "^4.6.1"
     react-deep-force-update "^1.0.0"
 
-react-test-renderer@16.6.0:
-  version "16.6.0"
-  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.6.0.tgz#fe490096bed55c3f4e92c023da3b89f9d03fceb3"
-  integrity sha512-w+Y3YT7OX1LP5KO7HCd0YR34Ol1qmISHaooPNMRYa6QzmwtcWhEGuZPr34wO8UCBIokswuhyLQUq7rjPDcEtJA==
+react-test-renderer@16.6.0-alpha.8af6728:
+  version "16.6.0-alpha.8af6728"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.6.0-alpha.8af6728.tgz#5b9eaa972f0016c95d1ef5d93f727c5dc4a5a0ee"
+  integrity sha512-42RB1hvEjVuJGrGddGqVj1obs9NhWiuijkz+qsuY0qRzF0ygD5xg4eRdm0H4YNtkp+332g6OWO9O2ussu67cFQ==
   dependencies:
     object-assign "^4.1.1"
     prop-types "^15.6.2"
-    react-is "^16.6.0"
-    scheduler "^0.10.0"
+    react-is "^16.6.0-alpha.8af6728"
+    scheduler "^0.10.0-alpha.8af6728"
 
 react-transform-hmr@^1.0.4:
   version "1.0.4"
@@ -5259,15 +5259,15 @@ react-transform-hmr@^1.0.4:
     global "^4.3.0"
     react-proxy "^1.1.7"
 
-react@16.6.0:
-  version "16.6.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.6.0.tgz#b34761cfaf3e30f5508bc732fb4736730b7da246"
-  integrity sha512-zJPnx/jKtuOEXCbQ9BKaxDMxR0001/hzxXwYxG8septeyYGfsgAei6NgfbVgOhbY1WOP2o3VPs/E9HaN+9hV3Q==
+react@16.6.0-alpha.8af6728:
+  version "16.6.0-alpha.8af6728"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.6.0-alpha.8af6728.tgz#b97b6453c252a1f6ad185acc81aca1485cd3e120"
+  integrity sha512-W5NwSMey/JjF4wdeB7ek/+qG4bJJhgM1O/NaHvhUswgJxBMcFLUroODPELbq6IVolgua+anEirtOCx3fMXHZjw==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
     prop-types "^15.6.2"
-    scheduler "^0.10.0"
+    scheduler "^0.10.0-alpha.8af6728"
 
 read-pkg-up@^1.0.1:
   version "1.0.1"
@@ -5650,10 +5650,10 @@ sax@~1.1.1:
   resolved "http://registry.npmjs.org/sax/-/sax-1.1.6.tgz#5d616be8a5e607d54e114afae55b7eaf2fcc3240"
   integrity sha1-XWFr6KXmB9VOEUr65Vt+ry/MMkA=
 
-scheduler@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.10.0.tgz#7988de90fe7edccc774ea175a783e69c40c521e1"
-  integrity sha512-+TSTVTCBAA3h8Anei3haDc1IRwMeDmtI/y/o3iBe3Mjl2vwYF9DtPDt929HyRmV/e7au7CLu8sc4C4W0VOs29w==
+scheduler@^0.10.0-alpha.8af6728:
+  version "0.10.0-alpha.f47a958"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.10.0-alpha.f47a958.tgz#0063a5c21aad2038111c316e417e9702d1ca7007"
+  integrity sha512-GVz1gvEU4JhqqiLB+DhRwd17sqKCmVsmdrsDoKMOIRCu0z+qYhimF6PvA3q61BgCqHDWJZiAidom6saiE8ZrOQ==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"