react-native 0.67.0 → 0.68.0-rc.1

package/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js

@@ -7,10 +7,21 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<62430ecbf70b848b8677c9a80f79d347>>
+ * @generated SignedSource<<ed6282c0e752a40e526104dcc0d5c8b8>>
  */
 
-"use strict";
+
+          'use strict';
+
+/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
+if (
+  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
+  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart ===
+    'function'
+) {
+  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+}
+          "use strict";
 require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
 var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
@@ -927,7 +938,7 @@ eventPluginOrder = Array.prototype.slice.call([
   "ReactNativeBridgeEventPlugin"
 ]);
 recomputePluginOrdering();
-var injectedNamesToPlugins$jscomp$inline_227 = {
+var injectedNamesToPlugins$jscomp$inline_228 = {
     ResponderEventPlugin: ResponderEventPlugin,
     ReactNativeBridgeEventPlugin: {
       eventTypes: {},
@@ -962,33 +973,33 @@ var injectedNamesToPlugins$jscomp$inline_227 = {
       }
     }
   },
-  isOrderingDirty$jscomp$inline_228 = !1,
-  pluginName$jscomp$inline_229;
-for (pluginName$jscomp$inline_229 in injectedNamesToPlugins$jscomp$inline_227)
+  isOrderingDirty$jscomp$inline_229 = !1,
+  pluginName$jscomp$inline_230;
+for (pluginName$jscomp$inline_230 in injectedNamesToPlugins$jscomp$inline_228)
   if (
-    injectedNamesToPlugins$jscomp$inline_227.hasOwnProperty(
-      pluginName$jscomp$inline_229
+    injectedNamesToPlugins$jscomp$inline_228.hasOwnProperty(
+      pluginName$jscomp$inline_230
     )
   ) {
-    var pluginModule$jscomp$inline_230 =
-      injectedNamesToPlugins$jscomp$inline_227[pluginName$jscomp$inline_229];
+    var pluginModule$jscomp$inline_231 =
+      injectedNamesToPlugins$jscomp$inline_228[pluginName$jscomp$inline_230];
     if (
-      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_229) ||
-      namesToPlugins[pluginName$jscomp$inline_229] !==
-        pluginModule$jscomp$inline_230
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_230) ||
+      namesToPlugins[pluginName$jscomp$inline_230] !==
+        pluginModule$jscomp$inline_231
     ) {
-      if (namesToPlugins[pluginName$jscomp$inline_229])
+      if (namesToPlugins[pluginName$jscomp$inline_230])
         throw Error(
           "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-            (pluginName$jscomp$inline_229 + "`.")
+            (pluginName$jscomp$inline_230 + "`.")
         );
       namesToPlugins[
-        pluginName$jscomp$inline_229
-      ] = pluginModule$jscomp$inline_230;
-      isOrderingDirty$jscomp$inline_228 = !0;
+        pluginName$jscomp$inline_230
+      ] = pluginModule$jscomp$inline_231;
+      isOrderingDirty$jscomp$inline_229 = !0;
     }
   }
-isOrderingDirty$jscomp$inline_228 && recomputePluginOrdering();
+isOrderingDirty$jscomp$inline_229 && recomputePluginOrdering();
 function getInstanceFromInstance(instanceHandle) {
   return instanceHandle;
 }
@@ -1608,6 +1619,7 @@ var scheduleCallback = Scheduler.unstable_scheduleCallback,
   IdlePriority = Scheduler.unstable_IdlePriority,
   rendererID = null,
   injectedHook = null,
+  injectedProfilingHooks = null,
   isDevToolsPresent = "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__;
 function onCommitRoot(root, eventPriority) {
   if (injectedHook && "function" === typeof injectedHook.onCommitFiberRoot)
@@ -1637,6 +1649,80 @@ function onCommitRoot(root, eventPriority) {
       );
     } catch (err) {}
 }
+function injectProfilingHooks(profilingHooks) {
+  injectedProfilingHooks = profilingHooks;
+}
+function getLaneLabelMap() {
+  for (var map = new Map(), lane = 1, index$3 = 0; 31 > index$3; index$3++) {
+    var label = getLabelForLane(lane);
+    map.set(lane, label);
+    lane *= 2;
+  }
+  return map;
+}
+function markCommitStopped() {
+  null !== injectedProfilingHooks &&
+    "function" === typeof injectedProfilingHooks.markCommitStopped &&
+    injectedProfilingHooks.markCommitStopped();
+}
+function markComponentRenderStarted(fiber) {
+  null !== injectedProfilingHooks &&
+    "function" === typeof injectedProfilingHooks.markComponentRenderStarted &&
+    injectedProfilingHooks.markComponentRenderStarted(fiber);
+}
+function markComponentRenderStopped() {
+  null !== injectedProfilingHooks &&
+    "function" === typeof injectedProfilingHooks.markComponentRenderStopped &&
+    injectedProfilingHooks.markComponentRenderStopped();
+}
+function markComponentLayoutEffectUnmountStarted(fiber) {
+  null !== injectedProfilingHooks &&
+    "function" ===
+      typeof injectedProfilingHooks.markComponentLayoutEffectUnmountStarted &&
+    injectedProfilingHooks.markComponentLayoutEffectUnmountStarted(fiber);
+}
+function markComponentLayoutEffectUnmountStopped() {
+  null !== injectedProfilingHooks &&
+    "function" ===
+      typeof injectedProfilingHooks.markComponentLayoutEffectUnmountStopped &&
+    injectedProfilingHooks.markComponentLayoutEffectUnmountStopped();
+}
+function markRenderStarted(lanes) {
+  null !== injectedProfilingHooks &&
+    "function" === typeof injectedProfilingHooks.markRenderStarted &&
+    injectedProfilingHooks.markRenderStarted(lanes);
+}
+function markRenderStopped() {
+  null !== injectedProfilingHooks &&
+    "function" === typeof injectedProfilingHooks.markRenderStopped &&
+    injectedProfilingHooks.markRenderStopped();
+}
+function markStateUpdateScheduled(fiber, lane) {
+  null !== injectedProfilingHooks &&
+    "function" === typeof injectedProfilingHooks.markStateUpdateScheduled &&
+    injectedProfilingHooks.markStateUpdateScheduled(fiber, lane);
+}
+var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback,
+  log = Math.log,
+  LN2 = Math.LN2;
+function clz32Fallback(x) {
+  x >>>= 0;
+  return 0 === x ? 32 : (31 - ((log(x) / LN2) | 0)) | 0;
+}
+function getLabelForLane(lane) {
+  if (lane & 1) return "Sync";
+  if (lane & 2) return "InputContinuousHydration";
+  if (lane & 4) return "InputContinuous";
+  if (lane & 8) return "DefaultHydration";
+  if (lane & 16) return "Default";
+  if (lane & 32) return "TransitionHydration";
+  if (lane & 4194240) return "Transition";
+  if (lane & 130023424) return "Retry";
+  if (lane & 134217728) return "SelectiveHydration";
+  if (lane & 268435456) return "IdleHydration";
+  if (lane & 536870912) return "Idle";
+  if (lane & 1073741824) return "Offscreen";
+}
 var nextTransitionLane = 64,
   nextRetryLane = 4194304;
 function getHighestPriorityLanes(lanes) {
@@ -1802,30 +1888,30 @@ function markRootFinished(root, remainingLanes) {
   remainingLanes = root.entanglements;
   var eventTimes = root.eventTimes;
   for (root = root.expirationTimes; 0 < noLongerPendingLanes; ) {
-    var index$7 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$7;
-    remainingLanes[index$7] = 0;
-    eventTimes[index$7] = -1;
-    root[index$7] = -1;
+    var index$8 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$8;
+    remainingLanes[index$8] = 0;
+    eventTimes[index$8] = -1;
+    root[index$8] = -1;
     noLongerPendingLanes &= ~lane;
   }
 }
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$8 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$8;
-    (lane & entangledLanes) | (root[index$8] & entangledLanes) &&
-      (root[index$8] |= entangledLanes);
+    var index$9 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$9;
+    (lane & entangledLanes) | (root[index$9] & entangledLanes) &&
+      (root[index$9] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function addFiberToLanesMap(root, fiber, lanes) {
   if (isDevToolsPresent)
     for (root = root.pendingUpdatersLaneMap; 0 < lanes; ) {
-      var index$9 = 31 - clz32(lanes),
-        lane = 1 << index$9;
-      root[index$9].add(fiber);
+      var index$10 = 31 - clz32(lanes),
+        lane = 1 << index$10;
+      root[index$10].add(fiber);
       lanes &= ~lane;
     }
 }
@@ -1837,25 +1923,19 @@ function movePendingFibersToMemoized(root, lanes) {
       0 < lanes;
 
     ) {
-      var index$10 = 31 - clz32(lanes);
-      root = 1 << index$10;
-      index$10 = pendingUpdatersLaneMap[index$10];
-      0 < index$10.size &&
-        (index$10.forEach(function(fiber) {
+      var index$11 = 31 - clz32(lanes);
+      root = 1 << index$11;
+      index$11 = pendingUpdatersLaneMap[index$11];
+      0 < index$11.size &&
+        (index$11.forEach(function(fiber) {
           var alternate = fiber.alternate;
           (null !== alternate && memoizedUpdaters.has(alternate)) ||
             memoizedUpdaters.add(fiber);
         }),
-        index$10.clear());
+        index$11.clear());
       lanes &= ~root;
     }
 }
-var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback,
-  log = Math.log,
-  LN2 = Math.LN2;
-function clz32Fallback(lanes) {
-  return 0 === lanes ? 32 : (31 - ((log(lanes) / LN2) | 0)) | 0;
-}
 var currentUpdatePriority = 0;
 function lanesToEventPriority(lanes) {
   lanes &= -lanes;
@@ -1867,11 +1947,6 @@ function lanesToEventPriority(lanes) {
       : 4
     : 1;
 }
-function shim() {
-  throw Error(
-    "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
-  );
-}
 function shim$1() {
   throw Error(
     "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
@@ -2176,12 +2251,14 @@ function shallowEqual(objA, objB) {
   var keysA = Object.keys(objA),
     keysB = Object.keys(objB);
   if (keysA.length !== keysB.length) return !1;
-  for (keysB = 0; keysB < keysA.length; keysB++)
+  for (keysB = 0; keysB < keysA.length; keysB++) {
+    var currentKey = keysA[keysB];
     if (
-      !hasOwnProperty.call(objB, keysA[keysB]) ||
-      !objectIs(objA[keysA[keysB]], objB[keysA[keysB]])
+      !hasOwnProperty.call(objB, currentKey) ||
+      !objectIs(objA[currentKey], objB[currentKey])
     )
       return !1;
+  }
   return !0;
 }
 function describeFiber(fiber) {
@@ -2564,6 +2641,7 @@ var classComponentUpdater = {
     enqueueUpdate(inst, update);
     payload = scheduleUpdateOnFiber(inst, lane, eventTime);
     null !== payload && entangleTransitions(payload, inst, lane);
+    markStateUpdateScheduled(inst, lane);
   },
   enqueueReplaceState: function(inst, payload, callback) {
     inst = inst._reactInternals;
@@ -2576,6 +2654,7 @@ var classComponentUpdater = {
     enqueueUpdate(inst, update);
     payload = scheduleUpdateOnFiber(inst, lane, eventTime);
     null !== payload && entangleTransitions(payload, inst, lane);
+    markStateUpdateScheduled(inst, lane);
   },
   enqueueForceUpdate: function(inst, callback) {
     inst = inst._reactInternals;
@@ -2587,6 +2666,9 @@ var classComponentUpdater = {
     enqueueUpdate(inst, update);
     callback = scheduleUpdateOnFiber(inst, lane, eventTime);
     null !== callback && entangleTransitions(callback, inst, lane);
+    null !== injectedProfilingHooks &&
+      "function" === typeof injectedProfilingHooks.markForceUpdateScheduled &&
+      injectedProfilingHooks.markForceUpdateScheduled(inst, lane);
   }
 };
 function checkShouldComponentUpdate(
@@ -2679,6 +2761,26 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   "function" === typeof instance.componentDidMount &&
     (workInProgress.flags |= 4);
 }
+var forkStack = [],
+  forkStackIndex = 0,
+  treeForkProvider = null,
+  idStack = [],
+  idStackIndex = 0,
+  treeContextProvider = null;
+function popTreeContext(workInProgress) {
+  for (; workInProgress === treeForkProvider; )
+    (treeForkProvider = forkStack[--forkStackIndex]),
+      (forkStack[forkStackIndex] = null),
+      --forkStackIndex,
+      (forkStack[forkStackIndex] = null);
+  for (; workInProgress === treeContextProvider; )
+    (treeContextProvider = idStack[--idStackIndex]),
+      (idStack[idStackIndex] = null),
+      --idStackIndex,
+      (idStack[idStackIndex] = null),
+      --idStackIndex,
+      (idStack[idStackIndex] = null);
+}
 function coerceRef(returnFiber, current, element) {
   returnFiber = element.ref;
   if (
@@ -2773,7 +2875,8 @@ function ChildReconciler(shouldTrackSideEffects) {
   }
   function placeChild(newFiber, lastPlacedIndex, newIndex) {
     newFiber.index = newIndex;
-    if (!shouldTrackSideEffects) return lastPlacedIndex;
+    if (!shouldTrackSideEffects)
+      return (newFiber.flags |= 1048576), lastPlacedIndex;
     newIndex = newFiber.alternate;
     if (null !== newIndex)
       return (
@@ -2864,7 +2967,10 @@ function ChildReconciler(shouldTrackSideEffects) {
     return current;
   }
   function createChild(returnFiber, newChild, lanes) {
-    if ("string" === typeof newChild || "number" === typeof newChild)
+    if (
+      ("string" === typeof newChild && "" !== newChild) ||
+      "number" === typeof newChild
+    )
       return (
         (newChild = createFiberFromText(
           "" + newChild,
@@ -2918,7 +3024,10 @@ function ChildReconciler(shouldTrackSideEffects) {
   }
   function updateSlot(returnFiber, oldFiber, newChild, lanes) {
     var key = null !== oldFiber ? oldFiber.key : null;
-    if ("string" === typeof newChild || "number" === typeof newChild)
+    if (
+      ("string" === typeof newChild && "" !== newChild) ||
+      "number" === typeof newChild
+    )
       return null !== key
         ? null
         : updateTextNode(returnFiber, oldFiber, "" + newChild, lanes);
@@ -2948,7 +3057,10 @@ function ChildReconciler(shouldTrackSideEffects) {
     newChild,
     lanes
   ) {
-    if ("string" === typeof newChild || "number" === typeof newChild)
+    if (
+      ("string" === typeof newChild && "" !== newChild) ||
+      "number" === typeof newChild
+    )
       return (
         (existingChildren = existingChildren.get(newIdx) || null),
         updateTextNode(returnFiber, existingChildren, "" + newChild, lanes)
@@ -3274,7 +3386,8 @@ function ChildReconciler(shouldTrackSideEffects) {
         );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
-    return "string" === typeof newChild || "number" === typeof newChild
+    return ("string" === typeof newChild && "" !== newChild) ||
+      "number" === typeof newChild
       ? ((newChild = "" + newChild),
         null !== currentFirstChild && 6 === currentFirstChild.tag
           ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
@@ -3377,7 +3490,8 @@ var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   currentHook = null,
   workInProgressHook = null,
   didScheduleRenderPhaseUpdate = !1,
-  didScheduleRenderPhaseUpdateDuringThisPass = !1;
+  didScheduleRenderPhaseUpdateDuringThisPass = !1,
+  globalClientIdCounter = 0;
 function throwInvalidHookError() {
   throw Error(
     "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem."
@@ -3800,7 +3914,7 @@ function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
   hook.memoizedState = pushEffect(1 | hookFlags, create, destroy, deps);
 }
 function mountEffect(create, deps) {
-  return mountEffectImpl(4196352, 8, create, deps);
+  return mountEffectImpl(8390656, 8, create, deps);
 }
 function updateEffect(create, deps) {
   return updateEffectImpl(2048, 8, create, deps);
@@ -3880,6 +3994,9 @@ function startTransition(setPending, callback) {
       (ReactCurrentBatchConfig$1.transition = prevTransition);
   }
 }
+function updateId() {
+  return updateWorkInProgressHook().memoizedState;
+}
 function dispatchReducerAction(fiber, queue, action) {
   var lane = requestUpdateLane(fiber);
   action = {
@@ -3893,8 +4010,9 @@ function dispatchReducerAction(fiber, queue, action) {
     ? enqueueRenderPhaseUpdate(queue, action)
     : (enqueueUpdate$1(fiber, queue, action),
       (action = requestEventTime()),
-      (fiber = scheduleUpdateOnFiber(fiber, lane, action)),
-      null !== fiber && entangleTransitionUpdate(fiber, queue, lane));
+      (action = scheduleUpdateOnFiber(fiber, lane, action)),
+      null !== action && entangleTransitionUpdate(action, queue, lane));
+  markStateUpdateScheduled(fiber, lane);
 }
 function dispatchSetState(fiber, queue, action) {
   var lane = requestUpdateLane(fiber),
@@ -3924,9 +4042,10 @@ function dispatchSetState(fiber, queue, action) {
       } finally {
       }
     action = requestEventTime();
-    fiber = scheduleUpdateOnFiber(fiber, lane, action);
-    null !== fiber && entangleTransitionUpdate(fiber, queue, lane);
+    action = scheduleUpdateOnFiber(fiber, lane, action);
+    null !== action && entangleTransitionUpdate(action, queue, lane);
   }
+  markStateUpdateScheduled(fiber, lane);
 }
 function isRenderPhaseUpdate(fiber) {
   var alternate = fiber.alternate;
@@ -3987,7 +4106,7 @@ var ContextOnlyDispatcher = {
     useTransition: throwInvalidHookError,
     useMutableSource: throwInvalidHookError,
     useSyncExternalStore: throwInvalidHookError,
-    useOpaqueIdentifier: throwInvalidHookError,
+    useId: throwInvalidHookError,
     unstable_isNewReconciler: !1
   },
   HooksDispatcherOnMount = {
@@ -4085,8 +4204,12 @@ var ContextOnlyDispatcher = {
       return useMutableSource(hook, source, getSnapshot, subscribe);
     },
     useSyncExternalStore: mountSyncExternalStore,
-    useOpaqueIdentifier: function() {
-      throw Error("Not yet implemented");
+    useId: function() {
+      var hook = mountWorkInProgressHook(),
+        identifierPrefix = workInProgressRoot.identifierPrefix,
+        globalClientId = globalClientIdCounter++;
+      identifierPrefix = identifierPrefix + "r:" + globalClientId.toString(32);
+      return (hook.memoizedState = identifierPrefix);
     },
     unstable_isNewReconciler: !1
   },
@@ -4169,9 +4292,7 @@ var ContextOnlyDispatcher = {
       }
       return nextSnapshot;
     },
-    useOpaqueIdentifier: function() {
-      return updateReducer(basicStateReducer)[0];
-    },
+    useId: updateId,
     unstable_isNewReconciler: !1
   },
   HooksDispatcherOnRerender = {
@@ -4214,9 +4335,7 @@ var ContextOnlyDispatcher = {
     },
     useMutableSource: updateMutableSource,
     useSyncExternalStore: mountSyncExternalStore,
-    useOpaqueIdentifier: function() {
-      return rerenderReducer(basicStateReducer)[0];
-    },
+    useId: updateId,
     unstable_isNewReconciler: !1
   },
   now$1 = Scheduler.unstable_now,
@@ -4521,14 +4640,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$37 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$37 = lastTailNode),
+      for (var lastTailNode$38 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$38 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$37
+      null === lastTailNode$38
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$37.sibling = null);
+        : (lastTailNode$38.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -4540,53 +4659,53 @@ function bubbleProperties(completedWork) {
   if (didBailout)
     if (0 !== (completedWork.mode & 2)) {
       for (
-        var treeBaseDuration$39 = completedWork.selfBaseDuration,
-          child$40 = completedWork.child;
-        null !== child$40;
+        var treeBaseDuration$40 = completedWork.selfBaseDuration,
+          child$41 = completedWork.child;
+        null !== child$41;
 
       )
-        (newChildLanes |= child$40.lanes | child$40.childLanes),
-          (subtreeFlags |= child$40.subtreeFlags & 7340032),
-          (subtreeFlags |= child$40.flags & 7340032),
-          (treeBaseDuration$39 += child$40.treeBaseDuration),
-          (child$40 = child$40.sibling);
-      completedWork.treeBaseDuration = treeBaseDuration$39;
+        (newChildLanes |= child$41.lanes | child$41.childLanes),
+          (subtreeFlags |= child$41.subtreeFlags & 14680064),
+          (subtreeFlags |= child$41.flags & 14680064),
+          (treeBaseDuration$40 += child$41.treeBaseDuration),
+          (child$41 = child$41.sibling);
+      completedWork.treeBaseDuration = treeBaseDuration$40;
     } else
       for (
-        treeBaseDuration$39 = completedWork.child;
-        null !== treeBaseDuration$39;
+        treeBaseDuration$40 = completedWork.child;
+        null !== treeBaseDuration$40;
 
       )
         (newChildLanes |=
-          treeBaseDuration$39.lanes | treeBaseDuration$39.childLanes),
-          (subtreeFlags |= treeBaseDuration$39.subtreeFlags & 7340032),
-          (subtreeFlags |= treeBaseDuration$39.flags & 7340032),
-          (treeBaseDuration$39.return = completedWork),
-          (treeBaseDuration$39 = treeBaseDuration$39.sibling);
+          treeBaseDuration$40.lanes | treeBaseDuration$40.childLanes),
+          (subtreeFlags |= treeBaseDuration$40.subtreeFlags & 14680064),
+          (subtreeFlags |= treeBaseDuration$40.flags & 14680064),
+          (treeBaseDuration$40.return = completedWork),
+          (treeBaseDuration$40 = treeBaseDuration$40.sibling);
   else if (0 !== (completedWork.mode & 2)) {
-    treeBaseDuration$39 = completedWork.actualDuration;
-    child$40 = completedWork.selfBaseDuration;
+    treeBaseDuration$40 = completedWork.actualDuration;
+    child$41 = completedWork.selfBaseDuration;
     for (var child = completedWork.child; null !== child; )
       (newChildLanes |= child.lanes | child.childLanes),
         (subtreeFlags |= child.subtreeFlags),
         (subtreeFlags |= child.flags),
-        (treeBaseDuration$39 += child.actualDuration),
-        (child$40 += child.treeBaseDuration),
+        (treeBaseDuration$40 += child.actualDuration),
+        (child$41 += child.treeBaseDuration),
         (child = child.sibling);
-    completedWork.actualDuration = treeBaseDuration$39;
-    completedWork.treeBaseDuration = child$40;
+    completedWork.actualDuration = treeBaseDuration$40;
+    completedWork.treeBaseDuration = child$41;
   } else
     for (
-      treeBaseDuration$39 = completedWork.child;
-      null !== treeBaseDuration$39;
+      treeBaseDuration$40 = completedWork.child;
+      null !== treeBaseDuration$40;
 
     )
       (newChildLanes |=
-        treeBaseDuration$39.lanes | treeBaseDuration$39.childLanes),
-        (subtreeFlags |= treeBaseDuration$39.subtreeFlags),
-        (subtreeFlags |= treeBaseDuration$39.flags),
-        (treeBaseDuration$39.return = completedWork),
-        (treeBaseDuration$39 = treeBaseDuration$39.sibling);
+        treeBaseDuration$40.lanes | treeBaseDuration$40.childLanes),
+        (subtreeFlags |= treeBaseDuration$40.subtreeFlags),
+        (subtreeFlags |= treeBaseDuration$40.flags),
+        (treeBaseDuration$40.return = completedWork),
+        (treeBaseDuration$40 = treeBaseDuration$40.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -4618,6 +4737,7 @@ function completeSuspendedOffscreenHostContainer(current, workInProgress) {
 }
 function completeWork(current, workInProgress, renderLanes) {
   var newProps = workInProgress.pendingProps;
+  popTreeContext(workInProgress);
   switch (workInProgress.tag) {
     case 2:
     case 16:
@@ -4731,11 +4851,7 @@ function completeWork(current, workInProgress, renderLanes) {
         !renderLanes &&
         ((workInProgress.child.flags |= 8192), 0 !== (workInProgress.mode & 1))
       )
-        if (
-          (null === current &&
-            !0 !== workInProgress.memoizedProps.unstable_avoidThisFallback) ||
-          0 !== (suspenseStackCursor.current & 1)
-        )
+        if (null === current || 0 !== (suspenseStackCursor.current & 1))
           0 === workInProgressRootExitStatus &&
             (workInProgressRootExitStatus = 3);
         else {
@@ -4747,7 +4863,7 @@ function completeWork(current, workInProgress, renderLanes) {
             workInProgressRootExitStatus = 4;
           null === workInProgressRoot ||
             (0 === (workInProgressRootSkippedLanes & 268435455) &&
-              0 === (workInProgressRootUpdatedLanes & 268435455)) ||
+              0 === (workInProgressRootInterleavedUpdatedLanes & 268435455)) ||
             markRootSuspended$1(
               workInProgressRoot,
               workInProgressRootRenderLanes
@@ -4807,7 +4923,7 @@ function completeWork(current, workInProgress, renderLanes) {
                 for (newProps = workInProgress.child; null !== newProps; )
                   (renderLanes = newProps),
                     (renderedTail = current),
-                    (renderLanes.flags &= 7340034),
+                    (renderLanes.flags &= 14680066),
                     (type = renderLanes.alternate),
                     null === type
                       ? ((renderLanes.childLanes = 0),
@@ -4950,6 +5066,7 @@ function updateForwardRef(
   Component = Component.render;
   var ref = workInProgress.ref;
   prepareToReadContext(workInProgress, renderLanes);
+  markComponentRenderStarted(workInProgress);
   nextProps = renderWithHooks(
     current,
     workInProgress,
@@ -4958,6 +5075,7 @@ function updateForwardRef(
     ref,
     renderLanes
   );
+  markComponentRenderStopped();
   if (null !== current && !didReceiveUpdate)
     return (
       (workInProgress.updateQueue = current.updateQueue),
@@ -5152,6 +5270,7 @@ function updateFunctionComponent(
     : contextStackCursor.current;
   context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderLanes);
+  markComponentRenderStarted(workInProgress);
   Component = renderWithHooks(
     current,
     workInProgress,
@@ -5160,6 +5279,7 @@ function updateFunctionComponent(
     context,
     renderLanes
   );
+  markComponentRenderStopped();
   if (null !== current && !didReceiveUpdate)
     return (
       (workInProgress.updateQueue = current.updateQueue),
@@ -5396,7 +5516,10 @@ function finishClassComponent(
   ) {
     var nextChildren = null;
     profilerStartTime = -1;
-  } else nextChildren = shouldUpdate.render();
+  } else
+    markComponentRenderStarted(workInProgress),
+      (nextChildren = shouldUpdate.render()),
+      markComponentRenderStopped();
   workInProgress.flags |= 1;
   null !== current && didCaptureError
     ? ((didCaptureError = nextChildren),
@@ -5429,7 +5552,7 @@ function pushHostRootContext(workInProgress) {
       pushTopLevelContextObject(workInProgress, root.context, !1);
   pushHostContainer(workInProgress, root.containerInfo);
 }
-var SUSPENDED_MARKER = { dehydrated: null, retryLane: 0 };
+var SUSPENDED_MARKER = { dehydrated: null, treeContext: null, retryLane: 0 };
 function mountSuspenseOffscreenState(renderLanes) {
   return { baseLanes: renderLanes, cachePool: null };
 }
@@ -5443,11 +5566,9 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       null !== current && null === current.memoizedState
         ? !1
         : 0 !== (suspenseContext & 2));
-  JSCompiler_temp
-    ? ((showFallback = !0), (workInProgress.flags &= -129))
-    : (null !== current && null === current.memoizedState) ||
-      !0 === nextProps.unstable_avoidThisFallback ||
-      (suspenseContext |= 1);
+  if (JSCompiler_temp) (showFallback = !0), (workInProgress.flags &= -129);
+  else if (null === current || null !== current.memoizedState)
+    suspenseContext |= 1;
   push(suspenseStackCursor, suspenseContext & 1);
   if (null === current) {
     current = nextProps.children;
@@ -5666,7 +5787,7 @@ function updateSuspenseFallbackChildren(
             primaryChildren
           ))),
       (current.subtreeFlags =
-        currentPrimaryChildFragment.subtreeFlags & 7340032));
+        currentPrimaryChildFragment.subtreeFlags & 14680064));
   null !== currentFallbackChildFragment
     ? (fallbackChildren = createWorkInProgress(
         currentFallbackChildFragment,
@@ -5898,6 +6019,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
   return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
 }
 function unwindWork(workInProgress) {
+  popTreeContext(workInProgress);
   switch (workInProgress.tag) {
     case 1:
       isContextProvider(workInProgress.type) && popContext();
@@ -6051,24 +6173,63 @@ function commitHookEffectListUnmount(
         var destroy = effect.destroy;
         effect.destroy = void 0;
         void 0 !== destroy &&
-          safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy);
+          (0 !== (flags & 8)
+            ? null !== injectedProfilingHooks &&
+              "function" ===
+                typeof injectedProfilingHooks.markComponentPassiveEffectUnmountStarted &&
+              injectedProfilingHooks.markComponentPassiveEffectUnmountStarted(
+                finishedWork
+              )
+            : 0 !== (flags & 4) &&
+              markComponentLayoutEffectUnmountStarted(finishedWork),
+          safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy),
+          0 !== (flags & 8)
+            ? null !== injectedProfilingHooks &&
+              "function" ===
+                typeof injectedProfilingHooks.markComponentPassiveEffectUnmountStopped &&
+              injectedProfilingHooks.markComponentPassiveEffectUnmountStopped()
+            : 0 !== (flags & 4) && markComponentLayoutEffectUnmountStopped());
       }
       effect = effect.next;
     } while (effect !== updateQueue);
   }
 }
-function commitHookEffectListMount(tag, finishedWork) {
-  finishedWork = finishedWork.updateQueue;
-  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
-  if (null !== finishedWork) {
-    var effect = (finishedWork = finishedWork.next);
+function commitHookEffectListMount(flags, finishedWork) {
+  var updateQueue = finishedWork.updateQueue;
+  updateQueue = null !== updateQueue ? updateQueue.lastEffect : null;
+  if (null !== updateQueue) {
+    var effect = (updateQueue = updateQueue.next);
     do {
-      if ((effect.tag & tag) === tag) {
-        var create$86 = effect.create;
-        effect.destroy = create$86();
+      if ((effect.tag & flags) === flags) {
+        0 !== (flags & 8)
+          ? null !== injectedProfilingHooks &&
+            "function" ===
+              typeof injectedProfilingHooks.markComponentPassiveEffectMountStarted &&
+            injectedProfilingHooks.markComponentPassiveEffectMountStarted(
+              finishedWork
+            )
+          : 0 !== (flags & 4) &&
+            null !== injectedProfilingHooks &&
+            "function" ===
+              typeof injectedProfilingHooks.markComponentLayoutEffectMountStarted &&
+            injectedProfilingHooks.markComponentLayoutEffectMountStarted(
+              finishedWork
+            );
+        var create$87 = effect.create;
+        effect.destroy = create$87();
+        0 !== (flags & 8)
+          ? null !== injectedProfilingHooks &&
+            "function" ===
+              typeof injectedProfilingHooks.markComponentPassiveEffectMountStopped &&
+            injectedProfilingHooks.markComponentPassiveEffectMountStopped()
+          : 0 !== (flags & 4) &&
+            null !== injectedProfilingHooks &&
+            "function" ===
+              typeof injectedProfilingHooks.markComponentLayoutEffectMountStopped &&
+            injectedProfilingHooks.markComponentLayoutEffectMountStopped();
       }
       effect = effect.next;
-    } while (effect !== finishedWork);
+    } while (effect !== updateQueue);
   }
 }
 function detachFiberAfterEffects(fiber) {
@@ -6192,13 +6353,17 @@ function commitMutationEffects(root, firstChild, committedLanes) {
                       var _effect = effect,
                         destroy = _effect.destroy,
                         tag = _effect.tag;
-                      void 0 === destroy ||
-                        (0 === (tag & 2) && 0 === (tag & 4)) ||
-                        (current.mode & 2
-                          ? (startLayoutEffectTimer(),
-                            safelyCallDestroy(current, root, destroy),
-                            recordLayoutEffectDuration(current))
-                          : safelyCallDestroy(current, root, destroy));
+                      void 0 !== destroy &&
+                        (0 !== (tag & 2)
+                          ? safelyCallDestroy(current, root, destroy)
+                          : 0 !== (tag & 4) &&
+                            (markComponentLayoutEffectUnmountStarted(current),
+                            current.mode & 2
+                              ? (startLayoutEffectTimer(),
+                                safelyCallDestroy(current, root, destroy),
+                                recordLayoutEffectDuration(current))
+                              : safelyCallDestroy(current, root, destroy),
+                            markComponentLayoutEffectUnmountStopped()));
                       effect = effect.next;
                     } while (effect !== firstEffect);
                   }
@@ -6282,8 +6447,8 @@ function commitMutationEffects(root, firstChild, committedLanes) {
             switch (root.tag) {
               case 13:
                 if (null !== root.memoizedState) {
-                  var current$92 = root.alternate;
-                  if (null === current$92 || null === current$92.memoizedState)
+                  var current$93 = root.alternate;
+                  if (null === current$93 || null === current$93.memoizedState)
                     globalMostRecentFallbackTime = now();
                 }
             }
@@ -6393,27 +6558,30 @@ function commitLayoutEffects(finishedWork, root, committedLanes) {
                     commitUpdateQueue(committedLanes, updateQueue, instance);
                   break;
                 case 3:
-                  var updateQueue$88 = committedLanes.updateQueue;
-                  if (null !== updateQueue$88) {
-                    var instance$89 = null;
+                  var updateQueue$89 = committedLanes.updateQueue;
+                  if (null !== updateQueue$89) {
+                    var instance$90 = null;
                     if (null !== committedLanes.child)
                       switch (committedLanes.child.tag) {
                         case 5:
-                          instance$89 =
+                          instance$90 =
                             committedLanes.child.stateNode.canonical;
                           break;
                         case 1:
-                          instance$89 = committedLanes.child.stateNode;
+                          instance$90 = committedLanes.child.stateNode;
                       }
                     commitUpdateQueue(
                       committedLanes,
-                      updateQueue$88,
-                      instance$89
+                      updateQueue$89,
+                      instance$90
                     );
                   }
                   break;
                 case 5:
-                  null === current && committedLanes.flags & 4 && shim();
+                  if (null === current && committedLanes.flags & 4)
+                    throw Error(
+                      "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
+                    );
                   break;
                 case 6:
                   break;
@@ -6424,7 +6592,7 @@ function commitLayoutEffects(finishedWork, root, committedLanes) {
                     onCommit = _finishedWork$memoize2.onCommit,
                     onRender = _finishedWork$memoize2.onRender,
                     effectDuration = committedLanes.stateNode.effectDuration;
-                  instance$89 = commitTime;
+                  instance$90 = commitTime;
                   current = null === current ? "mount" : "update";
                   currentUpdateIsNested && (current = "nested-update");
                   "function" === typeof onRender &&
@@ -6434,14 +6602,14 @@ function commitLayoutEffects(finishedWork, root, committedLanes) {
                       committedLanes.actualDuration,
                       committedLanes.treeBaseDuration,
                       committedLanes.actualStartTime,
-                      instance$89
+                      instance$90
                     );
                   "function" === typeof onCommit &&
                     onCommit(
                       committedLanes.memoizedProps.id,
                       current,
                       effectDuration,
-                      instance$89
+                      instance$90
                     );
                   enqueuePendingPassiveProfilerEffect(committedLanes);
                   var parentFiber = committedLanes.return;
@@ -6471,27 +6639,27 @@ function commitLayoutEffects(finishedWork, root, committedLanes) {
                   );
               }
             if (committedLanes.flags & 512) {
-              instance$89 = void 0;
+              instance$90 = void 0;
               current = committedLanes;
               var ref = current.ref;
               if (null !== ref) {
                 var instance$jscomp$0 = current.stateNode;
                 switch (current.tag) {
                   case 5:
-                    instance$89 = instance$jscomp$0.canonical;
+                    instance$90 = instance$jscomp$0.canonical;
                     break;
                   default:
-                    instance$89 = instance$jscomp$0;
+                    instance$90 = instance$jscomp$0;
                 }
                 if ("function" === typeof ref)
                   if (current.mode & 2)
                     try {
-                      startLayoutEffectTimer(), ref(instance$89);
+                      startLayoutEffectTimer(), ref(instance$90);
                     } finally {
                       recordLayoutEffectDuration(current);
                     }
-                  else ref(instance$89);
-                else ref.current = instance$89;
+                  else ref(instance$90);
+                else ref.current = instance$90;
               }
             }
           } catch (error) {
@@ -6506,10 +6674,10 @@ function commitLayoutEffects(finishedWork, root, committedLanes) {
           nextEffect = null;
           break;
         }
-        instance$89 = committedLanes.sibling;
-        if (null !== instance$89) {
-          instance$89.return = committedLanes.return;
-          nextEffect = instance$89;
+        instance$90 = committedLanes.sibling;
+        if (null !== instance$90) {
+          instance$90.return = committedLanes.return;
+          nextEffect = instance$90;
           break;
         }
         nextEffect = committedLanes.return;
@@ -6529,7 +6697,8 @@ var ceil = Math.ceil,
   workInProgressRootExitStatus = 0,
   workInProgressRootFatalError = null,
   workInProgressRootSkippedLanes = 0,
-  workInProgressRootUpdatedLanes = 0,
+  workInProgressRootInterleavedUpdatedLanes = 0,
+  workInProgressRootRenderPhaseUpdatedLanes = 0,
   workInProgressRootPingedLanes = 0,
   globalMostRecentFallbackTime = 0,
   workInProgressRootRenderTargetTime = Infinity,
@@ -6589,18 +6758,21 @@ function scheduleUpdateOnFiber(fiber, lane, eventTime) {
     ));
   var root = markUpdateLaneFromFiberToRoot(fiber, lane);
   if (null === root) return null;
-  isDevToolsPresent && addFiberToLanesMap(root, fiber, lane);
   markRootUpdated(root, lane, eventTime);
-  root === workInProgressRoot &&
-    (0 === (executionContext & 2) && (workInProgressRootUpdatedLanes |= lane),
-    4 === workInProgressRootExitStatus &&
-      markRootSuspended$1(root, workInProgressRootRenderLanes));
-  ensureRootIsScheduled(root, eventTime);
-  1 === lane &&
-    0 === executionContext &&
-    0 === (fiber.mode & 1) &&
-    ((workInProgressRootRenderTargetTime = now() + 500),
-    includesLegacySyncCallbacks && flushSyncCallbacks());
+  0 !== (executionContext & 2) && root === workInProgressRoot
+    ? (workInProgressRootRenderPhaseUpdatedLanes |= lane)
+    : (isDevToolsPresent && addFiberToLanesMap(root, fiber, lane),
+      root === workInProgressRoot &&
+        (0 === (executionContext & 2) &&
+          (workInProgressRootInterleavedUpdatedLanes |= lane),
+        4 === workInProgressRootExitStatus &&
+          markRootSuspended$1(root, workInProgressRootRenderLanes)),
+      ensureRootIsScheduled(root, eventTime),
+      1 === lane &&
+        0 === executionContext &&
+        0 === (fiber.mode & 1) &&
+        ((workInProgressRootRenderTargetTime = now() + 500),
+        includesLegacySyncCallbacks && flushSyncCallbacks()));
   return root;
 }
 function markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
@@ -6626,12 +6798,12 @@ function ensureRootIsScheduled(root, currentTime) {
     0 < lanes;
 
   ) {
-    var index$5 = 31 - clz32(lanes),
-      lane = 1 << index$5,
-      expirationTime = expirationTimes[index$5];
+    var index$6 = 31 - clz32(lanes),
+      lane = 1 << index$6,
+      expirationTime = expirationTimes[index$6];
     if (-1 === expirationTime) {
       if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$5] = computeExpirationTime(lane, currentTime);
+        expirationTimes[index$6] = computeExpirationTime(lane, currentTime);
     } else expirationTime <= currentTime && (root.expiredLanes |= lane);
     lanes &= ~lane;
   }
@@ -6726,6 +6898,7 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
       workInProgressRootRenderTargetTime = now() + 500;
       prepareFreshStack(root, didTimeout);
     }
+    markRenderStarted(didTimeout);
     do
       try {
         workLoopConcurrent();
@@ -6738,8 +6911,12 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
     ReactCurrentDispatcher$2.current = prevDispatcher;
     executionContext = prevExecutionContext;
     null !== workInProgress
-      ? (didTimeout = 0)
-      : ((workInProgressRoot = null),
+      ? (null !== injectedProfilingHooks &&
+          "function" === typeof injectedProfilingHooks.markRenderYielded &&
+          injectedProfilingHooks.markRenderYielded(),
+        (didTimeout = 0))
+      : (markRenderStopped(),
+        (workInProgressRoot = null),
         (workInProgressRootRenderLanes = 0),
         (didTimeout = workInProgressRootExitStatus));
   }
@@ -6855,10 +7032,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
 function recoverFromConcurrentError(root, errorRetryLanes) {
   var prevExecutionContext = executionContext;
   executionContext |= 8;
-  root.isDehydrated && ((root.isDehydrated = !1), shim(root.containerInfo));
-  root = renderRootSync(root, errorRetryLanes);
+  root.isDehydrated && (root.isDehydrated = !1);
+  for (
+    var exitStatus, i = 0;
+    50 > i &&
+    ((exitStatus = renderRootSync(root, errorRetryLanes)),
+    2 === exitStatus && 0 !== workInProgressRootRenderPhaseUpdatedLanes);
+    i++
+  );
   executionContext = prevExecutionContext;
-  return root;
+  return exitStatus;
 }
 function isRenderConsistentWithExternalStores(finishedWork) {
   for (var node = finishedWork; ; ) {
@@ -6896,13 +7079,13 @@ function isRenderConsistentWithExternalStores(finishedWork) {
 }
 function markRootSuspended$1(root, suspendedLanes) {
   suspendedLanes &= ~workInProgressRootPingedLanes;
-  suspendedLanes &= ~workInProgressRootUpdatedLanes;
+  suspendedLanes &= ~workInProgressRootInterleavedUpdatedLanes;
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$6 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$6;
-    root[index$6] = -1;
+    var index$7 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$7;
+    root[index$7] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -6916,13 +7099,10 @@ function performSyncWorkOnRoot(root) {
   if (0 === (lanes & 1)) return ensureRootIsScheduled(root, now()), null;
   var exitStatus = renderRootSync(root, lanes);
   if (0 !== root.tag && 2 === exitStatus) {
-    var prevExecutionContext = executionContext;
-    executionContext |= 8;
-    root.isDehydrated && ((root.isDehydrated = !1), shim(root.containerInfo));
     var errorRetryLanes = getLanesToRetrySynchronouslyOnError(root);
     0 !== errorRetryLanes &&
-      ((lanes = errorRetryLanes), (exitStatus = renderRootSync(root, lanes)));
-    executionContext = prevExecutionContext;
+      ((lanes = errorRetryLanes),
+      (exitStatus = recoverFromConcurrentError(root, errorRetryLanes)));
   }
   if (1 === exitStatus)
     throw ((exitStatus = workInProgressRootFatalError),
@@ -6949,6 +7129,7 @@ function prepareFreshStack(root, lanes) {
   if (null !== workInProgress)
     for (timeoutHandle = workInProgress.return; null !== timeoutHandle; ) {
       var interruptedWork = timeoutHandle;
+      popTreeContext(interruptedWork);
       switch (interruptedWork.tag) {
         case 1:
           interruptedWork = interruptedWork.type.childContextTypes;
@@ -6988,7 +7169,7 @@ function prepareFreshStack(root, lanes) {
   workInProgressRootRenderLanes = subtreeRenderLanes = lanes;
   workInProgressRootExitStatus = 0;
   workInProgressRootFatalError = null;
-  workInProgressRootPingedLanes = workInProgressRootUpdatedLanes = workInProgressRootSkippedLanes = 0;
+  workInProgressRootPingedLanes = workInProgressRootRenderPhaseUpdatedLanes = workInProgressRootInterleavedUpdatedLanes = workInProgressRootSkippedLanes = 0;
   if (null !== interleavedQueues) {
     for (root = 0; root < interleavedQueues.length; root++)
       if (
@@ -7009,7 +7190,7 @@ function prepareFreshStack(root, lanes) {
     interleavedQueues = null;
   }
 }
-function handleError(root$jscomp$0, thrownValue) {
+function handleError(root, thrownValue) {
   do {
     var erroredWork = workInProgress;
     try {
@@ -7039,20 +7220,42 @@ function handleError(root$jscomp$0, thrownValue) {
       }
       erroredWork.mode & 2 &&
         stopProfilerTimerIfRunningAndRecordDelta(erroredWork, !0);
+      markComponentRenderStopped();
+      if (
+        null !== thrownValue &&
+        "object" === typeof thrownValue &&
+        "function" === typeof thrownValue.then
+      ) {
+        var wakeable = thrownValue;
+        null !== injectedProfilingHooks &&
+          "function" === typeof injectedProfilingHooks.markComponentSuspended &&
+          injectedProfilingHooks.markComponentSuspended(
+            erroredWork,
+            wakeable,
+            workInProgressRootRenderLanes
+          );
+      } else
+        null !== injectedProfilingHooks &&
+          "function" === typeof injectedProfilingHooks.markComponentErrored &&
+          injectedProfilingHooks.markComponentErrored(
+            erroredWork,
+            thrownValue,
+            workInProgressRootRenderLanes
+          );
       a: {
-        var root = root$jscomp$0,
-          returnFiber = erroredWork.return,
+        wakeable = root;
+        var returnFiber = erroredWork.return,
           sourceFiber = erroredWork,
           value = thrownValue;
         thrownValue = workInProgressRootRenderLanes;
         sourceFiber.flags |= 32768;
-        isDevToolsPresent && restorePendingUpdaters(root, thrownValue);
+        isDevToolsPresent && restorePendingUpdaters(wakeable, thrownValue);
         if (
           null !== value &&
           "object" === typeof value &&
           "function" === typeof value.then
         ) {
-          var wakeable = value,
+          var wakeable$jscomp$0 = value,
             sourceFiber$jscomp$0 = sourceFiber,
             tag = sourceFiber$jscomp$0.tag;
           if (
@@ -7070,99 +7273,90 @@ function handleError(root$jscomp$0, thrownValue) {
           }
           b: {
             sourceFiber$jscomp$0 = returnFiber;
-            var sourceFiber$jscomp$1 = sourceFiber,
-              rootRenderLanes = thrownValue,
-              hasInvisibleParentBoundary =
-                0 !== (suspenseStackCursor.current & 1),
-              node = sourceFiber$jscomp$0;
             do {
               var JSCompiler_temp;
-              if ((JSCompiler_temp = 13 === node.tag)) {
-                var nextState = node.memoizedState;
+              if ((JSCompiler_temp = 13 === sourceFiber$jscomp$0.tag)) {
+                var nextState = sourceFiber$jscomp$0.memoizedState;
                 JSCompiler_temp =
                   null !== nextState
                     ? null !== nextState.dehydrated
                       ? !0
                       : !1
-                    : !0 !== node.memoizedProps.unstable_avoidThisFallback
-                    ? !0
-                    : hasInvisibleParentBoundary
-                    ? !1
                     : !0;
               }
               if (JSCompiler_temp) {
-                if (0 === (node.mode & 1)) {
-                  if (node === sourceFiber$jscomp$0) node.flags |= 65536;
-                  else {
-                    node.flags |= 128;
-                    sourceFiber$jscomp$1.flags |= 131072;
-                    sourceFiber$jscomp$1.flags &= -52805;
-                    if (
-                      enablePersistentOffscreenHostContainer &&
-                      null === node.alternate
-                    ) {
-                      var offscreenContainer = node.child.child;
-                      if (null !== offscreenContainer) {
-                        var containerProps = getOffscreenContainerProps(
-                          "hidden",
-                          offscreenContainer.memoizedProps.children
-                        );
-                        offscreenContainer.pendingProps = containerProps;
-                        offscreenContainer.memoizedProps = containerProps;
-                      }
-                    }
-                    if (1 === sourceFiber$jscomp$1.tag)
-                      if (null === sourceFiber$jscomp$1.alternate)
-                        sourceFiber$jscomp$1.tag = 17;
-                      else {
-                        var update = createUpdate(-1, 1);
-                        update.tag = 2;
-                        enqueueUpdate(sourceFiber$jscomp$1, update);
-                      }
-                    sourceFiber$jscomp$1.lanes |= 1;
-                  }
-                  var suspenseBoundary = node;
-                  break b;
-                }
-                node.flags |= 65536;
-                node.lanes = rootRenderLanes;
-                suspenseBoundary = node;
+                var suspenseBoundary = sourceFiber$jscomp$0;
                 break b;
               }
-              node = node.return;
-            } while (null !== node);
+              sourceFiber$jscomp$0 = sourceFiber$jscomp$0.return;
+            } while (null !== sourceFiber$jscomp$0);
             suspenseBoundary = null;
           }
           if (null !== suspenseBoundary) {
-            value = void 0;
-            sourceFiber = suspenseBoundary;
-            if (sourceFiber.mode & 1) {
-              var pingCache = root.pingCache;
+            suspenseBoundary.flags &= -257;
+            value = suspenseBoundary;
+            sourceFiber$jscomp$0 = thrownValue;
+            if (0 === (value.mode & 1))
+              if (value === returnFiber) value.flags |= 65536;
+              else {
+                value.flags |= 128;
+                sourceFiber.flags |= 131072;
+                sourceFiber.flags &= -52805;
+                if (
+                  enablePersistentOffscreenHostContainer &&
+                  null === value.alternate
+                ) {
+                  var offscreenContainer = value.child.child;
+                  if (null !== offscreenContainer) {
+                    var containerProps = getOffscreenContainerProps(
+                      "hidden",
+                      offscreenContainer.memoizedProps.children
+                    );
+                    offscreenContainer.pendingProps = containerProps;
+                    offscreenContainer.memoizedProps = containerProps;
+                  }
+                }
+                if (1 === sourceFiber.tag)
+                  if (null === sourceFiber.alternate) sourceFiber.tag = 17;
+                  else {
+                    var update = createUpdate(-1, 1);
+                    update.tag = 2;
+                    enqueueUpdate(sourceFiber, update);
+                  }
+                sourceFiber.lanes |= 1;
+              }
+            else (value.flags |= 65536), (value.lanes = sourceFiber$jscomp$0);
+            sourceFiber = void 0;
+            value = suspenseBoundary;
+            if (value.mode & 1) {
+              var pingCache = wakeable.pingCache;
               null === pingCache
-                ? ((pingCache = root.pingCache = new PossiblyWeakMap()),
-                  (value = new Set()),
-                  pingCache.set(wakeable, value))
-                : ((value = pingCache.get(wakeable)),
-                  void 0 === value &&
-                    ((value = new Set()), pingCache.set(wakeable, value)));
-              if (!value.has(thrownValue)) {
-                value.add(thrownValue);
+                ? ((pingCache = wakeable.pingCache = new PossiblyWeakMap()),
+                  (sourceFiber = new Set()),
+                  pingCache.set(wakeable$jscomp$0, sourceFiber))
+                : ((sourceFiber = pingCache.get(wakeable$jscomp$0)),
+                  void 0 === sourceFiber &&
+                    ((sourceFiber = new Set()),
+                    pingCache.set(wakeable$jscomp$0, sourceFiber)));
+              if (!sourceFiber.has(thrownValue)) {
+                sourceFiber.add(thrownValue);
                 var ping = pingSuspendedRoot.bind(
                   null,
-                  root,
                   wakeable,
+                  wakeable$jscomp$0,
                   thrownValue
                 );
-                isDevToolsPresent && restorePendingUpdaters(root, thrownValue);
-                wakeable.then(ping, ping);
+                isDevToolsPresent &&
+                  restorePendingUpdaters(wakeable, thrownValue);
+                wakeable$jscomp$0.then(ping, ping);
               }
             }
-            var wakeables = sourceFiber.updateQueue;
+            var wakeables = value.updateQueue;
             if (null === wakeables) {
               var updateQueue = new Set();
-              updateQueue.add(wakeable);
-              sourceFiber.updateQueue = updateQueue;
-            } else wakeables.add(wakeable);
+              updateQueue.add(wakeable$jscomp$0);
+              value.updateQueue = updateQueue;
+            } else wakeables.add(wakeable$jscomp$0);
             break a;
           } else
             value = Error(
@@ -7173,47 +7367,47 @@ function handleError(root$jscomp$0, thrownValue) {
         4 !== workInProgressRootExitStatus &&
           (workInProgressRootExitStatus = 2);
         value = createCapturedValue(value, sourceFiber);
-        root = returnFiber;
+        wakeable = returnFiber;
         do {
-          switch (root.tag) {
+          switch (wakeable.tag) {
             case 3:
-              wakeable = value;
-              root.flags |= 65536;
+              wakeable$jscomp$0 = value;
+              wakeable.flags |= 65536;
               thrownValue &= -thrownValue;
-              root.lanes |= thrownValue;
+              wakeable.lanes |= thrownValue;
               var update$jscomp$0 = createRootErrorUpdate(
-                root,
                 wakeable,
+                wakeable$jscomp$0,
                 thrownValue
               );
-              enqueueCapturedUpdate(root, update$jscomp$0);
+              enqueueCapturedUpdate(wakeable, update$jscomp$0);
               break a;
             case 1:
-              wakeable = value;
-              var ctor = root.type,
-                instance = root.stateNode;
+              wakeable$jscomp$0 = value;
+              var ctor = wakeable.type,
+                instance = wakeable.stateNode;
               if (
-                0 === (root.flags & 128) &&
+                0 === (wakeable.flags & 128) &&
                 ("function" === typeof ctor.getDerivedStateFromError ||
                   (null !== instance &&
                     "function" === typeof instance.componentDidCatch &&
                     (null === legacyErrorBoundariesThatAlreadyFailed ||
                       !legacyErrorBoundariesThatAlreadyFailed.has(instance))))
               ) {
-                root.flags |= 65536;
+                wakeable.flags |= 65536;
                 thrownValue &= -thrownValue;
-                root.lanes |= thrownValue;
-                var update$33 = createClassErrorUpdate(
-                  root,
+                wakeable.lanes |= thrownValue;
+                var update$34 = createClassErrorUpdate(
                   wakeable,
+                  wakeable$jscomp$0,
                   thrownValue
                 );
-                enqueueCapturedUpdate(root, update$33);
+                enqueueCapturedUpdate(wakeable, update$34);
                 break a;
               }
           }
-          root = root.return;
-        } while (null !== root);
+          wakeable = wakeable.return;
+        } while (null !== wakeable);
       }
       completeUnitOfWork(erroredWork);
     } catch (yetAnotherThrownValue) {
@@ -7245,6 +7439,7 @@ function renderRootSync(root, lanes) {
     }
     prepareFreshStack(root, lanes);
   }
+  markRenderStarted(lanes);
   do
     try {
       workLoopSync();
@@ -7260,6 +7455,7 @@ function renderRootSync(root, lanes) {
     throw Error(
       "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
     );
+  markRenderStopped();
   workInProgressRoot = null;
   workInProgressRootRenderLanes = 0;
   return workInProgressRootExitStatus;
@@ -7352,7 +7548,10 @@ function commitRootImpl(root, renderPriorityLevel) {
     throw Error("Should not already be working.");
   var finishedWork = root.finishedWork,
     lanes = root.finishedLanes;
-  if (null === finishedWork) return null;
+  null !== injectedProfilingHooks &&
+    "function" === typeof injectedProfilingHooks.markCommitStarted &&
+    injectedProfilingHooks.markCommitStarted(lanes);
+  if (null === finishedWork) return markCommitStopped(), null;
   root.finishedWork = null;
   root.finishedLanes = 0;
   if (finishedWork === root.current)
@@ -7387,7 +7586,13 @@ function commitRootImpl(root, renderPriorityLevel) {
     commitTime = now$1();
     commitMutationEffects(root, finishedWork, lanes);
     root.current = finishedWork;
+    null !== injectedProfilingHooks &&
+      "function" === typeof injectedProfilingHooks.markLayoutEffectsStarted &&
+      injectedProfilingHooks.markLayoutEffectsStarted(lanes);
     commitLayoutEffects(finishedWork, root, lanes);
+    null !== injectedProfilingHooks &&
+      "function" === typeof injectedProfilingHooks.markLayoutEffectsStopped &&
+      injectedProfilingHooks.markLayoutEffectsStopped();
     requestPaint();
     executionContext = prevExecutionContext;
     currentUpdatePriority = previousPriority;
@@ -7418,6 +7623,7 @@ function commitRootImpl(root, renderPriorityLevel) {
         : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root)))
     : (nestedUpdateCount = 0);
   flushSyncCallbacks();
+  markCommitStopped();
   return null;
 }
 function flushPassiveEffects() {
@@ -7432,11 +7638,16 @@ function flushPassiveEffects() {
         var JSCompiler_inline_result = !1;
       else {
         renderPriority = rootWithPendingPassiveEffects;
+        var lanes = pendingPassiveEffectsLanes;
         rootWithPendingPassiveEffects = null;
         pendingPassiveEffectsLanes = 0;
         if (0 !== (executionContext & 6))
           throw Error("Cannot flush passive effects while already rendering.");
-        var prevExecutionContext = executionContext;
+        null !== injectedProfilingHooks &&
+          "function" ===
+            typeof injectedProfilingHooks.markPassiveEffectsStarted &&
+          injectedProfilingHooks.markPassiveEffectsStarted(lanes);
+        lanes = executionContext;
         executionContext |= 4;
         for (nextEffect = renderPriority.current; null !== nextEffect; ) {
           var fiber = nextEffect,
@@ -7599,7 +7810,11 @@ function flushPassiveEffects() {
                 }
             }
         }
-        executionContext = prevExecutionContext;
+        null !== injectedProfilingHooks &&
+          "function" ===
+            typeof injectedProfilingHooks.markPassiveEffectsStopped &&
+          injectedProfilingHooks.markPassiveEffectsStopped();
+        executionContext = lanes;
         flushSyncCallbacks();
         if (
           injectedHook &&
@@ -7756,6 +7971,7 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
         contextStackCursor.current
       );
       prepareToReadContext(workInProgress, renderLanes);
+      markComponentRenderStarted(workInProgress);
       context = renderWithHooks(
         null,
         workInProgress,
@@ -7764,6 +7980,7 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
         context,
         renderLanes
       );
+      markComponentRenderStopped();
       workInProgress.flags |= 1;
       if (
         "object" === typeof context &&
@@ -8089,7 +8306,9 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
         (Component = workInProgress.pendingProps.children),
         prepareToReadContext(workInProgress, renderLanes),
         (context = readContext(context)),
+        markComponentRenderStarted(workInProgress),
         (Component = Component(context)),
+        markComponentRenderStopped(),
         (workInProgress.flags |= 1),
         reconcileChildren(current, workInProgress, Component, renderLanes),
         workInProgress.child
@@ -8220,7 +8439,7 @@ function createWorkInProgress(current, pendingProps) {
       (workInProgress.deletions = null),
       (workInProgress.actualDuration = 0),
       (workInProgress.actualStartTime = -1));
-  workInProgress.flags = current.flags & 7340032;
+  workInProgress.flags = current.flags & 14680064;
   workInProgress.childLanes = current.childLanes;
   workInProgress.lanes = current.lanes;
   workInProgress.child = current.child;
@@ -8363,7 +8582,7 @@ function createFiberFromPortal(portal, mode, lanes) {
   };
   return mode;
 }
-function FiberRootNode(containerInfo, tag, hydrate) {
+function FiberRootNode(containerInfo, tag, hydrate, identifierPrefix) {
   this.tag = tag;
   this.containerInfo = containerInfo;
   this.finishedWork = this.pingCache = this.current = this.pendingChildren = null;
@@ -8376,6 +8595,7 @@ function FiberRootNode(containerInfo, tag, hydrate) {
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes = this.finishedLanes = this.mutableReadLanes = this.expiredLanes = this.pingedLanes = this.suspendedLanes = this.pendingLanes = 0;
   this.entanglements = createLaneMap(0);
+  this.identifierPrefix = identifierPrefix;
   this.passiveEffectDuration = this.effectDuration = 0;
   this.memoizedUpdaters = new Set();
   containerInfo = this.pendingUpdatersLaneMap = [];
@@ -8409,6 +8629,9 @@ function updateContainer(element, container, parentComponent, callback) {
   var current = container.current,
     eventTime = requestEventTime(),
     lane = requestUpdateLane(current);
+  null !== injectedProfilingHooks &&
+    "function" === typeof injectedProfilingHooks.markRenderScheduled &&
+    injectedProfilingHooks.markRenderScheduled(lane);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternals;
     b: {
@@ -8583,10 +8806,10 @@ batchedUpdatesImpl = function(fn, a) {
   }
 };
 var roots = new Map(),
-  devToolsConfig$jscomp$inline_965 = {
+  devToolsConfig$jscomp$inline_1002 = {
     findFiberByHostInstance: getInstanceFromInstance,
     bundleType: 0,
-    version: "18.0.0-afcb9cdc9-20211008",
+    version: "18.0.0-rc.0-51947a14b-20220113",
     rendererPackageName: "react-native-renderer",
     rendererConfig: {
       getInspectorDataForViewTag: function() {
@@ -8601,11 +8824,11 @@ var roots = new Map(),
       }.bind(null, findNodeHandle)
     }
   };
-var internals$jscomp$inline_1239 = {
-  bundleType: devToolsConfig$jscomp$inline_965.bundleType,
-  version: devToolsConfig$jscomp$inline_965.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_965.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_965.rendererConfig,
+var internals$jscomp$inline_1279 = {
+  bundleType: devToolsConfig$jscomp$inline_1002.bundleType,
+  version: devToolsConfig$jscomp$inline_1002.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1002.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1002.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -8621,26 +8844,29 @@ var internals$jscomp$inline_1239 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_965.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1002.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.0.0-afcb9cdc9-20211008"
+  reconcilerVersion: "18.0.0-rc.0-51947a14b-20220113"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1240 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1280 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1240.isDisabled &&
-    hook$jscomp$inline_1240.supportsFiber
+    !hook$jscomp$inline_1280.isDisabled &&
+    hook$jscomp$inline_1280.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1240.inject(
-        internals$jscomp$inline_1239
+      (rendererID = hook$jscomp$inline_1280.inject(
+        Object.assign({}, internals$jscomp$inline_1279, {
+          getLaneLabelMap: getLaneLabelMap,
+          injectProfilingHooks: injectProfilingHooks
+        })
       )),
-        (injectedHook = hook$jscomp$inline_1240);
+        (injectedHook = hook$jscomp$inline_1280);
     } catch (err) {}
 }
 exports.createPortal = function(children, containerTag) {
@@ -8680,7 +8906,7 @@ exports.render = function(element, containerTag, callback, concurrentRoot) {
   var root = roots.get(containerTag);
   root ||
     ((root = concurrentRoot ? 1 : 0),
-    (concurrentRoot = new FiberRootNode(containerTag, root, !1)),
+    (concurrentRoot = new FiberRootNode(containerTag, root, !1, "")),
     (root = 1 === root ? 1 : 0),
     isDevToolsPresent && (root |= 2),
     (root = createFiber(3, null, null, root)),
@@ -8723,3 +8949,13 @@ exports.stopSurface = function(containerTag) {
 exports.unmountComponentAtNode = function(containerTag) {
   this.stopSurface(containerTag);
 };
+
+          /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
+if (
+  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
+  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
+    'function'
+) {
+  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+}
+