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

package/cjs/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.
@@ -13,43 +13,12 @@ if (process.env.NODE_ENV !== "production") {
   (function() {
 'use strict';
 
+var React = require('react');
 var _assign = require('object-assign');
 var Scheduler = require('scheduler/unstable_mock');
-var React = require('react');
 var Scheduler$1 = require('scheduler');
 var tracing = require('scheduler/tracing');
 
-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 ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
 // by calls to these methods by a Babel plugin.
@@ -100,6 +69,37 @@ function printWarning(level, format, args) {
   }
 }
 
+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 FunctionComponent = 0;
 var ClassComponent = 1;
 var IndeterminateComponent = 2; // Before we know whether it is function or class
@@ -248,7 +248,7 @@ function getComponentName(type) {
       return 'Portal';
 
     case REACT_PROFILER_TYPE:
-      return "Profiler";
+      return 'Profiler';
 
     case REACT_STRICT_MODE_TYPE:
       return 'StrictMode';
@@ -298,8 +298,8 @@ function getComponentName(type) {
 }
 
 // Don't change these two values. They're used by React Dev Tools.
-var NoEffect =
-/*                     */
+var NoFlags =
+/*                      */
 0;
 var PerformedWork =
 /*                */
@@ -382,7 +382,7 @@ function getNearestMountedFiber(fiber) {
     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.
@@ -1596,7 +1596,7 @@ function onScheduleRoot(root, children) {
 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);
@@ -2024,7 +2024,21 @@ function computeExpirationTime(lane, currentTime) {
 
   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 {
@@ -2255,7 +2269,15 @@ function laneToLanes(lane) {
   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
@@ -2534,7 +2556,7 @@ function flushSyncCallbackQueueImpl() {
 }
 
 // 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
@@ -2545,6 +2567,12 @@ var ConcurrentMode = 4;
 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
@@ -3409,7 +3437,7 @@ function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps,
 
     case CaptureUpdate:
       {
-        workInProgress.effectTag = workInProgress.effectTag & ~ShouldCapture | DidCapture;
+        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
       }
     // Intentional fallthrough
 
@@ -3567,7 +3595,7 @@ function processUpdateQueue(workInProgress, props, instance, renderLanes) {
         var callback = update.callback;
 
         if (callback !== null) {
-          workInProgress.effectTag |= Callback;
+          workInProgress.flags |= Callback;
           var effects = queue.effects;
 
           if (effects === null) {
@@ -3658,11 +3686,6 @@ function commitUpdateQueue(finishedWork, finishedQueue, instance) {
   }
 }
 
-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.
@@ -3759,8 +3782,7 @@ var classComponentUpdater = {
   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;
 
@@ -3778,8 +3800,7 @@ var classComponentUpdater = {
   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;
@@ -3798,8 +3819,7 @@ var classComponentUpdater = {
   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;
 
@@ -4169,7 +4189,7 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   }
 
   if (typeof instance.componentDidMount === 'function') {
-    workInProgress.effectTag |= Update;
+    workInProgress.flags |= Update;
   }
 }
 
@@ -4211,7 +4231,7 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     // 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;
@@ -4238,13 +4258,13 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     }
 
     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.
 
@@ -4304,13 +4324,13 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
     // 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;
       }
     }
 
@@ -4338,24 +4358,24 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
     }
 
     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.
@@ -4560,7 +4580,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     }
 
     childToDelete.nextEffect = null;
-    childToDelete.effectTag = Deletion;
+    childToDelete.flags = Deletion;
   }
 
   function deleteRemainingChildren(returnFiber, currentFirstChild) {
@@ -4625,7 +4645,7 @@ function ChildReconciler(shouldTrackSideEffects) {
 
       if (oldIndex < lastPlacedIndex) {
         // This is a move.
-        newFiber.effectTag = Placement;
+        newFiber.flags = Placement;
         return lastPlacedIndex;
       } else {
         // This item can stay in place.
@@ -4633,7 +4653,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       }
     } else {
       // This is an insertion.
-      newFiber.effectTag = Placement;
+      newFiber.flags = Placement;
       return lastPlacedIndex;
     }
   }
@@ -4642,7 +4662,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     // 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;
@@ -5616,13 +5636,6 @@ function popSuspenseContext(fiber) {
   pop(suspenseStackCursor, fiber);
 }
 
-// A non-null SuspenseState means that it is blocked for one reason or another.
-// - A non-null dehydrated field means it's blocked pending hydration.
-//   - A non-null dehydrated field can use isSuspenseInstancePending or
-//     isSuspenseInstanceFallback to query the reason for being dehydrated.
-// - A null dehydrated field means it's blocked by something suspending and
-//   we're currently showing a fallback instead.
-
 function 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.
@@ -5674,7 +5687,7 @@ function findFirstSuspended(row) {
     } 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;
@@ -5704,7 +5717,7 @@ function findFirstSuspended(row) {
   return null;
 }
 
-var NoEffect$1 =
+var NoFlags$1 =
 /*  */
 0; // Represents whether effect should fire.
 
@@ -6073,7 +6086,7 @@ function renderWithHooks(current, workInProgress, Component, props, secondArg, n
 }
 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() {
@@ -6544,8 +6557,7 @@ function useMutableSource(hook, source, getSnapshot, subscribe) {
 
       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.
@@ -6564,8 +6576,7 @@ function useMutableSource(hook, source, getSnapshot, subscribe) {
       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.
@@ -6715,14 +6726,14 @@ function updateRef(initialValue) {
   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;
@@ -6735,14 +6746,14 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
       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) {
@@ -6889,61 +6900,61 @@ function updateMemo(nextCreate, deps) {
   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();
 
   {
@@ -6951,43 +6962,46 @@ function startTransition(setPending, config, callback) {
       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];
 }
 
@@ -7040,8 +7054,7 @@ function dispatchAction(fiber, queue, action) {
   }
 
   var eventTime = requestEventTime();
-  var suspenseConfig = requestCurrentSuspenseConfig();
-  var lane = requestUpdateLane(fiber, suspenseConfig);
+  var lane = requestUpdateLane(fiber);
   var update = {
     lane: lane,
     action: action,
@@ -7236,15 +7249,15 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       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';
@@ -7333,15 +7346,15 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       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';
@@ -7430,15 +7443,15 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       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';
@@ -7527,15 +7540,15 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       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';
@@ -7635,17 +7648,17 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       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';
@@ -7747,17 +7760,17 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       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';
@@ -7859,17 +7872,17 @@ var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
       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';
@@ -8033,7 +8046,7 @@ function updateForwardRef(current, workInProgress, Component, nextProps, renderL
   } // React DevTools reads this flag.
 
 
-  workInProgress.effectTag |= PerformedWork;
+  workInProgress.flags |= PerformedWork;
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
@@ -8109,7 +8122,7 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, upda
   } // React DevTools reads this flag.
 
 
-  workInProgress.effectTag |= PerformedWork;
+  workInProgress.flags |= PerformedWork;
   var newChild = createWorkInProgress(currentChild, nextProps);
   newChild.ref = workInProgress.ref;
   newChild.return = workInProgress;
@@ -8175,7 +8188,7 @@ function updateSimpleMemoComponent(current, workInProgress, Component, nextProps
         // 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;
@@ -8274,7 +8287,7 @@ function updateMode(current, workInProgress, renderLanes) {
 
 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;
@@ -8293,7 +8306,7 @@ function markRef(current, workInProgress) {
 
   if (current === null && ref !== null || current !== null && current.ref !== ref) {
     // Schedule a Ref effect
-    workInProgress.effectTag |= Ref;
+    workInProgress.flags |= Ref;
   }
 }
 
@@ -8335,7 +8348,7 @@ function updateFunctionComponent(current, workInProgress, Component, nextProps,
   } // React DevTools reads this flag.
 
 
-  workInProgress.effectTag |= PerformedWork;
+  workInProgress.flags |= PerformedWork;
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
@@ -8379,7 +8392,7 @@ function updateClassComponent(current, workInProgress, Component, nextProps, ren
       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.
 
 
@@ -8413,7 +8426,7 @@ function updateClassComponent(current, workInProgress, Component, nextProps, ren
 function finishClassComponent(current, workInProgress, Component, shouldUpdate, hasContext, renderLanes) {
   // Refs should update even if shouldComponentUpdate returns false
   markRef(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
@@ -8450,7 +8463,7 @@ function finishClassComponent(current, workInProgress, Component, shouldUpdate,
   } // 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
@@ -8525,7 +8538,7 @@ function updateHostRoot(current, workInProgress, renderLanes) {
       // 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 {
@@ -8548,7 +8561,7 @@ function updateHostComponent(current, workInProgress, renderLanes) {
   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);
@@ -8572,7 +8585,7 @@ function mountLazyComponent(_current, workInProgress, elementType, updateLanes,
     _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;
@@ -8664,7 +8677,7 @@ function mountIncompleteClassComponent(_current, workInProgress, Component, next
     _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.
 
 
@@ -8697,7 +8710,7 @@ function mountIndeterminateComponent(_current, workInProgress, Component, render
     _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;
@@ -8733,7 +8746,7 @@ function mountIndeterminateComponent(_current, workInProgress, Component, render
   } // React DevTools reads this flag.
 
 
-  workInProgress.effectTag |= PerformedWork;
+  workInProgress.flags |= PerformedWork;
 
   {
     // Support for module components is deprecated and is removed behind a flag.
@@ -8871,7 +8884,8 @@ function updateSuspenseOffscreenState(prevOffscreenState, renderLanes) {
   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
@@ -8903,19 +8917,19 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
 
   {
     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) {
@@ -8960,17 +8974,41 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     // 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.
@@ -8982,37 +9020,37 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
 
       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;
@@ -9020,12 +9058,12 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       } 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;
       }
     }
   }
@@ -9108,7 +9146,7 @@ function updateSuspensePrimaryChildren(current, workInProgress, primaryChildren,
   if (currentFallbackChildFragment !== null) {
     // Delete the fallback child fragment
     currentFallbackChildFragment.nextEffect = null;
-    currentFallbackChildFragment.effectTag = Deletion;
+    currentFallbackChildFragment.flags = Deletion;
     workInProgress.firstEffect = workInProgress.lastEffect = currentFallbackChildFragment;
   }
 
@@ -9179,7 +9217,7 @@ function updateSuspenseFallbackChildren(current, workInProgress, primaryChildren
     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;
@@ -9417,9 +9455,9 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
 
   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
@@ -9629,7 +9667,7 @@ function updateContextConsumer(current, workInProgress, renderLanes) {
   } // React DevTools reads this flag.
 
 
-  workInProgress.effectTag |= PerformedWork;
+  workInProgress.flags |= PerformedWork;
   reconcileChildren(current, workInProgress, newChildren, renderLanes);
   return workInProgress.child;
 }
@@ -9714,8 +9752,8 @@ function remountFiber(current, oldWorkInProgress, newWorkInProgress) {
     }
 
     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;
   }
@@ -9782,7 +9820,7 @@ function beginWork(current, workInProgress, renderLanes) {
             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,
 
@@ -9836,7 +9874,7 @@ function beginWork(current, workInProgress, renderLanes) {
 
         case SuspenseListComponent:
           {
-            var didSuspendBefore = (current.effectTag & DidCapture) !== NoEffect;
+            var didSuspendBefore = (current.flags & DidCapture) !== NoFlags;
 
             var _hasChildWork = includesSomeLane(renderLanes, workInProgress.childLanes);
 
@@ -9853,7 +9891,7 @@ function beginWork(current, workInProgress, renderLanes) {
               // 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.
@@ -9899,7 +9937,7 @@ function beginWork(current, workInProgress, renderLanes) {
 
       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;
@@ -10073,11 +10111,11 @@ function beginWork(current, workInProgress, renderLanes) {
 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;
@@ -10287,7 +10325,7 @@ function completeWork(current, workInProgress, renderLanes) {
             // 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;
           }
         }
 
@@ -10391,7 +10429,7 @@ function completeWork(current, workInProgress, renderLanes) {
         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.
 
@@ -10448,7 +10486,7 @@ function completeWork(current, workInProgress, renderLanes) {
             // 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;
           }
         }
 
@@ -10494,7 +10532,7 @@ function completeWork(current, workInProgress, renderLanes) {
           return null;
         }
 
-        var didSuspendAlready = (workInProgress.effectTag & DidCapture) !== NoEffect;
+        var didSuspendAlready = (workInProgress.flags & DidCapture) !== NoFlags;
         var renderedTail = renderState.rendering;
 
         if (renderedTail === null) {
@@ -10509,7 +10547,7 @@ function completeWork(current, workInProgress, renderLanes) {
             // 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;
@@ -10519,7 +10557,7 @@ function completeWork(current, workInProgress, renderLanes) {
 
                 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
@@ -10537,7 +10575,7 @@ function completeWork(current, workInProgress, renderLanes) {
 
                   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.
@@ -10564,7 +10602,7 @@ function completeWork(current, workInProgress, renderLanes) {
               // 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
@@ -10591,7 +10629,7 @@ function completeWork(current, workInProgress, renderLanes) {
             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.
 
@@ -10599,7 +10637,7 @@ function completeWork(current, workInProgress, renderLanes) {
 
               if (_newThennables !== null) {
                 workInProgress.updateQueue = _newThennables;
-                workInProgress.effectTag |= Update;
+                workInProgress.flags |= Update;
               }
 
               cutOffTailIfNeeded(renderState, true); // This might have been modified.
@@ -10625,7 +10663,7 @@ function completeWork(current, workInProgress, renderLanes) {
               // 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
@@ -10721,7 +10759,7 @@ function completeWork(current, workInProgress, renderLanes) {
           var nextIsHidden = _nextState !== null;
 
           if (prevIsHidden !== nextIsHidden && newProps.mode !== 'unstable-defer-without-hiding') {
-            workInProgress.effectTag |= Update;
+            workInProgress.flags |= Update;
           }
         }
 
@@ -10746,10 +10784,10 @@ function unwindWork(workInProgress, renderLanes) {
           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);
@@ -10766,15 +10804,15 @@ function unwindWork(workInProgress, renderLanes) {
         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;
       }
 
@@ -10789,10 +10827,10 @@ function unwindWork(workInProgress, renderLanes) {
       {
         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);
@@ -11076,7 +11114,7 @@ function attachPingListener(root, wakeable, lanes) {
 
 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;
 
@@ -11127,12 +11165,12 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
 
         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;
@@ -11182,8 +11220,8 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
         // 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,
@@ -11200,7 +11238,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
 
         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
@@ -11227,7 +11265,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
       case HostRoot:
         {
           var _errorInfo = value;
-          workInProgress.effectTag |= ShouldCapture;
+          workInProgress.flags |= ShouldCapture;
           var lane = pickArbitraryLane(rootRenderLanes);
           workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
 
@@ -11243,8 +11281,8 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
         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);
 
@@ -11496,18 +11534,18 @@ var callComponentWillUnmountWithTimer = function (current, instance) {
 }; // 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) {
@@ -11517,7 +11555,7 @@ function safelyDetachRef(current, nearestMountedAncestor) {
 
         if (hasCaughtError()) {
           var refError = clearCaughtError();
-          captureCommitPhaseError(current, nearestMountedAncestor, refError);
+          captureCommitPhaseError(current, refError);
         }
       }
     } else {
@@ -11526,13 +11564,13 @@ function safelyDetachRef(current, nearestMountedAncestor) {
   }
 }
 
-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);
     }
   }
 }
@@ -11549,7 +11587,7 @@ function commitBeforeMutationLifeCycles(current, finishedWork) {
 
     case ClassComponent:
       {
-        if (finishedWork.effectTag & Snapshot) {
+        if (finishedWork.flags & Snapshot) {
           if (current !== null) {
             var prevProps = current.memoizedProps;
             var prevState = current.memoizedState;
@@ -11591,7 +11629,7 @@ function commitBeforeMutationLifeCycles(current, finishedWork) {
     case HostRoot:
       {
         {
-          if (finishedWork.effectTag & Snapshot) {
+          if (finishedWork.flags & Snapshot) {
             var root = finishedWork.stateNode;
             clearContainer(root.containerInfo);
           }
@@ -11690,7 +11728,7 @@ function schedulePassiveEffects(finishedWork) {
           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);
       }
@@ -11723,7 +11761,7 @@ function commitLifeCycles(finishedRoot, current, finishedWork, committedLanes) {
       {
         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.
@@ -11827,7 +11865,7 @@ function commitLifeCycles(finishedRoot, current, finishedWork, committedLanes) {
         // 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;
         }
@@ -11979,7 +12017,7 @@ function commitDetachRef(current) {
 // interrupt deletion, so it's okay
 
 
-function commitUnmount(finishedRoot, current, nearestMountedAncestor, renderPriorityLevel) {
+function commitUnmount(finishedRoot, current, renderPriorityLevel) {
   onCommitUnmount(current);
 
   switch (current.tag) {
@@ -12004,11 +12042,11 @@ function commitUnmount(finishedRoot, current, nearestMountedAncestor, renderPrio
                   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);
                   }
                 }
               }
@@ -12023,11 +12061,11 @@ function commitUnmount(finishedRoot, current, nearestMountedAncestor, renderPrio
 
     case ClassComponent:
       {
-        safelyDetachRef(current, nearestMountedAncestor);
+        safelyDetachRef(current);
         var instance = current.stateNode;
 
         if (typeof instance.componentWillUnmount === 'function') {
-          safelyCallComponentWillUnmount(current, instance, nearestMountedAncestor);
+          safelyCallComponentWillUnmount(current, instance);
         }
 
         return;
@@ -12035,7 +12073,7 @@ function commitUnmount(finishedRoot, current, nearestMountedAncestor, renderPrio
 
     case HostComponent:
       {
-        safelyDetachRef(current, nearestMountedAncestor);
+        safelyDetachRef(current);
         return;
       }
 
@@ -12045,7 +12083,7 @@ function commitUnmount(finishedRoot, current, nearestMountedAncestor, renderPrio
         // We are also not using this parent because
         // the portal will get pushed immediately.
         {
-          unmountHostComponents(finishedRoot, current, nearestMountedAncestor);
+          unmountHostComponents(finishedRoot, current);
         }
 
         return;
@@ -12071,7 +12109,7 @@ function commitUnmount(finishedRoot, current, nearestMountedAncestor, renderPrio
   }
 }
 
-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
@@ -12080,7 +12118,7 @@ function commitNestedUnmounts(finishedRoot, root, nearestMountedAncestor, render
   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.
@@ -12185,7 +12223,7 @@ function getHostSibling(fiber) {
     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.
@@ -12201,7 +12239,7 @@ function getHostSibling(fiber) {
     } // 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;
     }
@@ -12246,9 +12284,9 @@ function commitPlacement(finishedWork) {
 
   }
 
-  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
@@ -12315,7 +12353,7 @@ function insertOrAppendPlacementNode(node, before, parent) {
   }
 }
 
-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
@@ -12364,7 +12402,7 @@ function unmountHostComponents(finishedRoot, current, nearestMountedAncestor, re
     }
 
     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) {
@@ -12385,7 +12423,7 @@ function unmountHostComponents(finishedRoot, current, nearestMountedAncestor, re
         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;
@@ -12417,11 +12455,11 @@ function unmountHostComponents(finishedRoot, current, nearestMountedAncestor, re
   }
 }
 
-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;
@@ -12822,7 +12860,7 @@ function requestEventTime() {
   currentEventTime = now();
   return currentEventTime;
 }
-function requestUpdateLane(fiber, suspenseConfig) {
+function requestUpdateLane(fiber) {
   // Special cases
   var mode = fiber.mode;
 
@@ -12850,10 +12888,9 @@ function requestUpdateLane(fiber, suspenseConfig) {
     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;
     }
@@ -13007,7 +13044,7 @@ function markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
   }
 
   {
-    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.
@@ -13024,7 +13061,7 @@ function markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
       alternate.childLanes = mergeLanes(alternate.childLanes, lane);
     } else {
       {
-        if ((parent.effectTag & (Placement | Hydrating)) !== NoEffect) {
+        if ((parent.flags & (Placement | Hydrating)) !== NoFlags) {
           warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
         }
       }
@@ -13279,7 +13316,7 @@ function finishConcurrentRender(root, exitStatus, lanes) {
         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.
@@ -13788,7 +13825,7 @@ function completeUnitOfWork(unitOfWork) {
     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;
 
@@ -13812,7 +13849,7 @@ function completeUnitOfWork(unitOfWork) {
       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.
@@ -13834,11 +13871,11 @@ function completeUnitOfWork(unitOfWork) {
         // 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 {
@@ -13860,7 +13897,7 @@ function completeUnitOfWork(unitOfWork) {
         // 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;
       }
@@ -13883,7 +13920,7 @@ function completeUnitOfWork(unitOfWork) {
       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;
       }
     }
 
@@ -14037,7 +14074,7 @@ function commitRootImpl(root, renderPriorityLevel) {
 
   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
@@ -14082,7 +14119,7 @@ function commitRootImpl(root, renderPriorityLevel) {
           }
 
           var error = clearCaughtError();
-          captureCommitPhaseError(nextEffect, nextEffect.return, error);
+          captureCommitPhaseError(nextEffect, error);
           nextEffect = nextEffect.nextEffect;
         }
       }
@@ -14113,7 +14150,7 @@ function commitRootImpl(root, renderPriorityLevel) {
 
           var _error = clearCaughtError();
 
-          captureCommitPhaseError(nextEffect, nextEffect.return, _error);
+          captureCommitPhaseError(nextEffect, _error);
           nextEffect = nextEffect.nextEffect;
         }
       }
@@ -14143,7 +14180,7 @@ function commitRootImpl(root, renderPriorityLevel) {
 
           var _error2 = clearCaughtError();
 
-          captureCommitPhaseError(nextEffect, nextEffect.return, _error2);
+          captureCommitPhaseError(nextEffect, _error2);
           nextEffect = nextEffect.nextEffect;
         }
       }
@@ -14189,7 +14226,7 @@ function commitRootImpl(root, renderPriorityLevel) {
       var nextNextEffect = nextEffect.nextEffect;
       nextEffect.nextEffect = null;
 
-      if (nextEffect.effectTag & Deletion) {
+      if (nextEffect.flags & Deletion) {
         detachFiberAfterEffects(nextEffect);
       }
 
@@ -14275,7 +14312,7 @@ function commitBeforeMutationEffects() {
     var current = nextEffect.alternate;
 
     if (!shouldFireAfterActiveInstanceBlur && focusedInstanceHandle !== null) {
-      if ((nextEffect.effectTag & Deletion) !== NoEffect) {
+      if ((nextEffect.flags & Deletion) !== NoFlags) {
         if (doesFiberContain(nextEffect, focusedInstanceHandle)) {
           shouldFireAfterActiveInstanceBlur = true;
         }
@@ -14287,15 +14324,15 @@ function commitBeforeMutationEffects() {
       }
     }
 
-    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) {
@@ -14315,13 +14352,13 @@ function commitMutationEffects(root, renderPriorityLevel) {
   // 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) {
@@ -14333,9 +14370,9 @@ function commitMutationEffects(root, renderPriorityLevel) {
     // 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
@@ -14343,7 +14380,7 @@ function commitMutationEffects(root, renderPriorityLevel) {
           // 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;
         }
 
@@ -14353,7 +14390,7 @@ function commitMutationEffects(root, renderPriorityLevel) {
           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);
@@ -14362,13 +14399,13 @@ function commitMutationEffects(root, renderPriorityLevel) {
 
       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);
@@ -14384,7 +14421,7 @@ function commitMutationEffects(root, renderPriorityLevel) {
 
       case Deletion:
         {
-          commitDeletion(root, nextEffect, nextEffect.return);
+          commitDeletion(root, nextEffect);
           break;
         }
     }
@@ -14399,15 +14436,15 @@ function commitLayoutEffects(root, committedLanes) {
 
   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);
       }
     }
@@ -14445,11 +14482,11 @@ function enqueuePendingPassiveHookEffectUnmount(fiber, effect) {
   pendingPassiveHookEffectsUnmount.push(effect, fiber);
 
   {
-    fiber.effectTag |= PassiveUnmountPendingDev;
+    fiber.flags |= PassiveUnmountPendingDev;
     var alternate = fiber.alternate;
 
     if (alternate !== null) {
-      alternate.effectTag |= PassiveUnmountPendingDev;
+      alternate.flags |= PassiveUnmountPendingDev;
     }
   }
 
@@ -14507,11 +14544,11 @@ function flushPassiveEffectsImpl() {
     _effect.destroy = undefined;
 
     {
-      fiber.effectTag &= ~PassiveUnmountPendingDev;
+      fiber.flags &= ~PassiveUnmountPendingDev;
       var alternate = fiber.alternate;
 
       if (alternate !== null) {
-        alternate.effectTag &= ~PassiveUnmountPendingDev;
+        alternate.flags &= ~PassiveUnmountPendingDev;
       }
     }
 
@@ -14531,7 +14568,7 @@ function flushPassiveEffectsImpl() {
           }
 
           var error = clearCaughtError();
-          captureCommitPhaseError(fiber, fiber.return, error);
+          captureCommitPhaseError(fiber, error);
         }
 
         resetCurrentFiber();
@@ -14563,7 +14600,7 @@ function flushPassiveEffectsImpl() {
 
         var _error4 = clearCaughtError();
 
-        captureCommitPhaseError(_fiber, _fiber.return, _error4);
+        captureCommitPhaseError(_fiber, _error4);
       }
 
       resetCurrentFiber();
@@ -14580,7 +14617,7 @@ function flushPassiveEffectsImpl() {
 
     effect.nextEffect = null;
 
-    if (effect.effectTag & Deletion) {
+    if (effect.flags & Deletion) {
       detachFiberAfterEffects(effect);
     }
 
@@ -14638,7 +14675,7 @@ function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   }
 }
 
-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.
@@ -14646,11 +14683,7 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
     return;
   }
 
-  var fiber = null;
-
-  {
-    fiber = sourceFiber.return;
-  }
+  var fiber = sourceFiber.return;
 
   while (fiber !== null) {
     if (fiber.tag === HostRoot) {
@@ -14871,7 +14904,7 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
     // 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.
@@ -15169,26 +15202,10 @@ function finishPendingInteractions(root, committedLanes) {
     });
   }
 } // `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;
@@ -15197,19 +15214,12 @@ var isSchedulerMocked = typeof flushMockScheduler === 'function'; // Returns whe
 
 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;
@@ -15220,7 +15230,6 @@ function flushActWork() {
 
       return didFlushWork;
     } finally {
-      isFlushingAct = _prevIsFlushing;
     }
   }
 }
@@ -15249,16 +15258,13 @@ function act(callback) {
   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) {
@@ -15799,7 +15805,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.dependencies = null;
   this.mode = mode; // Effects
 
-  this.effectTag = NoEffect;
+  this.flags = NoFlags;
   this.nextEffect = null;
   this.firstEffect = null;
   this.lastEffect = null;
@@ -15921,7 +15927,7 @@ function createWorkInProgress(current, pendingProps) {
     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;
@@ -15992,7 +15998,7 @@ function resetWorkInProgress(workInProgress, renderLanes) {
   // 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;
@@ -16408,8 +16414,7 @@ function updateContainer(element, container, parentComponent, callback) {
     }
   }
 
-  var suspenseConfig = requestCurrentSuspenseConfig();
-  var lane = requestUpdateLane(current$1, suspenseConfig);
+  var lane = requestUpdateLane(current$1);
 
   var context = getContextForSubtree(parentComponent);
 
@@ -16473,29 +16478,96 @@ function shouldSuspend(fiber) {
   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;
@@ -16505,10 +16577,51 @@ var setSuspenseHandler = null;
       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.
@@ -16530,6 +16643,26 @@ var setSuspenseHandler = null;
     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);
   };
@@ -16566,7 +16699,11 @@ function injectIntoDevTools(devToolsConfig) {
     rendererPackageName: devToolsConfig.rendererPackageName,
     rendererConfig: devToolsConfig.rendererConfig,
     overrideHookState: overrideHookState,
+    overrideHookStateDeletePath: overrideHookStateDeletePath,
+    overrideHookStateRenamePath: overrideHookStateRenamePath,
     overrideProps: overrideProps,
+    overridePropsDeletePath: overridePropsDeletePath,
+    overridePropsRenamePath: overridePropsRenamePath,
     setSuspenseHandler: setSuspenseHandler,
     scheduleUpdate: scheduleUpdate,
     currentDispatcherRef: ReactCurrentDispatcher,
@@ -16582,6 +16719,7 @@ function injectIntoDevTools(devToolsConfig) {
   });
 }
 
+var IsSomeRendererActing$1 = ReactSharedInternals.IsSomeRendererActing;
 var defaultTestOptions = {
   createNodeMock: function () {
     return null;
@@ -17136,10 +17274,110 @@ injectIntoDevTools({
   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;
   })();
 }