react-test-renderer 17.0.0-rc.1 → 17.0.1

package/umd/react-test-renderer.development.js

@@ -1,4 +1,4 @@
-/** @license React v0.0.0-2d131d782
+/** @license React v17.0.1
  * react-test-renderer.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -12,40 +12,6 @@
   (global = global || self, factory(global.ReactTestRenderer = {}, global.React, global.SchedulerMock, global.Scheduler));
 }(this, (function (exports, React, Scheduler, Scheduler$1) { 'use strict';
 
-  function _defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-
-  function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-  }
-
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-
-    return target;
-  }
-
-  var ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  var _assign = ReactInternals.assign;
-
   var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
   // by calls to these methods by a Babel plugin.
@@ -96,6 +62,40 @@
     }
   }
 
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+
+    return target;
+  }
+
+  var ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  var _assign = ReactInternals.assign;
+
   var FunctionComponent = 0;
   var ClassComponent = 1;
   var IndeterminateComponent = 2; // Before we know whether it is function or class
@@ -244,7 +244,7 @@
         return 'Portal';
 
       case REACT_PROFILER_TYPE:
-        return "Profiler";
+        return 'Profiler';
 
       case REACT_STRICT_MODE_TYPE:
         return 'StrictMode';
@@ -294,8 +294,8 @@
   }
 
   // Don't change these two values. They're used by React Dev Tools.
-  var NoEffect =
-  /*                     */
+  var NoFlags =
+  /*                      */
   0;
   var PerformedWork =
   /*                */
@@ -378,7 +378,7 @@
       do {
         node = nextNode;
 
-        if ((node.effectTag & (Placement | Hydrating)) !== NoEffect) {
+        if ((node.flags & (Placement | Hydrating)) !== NoFlags) {
           // This is an insertion or in-progress hydration. The nearest possible
           // mounted fiber is the parent but we need to continue to figure out
           // if that one is still mounted.
@@ -1592,7 +1592,7 @@
   function onCommitRoot(root, priorityLevel) {
     if (injectedHook && typeof injectedHook.onCommitFiberRoot === 'function') {
       try {
-        var didError = (root.current.effectTag & DidCapture) === DidCapture;
+        var didError = (root.current.flags & DidCapture) === DidCapture;
 
         if (enableProfilerTimer) {
           injectedHook.onCommitFiberRoot(rendererID, root, priorityLevel, didError);
@@ -2032,7 +2032,21 @@
 
     if (priority >= InputContinuousLanePriority) {
       // User interactions should expire slightly more quickly.
-      return currentTime + 1000;
+      //
+      // NOTE: This is set to the corresponding constant as in Scheduler.js. When
+      // we made it larger, a product metric in www regressed, suggesting there's
+      // a user interaction that's being starved by a series of synchronous
+      // updates. If that theory is correct, the proper solution is to fix the
+      // starvation. However, this scenario supports the idea that expiration
+      // times are an important safeguard when starvation does happen.
+      //
+      // Also note that, in the case of user input specifically, this will soon no
+      // longer be an issue because we plan to make user input synchronous by
+      // default (until you enter `startTransition`, of course.)
+      //
+      // If weren't planning to make these updates synchronous soon anyway, I
+      // would probably make this number a configurable parameter.
+      return currentTime + 250;
     } else if (priority >= TransitionPriority) {
       return currentTime + 5000;
     } else {
@@ -2263,7 +2277,15 @@
     return lane;
   }
   function createLaneMap(initial) {
-    return new Array(TotalLanes).fill(initial);
+    // Intentionally pushing one by one.
+    // https://v8.dev/blog/elements-kinds#avoid-creating-holes
+    var laneMap = [];
+
+    for (var i = 0; i < TotalLanes; i++) {
+      laneMap.push(initial);
+    }
+
+    return laneMap;
   }
   function markRootUpdated(root, updateLane, eventTime) {
     root.pendingLanes |= updateLane; // TODO: Theoretically, any update to any lane can unblock any other lane. But
@@ -2542,7 +2564,7 @@
   }
 
   // TODO: this is special because it gets imported during build.
-  var ReactVersion = '17.0.0-alpha.0-2d131d782';
+  var ReactVersion = '17.0.1';
 
   var NoMode = 0;
   var StrictMode = 1; // TODO: Remove BlockingMode and ConcurrentMode by reading from the root
@@ -2553,6 +2575,12 @@
   var ProfileMode = 8;
   var DebugTracingMode = 16;
 
+  var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
+  var NoTransition = 0;
+  function requestCurrentTransition() {
+    return ReactCurrentBatchConfig.transition;
+  }
+
   /**
    * inlined Object.is polyfill to avoid requiring consumers ship their own
    * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
@@ -3417,7 +3445,7 @@
 
       case CaptureUpdate:
         {
-          workInProgress.effectTag = workInProgress.effectTag & ~ShouldCapture | DidCapture;
+          workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
         }
       // Intentional fallthrough
 
@@ -3575,7 +3603,7 @@
           var callback = update.callback;
 
           if (callback !== null) {
-            workInProgress.effectTag |= Callback;
+            workInProgress.flags |= Callback;
             var effects = queue.effects;
 
             if (effects === null) {
@@ -3666,11 +3694,6 @@
     }
   }
 
-  var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
-  function requestCurrentSuspenseConfig() {
-    return ReactCurrentBatchConfig.suspense;
-  }
-
   var fakeInternalInstance = {};
   var isArray = Array.isArray; // React.Component uses a shared frozen object by default.
   // We'll use it to determine whether we need to initialize legacy refs.
@@ -3767,8 +3790,7 @@
     enqueueSetState: function (inst, payload, callback) {
       var fiber = get(inst);
       var eventTime = requestEventTime();
-      var suspenseConfig = requestCurrentSuspenseConfig();
-      var lane = requestUpdateLane(fiber, suspenseConfig);
+      var lane = requestUpdateLane(fiber);
       var update = createUpdate(eventTime, lane);
       update.payload = payload;
 
@@ -3786,8 +3808,7 @@
     enqueueReplaceState: function (inst, payload, callback) {
       var fiber = get(inst);
       var eventTime = requestEventTime();
-      var suspenseConfig = requestCurrentSuspenseConfig();
-      var lane = requestUpdateLane(fiber, suspenseConfig);
+      var lane = requestUpdateLane(fiber);
       var update = createUpdate(eventTime, lane);
       update.tag = ReplaceState;
       update.payload = payload;
@@ -3806,8 +3827,7 @@
     enqueueForceUpdate: function (inst, callback) {
       var fiber = get(inst);
       var eventTime = requestEventTime();
-      var suspenseConfig = requestCurrentSuspenseConfig();
-      var lane = requestUpdateLane(fiber, suspenseConfig);
+      var lane = requestUpdateLane(fiber);
       var update = createUpdate(eventTime, lane);
       update.tag = ForceUpdate;
 
@@ -4177,7 +4197,7 @@
     }
 
     if (typeof instance.componentDidMount === 'function') {
-      workInProgress.effectTag |= Update;
+      workInProgress.flags |= Update;
     }
   }
 
@@ -4219,7 +4239,7 @@
       // If an update was already in progress, we should schedule an Update
       // effect even though we're bailing out, so that cWU/cDU are called.
       if (typeof instance.componentDidMount === 'function') {
-        workInProgress.effectTag |= Update;
+        workInProgress.flags |= Update;
       }
 
       return false;
@@ -4246,13 +4266,13 @@
       }
 
       if (typeof instance.componentDidMount === 'function') {
-        workInProgress.effectTag |= Update;
+        workInProgress.flags |= Update;
       }
     } else {
       // If an update was already in progress, we should schedule an Update
       // effect even though we're bailing out, so that cWU/cDU are called.
       if (typeof instance.componentDidMount === 'function') {
-        workInProgress.effectTag |= Update;
+        workInProgress.flags |= Update;
       } // If shouldComponentUpdate returned false, we should still update the
       // memoized state to indicate that this work can be reused.
 
@@ -4312,13 +4332,13 @@
       // effect even though we're bailing out, so that cWU/cDU are called.
       if (typeof instance.componentDidUpdate === 'function') {
         if (unresolvedOldProps !== current.memoizedProps || oldState !== current.memoizedState) {
-          workInProgress.effectTag |= Update;
+          workInProgress.flags |= Update;
         }
       }
 
       if (typeof instance.getSnapshotBeforeUpdate === 'function') {
         if (unresolvedOldProps !== current.memoizedProps || oldState !== current.memoizedState) {
-          workInProgress.effectTag |= Snapshot;
+          workInProgress.flags |= Snapshot;
         }
       }
 
@@ -4346,24 +4366,24 @@
       }
 
       if (typeof instance.componentDidUpdate === 'function') {
-        workInProgress.effectTag |= Update;
+        workInProgress.flags |= Update;
       }
 
       if (typeof instance.getSnapshotBeforeUpdate === 'function') {
-        workInProgress.effectTag |= Snapshot;
+        workInProgress.flags |= Snapshot;
       }
     } else {
       // If an update was already in progress, we should schedule an Update
       // effect even though we're bailing out, so that cWU/cDU are called.
       if (typeof instance.componentDidUpdate === 'function') {
         if (unresolvedOldProps !== current.memoizedProps || oldState !== current.memoizedState) {
-          workInProgress.effectTag |= Update;
+          workInProgress.flags |= Update;
         }
       }
 
       if (typeof instance.getSnapshotBeforeUpdate === 'function') {
         if (unresolvedOldProps !== current.memoizedProps || oldState !== current.memoizedState) {
-          workInProgress.effectTag |= Snapshot;
+          workInProgress.flags |= Snapshot;
         }
       } // If shouldComponentUpdate returned false, we should still update the
       // memoized props/state to indicate that this work can be reused.
@@ -4568,7 +4588,7 @@
       }
 
       childToDelete.nextEffect = null;
-      childToDelete.effectTag = Deletion;
+      childToDelete.flags = Deletion;
     }
 
     function deleteRemainingChildren(returnFiber, currentFirstChild) {
@@ -4633,7 +4653,7 @@
 
         if (oldIndex < lastPlacedIndex) {
           // This is a move.
-          newFiber.effectTag = Placement;
+          newFiber.flags = Placement;
           return lastPlacedIndex;
         } else {
           // This item can stay in place.
@@ -4641,7 +4661,7 @@
         }
       } else {
         // This is an insertion.
-        newFiber.effectTag = Placement;
+        newFiber.flags = Placement;
         return lastPlacedIndex;
       }
     }
@@ -4650,7 +4670,7 @@
       // This is simpler for the single child case. We only need to do a
       // placement for inserting new children.
       if (shouldTrackSideEffects && newFiber.alternate === null) {
-        newFiber.effectTag = Placement;
+        newFiber.flags = Placement;
       }
 
       return newFiber;
@@ -5624,13 +5644,6 @@
     pop(suspenseStackCursor, fiber);
   }
 
-  // A non-null SuspenseState means that it is blocked for one reason or another.
-  // - A non-null dehydrated field means it's blocked pending hydration.
-  //   - A non-null dehydrated field can use isSuspenseInstancePending or
-  //     isSuspenseInstanceFallback to query the reason for being dehydrated.
-  // - A null dehydrated field means it's blocked by something suspending and
-  //   we're currently showing a fallback instead.
-
   function shouldCaptureSuspense(workInProgress, hasInvisibleParent) {
     // If it was the primary children that just suspended, capture and render the
     // fallback. Otherwise, don't capture and bubble to the next boundary.
@@ -5682,7 +5695,7 @@
       } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
       // keep track of whether it suspended or not.
       node.memoizedProps.revealOrder !== undefined) {
-        var didSuspend = (node.effectTag & DidCapture) !== NoEffect;
+        var didSuspend = (node.flags & DidCapture) !== NoFlags;
 
         if (didSuspend) {
           return node;
@@ -5712,7 +5725,7 @@
     return null;
   }
 
-  var NoEffect$1 =
+  var NoFlags$1 =
   /*  */
   0; // Represents whether effect should fire.
 
@@ -6081,7 +6094,7 @@
   }
   function bailoutHooks(current, workInProgress, lanes) {
     workInProgress.updateQueue = current.updateQueue;
-    workInProgress.effectTag &= ~(Passive | Update);
+    workInProgress.flags &= ~(Passive | Update);
     current.lanes = removeLanes(current.lanes, lanes);
   }
   function resetHooksAfterThrow() {
@@ -6552,8 +6565,7 @@
 
         if (!objectIs(snapshot, maybeNewSnapshot)) {
           setSnapshot(maybeNewSnapshot);
-          var suspenseConfig = requestCurrentSuspenseConfig();
-          var lane = requestUpdateLane(fiber, suspenseConfig);
+          var lane = requestUpdateLane(fiber);
           markRootMutableRead(root, lane);
         } // If the source mutated between render and now,
         // there may be state updates already scheduled from the old source.
@@ -6572,8 +6584,7 @@
         try {
           latestSetSnapshot(latestGetSnapshot(source._source)); // Record a pending mutable source update with the same expiration time.
 
-          var suspenseConfig = requestCurrentSuspenseConfig();
-          var lane = requestUpdateLane(fiber, suspenseConfig);
+          var lane = requestUpdateLane(fiber);
           markRootMutableRead(root, lane);
         } catch (error) {
           // A selector might throw after a source mutation.
@@ -6723,14 +6734,14 @@
     return hook.memoizedState;
   }
 
-  function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
+  function mountEffectImpl(fiberFlags, hookFlags, create, deps) {
     var hook = mountWorkInProgressHook();
     var nextDeps = deps === undefined ? null : deps;
-    currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
-    hook.memoizedState = pushEffect(HasEffect | hookEffectTag, create, undefined, nextDeps);
+    currentlyRenderingFiber$1.flags |= fiberFlags;
+    hook.memoizedState = pushEffect(HasEffect | hookFlags, create, undefined, nextDeps);
   }
 
-  function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
+  function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
     var hook = updateWorkInProgressHook();
     var nextDeps = deps === undefined ? null : deps;
     var destroy = undefined;
@@ -6743,14 +6754,14 @@
         var prevDeps = prevEffect.deps;
 
         if (areHookInputsEqual(nextDeps, prevDeps)) {
-          pushEffect(hookEffectTag, create, destroy, nextDeps);
+          pushEffect(hookFlags, create, destroy, nextDeps);
           return;
         }
       }
     }
 
-    currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
-    hook.memoizedState = pushEffect(HasEffect | hookEffectTag, create, destroy, nextDeps);
+    currentlyRenderingFiber$1.flags |= fiberFlags;
+    hook.memoizedState = pushEffect(HasEffect | hookFlags, create, destroy, nextDeps);
   }
 
   function mountEffect(create, deps) {
@@ -6897,61 +6908,61 @@
     return nextValue;
   }
 
-  function mountDeferredValue(value, config) {
+  function mountDeferredValue(value) {
     var _mountState = mountState(value),
         prevValue = _mountState[0],
         setValue = _mountState[1];
 
     mountEffect(function () {
-      var previousConfig = ReactCurrentBatchConfig$1.suspense;
-      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+      var prevTransition = ReactCurrentBatchConfig$1.transition;
+      ReactCurrentBatchConfig$1.transition = 1;
 
       try {
         setValue(value);
       } finally {
-        ReactCurrentBatchConfig$1.suspense = previousConfig;
+        ReactCurrentBatchConfig$1.transition = prevTransition;
       }
-    }, [value, config]);
+    }, [value]);
     return prevValue;
   }
 
-  function updateDeferredValue(value, config) {
+  function updateDeferredValue(value) {
     var _updateState = updateState(),
         prevValue = _updateState[0],
         setValue = _updateState[1];
 
     updateEffect(function () {
-      var previousConfig = ReactCurrentBatchConfig$1.suspense;
-      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+      var prevTransition = ReactCurrentBatchConfig$1.transition;
+      ReactCurrentBatchConfig$1.transition = 1;
 
       try {
         setValue(value);
       } finally {
-        ReactCurrentBatchConfig$1.suspense = previousConfig;
+        ReactCurrentBatchConfig$1.transition = prevTransition;
       }
-    }, [value, config]);
+    }, [value]);
     return prevValue;
   }
 
-  function rerenderDeferredValue(value, config) {
+  function rerenderDeferredValue(value) {
     var _rerenderState = rerenderState(),
         prevValue = _rerenderState[0],
         setValue = _rerenderState[1];
 
     updateEffect(function () {
-      var previousConfig = ReactCurrentBatchConfig$1.suspense;
-      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+      var prevTransition = ReactCurrentBatchConfig$1.transition;
+      ReactCurrentBatchConfig$1.transition = 1;
 
       try {
         setValue(value);
       } finally {
-        ReactCurrentBatchConfig$1.suspense = previousConfig;
+        ReactCurrentBatchConfig$1.transition = prevTransition;
       }
-    }, [value, config]);
+    }, [value]);
     return prevValue;
   }
 
-  function startTransition(setPending, config, callback) {
+  function startTransition(setPending, callback) {
     var priorityLevel = getCurrentPriorityLevel();
 
     {
@@ -6959,43 +6970,46 @@
         setPending(true);
       });
       runWithPriority(priorityLevel > NormalPriority$1 ? NormalPriority$1 : priorityLevel, function () {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+        var prevTransition = ReactCurrentBatchConfig$1.transition;
+        ReactCurrentBatchConfig$1.transition = 1;
 
         try {
           setPending(false);
           callback();
         } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
+          ReactCurrentBatchConfig$1.transition = prevTransition;
         }
       });
     }
   }
 
-  function mountTransition(config) {
+  function mountTransition() {
     var _mountState2 = mountState(false),
         isPending = _mountState2[0],
-        setPending = _mountState2[1];
+        setPending = _mountState2[1]; // The `start` method can be stored on a ref, since `setPending`
+    // never changes.
+
 
-    var start = mountCallback(startTransition.bind(null, setPending, config), [setPending, config]);
+    var start = startTransition.bind(null, setPending);
+    mountRef(start);
     return [start, isPending];
   }
 
-  function updateTransition(config) {
+  function updateTransition() {
     var _updateState2 = updateState(),
-        isPending = _updateState2[0],
-        setPending = _updateState2[1];
+        isPending = _updateState2[0];
 
-    var start = updateCallback(startTransition.bind(null, setPending, config), [setPending, config]);
+    var startRef = updateRef();
+    var start = startRef.current;
     return [start, isPending];
   }
 
-  function rerenderTransition(config) {
+  function rerenderTransition() {
     var _rerenderState2 = rerenderState(),
-        isPending = _rerenderState2[0],
-        setPending = _rerenderState2[1];
+        isPending = _rerenderState2[0];
 
-    var start = updateCallback(startTransition.bind(null, setPending, config), [setPending, config]);
+    var startRef = updateRef();
+    var start = startRef.current;
     return [start, isPending];
   }
 
@@ -7048,8 +7062,7 @@
     }
 
     var eventTime = requestEventTime();
-    var suspenseConfig = requestCurrentSuspenseConfig();
-    var lane = requestUpdateLane(fiber, suspenseConfig);
+    var lane = requestUpdateLane(fiber);
     var update = {
       lane: lane,
       action: action,
@@ -7244,15 +7257,15 @@
         mountHookTypesDev();
         return mountDebugValue();
       },
-      useDeferredValue: function (value, config) {
+      useDeferredValue: function (value) {
         currentHookNameInDev = 'useDeferredValue';
         mountHookTypesDev();
-        return mountDeferredValue(value, config);
+        return mountDeferredValue(value);
       },
-      useTransition: function (config) {
+      useTransition: function () {
         currentHookNameInDev = 'useTransition';
         mountHookTypesDev();
-        return mountTransition(config);
+        return mountTransition();
       },
       useMutableSource: function (source, getSnapshot, subscribe) {
         currentHookNameInDev = 'useMutableSource';
@@ -7341,15 +7354,15 @@
         updateHookTypesDev();
         return mountDebugValue();
       },
-      useDeferredValue: function (value, config) {
+      useDeferredValue: function (value) {
         currentHookNameInDev = 'useDeferredValue';
         updateHookTypesDev();
-        return mountDeferredValue(value, config);
+        return mountDeferredValue(value);
       },
-      useTransition: function (config) {
+      useTransition: function () {
         currentHookNameInDev = 'useTransition';
         updateHookTypesDev();
-        return mountTransition(config);
+        return mountTransition();
       },
       useMutableSource: function (source, getSnapshot, subscribe) {
         currentHookNameInDev = 'useMutableSource';
@@ -7438,15 +7451,15 @@
         updateHookTypesDev();
         return updateDebugValue();
       },
-      useDeferredValue: function (value, config) {
+      useDeferredValue: function (value) {
         currentHookNameInDev = 'useDeferredValue';
         updateHookTypesDev();
-        return updateDeferredValue(value, config);
+        return updateDeferredValue(value);
       },
-      useTransition: function (config) {
+      useTransition: function () {
         currentHookNameInDev = 'useTransition';
         updateHookTypesDev();
-        return updateTransition(config);
+        return updateTransition();
       },
       useMutableSource: function (source, getSnapshot, subscribe) {
         currentHookNameInDev = 'useMutableSource';
@@ -7535,15 +7548,15 @@
         updateHookTypesDev();
         return updateDebugValue();
       },
-      useDeferredValue: function (value, config) {
+      useDeferredValue: function (value) {
         currentHookNameInDev = 'useDeferredValue';
         updateHookTypesDev();
-        return rerenderDeferredValue(value, config);
+        return rerenderDeferredValue(value);
       },
-      useTransition: function (config) {
+      useTransition: function () {
         currentHookNameInDev = 'useTransition';
         updateHookTypesDev();
-        return rerenderTransition(config);
+        return rerenderTransition();
       },
       useMutableSource: function (source, getSnapshot, subscribe) {
         currentHookNameInDev = 'useMutableSource';
@@ -7643,17 +7656,17 @@
         mountHookTypesDev();
         return mountDebugValue();
       },
-      useDeferredValue: function (value, config) {
+      useDeferredValue: function (value) {
         currentHookNameInDev = 'useDeferredValue';
         warnInvalidHookAccess();
         mountHookTypesDev();
-        return mountDeferredValue(value, config);
+        return mountDeferredValue(value);
       },
-      useTransition: function (config) {
+      useTransition: function () {
         currentHookNameInDev = 'useTransition';
         warnInvalidHookAccess();
         mountHookTypesDev();
-        return mountTransition(config);
+        return mountTransition();
       },
       useMutableSource: function (source, getSnapshot, subscribe) {
         currentHookNameInDev = 'useMutableSource';
@@ -7755,17 +7768,17 @@
         updateHookTypesDev();
         return updateDebugValue();
       },
-      useDeferredValue: function (value, config) {
+      useDeferredValue: function (value) {
         currentHookNameInDev = 'useDeferredValue';
         warnInvalidHookAccess();
         updateHookTypesDev();
-        return updateDeferredValue(value, config);
+        return updateDeferredValue(value);
       },
-      useTransition: function (config) {
+      useTransition: function () {
         currentHookNameInDev = 'useTransition';
         warnInvalidHookAccess();
         updateHookTypesDev();
-        return updateTransition(config);
+        return updateTransition();
       },
       useMutableSource: function (source, getSnapshot, subscribe) {
         currentHookNameInDev = 'useMutableSource';
@@ -7867,17 +7880,17 @@
         updateHookTypesDev();
         return updateDebugValue();
       },
-      useDeferredValue: function (value, config) {
+      useDeferredValue: function (value) {
         currentHookNameInDev = 'useDeferredValue';
         warnInvalidHookAccess();
         updateHookTypesDev();
-        return rerenderDeferredValue(value, config);
+        return rerenderDeferredValue(value);
       },
-      useTransition: function (config) {
+      useTransition: function () {
         currentHookNameInDev = 'useTransition';
         warnInvalidHookAccess();
         updateHookTypesDev();
-        return rerenderTransition(config);
+        return rerenderTransition();
       },
       useMutableSource: function (source, getSnapshot, subscribe) {
         currentHookNameInDev = 'useMutableSource';
@@ -8041,7 +8054,7 @@
     } // React DevTools reads this flag.
 
 
-    workInProgress.effectTag |= PerformedWork;
+    workInProgress.flags |= PerformedWork;
     reconcileChildren(current, workInProgress, nextChildren, renderLanes);
     return workInProgress.child;
   }
@@ -8117,7 +8130,7 @@
     } // React DevTools reads this flag.
 
 
-    workInProgress.effectTag |= PerformedWork;
+    workInProgress.flags |= PerformedWork;
     var newChild = createWorkInProgress(currentChild, nextProps);
     newChild.ref = workInProgress.ref;
     newChild.return = workInProgress;
@@ -8183,7 +8196,7 @@
           // this is no longer necessary.
           workInProgress.lanes = current.lanes;
           return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
-        } else if ((current.effectTag & ForceUpdateForLegacySuspense) !== NoEffect) {
+        } else if ((current.flags & ForceUpdateForLegacySuspense) !== NoFlags) {
           // This is a special case that only exists for legacy mode.
           // See https://github.com/facebook/react/pull/19216.
           didReceiveUpdate = true;
@@ -8282,7 +8295,7 @@
 
   function updateProfiler(current, workInProgress, renderLanes) {
     {
-      workInProgress.effectTag |= Update; // Reset effect durations for the next eventual effect phase.
+      workInProgress.flags |= Update; // Reset effect durations for the next eventual effect phase.
       // These are reset during render to allow the DevTools commit hook a chance to read them,
 
       var stateNode = workInProgress.stateNode;
@@ -8301,7 +8314,7 @@
 
     if (current === null && ref !== null || current !== null && current.ref !== ref) {
       // Schedule a Ref effect
-      workInProgress.effectTag |= Ref;
+      workInProgress.flags |= Ref;
     }
   }
 
@@ -8343,7 +8356,7 @@
     } // React DevTools reads this flag.
 
 
-    workInProgress.effectTag |= PerformedWork;
+    workInProgress.flags |= PerformedWork;
     reconcileChildren(current, workInProgress, nextChildren, renderLanes);
     return workInProgress.child;
   }
@@ -8387,7 +8400,7 @@
         current.alternate = null;
         workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
 
-        workInProgress.effectTag |= Placement;
+        workInProgress.flags |= Placement;
       } // In the initial pass we might need to construct the instance.
 
 
@@ -8421,7 +8434,7 @@
   function finishClassComponent(current, workInProgress, Component, shouldUpdate, hasContext, renderLanes) {
     // Refs should update even if shouldComponentUpdate returns false
     markRef(current, workInProgress);
-    var didCaptureError = (workInProgress.effectTag & DidCapture) !== NoEffect;
+    var didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags;
 
     if (!shouldUpdate && !didCaptureError) {
       // Context providers should defer to sCU for rendering
@@ -8458,7 +8471,7 @@
     } // React DevTools reads this flag.
 
 
-    workInProgress.effectTag |= PerformedWork;
+    workInProgress.flags |= PerformedWork;
 
     if (current !== null && didCaptureError) {
       // If we're recovering from an error, reconcile without reusing any of
@@ -8533,7 +8546,7 @@
         // Conceptually this is similar to Placement in that a new subtree is
         // inserted into the React tree here. It just happens to not need DOM
         // mutations because it already exists.
-        node.effectTag = node.effectTag & ~Placement | Hydrating;
+        node.flags = node.flags & ~Placement | Hydrating;
         node = node.sibling;
       }
     } else {
@@ -8556,7 +8569,7 @@
     if (prevProps !== null && shouldSetTextContent()) {
       // If we're switching from a direct text child to a normal child, or to
       // empty, we need to schedule the text content to be reset.
-      workInProgress.effectTag |= ContentReset;
+      workInProgress.flags |= ContentReset;
     }
 
     markRef(current, workInProgress);
@@ -8580,7 +8593,7 @@
       _current.alternate = null;
       workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
 
-      workInProgress.effectTag |= Placement;
+      workInProgress.flags |= Placement;
     }
 
     var props = workInProgress.pendingProps;
@@ -8672,7 +8685,7 @@
       _current.alternate = null;
       workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
 
-      workInProgress.effectTag |= Placement;
+      workInProgress.flags |= Placement;
     } // Promote the fiber to a class and try rendering again.
 
 
@@ -8705,7 +8718,7 @@
       _current.alternate = null;
       workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
 
-      workInProgress.effectTag |= Placement;
+      workInProgress.flags |= Placement;
     }
 
     var props = workInProgress.pendingProps;
@@ -8741,7 +8754,7 @@
     } // React DevTools reads this flag.
 
 
-    workInProgress.effectTag |= PerformedWork;
+    workInProgress.flags |= PerformedWork;
 
     {
       // Support for module components is deprecated and is removed behind a flag.
@@ -8879,7 +8892,8 @@
     return {
       baseLanes: mergeLanes(prevOffscreenState.baseLanes, renderLanes)
     };
-  }
+  } // TODO: Probably should inline this back
+
 
   function shouldRemainOnFallback(suspenseContext, current, workInProgress, renderLanes) {
     // If we're already showing a fallback, there are cases where we need to
@@ -8911,19 +8925,19 @@
 
     {
       if (shouldSuspend(workInProgress)) {
-        workInProgress.effectTag |= DidCapture;
+        workInProgress.flags |= DidCapture;
       }
     }
 
     var suspenseContext = suspenseStackCursor.current;
     var showFallback = false;
-    var didSuspend = (workInProgress.effectTag & DidCapture) !== NoEffect;
+    var didSuspend = (workInProgress.flags & DidCapture) !== NoFlags;
 
     if (didSuspend || shouldRemainOnFallback(suspenseContext, current)) {
       // Something in this boundary's subtree already suspended. Switch to
       // rendering the fallback children.
       showFallback = true;
-      workInProgress.effectTag &= ~DidCapture;
+      workInProgress.flags &= ~DidCapture;
     } else {
       // Attempting the main content
       if (current === null || current.memoizedState !== null) {
@@ -8968,17 +8982,41 @@
       // But only if this has a fallback.
       if (nextProps.fallback !== undefined) ;
 
+      var nextPrimaryChildren = nextProps.children;
+      var nextFallbackChildren = nextProps.fallback;
+
       if (showFallback) {
-        var nextPrimaryChildren = nextProps.children;
-        var nextFallbackChildren = nextProps.fallback;
         var fallbackFragment = mountSuspenseFallbackChildren(workInProgress, nextPrimaryChildren, nextFallbackChildren, renderLanes);
         var primaryChildFragment = workInProgress.child;
         primaryChildFragment.memoizedState = mountSuspenseOffscreenState(renderLanes);
         workInProgress.memoizedState = SUSPENDED_MARKER;
         return fallbackFragment;
+      } else if (typeof nextProps.unstable_expectedLoadTime === 'number') {
+        // This is a CPU-bound tree. Skip this tree and show a placeholder to
+        // unblock the surrounding content. Then immediately retry after the
+        // initial commit.
+        var _fallbackFragment = mountSuspenseFallbackChildren(workInProgress, nextPrimaryChildren, nextFallbackChildren, renderLanes);
+
+        var _primaryChildFragment = workInProgress.child;
+        _primaryChildFragment.memoizedState = mountSuspenseOffscreenState(renderLanes);
+        workInProgress.memoizedState = SUSPENDED_MARKER; // Since nothing actually suspended, there will nothing to ping this to
+        // get it started back up to attempt the next item. While in terms of
+        // priority this work has the same priority as this current render, it's
+        // not part of the same transition once the transition has committed. If
+        // it's sync, we still want to yield so that it can be painted.
+        // Conceptually, this is really the same as pinging. We can use any
+        // RetryLane even if it's the one currently rendering since we're leaving
+        // it behind on this node.
+
+        workInProgress.lanes = SomeRetryLane;
+
+        {
+          markSpawnedWork(SomeRetryLane);
+        }
+
+        return _fallbackFragment;
       } else {
-        var _nextPrimaryChildren = nextProps.children;
-        return mountSuspensePrimaryChildren(workInProgress, _nextPrimaryChildren, renderLanes);
+        return mountSuspensePrimaryChildren(workInProgress, nextPrimaryChildren, renderLanes);
       }
     } else {
       // This is an update.
@@ -8990,37 +9028,37 @@
 
         if (showFallback) {
           var _nextFallbackChildren2 = nextProps.fallback;
-          var _nextPrimaryChildren3 = nextProps.children;
+          var _nextPrimaryChildren2 = nextProps.children;
 
-          var _fallbackChildFragment = updateSuspenseFallbackChildren(current, workInProgress, _nextPrimaryChildren3, _nextFallbackChildren2, renderLanes);
+          var _fallbackChildFragment = updateSuspenseFallbackChildren(current, workInProgress, _nextPrimaryChildren2, _nextFallbackChildren2, renderLanes);
 
-          var _primaryChildFragment2 = workInProgress.child;
+          var _primaryChildFragment3 = workInProgress.child;
           var prevOffscreenState = current.child.memoizedState;
-          _primaryChildFragment2.memoizedState = prevOffscreenState === null ? mountSuspenseOffscreenState(renderLanes) : updateSuspenseOffscreenState(prevOffscreenState, renderLanes);
-          _primaryChildFragment2.childLanes = getRemainingWorkInPrimaryTree(current, renderLanes);
+          _primaryChildFragment3.memoizedState = prevOffscreenState === null ? mountSuspenseOffscreenState(renderLanes) : updateSuspenseOffscreenState(prevOffscreenState, renderLanes);
+          _primaryChildFragment3.childLanes = getRemainingWorkInPrimaryTree(current, renderLanes);
           workInProgress.memoizedState = SUSPENDED_MARKER;
           return _fallbackChildFragment;
         } else {
-          var _nextPrimaryChildren4 = nextProps.children;
+          var _nextPrimaryChildren3 = nextProps.children;
 
-          var _primaryChildFragment3 = updateSuspensePrimaryChildren(current, workInProgress, _nextPrimaryChildren4, renderLanes);
+          var _primaryChildFragment4 = updateSuspensePrimaryChildren(current, workInProgress, _nextPrimaryChildren3, renderLanes);
 
           workInProgress.memoizedState = null;
-          return _primaryChildFragment3;
+          return _primaryChildFragment4;
         }
       } else {
         // The current tree is not already showing a fallback.
         if (showFallback) {
           // Timed out.
           var _nextFallbackChildren3 = nextProps.fallback;
-          var _nextPrimaryChildren5 = nextProps.children;
+          var _nextPrimaryChildren4 = nextProps.children;
 
-          var _fallbackChildFragment2 = updateSuspenseFallbackChildren(current, workInProgress, _nextPrimaryChildren5, _nextFallbackChildren3, renderLanes);
+          var _fallbackChildFragment2 = updateSuspenseFallbackChildren(current, workInProgress, _nextPrimaryChildren4, _nextFallbackChildren3, renderLanes);
 
-          var _primaryChildFragment4 = workInProgress.child;
+          var _primaryChildFragment5 = workInProgress.child;
           var _prevOffscreenState = current.child.memoizedState;
-          _primaryChildFragment4.memoizedState = _prevOffscreenState === null ? mountSuspenseOffscreenState(renderLanes) : updateSuspenseOffscreenState(_prevOffscreenState, renderLanes);
-          _primaryChildFragment4.childLanes = getRemainingWorkInPrimaryTree(current, renderLanes); // Skip the primary children, and continue working on the
+          _primaryChildFragment5.memoizedState = _prevOffscreenState === null ? mountSuspenseOffscreenState(renderLanes) : updateSuspenseOffscreenState(_prevOffscreenState, renderLanes);
+          _primaryChildFragment5.childLanes = getRemainingWorkInPrimaryTree(current, renderLanes); // Skip the primary children, and continue working on the
           // fallback children.
 
           workInProgress.memoizedState = SUSPENDED_MARKER;
@@ -9028,12 +9066,12 @@
         } else {
           // Still haven't timed out. Continue rendering the children, like we
           // normally do.
-          var _nextPrimaryChildren6 = nextProps.children;
+          var _nextPrimaryChildren5 = nextProps.children;
 
-          var _primaryChildFragment5 = updateSuspensePrimaryChildren(current, workInProgress, _nextPrimaryChildren6, renderLanes);
+          var _primaryChildFragment6 = updateSuspensePrimaryChildren(current, workInProgress, _nextPrimaryChildren5, renderLanes);
 
           workInProgress.memoizedState = null;
-          return _primaryChildFragment5;
+          return _primaryChildFragment6;
         }
       }
     }
@@ -9116,7 +9154,7 @@
     if (currentFallbackChildFragment !== null) {
       // Delete the fallback child fragment
       currentFallbackChildFragment.nextEffect = null;
-      currentFallbackChildFragment.effectTag = Deletion;
+      currentFallbackChildFragment.flags = Deletion;
       workInProgress.firstEffect = workInProgress.lastEffect = currentFallbackChildFragment;
     }
 
@@ -9187,7 +9225,7 @@
       fallbackChildFragment = createFiberFromFragment(fallbackChildren, mode, renderLanes, null); // Needs a placement effect because the parent (the Suspense boundary) already
       // mounted but this is a new fiber.
 
-      fallbackChildFragment.effectTag |= Placement;
+      fallbackChildFragment.flags |= Placement;
     }
 
     fallbackChildFragment.return = workInProgress;
@@ -9425,9 +9463,9 @@
 
     if (shouldForceFallback) {
       suspenseContext = setShallowSuspenseContext(suspenseContext, ForceSuspenseFallback);
-      workInProgress.effectTag |= DidCapture;
+      workInProgress.flags |= DidCapture;
     } else {
-      var didSuspendBefore = current !== null && (current.effectTag & DidCapture) !== NoEffect;
+      var didSuspendBefore = current !== null && (current.flags & DidCapture) !== NoFlags;
 
       if (didSuspendBefore) {
         // If we previously forced a fallback, we need to schedule work
@@ -9637,7 +9675,7 @@
     } // React DevTools reads this flag.
 
 
-    workInProgress.effectTag |= PerformedWork;
+    workInProgress.flags |= PerformedWork;
     reconcileChildren(current, workInProgress, newChildren, renderLanes);
     return workInProgress.child;
   }
@@ -9722,8 +9760,8 @@
       }
 
       current.nextEffect = null;
-      current.effectTag = Deletion;
-      newWorkInProgress.effectTag |= Placement; // Restart work from the new fiber.
+      current.flags = Deletion;
+      newWorkInProgress.flags |= Placement; // Restart work from the new fiber.
 
       return newWorkInProgress;
     }
@@ -9790,7 +9828,7 @@
               var hasChildWork = includesSomeLane(renderLanes, workInProgress.childLanes);
 
               if (hasChildWork) {
-                workInProgress.effectTag |= Update;
+                workInProgress.flags |= Update;
               } // Reset effect durations for the next eventual effect phase.
               // These are reset during render to allow the DevTools commit hook a chance to read them,
 
@@ -9844,7 +9882,7 @@
 
           case SuspenseListComponent:
             {
-              var didSuspendBefore = (current.effectTag & DidCapture) !== NoEffect;
+              var didSuspendBefore = (current.flags & DidCapture) !== NoFlags;
 
               var _hasChildWork = includesSomeLane(renderLanes, workInProgress.childLanes);
 
@@ -9861,7 +9899,7 @@
                 // as before. We can fast bail out.
 
 
-                workInProgress.effectTag |= DidCapture;
+                workInProgress.flags |= DidCapture;
               } // If nothing suspended before and we're rendering the same children,
               // then the tail doesn't matter. Anything new that suspends will work
               // in the "together" mode, so we can continue from the state we had.
@@ -9907,7 +9945,7 @@
 
         return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
       } else {
-        if ((current.effectTag & ForceUpdateForLegacySuspense) !== NoEffect) {
+        if ((current.flags & ForceUpdateForLegacySuspense) !== NoFlags) {
           // This is a special case that only exists for legacy mode.
           // See https://github.com/facebook/react/pull/19216.
           didReceiveUpdate = true;
@@ -10081,11 +10119,11 @@
   function markUpdate(workInProgress) {
     // Tag the fiber with an update effect. This turns a Placement into
     // a PlacementAndUpdate.
-    workInProgress.effectTag |= Update;
+    workInProgress.flags |= Update;
   }
 
   function markRef$1(workInProgress) {
-    workInProgress.effectTag |= Ref;
+    workInProgress.flags |= Ref;
   }
 
   var appendAllChildren;
@@ -10295,7 +10333,7 @@
               // This handles the case of React rendering into a container with previous children.
               // It's also safe to do for updates too, because current.child would only be null
               // if the previous render was null (so the the container would already be empty).
-              workInProgress.effectTag |= Snapshot;
+              workInProgress.flags |= Snapshot;
             }
           }
 
@@ -10399,7 +10437,7 @@
           popSuspenseContext(workInProgress);
           var nextState = workInProgress.memoizedState;
 
-          if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
+          if ((workInProgress.flags & DidCapture) !== NoFlags) {
             // Something suspended. Re-render with the fallback children.
             workInProgress.lanes = renderLanes; // Do not reset the effect list.
 
@@ -10456,7 +10494,7 @@
               // primary children. In mutation mode, we also need the flag to
               // *unhide* children that were previously hidden, so check if this
               // is currently timed out, too.
-              workInProgress.effectTag |= Update;
+              workInProgress.flags |= Update;
             }
           }
 
@@ -10502,7 +10540,7 @@
             return null;
           }
 
-          var didSuspendAlready = (workInProgress.effectTag & DidCapture) !== NoEffect;
+          var didSuspendAlready = (workInProgress.flags & DidCapture) !== NoFlags;
           var renderedTail = renderState.rendering;
 
           if (renderedTail === null) {
@@ -10517,7 +10555,7 @@
               // something in the previous committed pass suspended. Otherwise,
               // there's no chance so we can skip the expensive call to
               // findFirstSuspended.
-              var cannotBeSuspended = renderHasNotSuspendedYet() && (current === null || (current.effectTag & DidCapture) === NoEffect);
+              var cannotBeSuspended = renderHasNotSuspendedYet() && (current === null || (current.flags & DidCapture) === NoFlags);
 
               if (!cannotBeSuspended) {
                 var row = workInProgress.child;
@@ -10527,7 +10565,7 @@
 
                   if (suspended !== null) {
                     didSuspendAlready = true;
-                    workInProgress.effectTag |= DidCapture;
+                    workInProgress.flags |= DidCapture;
                     cutOffTailIfNeeded(renderState, false); // If this is a newly suspended tree, it might not get committed as
                     // part of the second pass. In that case nothing will subscribe to
                     // its thennables. Instead, we'll transfer its thennables to the
@@ -10545,7 +10583,7 @@
 
                     if (newThennables !== null) {
                       workInProgress.updateQueue = newThennables;
-                      workInProgress.effectTag |= Update;
+                      workInProgress.flags |= Update;
                     } // Rerender the whole list, but this time, we'll force fallbacks
                     // to stay in place.
                     // Reset the effect list before doing the second pass since that's now invalid.
@@ -10572,7 +10610,7 @@
                 // We have already passed our CPU deadline but we still have rows
                 // left in the tail. We'll just give up further attempts to render
                 // the main content and only render fallbacks.
-                workInProgress.effectTag |= DidCapture;
+                workInProgress.flags |= DidCapture;
                 didSuspendAlready = true;
                 cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
                 // to get it started back up to attempt the next item. While in terms
@@ -10599,7 +10637,7 @@
               var _suspended = findFirstSuspended(renderedTail);
 
               if (_suspended !== null) {
-                workInProgress.effectTag |= DidCapture;
+                workInProgress.flags |= DidCapture;
                 didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
                 // get lost if this row ends up dropped during a second pass.
 
@@ -10607,7 +10645,7 @@
 
                 if (_newThennables !== null) {
                   workInProgress.updateQueue = _newThennables;
-                  workInProgress.effectTag |= Update;
+                  workInProgress.flags |= Update;
                 }
 
                 cutOffTailIfNeeded(renderState, true); // This might have been modified.
@@ -10633,7 +10671,7 @@
                 // We have now passed our CPU deadline and we'll just give up further
                 // attempts to render the main content and only render fallbacks.
                 // The assumption is that this is usually faster.
-                workInProgress.effectTag |= DidCapture;
+                workInProgress.flags |= DidCapture;
                 didSuspendAlready = true;
                 cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
                 // to get it started back up to attempt the next item. While in terms
@@ -10729,7 +10767,7 @@
             var nextIsHidden = _nextState !== null;
 
             if (prevIsHidden !== nextIsHidden && newProps.mode !== 'unstable-defer-without-hiding') {
-              workInProgress.effectTag |= Update;
+              workInProgress.flags |= Update;
             }
           }
 
@@ -10754,10 +10792,10 @@
             popContext(workInProgress);
           }
 
-          var effectTag = workInProgress.effectTag;
+          var flags = workInProgress.flags;
 
-          if (effectTag & ShouldCapture) {
-            workInProgress.effectTag = effectTag & ~ShouldCapture | DidCapture;
+          if (flags & ShouldCapture) {
+            workInProgress.flags = flags & ~ShouldCapture | DidCapture;
 
             if ( (workInProgress.mode & ProfileMode) !== NoMode) {
               transferActualDuration(workInProgress);
@@ -10774,15 +10812,15 @@
           popHostContainer(workInProgress);
           popTopLevelContextObject(workInProgress);
           resetWorkInProgressVersions();
-          var _effectTag = workInProgress.effectTag;
+          var _flags = workInProgress.flags;
 
-          if (!((_effectTag & DidCapture) === NoEffect)) {
+          if (!((_flags & DidCapture) === NoFlags)) {
             {
               throw Error( "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.flags = _flags & ~ShouldCapture | DidCapture;
           return workInProgress;
         }
 
@@ -10797,10 +10835,10 @@
         {
           popSuspenseContext(workInProgress);
 
-          var _effectTag2 = workInProgress.effectTag;
+          var _flags2 = workInProgress.flags;
 
-          if (_effectTag2 & ShouldCapture) {
-            workInProgress.effectTag = _effectTag2 & ~ShouldCapture | DidCapture; // Captured a suspense effect. Re-render the boundary.
+          if (_flags2 & ShouldCapture) {
+            workInProgress.flags = _flags2 & ~ShouldCapture | DidCapture; // Captured a suspense effect. Re-render the boundary.
 
             if ( (workInProgress.mode & ProfileMode) !== NoMode) {
               transferActualDuration(workInProgress);
@@ -11084,7 +11122,7 @@
 
   function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes) {
     // The source fiber did not complete.
-    sourceFiber.effectTag |= Incomplete; // Its effect list is no longer valid.
+    sourceFiber.flags |= Incomplete; // Its effect list is no longer valid.
 
     sourceFiber.firstEffect = sourceFiber.lastEffect = null;
 
@@ -11135,12 +11173,12 @@
 
 
           if ((_workInProgress.mode & BlockingMode) === NoMode) {
-            _workInProgress.effectTag |= DidCapture;
-            sourceFiber.effectTag |= ForceUpdateForLegacySuspense; // We're going to commit this fiber even though it didn't complete.
+            _workInProgress.flags |= DidCapture;
+            sourceFiber.flags |= ForceUpdateForLegacySuspense; // 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 | Incomplete);
+            sourceFiber.flags &= ~(LifecycleEffectMask | Incomplete);
 
             if (sourceFiber.tag === ClassComponent) {
               var currentSourceFiber = sourceFiber.alternate;
@@ -11190,8 +11228,8 @@
           // that we can show the initial loading state as quickly as possible.
           //
           // If we hit a "Delayed" case, such as when we'd switch from content back into
-          // a fallback, then we should always suspend/restart. SuspenseConfig applies to
-          // this case. If none is defined, JND is used instead.
+          // a fallback, then we should always suspend/restart. Transitions apply
+          // to this case. If none is defined, JND is used instead.
           //
           // If we're already showing a fallback and it gets "retried", allowing us to show
           // another level, but there's still an inner boundary that would show a fallback,
@@ -11208,7 +11246,7 @@
 
 
           attachPingListener(root, wakeable, rootRenderLanes);
-          _workInProgress.effectTag |= ShouldCapture;
+          _workInProgress.flags |= ShouldCapture;
           _workInProgress.lanes = rootRenderLanes;
           return;
         } // This boundary already captured during this render. Continue to the next
@@ -11235,7 +11273,7 @@
         case HostRoot:
           {
             var _errorInfo = value;
-            workInProgress.effectTag |= ShouldCapture;
+            workInProgress.flags |= ShouldCapture;
             var lane = pickArbitraryLane(rootRenderLanes);
             workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
 
@@ -11251,8 +11289,8 @@
           var ctor = workInProgress.type;
           var instance = workInProgress.stateNode;
 
-          if ((workInProgress.effectTag & DidCapture) === NoEffect && (typeof ctor.getDerivedStateFromError === 'function' || instance !== null && typeof instance.componentDidCatch === 'function' && !isAlreadyFailedLegacyErrorBoundary(instance))) {
-            workInProgress.effectTag |= ShouldCapture;
+          if ((workInProgress.flags & DidCapture) === NoFlags && (typeof ctor.getDerivedStateFromError === 'function' || instance !== null && typeof instance.componentDidCatch === 'function' && !isAlreadyFailedLegacyErrorBoundary(instance))) {
+            workInProgress.flags |= ShouldCapture;
 
             var _lane = pickArbitraryLane(rootRenderLanes);
 
@@ -11504,18 +11542,18 @@
   }; // Capture errors so they don't interrupt unmounting.
 
 
-  function safelyCallComponentWillUnmount(current, instance, nearestMountedAncestor) {
+  function safelyCallComponentWillUnmount(current, instance) {
     {
       invokeGuardedCallback(null, callComponentWillUnmountWithTimer, null, current, instance);
 
       if (hasCaughtError()) {
         var unmountError = clearCaughtError();
-        captureCommitPhaseError(current, nearestMountedAncestor, unmountError);
+        captureCommitPhaseError(current, unmountError);
       }
     }
   }
 
-  function safelyDetachRef(current, nearestMountedAncestor) {
+  function safelyDetachRef(current) {
     var ref = current.ref;
 
     if (ref !== null) {
@@ -11525,7 +11563,7 @@
 
           if (hasCaughtError()) {
             var refError = clearCaughtError();
-            captureCommitPhaseError(current, nearestMountedAncestor, refError);
+            captureCommitPhaseError(current, refError);
           }
         }
       } else {
@@ -11534,13 +11572,13 @@
     }
   }
 
-  function safelyCallDestroy(current, nearestMountedAncestor, destroy) {
+  function safelyCallDestroy(current, destroy) {
     {
       invokeGuardedCallback(null, destroy, null);
 
       if (hasCaughtError()) {
         var error = clearCaughtError();
-        captureCommitPhaseError(current, nearestMountedAncestor, error);
+        captureCommitPhaseError(current, error);
       }
     }
   }
@@ -11557,7 +11595,7 @@
 
       case ClassComponent:
         {
-          if (finishedWork.effectTag & Snapshot) {
+          if (finishedWork.flags & Snapshot) {
             if (current !== null) {
               var prevProps = current.memoizedProps;
               var prevState = current.memoizedState;
@@ -11599,7 +11637,7 @@
       case HostRoot:
         {
           {
-            if (finishedWork.effectTag & Snapshot) {
+            if (finishedWork.flags & Snapshot) {
               var root = finishedWork.stateNode;
               clearContainer(root.containerInfo);
             }
@@ -11698,7 +11736,7 @@
             next = _effect.next,
             tag = _effect.tag;
 
-        if ((tag & Passive$1) !== NoEffect$1 && (tag & HasEffect) !== NoEffect$1) {
+        if ((tag & Passive$1) !== NoFlags$1 && (tag & HasEffect) !== NoFlags$1) {
           enqueuePendingPassiveHookEffectUnmount(finishedWork, effect);
           enqueuePendingPassiveHookEffectMount(finishedWork, effect);
         }
@@ -11731,7 +11769,7 @@
         {
           var instance = finishedWork.stateNode;
 
-          if (finishedWork.effectTag & Update) {
+          if (finishedWork.flags & Update) {
             if (current === null) {
               // We could update instance props and state here,
               // but instead we rely on them being set during last render.
@@ -11835,7 +11873,7 @@
           // These effects should only be committed when components are first mounted,
           // aka when there is no current/alternate.
 
-          if (current === null && finishedWork.effectTag & Update) {
+          if (current === null && finishedWork.flags & Update) {
             var type = finishedWork.type;
             var props = finishedWork.memoizedProps;
           }
@@ -11987,7 +12025,7 @@
   // interrupt deletion, so it's okay
 
 
-  function commitUnmount(finishedRoot, current, nearestMountedAncestor, renderPriorityLevel) {
+  function commitUnmount(finishedRoot, current, renderPriorityLevel) {
     onCommitUnmount(current);
 
     switch (current.tag) {
@@ -12012,11 +12050,11 @@
                     tag = _effect2.tag;
 
                 if (destroy !== undefined) {
-                  if ((tag & Passive$1) !== NoEffect$1) {
+                  if ((tag & Passive$1) !== NoFlags$1) {
                     enqueuePendingPassiveHookEffectUnmount(current, effect);
                   } else {
                     {
-                      safelyCallDestroy(current, nearestMountedAncestor, destroy);
+                      safelyCallDestroy(current, destroy);
                     }
                   }
                 }
@@ -12031,11 +12069,11 @@
 
       case ClassComponent:
         {
-          safelyDetachRef(current, nearestMountedAncestor);
+          safelyDetachRef(current);
           var instance = current.stateNode;
 
           if (typeof instance.componentWillUnmount === 'function') {
-            safelyCallComponentWillUnmount(current, instance, nearestMountedAncestor);
+            safelyCallComponentWillUnmount(current, instance);
           }
 
           return;
@@ -12043,7 +12081,7 @@
 
       case HostComponent:
         {
-          safelyDetachRef(current, nearestMountedAncestor);
+          safelyDetachRef(current);
           return;
         }
 
@@ -12053,7 +12091,7 @@
           // We are also not using this parent because
           // the portal will get pushed immediately.
           {
-            unmountHostComponents(finishedRoot, current, nearestMountedAncestor);
+            unmountHostComponents(finishedRoot, current);
           }
 
           return;
@@ -12079,7 +12117,7 @@
     }
   }
 
-  function commitNestedUnmounts(finishedRoot, root, nearestMountedAncestor, renderPriorityLevel) {
+  function commitNestedUnmounts(finishedRoot, root, renderPriorityLevel) {
     // While we're inside a removed host node we don't want to call
     // removeChild on the inner nodes because they're removed by the top
     // call anyway. We also want to call componentWillUnmount on all
@@ -12088,7 +12126,7 @@
     var node = root;
 
     while (true) {
-      commitUnmount(finishedRoot, node, nearestMountedAncestor); // Visit children because they may contain more composite or host nodes.
+      commitUnmount(finishedRoot, node); // Visit children because they may contain more composite or host nodes.
       // Skip portals because commitUnmount() currently visits them recursively.
 
       if (node.child !== null && ( // If we use mutation we drill down into portals using commitUnmount above.
@@ -12193,7 +12231,7 @@
       while (node.tag !== HostComponent && node.tag !== HostText && node.tag !== DehydratedFragment) {
         // If it is not host node and, we might have a host node inside it.
         // Try to search down until we find one.
-        if (node.effectTag & Placement) {
+        if (node.flags & Placement) {
           // If we don't have a child, try the siblings instead.
           continue siblings;
         } // If we don't have a child, try the siblings instead.
@@ -12209,7 +12247,7 @@
       } // Check if this host node is stable or about to be placed.
 
 
-      if (!(node.effectTag & Placement)) {
+      if (!(node.flags & Placement)) {
         // Found it!
         return node.stateNode;
       }
@@ -12254,9 +12292,9 @@
 
     }
 
-    if (parentFiber.effectTag & ContentReset) {
+    if (parentFiber.flags & ContentReset) {
 
-      parentFiber.effectTag &= ~ContentReset;
+      parentFiber.flags &= ~ContentReset;
     }
 
     var before = getHostSibling(finishedWork); // We only have the top Fiber that was inserted but we need to recurse down its
@@ -12323,7 +12361,7 @@
     }
   }
 
-  function unmountHostComponents(finishedRoot, current, nearestMountedAncestor, renderPriorityLevel) {
+  function unmountHostComponents(finishedRoot, current, renderPriorityLevel) {
     // We only have the top Fiber that was deleted but we need to recurse down its
     // children to find all the terminal nodes.
     var node = current; // Each iteration, currentParent is populated with node's host parent if not
@@ -12372,7 +12410,7 @@
       }
 
       if (node.tag === HostComponent || node.tag === HostText) {
-        commitNestedUnmounts(finishedRoot, node, nearestMountedAncestor); // After all the children have unmounted, it is now safe to remove the
+        commitNestedUnmounts(finishedRoot, node); // After all the children have unmounted, it is now safe to remove the
         // node from the tree.
 
         if (currentParentIsContainer) {
@@ -12393,7 +12431,7 @@
           continue;
         }
       } else {
-        commitUnmount(finishedRoot, node, nearestMountedAncestor); // Visit children because we may find more host components below.
+        commitUnmount(finishedRoot, node); // Visit children because we may find more host components below.
 
         if (node.child !== null) {
           node.child.return = node;
@@ -12425,11 +12463,11 @@
     }
   }
 
-  function commitDeletion(finishedRoot, current, nearestMountedAncestor, renderPriorityLevel) {
+  function commitDeletion(finishedRoot, current, renderPriorityLevel) {
     {
       // Recursively delete all host nodes from the parent.
       // Detach refs and call componentWillUnmount() on the whole subtree.
-      unmountHostComponents(finishedRoot, current, nearestMountedAncestor);
+      unmountHostComponents(finishedRoot, current);
     }
 
     var alternate = current.alternate;
@@ -12830,7 +12868,7 @@
     currentEventTime = now();
     return currentEventTime;
   }
-  function requestUpdateLane(fiber, suspenseConfig) {
+  function requestUpdateLane(fiber) {
     // Special cases
     var mode = fiber.mode;
 
@@ -12858,10 +12896,9 @@
       currentEventWipLanes = workInProgressRootIncludedLanes;
     }
 
-    if (suspenseConfig !== null) {
-      // Use the size of the timeout as a heuristic to prioritize shorter
-      // transitions over longer ones.
-      // TODO: This will coerce numbers larger than 31 bits to 0.
+    var isTransition = requestCurrentTransition() !== NoTransition;
+
+    if (isTransition) {
       if (currentEventPendingLanes !== NoLanes) {
         currentEventPendingLanes = mostRecentlyUpdatedRoot !== null ? mostRecentlyUpdatedRoot.pendingLanes : NoLanes;
       }
@@ -13015,7 +13052,7 @@
     }
 
     {
-      if (alternate === null && (sourceFiber.effectTag & (Placement | Hydrating)) !== NoEffect) {
+      if (alternate === null && (sourceFiber.flags & (Placement | Hydrating)) !== NoFlags) {
         warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
       }
     } // Walk the parent path to the root and update the child expiration time.
@@ -13032,7 +13069,7 @@
         alternate.childLanes = mergeLanes(alternate.childLanes, lane);
       } else {
         {
-          if ((parent.effectTag & (Placement | Hydrating)) !== NoEffect) {
+          if ((parent.flags & (Placement | Hydrating)) !== NoFlags) {
             warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
           }
         }
@@ -13287,7 +13324,7 @@
           if (!shouldForceFlushFallbacksInDEV()) {
             // This is not a transition, but we did trigger an avoided state.
             // Schedule a placeholder to display after a short delay, using the Just
-            // Noticable Difference.
+            // Noticeable Difference.
             // TODO: Is the JND optimization worth the added complexity? If this is
             // the only reason we track the event time, then probably not.
             // Consider removing.
@@ -13796,7 +13833,7 @@
       var current = completedWork.alternate;
       var returnFiber = completedWork.return; // Check if the work completed or if something threw.
 
-      if ((completedWork.effectTag & Incomplete) === NoEffect) {
+      if ((completedWork.flags & Incomplete) === NoFlags) {
         setCurrentFiber(completedWork);
         var next = void 0;
 
@@ -13820,7 +13857,7 @@
         resetChildLanes(completedWork);
 
         if (returnFiber !== null && // Do not append effects to parents if a sibling failed to complete
-        (returnFiber.effectTag & Incomplete) === NoEffect) {
+        (returnFiber.flags & Incomplete) === NoFlags) {
           // Append all the effects of the subtree and this fiber onto the effect
           // list of the parent. The completion order of the children affects the
           // side-effect order.
@@ -13842,11 +13879,11 @@
           // at the end.
 
 
-          var effectTag = completedWork.effectTag; // Skip both NoWork and PerformedWork tags when creating the effect
+          var flags = completedWork.flags; // Skip both NoWork and PerformedWork tags when creating the effect
           // list. PerformedWork effect is read by React DevTools but shouldn't be
           // committed.
 
-          if (effectTag > PerformedWork) {
+          if (flags > PerformedWork) {
             if (returnFiber.lastEffect !== null) {
               returnFiber.lastEffect.nextEffect = completedWork;
             } else {
@@ -13868,7 +13905,7 @@
           // back here again.
           // Since we're restarting, remove anything that is not a host effect
           // from the effect tag.
-          _next.effectTag &= HostEffectMask;
+          _next.flags &= HostEffectMask;
           workInProgress = _next;
           return;
         }
@@ -13891,7 +13928,7 @@
         if (returnFiber !== null) {
           // Mark the parent fiber as incomplete and clear its effect list.
           returnFiber.firstEffect = returnFiber.lastEffect = null;
-          returnFiber.effectTag |= Incomplete;
+          returnFiber.flags |= Incomplete;
         }
       }
 
@@ -14045,7 +14082,7 @@
 
     var firstEffect;
 
-    if (finishedWork.effectTag > PerformedWork) {
+    if (finishedWork.flags > PerformedWork) {
       // A fiber's effect list consists only of its children, not itself. So if
       // the root has an effect, we need to add it to the end of the list. The
       // resulting list is the set that would belong to the root's parent, if it
@@ -14090,7 +14127,7 @@
             }
 
             var error = clearCaughtError();
-            captureCommitPhaseError(nextEffect, nextEffect.return, error);
+            captureCommitPhaseError(nextEffect, error);
             nextEffect = nextEffect.nextEffect;
           }
         }
@@ -14121,7 +14158,7 @@
 
             var _error = clearCaughtError();
 
-            captureCommitPhaseError(nextEffect, nextEffect.return, _error);
+            captureCommitPhaseError(nextEffect, _error);
             nextEffect = nextEffect.nextEffect;
           }
         }
@@ -14151,7 +14188,7 @@
 
             var _error2 = clearCaughtError();
 
-            captureCommitPhaseError(nextEffect, nextEffect.return, _error2);
+            captureCommitPhaseError(nextEffect, _error2);
             nextEffect = nextEffect.nextEffect;
           }
         }
@@ -14197,7 +14234,7 @@
         var nextNextEffect = nextEffect.nextEffect;
         nextEffect.nextEffect = null;
 
-        if (nextEffect.effectTag & Deletion) {
+        if (nextEffect.flags & Deletion) {
           detachFiberAfterEffects(nextEffect);
         }
 
@@ -14283,7 +14320,7 @@
       var current = nextEffect.alternate;
 
       if (!shouldFireAfterActiveInstanceBlur && focusedInstanceHandle !== null) {
-        if ((nextEffect.effectTag & Deletion) !== NoEffect) {
+        if ((nextEffect.flags & Deletion) !== NoFlags) {
           if (doesFiberContain(nextEffect, focusedInstanceHandle)) {
             shouldFireAfterActiveInstanceBlur = true;
           }
@@ -14295,15 +14332,15 @@
         }
       }
 
-      var effectTag = nextEffect.effectTag;
+      var flags = nextEffect.flags;
 
-      if ((effectTag & Snapshot) !== NoEffect) {
+      if ((flags & Snapshot) !== NoFlags) {
         setCurrentFiber(nextEffect);
         commitBeforeMutationLifeCycles(current, nextEffect);
         resetCurrentFiber();
       }
 
-      if ((effectTag & Passive) !== NoEffect) {
+      if ((flags & Passive) !== NoFlags) {
         // If there are passive effects, schedule a callback to flush at
         // the earliest opportunity.
         if (!rootDoesHavePassiveEffects) {
@@ -14323,13 +14360,13 @@
     // TODO: Should probably move the bulk of this function to commitWork.
     while (nextEffect !== null) {
       setCurrentFiber(nextEffect);
-      var effectTag = nextEffect.effectTag;
+      var flags = nextEffect.flags;
 
-      if (effectTag & ContentReset) {
+      if (flags & ContentReset) {
         commitResetTextContent(nextEffect);
       }
 
-      if (effectTag & Ref) {
+      if (flags & Ref) {
         var current = nextEffect.alternate;
 
         if (current !== null) {
@@ -14341,9 +14378,9 @@
       // switch on that value.
 
 
-      var primaryEffectTag = effectTag & (Placement | Update | Deletion | Hydrating);
+      var primaryFlags = flags & (Placement | Update | Deletion | Hydrating);
 
-      switch (primaryEffectTag) {
+      switch (primaryFlags) {
         case Placement:
           {
             commitPlacement(nextEffect); // Clear the "placement" from effect tag so that we know that this is
@@ -14351,7 +14388,7 @@
             // TODO: findDOMNode doesn't rely on this any more but isMounted does
             // and isMounted is deprecated anyway so we should be able to kill this.
 
-            nextEffect.effectTag &= ~Placement;
+            nextEffect.flags &= ~Placement;
             break;
           }
 
@@ -14361,7 +14398,7 @@
             commitPlacement(nextEffect); // Clear the "placement" from effect tag so that we know that this is
             // inserted, before any life-cycles like componentDidMount gets called.
 
-            nextEffect.effectTag &= ~Placement; // Update
+            nextEffect.flags &= ~Placement; // Update
 
             var _current = nextEffect.alternate;
             commitWork(_current, nextEffect);
@@ -14370,13 +14407,13 @@
 
         case Hydrating:
           {
-            nextEffect.effectTag &= ~Hydrating;
+            nextEffect.flags &= ~Hydrating;
             break;
           }
 
         case HydratingAndUpdate:
           {
-            nextEffect.effectTag &= ~Hydrating; // Update
+            nextEffect.flags &= ~Hydrating; // Update
 
             var _current2 = nextEffect.alternate;
             commitWork(_current2, nextEffect);
@@ -14392,7 +14429,7 @@
 
         case Deletion:
           {
-            commitDeletion(root, nextEffect, nextEffect.return);
+            commitDeletion(root, nextEffect);
             break;
           }
       }
@@ -14407,15 +14444,15 @@
 
     while (nextEffect !== null) {
       setCurrentFiber(nextEffect);
-      var effectTag = nextEffect.effectTag;
+      var flags = nextEffect.flags;
 
-      if (effectTag & (Update | Callback)) {
+      if (flags & (Update | Callback)) {
         var current = nextEffect.alternate;
         commitLifeCycles(root, current, nextEffect);
       }
 
       {
-        if (effectTag & Ref) {
+        if (flags & Ref) {
           commitAttachRef(nextEffect);
         }
       }
@@ -14453,11 +14490,11 @@
     pendingPassiveHookEffectsUnmount.push(effect, fiber);
 
     {
-      fiber.effectTag |= PassiveUnmountPendingDev;
+      fiber.flags |= PassiveUnmountPendingDev;
       var alternate = fiber.alternate;
 
       if (alternate !== null) {
-        alternate.effectTag |= PassiveUnmountPendingDev;
+        alternate.flags |= PassiveUnmountPendingDev;
       }
     }
 
@@ -14515,11 +14552,11 @@
       _effect.destroy = undefined;
 
       {
-        fiber.effectTag &= ~PassiveUnmountPendingDev;
+        fiber.flags &= ~PassiveUnmountPendingDev;
         var alternate = fiber.alternate;
 
         if (alternate !== null) {
-          alternate.effectTag &= ~PassiveUnmountPendingDev;
+          alternate.flags &= ~PassiveUnmountPendingDev;
         }
       }
 
@@ -14539,7 +14576,7 @@
             }
 
             var error = clearCaughtError();
-            captureCommitPhaseError(fiber, fiber.return, error);
+            captureCommitPhaseError(fiber, error);
           }
 
           resetCurrentFiber();
@@ -14571,7 +14608,7 @@
 
           var _error4 = clearCaughtError();
 
-          captureCommitPhaseError(_fiber, _fiber.return, _error4);
+          captureCommitPhaseError(_fiber, _error4);
         }
 
         resetCurrentFiber();
@@ -14588,7 +14625,7 @@
 
       effect.nextEffect = null;
 
-      if (effect.effectTag & Deletion) {
+      if (effect.flags & Deletion) {
         detachFiberAfterEffects(effect);
       }
 
@@ -14646,7 +14683,7 @@
     }
   }
 
-  function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
+  function captureCommitPhaseError(sourceFiber, error) {
     if (sourceFiber.tag === HostRoot) {
       // Error was thrown at the root. There is no parent, so the root
       // itself should capture it.
@@ -14654,11 +14691,7 @@
       return;
     }
 
-    var fiber = null;
-
-    {
-      fiber = sourceFiber.return;
-    }
+    var fiber = sourceFiber.return;
 
     while (fiber !== null) {
       if (fiber.tag === HostRoot) {
@@ -14879,7 +14912,7 @@
       // we can assume that they would have prevented this update.
 
 
-      if ((fiber.effectTag & PassiveUnmountPendingDev) !== NoEffect) {
+      if ((fiber.flags & PassiveUnmountPendingDev) !== NoFlags) {
         return;
       } // We show the whole stack but dedupe on the top component's name because
       // the problematic code almost always lies inside that component.
@@ -15177,26 +15210,10 @@
       });
     }
   } // `act` testing API
-  //
-  // TODO: This is mostly a copy-paste from the legacy `act`, which does not have
-  // access to the same internals that we do here. Some trade offs in the
-  // implementation no longer make sense.
-
-
-  var isFlushingAct = false;
-  var isInsideThisAct = false; // TODO: Yes, this is confusing. See above comment. We'll refactor it.
 
   function shouldForceFlushFallbacksInDEV() {
-
-
-    if (IsThisRendererActing.current) {
-      // `isInsideAct` is only used by the reconciler implementation of `act`.
-      // We don't want to flush suspense fallbacks until the end.
-      return !isInsideThisAct;
-    } // Flush callbacks at the end.
-
-
-    return isFlushingAct;
+    // Never force flush in production. This function should get stripped out.
+    return  actingUpdatesScopeDepth > 0;
   }
 
   var flushMockScheduler = Scheduler$1.unstable_flushAllWithoutAsserting;
@@ -15205,19 +15222,12 @@
 
   function flushActWork() {
     if (flushMockScheduler !== undefined) {
-      var prevIsFlushing = isFlushingAct;
-      isFlushingAct = true;
 
       try {
         return flushMockScheduler();
       } finally {
-        isFlushingAct = prevIsFlushing;
       }
     } else {
-      // No mock scheduler available. However, the only type of pending work is
-      // passive effects, which we control. So we can flush that.
-      var _prevIsFlushing = isFlushingAct;
-      isFlushingAct = true;
 
       try {
         var didFlushWork = false;
@@ -15228,7 +15238,6 @@
 
         return didFlushWork;
       } finally {
-        isFlushingAct = _prevIsFlushing;
       }
     }
   }
@@ -15257,16 +15266,13 @@
     actingUpdatesScopeDepth++;
     var previousIsSomeRendererActing = IsSomeRendererActing.current;
     var previousIsThisRendererActing = IsThisRendererActing.current;
-    var previousIsInsideThisAct = isInsideThisAct;
     IsSomeRendererActing.current = true;
     IsThisRendererActing.current = true;
-    isInsideThisAct = true;
 
     function onDone() {
       actingUpdatesScopeDepth--;
       IsSomeRendererActing.current = previousIsSomeRendererActing;
       IsThisRendererActing.current = previousIsThisRendererActing;
-      isInsideThisAct = previousIsInsideThisAct;
 
       {
         if (actingUpdatesScopeDepth > previousActingUpdatesScopeDepth) {
@@ -15807,7 +15813,7 @@
     this.dependencies = null;
     this.mode = mode; // Effects
 
-    this.effectTag = NoEffect;
+    this.flags = NoFlags;
     this.nextEffect = null;
     this.firstEffect = null;
     this.lastEffect = null;
@@ -15929,7 +15935,7 @@
       workInProgress.type = current.type; // We already have an alternate.
       // Reset the effect tag.
 
-      workInProgress.effectTag = NoEffect; // The effect list is no longer valid.
+      workInProgress.flags = NoFlags; // The effect list is no longer valid.
 
       workInProgress.nextEffect = null;
       workInProgress.firstEffect = null;
@@ -16000,7 +16006,7 @@
     // avoid doing another reconciliation.
     // Reset the effect tag but keep any Placement tags, since that's something
     // that child fiber is setting, not the reconciliation.
-    workInProgress.effectTag &= Placement; // The effect list is no longer valid.
+    workInProgress.flags &= Placement; // The effect list is no longer valid.
 
     workInProgress.nextEffect = null;
     workInProgress.firstEffect = null;
@@ -16416,8 +16422,7 @@
       }
     }
 
-    var suspenseConfig = requestCurrentSuspenseConfig();
-    var lane = requestUpdateLane(current$1, suspenseConfig);
+    var lane = requestUpdateLane(current$1);
 
     var context = getContextForSubtree(parentComponent);
 
@@ -16481,29 +16486,96 @@
     return shouldSuspendImpl(fiber);
   }
   var overrideHookState = null;
+  var overrideHookStateDeletePath = null;
+  var overrideHookStateRenamePath = null;
   var overrideProps = null;
+  var overridePropsDeletePath = null;
+  var overridePropsRenamePath = null;
   var scheduleUpdate = null;
   var setSuspenseHandler = null;
 
   {
-    var copyWithSetImpl = function (obj, path, idx, value) {
-      if (idx >= path.length) {
+    var copyWithDeleteImpl = function (obj, path, index) {
+      var key = path[index];
+      var updated = Array.isArray(obj) ? obj.slice() : _assign({}, obj);
+
+      if (index + 1 === path.length) {
+        if (Array.isArray(updated)) {
+          updated.splice(key, 1);
+        } else {
+          delete updated[key];
+        }
+
+        return updated;
+      } // $FlowFixMe number or string is fine here
+
+
+      updated[key] = copyWithDeleteImpl(obj[key], path, index + 1);
+      return updated;
+    };
+
+    var copyWithDelete = function (obj, path) {
+      return copyWithDeleteImpl(obj, path, 0);
+    };
+
+    var copyWithRenameImpl = function (obj, oldPath, newPath, index) {
+      var oldKey = oldPath[index];
+      var updated = Array.isArray(obj) ? obj.slice() : _assign({}, obj);
+
+      if (index + 1 === oldPath.length) {
+        var newKey = newPath[index]; // $FlowFixMe number or string is fine here
+
+        updated[newKey] = updated[oldKey];
+
+        if (Array.isArray(updated)) {
+          updated.splice(oldKey, 1);
+        } else {
+          delete updated[oldKey];
+        }
+      } else {
+        // $FlowFixMe number or string is fine here
+        updated[oldKey] = copyWithRenameImpl( // $FlowFixMe number or string is fine here
+        obj[oldKey], oldPath, newPath, index + 1);
+      }
+
+      return updated;
+    };
+
+    var copyWithRename = function (obj, oldPath, newPath) {
+      if (oldPath.length !== newPath.length) {
+        warn('copyWithRename() expects paths of the same length');
+
+        return;
+      } else {
+        for (var i = 0; i < newPath.length - 1; i++) {
+          if (oldPath[i] !== newPath[i]) {
+            warn('copyWithRename() expects paths to be the same except for the deepest key');
+
+            return;
+          }
+        }
+      }
+
+      return copyWithRenameImpl(obj, oldPath, newPath, 0);
+    };
+
+    var copyWithSetImpl = function (obj, path, index, value) {
+      if (index >= path.length) {
         return value;
       }
 
-      var key = path[idx];
+      var key = path[index];
       var updated = Array.isArray(obj) ? obj.slice() : _assign({}, obj); // $FlowFixMe number or string is fine here
 
-      updated[key] = copyWithSetImpl(obj[key], path, idx + 1, value);
+      updated[key] = copyWithSetImpl(obj[key], path, index + 1, value);
       return updated;
     };
 
     var copyWithSet = function (obj, path, value) {
       return copyWithSetImpl(obj, path, 0, value);
-    }; // Support DevTools editable values for useState and useReducer.
-
+    };
 
-    overrideHookState = function (fiber, id, path, value) {
+    var findHook = function (fiber, id) {
       // For now, the "id" of stateful hooks is just the stateful hook index.
       // This may change in the future with e.g. nested hooks.
       var currentHook = fiber.memoizedState;
@@ -16513,10 +16585,51 @@
         id--;
       }
 
-      if (currentHook !== null) {
-        var newState = copyWithSet(currentHook.memoizedState, path, value);
-        currentHook.memoizedState = newState;
-        currentHook.baseState = newState; // We aren't actually adding an update to the queue,
+      return currentHook;
+    }; // Support DevTools editable values for useState and useReducer.
+
+
+    overrideHookState = function (fiber, id, path, value) {
+      var hook = findHook(fiber, id);
+
+      if (hook !== null) {
+        var newState = copyWithSet(hook.memoizedState, path, value);
+        hook.memoizedState = newState;
+        hook.baseState = newState; // We aren't actually adding an update to the queue,
+        // because there is no update we can add for useReducer hooks that won't trigger an error.
+        // (There's no appropriate action type for DevTools overrides.)
+        // As a result though, React will see the scheduled update as a noop and bailout.
+        // Shallow cloning props works as a workaround for now to bypass the bailout check.
+
+        fiber.memoizedProps = _assign({}, fiber.memoizedProps);
+        scheduleUpdateOnFiber(fiber, SyncLane, NoTimestamp);
+      }
+    };
+
+    overrideHookStateDeletePath = function (fiber, id, path) {
+      var hook = findHook(fiber, id);
+
+      if (hook !== null) {
+        var newState = copyWithDelete(hook.memoizedState, path);
+        hook.memoizedState = newState;
+        hook.baseState = newState; // We aren't actually adding an update to the queue,
+        // because there is no update we can add for useReducer hooks that won't trigger an error.
+        // (There's no appropriate action type for DevTools overrides.)
+        // As a result though, React will see the scheduled update as a noop and bailout.
+        // Shallow cloning props works as a workaround for now to bypass the bailout check.
+
+        fiber.memoizedProps = _assign({}, fiber.memoizedProps);
+        scheduleUpdateOnFiber(fiber, SyncLane, NoTimestamp);
+      }
+    };
+
+    overrideHookStateRenamePath = function (fiber, id, oldPath, newPath) {
+      var hook = findHook(fiber, id);
+
+      if (hook !== null) {
+        var newState = copyWithRename(hook.memoizedState, oldPath, newPath);
+        hook.memoizedState = newState;
+        hook.baseState = newState; // We aren't actually adding an update to the queue,
         // because there is no update we can add for useReducer hooks that won't trigger an error.
         // (There's no appropriate action type for DevTools overrides.)
         // As a result though, React will see the scheduled update as a noop and bailout.
@@ -16538,6 +16651,26 @@
       scheduleUpdateOnFiber(fiber, SyncLane, NoTimestamp);
     };
 
+    overridePropsDeletePath = function (fiber, path) {
+      fiber.pendingProps = copyWithDelete(fiber.memoizedProps, path);
+
+      if (fiber.alternate) {
+        fiber.alternate.pendingProps = fiber.pendingProps;
+      }
+
+      scheduleUpdateOnFiber(fiber, SyncLane, NoTimestamp);
+    };
+
+    overridePropsRenamePath = function (fiber, oldPath, newPath) {
+      fiber.pendingProps = copyWithRename(fiber.memoizedProps, oldPath, newPath);
+
+      if (fiber.alternate) {
+        fiber.alternate.pendingProps = fiber.pendingProps;
+      }
+
+      scheduleUpdateOnFiber(fiber, SyncLane, NoTimestamp);
+    };
+
     scheduleUpdate = function (fiber) {
       scheduleUpdateOnFiber(fiber, SyncLane, NoTimestamp);
     };
@@ -16574,7 +16707,11 @@
       rendererPackageName: devToolsConfig.rendererPackageName,
       rendererConfig: devToolsConfig.rendererConfig,
       overrideHookState: overrideHookState,
+      overrideHookStateDeletePath: overrideHookStateDeletePath,
+      overrideHookStateRenamePath: overrideHookStateRenamePath,
       overrideProps: overrideProps,
+      overridePropsDeletePath: overridePropsDeletePath,
+      overridePropsRenamePath: overridePropsRenamePath,
       setSuspenseHandler: setSuspenseHandler,
       scheduleUpdate: scheduleUpdate,
       currentDispatcherRef: ReactCurrentDispatcher,
@@ -16590,6 +16727,7 @@
     });
   }
 
+  var IsSomeRendererActing$1 = ReactSharedInternals.IsSomeRendererActing;
   var defaultTestOptions = {
     createNodeMock: function () {
       return null;
@@ -17144,10 +17282,110 @@
     version: ReactVersion,
     rendererPackageName: 'react-test-renderer'
   });
+  var actingUpdatesScopeDepth$1 = 0; // This version of `act` is only used by our tests. Unlike the public version
+  // of `act`, it's designed to work identically in both production and
+  // development. It may have slightly different behavior from the public
+  // version, too, since our constraints in our test suite are not the same as
+  // those of developers using React — we're testing React itself, as opposed to
+  // building an app with React.
+  // TODO: Migrate our tests to use ReactNoop. Although we would need to figure
+  // out a solution for Relay, which has some Concurrent Mode tests.
+
+  function unstable_concurrentAct(scope) {
+    if (Scheduler.unstable_flushAllWithoutAsserting === undefined) {
+      throw Error('This version of `act` requires a special mock build of Scheduler.');
+    }
+
+    if (setTimeout._isMockFunction !== true) {
+      throw Error("This version of `act` requires Jest's timer mocks " + '(i.e. jest.useFakeTimers).');
+    }
+
+    var previousActingUpdatesScopeDepth = actingUpdatesScopeDepth$1;
+    var previousIsSomeRendererActing = IsSomeRendererActing$1.current;
+    var previousIsThisRendererActing = IsThisRendererActing.current;
+    IsSomeRendererActing$1.current = true;
+    IsThisRendererActing.current = true;
+    actingUpdatesScopeDepth$1++;
+
+    var unwind = function () {
+      actingUpdatesScopeDepth$1--;
+      IsSomeRendererActing$1.current = previousIsSomeRendererActing;
+      IsThisRendererActing.current = previousIsThisRendererActing;
+
+      {
+        if (actingUpdatesScopeDepth$1 > previousActingUpdatesScopeDepth) {
+          // if it's _less than_ previousActingUpdatesScopeDepth, then we can
+          // assume the 'other' one has warned
+          error('You seem to have overlapping act() calls, this is not supported. ' + 'Be sure to await previous act() calls before making a new one. ');
+        }
+      }
+    }; // TODO: This would be way simpler if 1) we required a promise to be
+    // returned and 2) we could use async/await. Since it's only our used in
+    // our test suite, we should be able to.
+
+
+    try {
+      var thenable = batchedUpdates(scope);
+
+      if (typeof thenable === 'object' && thenable !== null && typeof thenable.then === 'function') {
+        return {
+          then: function (resolve, reject) {
+            thenable.then(function () {
+              flushActWork$1(function () {
+                unwind();
+                resolve();
+              }, function (error) {
+                unwind();
+                reject(error);
+              });
+            }, function (error) {
+              unwind();
+              reject(error);
+            });
+          }
+        };
+      } else {
+        try {
+          // TODO: Let's not support non-async scopes at all in our tests. Need to
+          // migrate existing tests.
+          var didFlushWork;
+
+          do {
+            didFlushWork = Scheduler.unstable_flushAllWithoutAsserting();
+          } while (didFlushWork);
+        } finally {
+          unwind();
+        }
+      }
+    } catch (error) {
+      unwind();
+      throw error;
+    }
+  }
+
+  function flushActWork$1(resolve, reject) {
+    // Flush suspended fallbacks
+    // $FlowFixMe: Flow doesn't know about global Jest object
+    jest.runOnlyPendingTimers();
+    enqueueTask(function () {
+      try {
+        var didFlushWork = Scheduler.unstable_flushAllWithoutAsserting();
+
+        if (didFlushWork) {
+          flushActWork$1(resolve, reject);
+        } else {
+          resolve();
+        }
+      } catch (error) {
+        reject(error);
+      }
+    });
+  }
 
   exports._Scheduler = Scheduler;
   exports.act = act;
   exports.create = create;
   exports.unstable_batchedUpdates = batchedUpdates;
+  exports.unstable_concurrentAct = unstable_concurrentAct;
 
 })));