From 2c4d9cef8b472dac2f2c4910be46fbb6d0a637e1 Mon Sep 17 00:00:00 2001
From: tyao1 <tyao1@users.noreply.github.com>
Date: Thu, 1 Jun 2023 17:40:16 +0000
Subject: [PATCH] Always trigger componentWillUnmount in StrictMode (#26842)

<!--
  Thanks for submitting a pull request!
We appreciate you spending the time to work on these changes. Please
provide enough information so that others can review your pull request.
The three fields below are mandatory.

Before submitting a pull request, please make sure the following is
done:

1. Fork [the repository](https://github.com/facebook/react) and create
your branch from `main`.
  2. Run `yarn` in the repository root.
3. If you've fixed a bug or added code that should be tested, add tests!
4. Ensure the test suite passes (`yarn test`). Tip: `yarn test --watch
TestName` is helpful in development.
5. Run `yarn test --prod` to test in the production environment. It
supports the same options as `yarn test`.
6. If you need a debugger, run `yarn test --debug --watch TestName`,
open `chrome://inspect`, and press "Inspect".
7. Format your code with
[prettier](https://github.com/prettier/prettier) (`yarn prettier`).
8. Make sure your code lints (`yarn lint`). Tip: `yarn linc` to only
check changed files.
  9. Run the [Flow](https://flowtype.org/) type checks (`yarn flow`).
  10. If you haven't already, complete the CLA.

Learn more about contributing:
https://reactjs.org/docs/how-to-contribute.html
-->

## Summary

<!--
Explain the **motivation** for making this change. What existing problem
does the pull request solve?
-->
In StrictMode, React currently only triggers `componentWillUnmount` if
`componentDidMount` is defined. This would miss detecting issues like
initializing resources in constructor or componentWillMount, for
example:
```
class Component {
  constructor() {
     this._subscriptions = new Subscriptions();
  }
  componentWillUnmount() {
     this._subscriptions.reset();
  }
}
```

The PR makes `componentWillUnmount` always run in StrictMode.

## How did you test this change?

<!--
Demonstrate the code is solid. Example: The exact commands you ran and
their output, screenshots / videos if the pull request changes the user
interface.
How exactly did you verify that your PR solves the issue you wanted to
solve?
  If you leave this empty, your PR will very likely be closed.
-->
`yarn test ci`

DiffTrain build for commit https://github.com/facebook/react/commit/811022232efed62a3c943701bc99d18655bc78b3.
---
 .../cjs/ReactTestRenderer-dev.js              |  54 ++---
 .../cjs/ReactTestRenderer-prod.js             | 154 ++++++-------
 .../cjs/ReactTestRenderer-profiling.js        | 212 +++++++++---------
 .../RKJSModules/vendor/react/cjs/React-dev.js |   2 +-
 .../vendor/react/cjs/React-prod.js            |   2 +-
 .../vendor/react/cjs/React-profiling.js       |   2 +-
 .../Libraries/Renderer/REVISION               |   2 +-
 .../implementations/ReactFabric-dev.fb.js     |  54 ++---
 .../implementations/ReactFabric-prod.fb.js    | 138 ++++++------
 .../ReactFabric-profiling.fb.js               | 182 +++++++--------
 .../ReactNativeRenderer-dev.fb.js             |  54 ++---
 .../ReactNativeRenderer-prod.fb.js            | 158 ++++++-------
 .../ReactNativeRenderer-profiling.fb.js       | 202 ++++++++---------
 13 files changed, 599 insertions(+), 617 deletions(-)

diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react-test-renderer/cjs/ReactTestRenderer-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react-test-renderer/cjs/ReactTestRenderer-dev.js
index e449774342..8607b0ff75 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react-test-renderer/cjs/ReactTestRenderer-dev.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react-test-renderer/cjs/ReactTestRenderer-dev.js
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<e2649a21f4471fab672f885dc7d27434>>
+ * @generated SignedSource<<35eceb39002aa0301bede117a38f12c0>>
  */
 
 'use strict';
@@ -10293,13 +10293,11 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   }
 
   if (typeof instance.componentDidMount === "function") {
-    var fiberFlags = Update | LayoutStatic;
+    workInProgress.flags |= Update | LayoutStatic;
+  }
 
-    if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-      fiberFlags |= MountLayoutDev;
-    }
-
-    workInProgress.flags |= fiberFlags;
+  if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+    workInProgress.flags |= MountLayoutDev;
   }
 }
 
@@ -10361,13 +10359,11 @@ 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") {
-      var fiberFlags = Update | LayoutStatic;
+      workInProgress.flags |= Update | LayoutStatic;
+    }
 
-      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-        fiberFlags |= MountLayoutDev;
-      }
-
-      workInProgress.flags |= fiberFlags;
+    if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+      workInProgress.flags |= MountLayoutDev;
     }
 
     return false;
@@ -10413,25 +10409,21 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     }
 
     if (typeof instance.componentDidMount === "function") {
-      var _fiberFlags = Update | LayoutStatic;
+      workInProgress.flags |= Update | LayoutStatic;
+    }
 
-      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-        _fiberFlags |= MountLayoutDev;
-      }
-
-      workInProgress.flags |= _fiberFlags;
+    if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+      workInProgress.flags |= MountLayoutDev;
     }
   } 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") {
-      var _fiberFlags2 = Update | LayoutStatic;
+      workInProgress.flags |= Update | LayoutStatic;
+    }
 
-      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-        _fiberFlags2 |= MountLayoutDev;
-      }
-
-      workInProgress.flags |= _fiberFlags2;
+    if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+      workInProgress.flags |= MountLayoutDev;
     } // If shouldComponentUpdate returned false, we should still update the
     // memoized state to indicate that this work can be reused.
 
@@ -19783,10 +19775,12 @@ function invokeLayoutEffectMountInDEV(fiber) {
       case ClassComponent: {
         var instance = fiber.stateNode;
 
-        try {
-          instance.componentDidMount();
-        } catch (error) {
-          captureCommitPhaseError(fiber, fiber.return, error);
+        if (typeof instance.componentDidMount === "function") {
+          try {
+            instance.componentDidMount();
+          } catch (error) {
+            captureCommitPhaseError(fiber, fiber.return, error);
+          }
         }
 
         break;
@@ -23928,7 +23922,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-canary-018c58c9c-20230601";
+var ReactVersion = "18.3.0-canary-811022232-20230601";
 
 // Might add PROFILE later.
 
diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react-test-renderer/cjs/ReactTestRenderer-prod.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react-test-renderer/cjs/ReactTestRenderer-prod.js
index af92e6f9ff..70e4ec6166 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react-test-renderer/cjs/ReactTestRenderer-prod.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react-test-renderer/cjs/ReactTestRenderer-prod.js
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<bf297dad702ba511975b518d639aa865>>
+ * @generated SignedSource<<77fc4f9a917cfed3650bc1553f28c0e2>>
  */
 
 "use strict";
@@ -4497,14 +4497,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$60 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$60 = lastTailNode),
+      for (var lastTailNode$58 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$58 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$60
+      null === lastTailNode$58
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$60.sibling = null);
+        : (lastTailNode$58.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -4514,19 +4514,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$61 = completedWork.child; null !== child$61; )
-      (newChildLanes |= child$61.lanes | child$61.childLanes),
-        (subtreeFlags |= child$61.subtreeFlags & 31457280),
-        (subtreeFlags |= child$61.flags & 31457280),
-        (child$61.return = completedWork),
-        (child$61 = child$61.sibling);
+    for (var child$59 = completedWork.child; null !== child$59; )
+      (newChildLanes |= child$59.lanes | child$59.childLanes),
+        (subtreeFlags |= child$59.subtreeFlags & 31457280),
+        (subtreeFlags |= child$59.flags & 31457280),
+        (child$59.return = completedWork),
+        (child$59 = child$59.sibling);
   else
-    for (child$61 = completedWork.child; null !== child$61; )
-      (newChildLanes |= child$61.lanes | child$61.childLanes),
-        (subtreeFlags |= child$61.subtreeFlags),
-        (subtreeFlags |= child$61.flags),
-        (child$61.return = completedWork),
-        (child$61 = child$61.sibling);
+    for (child$59 = completedWork.child; null !== child$59; )
+      (newChildLanes |= child$59.lanes | child$59.childLanes),
+        (subtreeFlags |= child$59.subtreeFlags),
+        (subtreeFlags |= child$59.flags),
+        (child$59.return = completedWork),
+        (child$59 = child$59.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -4688,11 +4688,11 @@ function completeWork(current, workInProgress, renderLanes) {
           null !== newProps.alternate.memoizedState &&
           null !== newProps.alternate.memoizedState.cachePool &&
           (index = newProps.alternate.memoizedState.cachePool.pool);
-        var cache$65 = null;
+        var cache$63 = null;
         null !== newProps.memoizedState &&
           null !== newProps.memoizedState.cachePool &&
-          (cache$65 = newProps.memoizedState.cachePool.pool);
-        cache$65 !== index && (newProps.flags |= 2048);
+          (cache$63 = newProps.memoizedState.cachePool.pool);
+        cache$63 !== index && (newProps.flags |= 2048);
       }
       renderLanes !== current &&
         renderLanes &&
@@ -4719,8 +4719,8 @@ function completeWork(current, workInProgress, renderLanes) {
       index = workInProgress.memoizedState;
       if (null === index) return bubbleProperties(workInProgress), null;
       newProps = 0 !== (workInProgress.flags & 128);
-      cache$65 = index.rendering;
-      if (null === cache$65)
+      cache$63 = index.rendering;
+      if (null === cache$63)
         if (newProps) cutOffTailIfNeeded(index, !1);
         else {
           if (
@@ -4728,11 +4728,11 @@ function completeWork(current, workInProgress, renderLanes) {
             (null !== current && 0 !== (current.flags & 128))
           )
             for (current = workInProgress.child; null !== current; ) {
-              cache$65 = findFirstSuspended(current);
-              if (null !== cache$65) {
+              cache$63 = findFirstSuspended(current);
+              if (null !== cache$63) {
                 workInProgress.flags |= 128;
                 cutOffTailIfNeeded(index, !1);
-                current = cache$65.updateQueue;
+                current = cache$63.updateQueue;
                 workInProgress.updateQueue = current;
                 scheduleRetryEffect(workInProgress, current);
                 workInProgress.subtreeFlags = 0;
@@ -4757,7 +4757,7 @@ function completeWork(current, workInProgress, renderLanes) {
         }
       else {
         if (!newProps)
-          if (((current = findFirstSuspended(cache$65)), null !== current)) {
+          if (((current = findFirstSuspended(cache$63)), null !== current)) {
             if (
               ((workInProgress.flags |= 128),
               (newProps = !0),
@@ -4767,7 +4767,7 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(index, !0),
               null === index.tail &&
                 "hidden" === index.tailMode &&
-                !cache$65.alternate)
+                !cache$63.alternate)
             )
               return bubbleProperties(workInProgress), null;
           } else
@@ -4779,13 +4779,13 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(index, !1),
               (workInProgress.lanes = 8388608));
         index.isBackwards
-          ? ((cache$65.sibling = workInProgress.child),
-            (workInProgress.child = cache$65))
+          ? ((cache$63.sibling = workInProgress.child),
+            (workInProgress.child = cache$63))
           : ((current = index.last),
             null !== current
-              ? (current.sibling = cache$65)
-              : (workInProgress.child = cache$65),
-            (index.last = cache$65));
+              ? (current.sibling = cache$63)
+              : (workInProgress.child = cache$63),
+            (index.last = cache$63));
       }
       if (null !== index.tail)
         return (
@@ -5000,8 +5000,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$81) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$81);
+      } catch (error$79) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$79);
       }
     else ref.current = null;
 }
@@ -5107,10 +5107,10 @@ function commitHookEffectListMount(flags, finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
       if ((effect.tag & flags) === flags) {
-        var create$82 = effect.create,
+        var create$80 = effect.create,
           inst = effect.inst;
-        create$82 = create$82();
-        inst.destroy = create$82;
+        create$80 = create$80();
+        inst.destroy = create$80;
       }
       effect = effect.next;
     } while (effect !== finishedWork);
@@ -5164,11 +5164,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$83) {
+          } catch (error$81) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$83
+              error$81
             );
           }
         }
@@ -5545,8 +5545,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$91) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$91);
+        } catch (error$89) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$89);
         }
       }
       break;
@@ -5584,8 +5584,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         finishedWork.updateQueue = null;
         try {
           (flags.type = type), (flags.props = existingHiddenCallbacks);
-        } catch (error$94) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$94);
+        } catch (error$92) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$92);
         }
       }
       break;
@@ -5601,8 +5601,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         existingHiddenCallbacks = finishedWork.memoizedProps;
         try {
           flags.text = existingHiddenCallbacks;
-        } catch (error$95) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$95);
+        } catch (error$93) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$93);
         }
       }
       break;
@@ -5686,11 +5686,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 wasHidden.stateNode.isHidden = existingHiddenCallbacks
                   ? !0
                   : !1;
-              } catch (error$85) {
+              } catch (error$83) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$85
+                  error$83
                 );
               }
           } else if (
@@ -5768,12 +5768,12 @@ function commitReconciliationEffects(finishedWork) {
           break;
         case 3:
         case 4:
-          var parent$86 = JSCompiler_inline_result.stateNode.containerInfo,
-            before$87 = getHostSibling(finishedWork);
+          var parent$84 = JSCompiler_inline_result.stateNode.containerInfo,
+            before$85 = getHostSibling(finishedWork);
           insertOrAppendPlacementNodeIntoContainer(
             finishedWork,
-            before$87,
-            parent$86
+            before$85,
+            parent$84
           );
           break;
         default:
@@ -6501,16 +6501,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$104 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$102 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$104 &&
-            ((lanes = errorRetryLanes$104),
+          0 !== errorRetryLanes$102 &&
+            ((lanes = errorRetryLanes$102),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$104
+              errorRetryLanes$102
             )));
         }
         if (1 === didTimeout)
@@ -6815,8 +6815,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$106) {
-      handleThrow(root, thrownValue$106);
+    } catch (thrownValue$104) {
+      handleThrow(root, thrownValue$104);
     }
   while (1);
   resetContextDependencies();
@@ -6923,8 +6923,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$108) {
-      handleThrow(root, thrownValue$108);
+    } catch (thrownValue$106) {
+      handleThrow(root, thrownValue$106);
     }
   while (1);
   resetContextDependencies();
@@ -7093,10 +7093,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$30 = offscreenQueue.retryQueue;
-                      null === retryQueue$30
+                      var retryQueue$28 = offscreenQueue.retryQueue;
+                      null === retryQueue$28
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$30.add(wakeable);
+                        : retryQueue$28.add(wakeable);
                     }
                   }
                   break;
@@ -8612,19 +8612,19 @@ function wrapFiber(fiber) {
     fiberToWrapper.set(fiber, wrapper));
   return wrapper;
 }
-var devToolsConfig$jscomp$inline_1036 = {
+var devToolsConfig$jscomp$inline_1031 = {
   findFiberByHostInstance: function () {
     throw Error("TestRenderer does not support findFiberByHostInstance()");
   },
   bundleType: 0,
-  version: "18.3.0-canary-018c58c9c-20230601",
+  version: "18.3.0-canary-811022232-20230601",
   rendererPackageName: "react-test-renderer"
 };
-var internals$jscomp$inline_1235 = {
-  bundleType: devToolsConfig$jscomp$inline_1036.bundleType,
-  version: devToolsConfig$jscomp$inline_1036.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1036.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1036.rendererConfig,
+var internals$jscomp$inline_1230 = {
+  bundleType: devToolsConfig$jscomp$inline_1031.bundleType,
+  version: devToolsConfig$jscomp$inline_1031.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1031.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1031.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -8641,26 +8641,26 @@ var internals$jscomp$inline_1235 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1036.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1031.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-canary-018c58c9c-20230601"
+  reconcilerVersion: "18.3.0-canary-811022232-20230601"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1236 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1231 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1236.isDisabled &&
-    hook$jscomp$inline_1236.supportsFiber
+    !hook$jscomp$inline_1231.isDisabled &&
+    hook$jscomp$inline_1231.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1236.inject(
-        internals$jscomp$inline_1235
+      (rendererID = hook$jscomp$inline_1231.inject(
+        internals$jscomp$inline_1230
       )),
-        (injectedHook = hook$jscomp$inline_1236);
+        (injectedHook = hook$jscomp$inline_1231);
     } catch (err) {}
 }
 exports._Scheduler = Scheduler;
diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react-test-renderer/cjs/ReactTestRenderer-profiling.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react-test-renderer/cjs/ReactTestRenderer-profiling.js
index ef6461c313..25c66dcf9f 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react-test-renderer/cjs/ReactTestRenderer-profiling.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react-test-renderer/cjs/ReactTestRenderer-profiling.js
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<a9469d90e2f55f1395287b11b0eee96e>>
+ * @generated SignedSource<<40f55b392dc647d81f9ec5812e9957ef>>
  */
 
 "use strict";
@@ -4601,14 +4601,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$61 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$61 = lastTailNode),
+      for (var lastTailNode$59 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$59 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$61
+      null === lastTailNode$59
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$61.sibling = null);
+        : (lastTailNode$59.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -4620,53 +4620,53 @@ function bubbleProperties(completedWork) {
   if (didBailout)
     if (0 !== (completedWork.mode & 2)) {
       for (
-        var treeBaseDuration$63 = completedWork.selfBaseDuration,
-          child$64 = completedWork.child;
-        null !== child$64;
+        var treeBaseDuration$61 = completedWork.selfBaseDuration,
+          child$62 = completedWork.child;
+        null !== child$62;
 
       )
-        (newChildLanes |= child$64.lanes | child$64.childLanes),
-          (subtreeFlags |= child$64.subtreeFlags & 31457280),
-          (subtreeFlags |= child$64.flags & 31457280),
-          (treeBaseDuration$63 += child$64.treeBaseDuration),
-          (child$64 = child$64.sibling);
-      completedWork.treeBaseDuration = treeBaseDuration$63;
+        (newChildLanes |= child$62.lanes | child$62.childLanes),
+          (subtreeFlags |= child$62.subtreeFlags & 31457280),
+          (subtreeFlags |= child$62.flags & 31457280),
+          (treeBaseDuration$61 += child$62.treeBaseDuration),
+          (child$62 = child$62.sibling);
+      completedWork.treeBaseDuration = treeBaseDuration$61;
     } else
       for (
-        treeBaseDuration$63 = completedWork.child;
-        null !== treeBaseDuration$63;
+        treeBaseDuration$61 = completedWork.child;
+        null !== treeBaseDuration$61;
 
       )
         (newChildLanes |=
-          treeBaseDuration$63.lanes | treeBaseDuration$63.childLanes),
-          (subtreeFlags |= treeBaseDuration$63.subtreeFlags & 31457280),
-          (subtreeFlags |= treeBaseDuration$63.flags & 31457280),
-          (treeBaseDuration$63.return = completedWork),
-          (treeBaseDuration$63 = treeBaseDuration$63.sibling);
+          treeBaseDuration$61.lanes | treeBaseDuration$61.childLanes),
+          (subtreeFlags |= treeBaseDuration$61.subtreeFlags & 31457280),
+          (subtreeFlags |= treeBaseDuration$61.flags & 31457280),
+          (treeBaseDuration$61.return = completedWork),
+          (treeBaseDuration$61 = treeBaseDuration$61.sibling);
   else if (0 !== (completedWork.mode & 2)) {
-    treeBaseDuration$63 = completedWork.actualDuration;
-    child$64 = completedWork.selfBaseDuration;
+    treeBaseDuration$61 = completedWork.actualDuration;
+    child$62 = completedWork.selfBaseDuration;
     for (var child = completedWork.child; null !== child; )
       (newChildLanes |= child.lanes | child.childLanes),
         (subtreeFlags |= child.subtreeFlags),
         (subtreeFlags |= child.flags),
-        (treeBaseDuration$63 += child.actualDuration),
-        (child$64 += child.treeBaseDuration),
+        (treeBaseDuration$61 += child.actualDuration),
+        (child$62 += child.treeBaseDuration),
         (child = child.sibling);
-    completedWork.actualDuration = treeBaseDuration$63;
-    completedWork.treeBaseDuration = child$64;
+    completedWork.actualDuration = treeBaseDuration$61;
+    completedWork.treeBaseDuration = child$62;
   } else
     for (
-      treeBaseDuration$63 = completedWork.child;
-      null !== treeBaseDuration$63;
+      treeBaseDuration$61 = completedWork.child;
+      null !== treeBaseDuration$61;
 
     )
       (newChildLanes |=
-        treeBaseDuration$63.lanes | treeBaseDuration$63.childLanes),
-        (subtreeFlags |= treeBaseDuration$63.subtreeFlags),
-        (subtreeFlags |= treeBaseDuration$63.flags),
-        (treeBaseDuration$63.return = completedWork),
-        (treeBaseDuration$63 = treeBaseDuration$63.sibling);
+        treeBaseDuration$61.lanes | treeBaseDuration$61.childLanes),
+        (subtreeFlags |= treeBaseDuration$61.subtreeFlags),
+        (subtreeFlags |= treeBaseDuration$61.flags),
+        (treeBaseDuration$61.return = completedWork),
+        (treeBaseDuration$61 = treeBaseDuration$61.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -4838,11 +4838,11 @@ function completeWork(current, workInProgress, renderLanes) {
           null !== newProps.alternate.memoizedState &&
           null !== newProps.alternate.memoizedState.cachePool &&
           (index = newProps.alternate.memoizedState.cachePool.pool);
-        var cache$71 = null;
+        var cache$69 = null;
         null !== newProps.memoizedState &&
           null !== newProps.memoizedState.cachePool &&
-          (cache$71 = newProps.memoizedState.cachePool.pool);
-        cache$71 !== index && (newProps.flags |= 2048);
+          (cache$69 = newProps.memoizedState.cachePool.pool);
+        cache$69 !== index && (newProps.flags |= 2048);
       }
       renderLanes !== current &&
         renderLanes &&
@@ -4874,8 +4874,8 @@ function completeWork(current, workInProgress, renderLanes) {
       index = workInProgress.memoizedState;
       if (null === index) return bubbleProperties(workInProgress), null;
       newProps = 0 !== (workInProgress.flags & 128);
-      cache$71 = index.rendering;
-      if (null === cache$71)
+      cache$69 = index.rendering;
+      if (null === cache$69)
         if (newProps) cutOffTailIfNeeded(index, !1);
         else {
           if (
@@ -4883,11 +4883,11 @@ function completeWork(current, workInProgress, renderLanes) {
             (null !== current && 0 !== (current.flags & 128))
           )
             for (current = workInProgress.child; null !== current; ) {
-              cache$71 = findFirstSuspended(current);
-              if (null !== cache$71) {
+              cache$69 = findFirstSuspended(current);
+              if (null !== cache$69) {
                 workInProgress.flags |= 128;
                 cutOffTailIfNeeded(index, !1);
-                current = cache$71.updateQueue;
+                current = cache$69.updateQueue;
                 workInProgress.updateQueue = current;
                 scheduleRetryEffect(workInProgress, current);
                 workInProgress.subtreeFlags = 0;
@@ -4912,7 +4912,7 @@ function completeWork(current, workInProgress, renderLanes) {
         }
       else {
         if (!newProps)
-          if (((current = findFirstSuspended(cache$71)), null !== current)) {
+          if (((current = findFirstSuspended(cache$69)), null !== current)) {
             if (
               ((workInProgress.flags |= 128),
               (newProps = !0),
@@ -4922,7 +4922,7 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(index, !0),
               null === index.tail &&
                 "hidden" === index.tailMode &&
-                !cache$71.alternate)
+                !cache$69.alternate)
             )
               return bubbleProperties(workInProgress), null;
           } else
@@ -4934,13 +4934,13 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(index, !1),
               (workInProgress.lanes = 8388608));
         index.isBackwards
-          ? ((cache$71.sibling = workInProgress.child),
-            (workInProgress.child = cache$71))
+          ? ((cache$69.sibling = workInProgress.child),
+            (workInProgress.child = cache$69))
           : ((current = index.last),
             null !== current
-              ? (current.sibling = cache$71)
-              : (workInProgress.child = cache$71),
-            (index.last = cache$71));
+              ? (current.sibling = cache$69)
+              : (workInProgress.child = cache$69),
+            (index.last = cache$69));
       }
       if (null !== index.tail)
         return (
@@ -5196,8 +5196,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error$87) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$87);
+      } catch (error$85) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$85);
       }
     else ref.current = null;
 }
@@ -5303,10 +5303,10 @@ function commitHookEffectListMount(flags, finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
       if ((effect.tag & flags) === flags) {
-        var create$88 = effect.create,
+        var create$86 = effect.create,
           inst = effect.inst;
-        create$88 = create$88();
-        inst.destroy = create$88;
+        create$86 = create$86();
+        inst.destroy = create$86;
       }
       effect = effect.next;
     } while (effect !== finishedWork);
@@ -5324,8 +5324,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$90) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$90);
+    } catch (error$88) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$88);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -5405,11 +5405,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$91) {
+            } catch (error$89) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$91
+                error$89
               );
             }
         else {
@@ -5426,11 +5426,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$92) {
+            } catch (error$90) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$92
+                error$90
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -5441,11 +5441,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$93) {
+            } catch (error$91) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$93
+                error$91
               );
             }
         }
@@ -5832,22 +5832,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$102) {
+          } catch (error$100) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$102
+              error$100
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$103) {
+          } catch (error$101) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$103
+              error$101
             );
           }
       }
@@ -5886,8 +5886,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         finishedWork.updateQueue = null;
         try {
           (flags.type = type), (flags.props = existingHiddenCallbacks);
-        } catch (error$106) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$106);
+        } catch (error$104) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$104);
         }
       }
       break;
@@ -5903,8 +5903,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         existingHiddenCallbacks = finishedWork.memoizedProps;
         try {
           flags.text = existingHiddenCallbacks;
-        } catch (error$107) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$107);
+        } catch (error$105) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$105);
         }
       }
       break;
@@ -5988,11 +5988,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 wasHidden.stateNode.isHidden = existingHiddenCallbacks
                   ? !0
                   : !1;
-              } catch (error$96) {
+              } catch (error$94) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$96
+                  error$94
                 );
               }
           } else if (
@@ -6070,12 +6070,12 @@ function commitReconciliationEffects(finishedWork) {
           break;
         case 3:
         case 4:
-          var parent$97 = JSCompiler_inline_result.stateNode.containerInfo,
-            before$98 = getHostSibling(finishedWork);
+          var parent$95 = JSCompiler_inline_result.stateNode.containerInfo,
+            before$96 = getHostSibling(finishedWork);
           insertOrAppendPlacementNodeIntoContainer(
             finishedWork,
-            before$98,
-            parent$97
+            before$96,
+            parent$95
           );
           break;
         default:
@@ -6255,8 +6255,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$111) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$111);
+    } catch (error$109) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$109);
     }
 }
 function commitOffscreenPassiveMountEffects(current, finishedWork) {
@@ -6841,16 +6841,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$117 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$115 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$117 &&
-            ((lanes = errorRetryLanes$117),
+          0 !== errorRetryLanes$115 &&
+            ((lanes = errorRetryLanes$115),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$117
+              errorRetryLanes$115
             )));
         }
         if (1 === didTimeout)
@@ -7157,8 +7157,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$119) {
-      handleThrow(root, thrownValue$119);
+    } catch (thrownValue$117) {
+      handleThrow(root, thrownValue$117);
     }
   while (1);
   resetContextDependencies();
@@ -7265,8 +7265,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$121) {
-      handleThrow(root, thrownValue$121);
+    } catch (thrownValue$119) {
+      handleThrow(root, thrownValue$119);
     }
   while (1);
   resetContextDependencies();
@@ -7445,10 +7445,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$30 = offscreenQueue.retryQueue;
-                      null === retryQueue$30
+                      var retryQueue$28 = offscreenQueue.retryQueue;
+                      null === retryQueue$28
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$30.add(wakeable);
+                        : retryQueue$28.add(wakeable);
                     }
                   }
                   break;
@@ -7738,11 +7738,11 @@ function flushPassiveEffects() {
                   _finishedWork$memoize = finishedWork.memoizedProps,
                   id = _finishedWork$memoize.id,
                   onPostCommit = _finishedWork$memoize.onPostCommit,
-                  commitTime$89 = commitTime,
+                  commitTime$87 = commitTime,
                   phase = null === finishedWork.alternate ? "mount" : "update";
                 currentUpdateIsNested && (phase = "nested-update");
                 "function" === typeof onPostCommit &&
-                  onPostCommit(id, phase, passiveEffectDuration, commitTime$89);
+                  onPostCommit(id, phase, passiveEffectDuration, commitTime$87);
                 var parentFiber = finishedWork.return;
                 b: for (; null !== parentFiber; ) {
                   switch (parentFiber.tag) {
@@ -9038,19 +9038,19 @@ function wrapFiber(fiber) {
     fiberToWrapper.set(fiber, wrapper));
   return wrapper;
 }
-var devToolsConfig$jscomp$inline_1078 = {
+var devToolsConfig$jscomp$inline_1073 = {
   findFiberByHostInstance: function () {
     throw Error("TestRenderer does not support findFiberByHostInstance()");
   },
   bundleType: 0,
-  version: "18.3.0-canary-018c58c9c-20230601",
+  version: "18.3.0-canary-811022232-20230601",
   rendererPackageName: "react-test-renderer"
 };
-var internals$jscomp$inline_1276 = {
-  bundleType: devToolsConfig$jscomp$inline_1078.bundleType,
-  version: devToolsConfig$jscomp$inline_1078.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1078.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1078.rendererConfig,
+var internals$jscomp$inline_1271 = {
+  bundleType: devToolsConfig$jscomp$inline_1073.bundleType,
+  version: devToolsConfig$jscomp$inline_1073.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1073.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1073.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -9067,26 +9067,26 @@ var internals$jscomp$inline_1276 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1078.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1073.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-canary-018c58c9c-20230601"
+  reconcilerVersion: "18.3.0-canary-811022232-20230601"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1277 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1272 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1277.isDisabled &&
-    hook$jscomp$inline_1277.supportsFiber
+    !hook$jscomp$inline_1272.isDisabled &&
+    hook$jscomp$inline_1272.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1277.inject(
-        internals$jscomp$inline_1276
+      (rendererID = hook$jscomp$inline_1272.inject(
+        internals$jscomp$inline_1271
       )),
-        (injectedHook = hook$jscomp$inline_1277);
+        (injectedHook = hook$jscomp$inline_1272);
     } catch (err) {}
 }
 exports._Scheduler = Scheduler;
diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/React-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/React-dev.js
index 4b738e2810..0cdab41163 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/React-dev.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/React-dev.js
@@ -27,7 +27,7 @@ if (
 }
           "use strict";
 
-var ReactVersion = "18.3.0-canary-018c58c9c-20230601";
+var ReactVersion = "18.3.0-canary-811022232-20230601";
 
 // ATTENTION
 // When adding new symbols to this file,
diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/React-prod.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/React-prod.js
index 38c4ca5c3a..f8b174ab31 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/React-prod.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/React-prod.js
@@ -642,4 +642,4 @@ exports.useSyncExternalStore = function (
   );
 };
 exports.useTransition = useTransition;
-exports.version = "18.3.0-canary-018c58c9c-20230601";
+exports.version = "18.3.0-canary-811022232-20230601";
diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/React-profiling.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/React-profiling.js
index e0d0842c18..6a123ea5bb 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/React-profiling.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/React-profiling.js
@@ -645,7 +645,7 @@ exports.useSyncExternalStore = function (
   );
 };
 exports.useTransition = useTransition;
-exports.version = "18.3.0-canary-018c58c9c-20230601";
+exports.version = "18.3.0-canary-811022232-20230601";
 
           /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION
index 0f883f2d96..7be701d937 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION
+++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION
@@ -1 +1 @@
-018c58c9c65452cff25aaf1f38f78a9b90d8e5c1
+811022232efed62a3c943701bc99d18655bc78b3
diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-dev.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-dev.fb.js
index 579372bb03..d45c10c9a0 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-dev.fb.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-dev.fb.js
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<4a2e654ac2f9287b5e09859cfc8873f1>>
+ * @generated SignedSource<<c225a4c67ebf882d1b25c0e3e921041e>>
  */
 
 'use strict';
@@ -14433,13 +14433,11 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   }
 
   if (typeof instance.componentDidMount === "function") {
-    var fiberFlags = Update | LayoutStatic;
+    workInProgress.flags |= Update | LayoutStatic;
+  }
 
-    if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-      fiberFlags |= MountLayoutDev;
-    }
-
-    workInProgress.flags |= fiberFlags;
+  if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+    workInProgress.flags |= MountLayoutDev;
   }
 }
 
@@ -14501,13 +14499,11 @@ 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") {
-      var fiberFlags = Update | LayoutStatic;
+      workInProgress.flags |= Update | LayoutStatic;
+    }
 
-      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-        fiberFlags |= MountLayoutDev;
-      }
-
-      workInProgress.flags |= fiberFlags;
+    if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+      workInProgress.flags |= MountLayoutDev;
     }
 
     return false;
@@ -14553,25 +14549,21 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     }
 
     if (typeof instance.componentDidMount === "function") {
-      var _fiberFlags = Update | LayoutStatic;
+      workInProgress.flags |= Update | LayoutStatic;
+    }
 
-      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-        _fiberFlags |= MountLayoutDev;
-      }
-
-      workInProgress.flags |= _fiberFlags;
+    if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+      workInProgress.flags |= MountLayoutDev;
     }
   } 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") {
-      var _fiberFlags2 = Update | LayoutStatic;
+      workInProgress.flags |= Update | LayoutStatic;
+    }
 
-      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-        _fiberFlags2 |= MountLayoutDev;
-      }
-
-      workInProgress.flags |= _fiberFlags2;
+    if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+      workInProgress.flags |= MountLayoutDev;
     } // If shouldComponentUpdate returned false, we should still update the
     // memoized state to indicate that this work can be reused.
 
@@ -22913,10 +22905,12 @@ function invokeLayoutEffectMountInDEV(fiber) {
       case ClassComponent: {
         var instance = fiber.stateNode;
 
-        try {
-          instance.componentDidMount();
-        } catch (error) {
-          captureCommitPhaseError(fiber, fiber.return, error);
+        if (typeof instance.componentDidMount === "function") {
+          try {
+            instance.componentDidMount();
+          } catch (error) {
+            captureCommitPhaseError(fiber, fiber.return, error);
+          }
         }
 
         break;
@@ -27244,7 +27238,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-canary-14cb1992";
+var ReactVersion = "18.3.0-canary-86fc96c3";
 
 function createPortal$1(
   children,
diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-prod.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-prod.fb.js
index 455874fde4..ef9c0bed88 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-prod.fb.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-prod.fb.js
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<d827ef8b6ab7cd5a32a962f196664c2a>>
+ * @generated SignedSource<<2b42d6e98a00482728d7cea5fa740ff6>>
  */
 
 "use strict";
@@ -940,7 +940,7 @@ eventPluginOrder = Array.prototype.slice.call([
   "ReactNativeBridgeEventPlugin"
 ]);
 recomputePluginOrdering();
-var injectedNamesToPlugins$jscomp$inline_241 = {
+var injectedNamesToPlugins$jscomp$inline_239 = {
     ResponderEventPlugin: ResponderEventPlugin,
     ReactNativeBridgeEventPlugin: {
       eventTypes: {},
@@ -986,32 +986,32 @@ var injectedNamesToPlugins$jscomp$inline_241 = {
       }
     }
   },
-  isOrderingDirty$jscomp$inline_242 = !1,
-  pluginName$jscomp$inline_243;
-for (pluginName$jscomp$inline_243 in injectedNamesToPlugins$jscomp$inline_241)
+  isOrderingDirty$jscomp$inline_240 = !1,
+  pluginName$jscomp$inline_241;
+for (pluginName$jscomp$inline_241 in injectedNamesToPlugins$jscomp$inline_239)
   if (
-    injectedNamesToPlugins$jscomp$inline_241.hasOwnProperty(
-      pluginName$jscomp$inline_243
+    injectedNamesToPlugins$jscomp$inline_239.hasOwnProperty(
+      pluginName$jscomp$inline_241
     )
   ) {
-    var pluginModule$jscomp$inline_244 =
-      injectedNamesToPlugins$jscomp$inline_241[pluginName$jscomp$inline_243];
+    var pluginModule$jscomp$inline_242 =
+      injectedNamesToPlugins$jscomp$inline_239[pluginName$jscomp$inline_241];
     if (
-      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_243) ||
-      namesToPlugins[pluginName$jscomp$inline_243] !==
-        pluginModule$jscomp$inline_244
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_241) ||
+      namesToPlugins[pluginName$jscomp$inline_241] !==
+        pluginModule$jscomp$inline_242
     ) {
-      if (namesToPlugins[pluginName$jscomp$inline_243])
+      if (namesToPlugins[pluginName$jscomp$inline_241])
         throw Error(
           "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-            (pluginName$jscomp$inline_243 + "`.")
+            (pluginName$jscomp$inline_241 + "`.")
         );
-      namesToPlugins[pluginName$jscomp$inline_243] =
-        pluginModule$jscomp$inline_244;
-      isOrderingDirty$jscomp$inline_242 = !0;
+      namesToPlugins[pluginName$jscomp$inline_241] =
+        pluginModule$jscomp$inline_242;
+      isOrderingDirty$jscomp$inline_240 = !0;
     }
   }
-isOrderingDirty$jscomp$inline_242 && recomputePluginOrdering();
+isOrderingDirty$jscomp$inline_240 && recomputePluginOrdering();
 var emptyObject$1 = {},
   removedKeys = null,
   removedKeyCount = 0,
@@ -5962,14 +5962,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$65 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$65 = lastTailNode),
+      for (var lastTailNode$63 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$63 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$65
+      null === lastTailNode$63
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$65.sibling = null);
+        : (lastTailNode$63.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -5979,19 +5979,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$66 = completedWork.child; null !== child$66; )
-      (newChildLanes |= child$66.lanes | child$66.childLanes),
-        (subtreeFlags |= child$66.subtreeFlags & 31457280),
-        (subtreeFlags |= child$66.flags & 31457280),
-        (child$66.return = completedWork),
-        (child$66 = child$66.sibling);
+    for (var child$64 = completedWork.child; null !== child$64; )
+      (newChildLanes |= child$64.lanes | child$64.childLanes),
+        (subtreeFlags |= child$64.subtreeFlags & 31457280),
+        (subtreeFlags |= child$64.flags & 31457280),
+        (child$64.return = completedWork),
+        (child$64 = child$64.sibling);
   else
-    for (child$66 = completedWork.child; null !== child$66; )
-      (newChildLanes |= child$66.lanes | child$66.childLanes),
-        (subtreeFlags |= child$66.subtreeFlags),
-        (subtreeFlags |= child$66.flags),
-        (child$66.return = completedWork),
-        (child$66 = child$66.sibling);
+    for (child$64 = completedWork.child; null !== child$64; )
+      (newChildLanes |= child$64.lanes | child$64.childLanes),
+        (subtreeFlags |= child$64.subtreeFlags),
+        (subtreeFlags |= child$64.flags),
+        (child$64.return = completedWork),
+        (child$64 = child$64.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -6474,8 +6474,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$81) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$81);
+      } catch (error$79) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$79);
       }
     else ref.current = null;
 }
@@ -6579,10 +6579,10 @@ function commitHookEffectListMount(flags, finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
       if ((effect.tag & flags) === flags) {
-        var create$82 = effect.create,
+        var create$80 = effect.create,
           inst = effect.inst;
-        create$82 = create$82();
-        inst.destroy = create$82;
+        create$80 = create$80();
+        inst.destroy = create$80;
       }
       effect = effect.next;
     } while (effect !== finishedWork);
@@ -6645,11 +6645,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$83) {
+          } catch (error$81) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$83
+              error$81
             );
           }
         }
@@ -6969,8 +6969,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$85) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$85);
+        } catch (error$83) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$83);
         }
       }
       break;
@@ -7627,16 +7627,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$94 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$92 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$94 &&
-            ((lanes = errorRetryLanes$94),
+          0 !== errorRetryLanes$92 &&
+            ((lanes = errorRetryLanes$92),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$94
+              errorRetryLanes$92
             )));
         }
         if (1 === exitStatus)
@@ -7913,8 +7913,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$96) {
-      handleThrow(root, thrownValue$96);
+    } catch (thrownValue$94) {
+      handleThrow(root, thrownValue$94);
     }
   while (1);
   resetContextDependencies();
@@ -8019,8 +8019,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$98) {
-      handleThrow(root, thrownValue$98);
+    } catch (thrownValue$96) {
+      handleThrow(root, thrownValue$96);
     }
   while (1);
   resetContextDependencies();
@@ -8188,10 +8188,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$33 = offscreenQueue.retryQueue;
-                      null === retryQueue$33
+                      var retryQueue$31 = offscreenQueue.retryQueue;
+                      null === retryQueue$31
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$33.add(wakeable);
+                        : retryQueue$31.add(wakeable);
                     }
                   }
                   break;
@@ -9490,10 +9490,10 @@ batchedUpdatesImpl = function (fn, a) {
   }
 };
 var roots = new Map(),
-  devToolsConfig$jscomp$inline_1061 = {
+  devToolsConfig$jscomp$inline_1056 = {
     findFiberByHostInstance: getInstanceFromNode,
     bundleType: 0,
-    version: "18.3.0-canary-765a5f8c",
+    version: "18.3.0-canary-0c80a9e1",
     rendererPackageName: "react-native-renderer",
     rendererConfig: {
       getInspectorDataForViewTag: function () {
@@ -9508,11 +9508,11 @@ var roots = new Map(),
       }.bind(null, findNodeHandle)
     }
   };
-var internals$jscomp$inline_1299 = {
-  bundleType: devToolsConfig$jscomp$inline_1061.bundleType,
-  version: devToolsConfig$jscomp$inline_1061.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1061.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1061.rendererConfig,
+var internals$jscomp$inline_1294 = {
+  bundleType: devToolsConfig$jscomp$inline_1056.bundleType,
+  version: devToolsConfig$jscomp$inline_1056.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1056.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1056.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -9528,26 +9528,26 @@ var internals$jscomp$inline_1299 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1061.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1056.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-canary-765a5f8c"
+  reconcilerVersion: "18.3.0-canary-0c80a9e1"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1300 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1295 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1300.isDisabled &&
-    hook$jscomp$inline_1300.supportsFiber
+    !hook$jscomp$inline_1295.isDisabled &&
+    hook$jscomp$inline_1295.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1300.inject(
-        internals$jscomp$inline_1299
+      (rendererID = hook$jscomp$inline_1295.inject(
+        internals$jscomp$inline_1294
       )),
-        (injectedHook = hook$jscomp$inline_1300);
+        (injectedHook = hook$jscomp$inline_1295);
     } catch (err) {}
 }
 exports.createPortal = function (children, containerTag) {
diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js
index 3b5bc097f7..b500df54b5 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<7478d1d49796ffd4357806e824bae4e5>>
+ * @generated SignedSource<<fdb735ba84f432fe69ae562a741d9d9d>>
  */
 
 
@@ -951,7 +951,7 @@ eventPluginOrder = Array.prototype.slice.call([
   "ReactNativeBridgeEventPlugin"
 ]);
 recomputePluginOrdering();
-var injectedNamesToPlugins$jscomp$inline_257 = {
+var injectedNamesToPlugins$jscomp$inline_255 = {
     ResponderEventPlugin: ResponderEventPlugin,
     ReactNativeBridgeEventPlugin: {
       eventTypes: {},
@@ -997,32 +997,32 @@ var injectedNamesToPlugins$jscomp$inline_257 = {
       }
     }
   },
-  isOrderingDirty$jscomp$inline_258 = !1,
-  pluginName$jscomp$inline_259;
-for (pluginName$jscomp$inline_259 in injectedNamesToPlugins$jscomp$inline_257)
+  isOrderingDirty$jscomp$inline_256 = !1,
+  pluginName$jscomp$inline_257;
+for (pluginName$jscomp$inline_257 in injectedNamesToPlugins$jscomp$inline_255)
   if (
-    injectedNamesToPlugins$jscomp$inline_257.hasOwnProperty(
-      pluginName$jscomp$inline_259
+    injectedNamesToPlugins$jscomp$inline_255.hasOwnProperty(
+      pluginName$jscomp$inline_257
     )
   ) {
-    var pluginModule$jscomp$inline_260 =
-      injectedNamesToPlugins$jscomp$inline_257[pluginName$jscomp$inline_259];
+    var pluginModule$jscomp$inline_258 =
+      injectedNamesToPlugins$jscomp$inline_255[pluginName$jscomp$inline_257];
     if (
-      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_259) ||
-      namesToPlugins[pluginName$jscomp$inline_259] !==
-        pluginModule$jscomp$inline_260
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_257) ||
+      namesToPlugins[pluginName$jscomp$inline_257] !==
+        pluginModule$jscomp$inline_258
     ) {
-      if (namesToPlugins[pluginName$jscomp$inline_259])
+      if (namesToPlugins[pluginName$jscomp$inline_257])
         throw Error(
           "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-            (pluginName$jscomp$inline_259 + "`.")
+            (pluginName$jscomp$inline_257 + "`.")
         );
-      namesToPlugins[pluginName$jscomp$inline_259] =
-        pluginModule$jscomp$inline_260;
-      isOrderingDirty$jscomp$inline_258 = !0;
+      namesToPlugins[pluginName$jscomp$inline_257] =
+        pluginModule$jscomp$inline_258;
+      isOrderingDirty$jscomp$inline_256 = !0;
     }
   }
-isOrderingDirty$jscomp$inline_258 && recomputePluginOrdering();
+isOrderingDirty$jscomp$inline_256 && recomputePluginOrdering();
 var emptyObject$1 = {},
   removedKeys = null,
   removedKeyCount = 0,
@@ -6192,14 +6192,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$69 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$69 = lastTailNode),
+      for (var lastTailNode$67 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$67 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$69
+      null === lastTailNode$67
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$69.sibling = null);
+        : (lastTailNode$67.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -6211,53 +6211,53 @@ function bubbleProperties(completedWork) {
   if (didBailout)
     if (0 !== (completedWork.mode & 2)) {
       for (
-        var treeBaseDuration$71 = completedWork.selfBaseDuration,
-          child$72 = completedWork.child;
-        null !== child$72;
+        var treeBaseDuration$69 = completedWork.selfBaseDuration,
+          child$70 = completedWork.child;
+        null !== child$70;
 
       )
-        (newChildLanes |= child$72.lanes | child$72.childLanes),
-          (subtreeFlags |= child$72.subtreeFlags & 31457280),
-          (subtreeFlags |= child$72.flags & 31457280),
-          (treeBaseDuration$71 += child$72.treeBaseDuration),
-          (child$72 = child$72.sibling);
-      completedWork.treeBaseDuration = treeBaseDuration$71;
+        (newChildLanes |= child$70.lanes | child$70.childLanes),
+          (subtreeFlags |= child$70.subtreeFlags & 31457280),
+          (subtreeFlags |= child$70.flags & 31457280),
+          (treeBaseDuration$69 += child$70.treeBaseDuration),
+          (child$70 = child$70.sibling);
+      completedWork.treeBaseDuration = treeBaseDuration$69;
     } else
       for (
-        treeBaseDuration$71 = completedWork.child;
-        null !== treeBaseDuration$71;
+        treeBaseDuration$69 = completedWork.child;
+        null !== treeBaseDuration$69;
 
       )
         (newChildLanes |=
-          treeBaseDuration$71.lanes | treeBaseDuration$71.childLanes),
-          (subtreeFlags |= treeBaseDuration$71.subtreeFlags & 31457280),
-          (subtreeFlags |= treeBaseDuration$71.flags & 31457280),
-          (treeBaseDuration$71.return = completedWork),
-          (treeBaseDuration$71 = treeBaseDuration$71.sibling);
+          treeBaseDuration$69.lanes | treeBaseDuration$69.childLanes),
+          (subtreeFlags |= treeBaseDuration$69.subtreeFlags & 31457280),
+          (subtreeFlags |= treeBaseDuration$69.flags & 31457280),
+          (treeBaseDuration$69.return = completedWork),
+          (treeBaseDuration$69 = treeBaseDuration$69.sibling);
   else if (0 !== (completedWork.mode & 2)) {
-    treeBaseDuration$71 = completedWork.actualDuration;
-    child$72 = completedWork.selfBaseDuration;
+    treeBaseDuration$69 = completedWork.actualDuration;
+    child$70 = completedWork.selfBaseDuration;
     for (var child = completedWork.child; null !== child; )
       (newChildLanes |= child.lanes | child.childLanes),
         (subtreeFlags |= child.subtreeFlags),
         (subtreeFlags |= child.flags),
-        (treeBaseDuration$71 += child.actualDuration),
-        (child$72 += child.treeBaseDuration),
+        (treeBaseDuration$69 += child.actualDuration),
+        (child$70 += child.treeBaseDuration),
         (child = child.sibling);
-    completedWork.actualDuration = treeBaseDuration$71;
-    completedWork.treeBaseDuration = child$72;
+    completedWork.actualDuration = treeBaseDuration$69;
+    completedWork.treeBaseDuration = child$70;
   } else
     for (
-      treeBaseDuration$71 = completedWork.child;
-      null !== treeBaseDuration$71;
+      treeBaseDuration$69 = completedWork.child;
+      null !== treeBaseDuration$69;
 
     )
       (newChildLanes |=
-        treeBaseDuration$71.lanes | treeBaseDuration$71.childLanes),
-        (subtreeFlags |= treeBaseDuration$71.subtreeFlags),
-        (subtreeFlags |= treeBaseDuration$71.flags),
-        (treeBaseDuration$71.return = completedWork),
-        (treeBaseDuration$71 = treeBaseDuration$71.sibling);
+        treeBaseDuration$69.lanes | treeBaseDuration$69.childLanes),
+        (subtreeFlags |= treeBaseDuration$69.subtreeFlags),
+        (subtreeFlags |= treeBaseDuration$69.flags),
+        (treeBaseDuration$69.return = completedWork),
+        (treeBaseDuration$69 = treeBaseDuration$69.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -6799,8 +6799,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error$90) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$90);
+      } catch (error$88) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$88);
       }
     else ref.current = null;
 }
@@ -6933,10 +6933,10 @@ function commitHookEffectListMount(flags, finishedWork) {
             injectedProfilingHooks.markComponentLayoutEffectMountStarted(
               finishedWork
             );
-        var create$91 = effect.create,
+        var create$89 = effect.create,
           inst = effect.inst;
-        create$91 = create$91();
-        inst.destroy = create$91;
+        create$89 = create$89();
+        inst.destroy = create$89;
         0 !== (flags & 8)
           ? null !== injectedProfilingHooks &&
             "function" ===
@@ -6964,8 +6964,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$93) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$93);
+    } catch (error$91) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$91);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -7054,11 +7054,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$94) {
+            } catch (error$92) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$94
+                error$92
               );
             }
         else {
@@ -7075,11 +7075,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$95) {
+            } catch (error$93) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$95
+                error$93
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -7090,11 +7090,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$96) {
+            } catch (error$94) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$96
+                error$94
               );
             }
         }
@@ -7441,22 +7441,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$99) {
+          } catch (error$97) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$99
+              error$97
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$100) {
+          } catch (error$98) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$100
+              error$98
             );
           }
       }
@@ -7753,8 +7753,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$108) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$108);
+    } catch (error$106) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$106);
     }
 }
 function recursivelyTraversePassiveMountEffects(root, parentFiber) {
@@ -8158,16 +8158,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$110 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$108 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$110 &&
-            ((lanes = errorRetryLanes$110),
+          0 !== errorRetryLanes$108 &&
+            ((lanes = errorRetryLanes$108),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$110
+              errorRetryLanes$108
             )));
         }
         if (1 === exitStatus)
@@ -8483,8 +8483,8 @@ function renderRootSync(root, lanes) {
         }
       workLoopSync();
       break;
-    } catch (thrownValue$112) {
-      handleThrow(root, thrownValue$112);
+    } catch (thrownValue$110) {
+      handleThrow(root, thrownValue$110);
     }
   while (1);
   resetContextDependencies();
@@ -8600,8 +8600,8 @@ function renderRootConcurrent(root, lanes) {
         }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$114) {
-      handleThrow(root, thrownValue$114);
+    } catch (thrownValue$112) {
+      handleThrow(root, thrownValue$112);
     }
   while (1);
   resetContextDependencies();
@@ -8787,10 +8787,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$36 = offscreenQueue.retryQueue;
-                      null === retryQueue$36
+                      var retryQueue$34 = offscreenQueue.retryQueue;
+                      null === retryQueue$34
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$36.add(wakeable);
+                        : retryQueue$34.add(wakeable);
                     }
                   }
                   break;
@@ -9075,11 +9075,11 @@ function flushPassiveEffects() {
                   _finishedWork$memoize = finishedWork.memoizedProps,
                   id = _finishedWork$memoize.id,
                   onPostCommit = _finishedWork$memoize.onPostCommit,
-                  commitTime$92 = commitTime,
+                  commitTime$90 = commitTime,
                   phase = null === finishedWork.alternate ? "mount" : "update";
                 currentUpdateIsNested && (phase = "nested-update");
                 "function" === typeof onPostCommit &&
-                  onPostCommit(id, phase, passiveEffectDuration, commitTime$92);
+                  onPostCommit(id, phase, passiveEffectDuration, commitTime$90);
                 var parentFiber = finishedWork.return;
                 b: for (; null !== parentFiber; ) {
                   switch (parentFiber.tag) {
@@ -10199,10 +10199,10 @@ batchedUpdatesImpl = function (fn, a) {
   }
 };
 var roots = new Map(),
-  devToolsConfig$jscomp$inline_1139 = {
+  devToolsConfig$jscomp$inline_1134 = {
     findFiberByHostInstance: getInstanceFromNode,
     bundleType: 0,
-    version: "18.3.0-canary-065b86a1",
+    version: "18.3.0-canary-d6461ff7",
     rendererPackageName: "react-native-renderer",
     rendererConfig: {
       getInspectorDataForViewTag: function () {
@@ -10231,10 +10231,10 @@ var roots = new Map(),
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1139.bundleType,
-  version: devToolsConfig$jscomp$inline_1139.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1139.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1139.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1134.bundleType,
+  version: devToolsConfig$jscomp$inline_1134.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1134.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1134.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -10250,14 +10250,14 @@ var roots = new Map(),
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1139.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1134.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-canary-065b86a1"
+  reconcilerVersion: "18.3.0-canary-d6461ff7"
 });
 exports.createPortal = function (children, containerTag) {
   return createPortal$1(
diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js
index 9e7aebce54..f9df238f64 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<c72d55f3b541b5fe0820ed08c05813c8>>
+ * @generated SignedSource<<029e8b4acf0f4d38ec2d835728fecafd>>
  */
 
 'use strict';
@@ -14750,13 +14750,11 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   }
 
   if (typeof instance.componentDidMount === "function") {
-    var fiberFlags = Update | LayoutStatic;
+    workInProgress.flags |= Update | LayoutStatic;
+  }
 
-    if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-      fiberFlags |= MountLayoutDev;
-    }
-
-    workInProgress.flags |= fiberFlags;
+  if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+    workInProgress.flags |= MountLayoutDev;
   }
 }
 
@@ -14818,13 +14816,11 @@ 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") {
-      var fiberFlags = Update | LayoutStatic;
+      workInProgress.flags |= Update | LayoutStatic;
+    }
 
-      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-        fiberFlags |= MountLayoutDev;
-      }
-
-      workInProgress.flags |= fiberFlags;
+    if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+      workInProgress.flags |= MountLayoutDev;
     }
 
     return false;
@@ -14870,25 +14866,21 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     }
 
     if (typeof instance.componentDidMount === "function") {
-      var _fiberFlags = Update | LayoutStatic;
+      workInProgress.flags |= Update | LayoutStatic;
+    }
 
-      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-        _fiberFlags |= MountLayoutDev;
-      }
-
-      workInProgress.flags |= _fiberFlags;
+    if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+      workInProgress.flags |= MountLayoutDev;
     }
   } 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") {
-      var _fiberFlags2 = Update | LayoutStatic;
+      workInProgress.flags |= Update | LayoutStatic;
+    }
 
-      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
-        _fiberFlags2 |= MountLayoutDev;
-      }
-
-      workInProgress.flags |= _fiberFlags2;
+    if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+      workInProgress.flags |= MountLayoutDev;
     } // If shouldComponentUpdate returned false, we should still update the
     // memoized state to indicate that this work can be reused.
 
@@ -23425,10 +23417,12 @@ function invokeLayoutEffectMountInDEV(fiber) {
       case ClassComponent: {
         var instance = fiber.stateNode;
 
-        try {
-          instance.componentDidMount();
-        } catch (error) {
-          captureCommitPhaseError(fiber, fiber.return, error);
+        if (typeof instance.componentDidMount === "function") {
+          try {
+            instance.componentDidMount();
+          } catch (error) {
+            captureCommitPhaseError(fiber, fiber.return, error);
+          }
         }
 
         break;
@@ -27758,7 +27752,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-canary-e9eddf24";
+var ReactVersion = "18.3.0-canary-b27413b0";
 
 function createPortal$1(
   children,
diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js
index cd3b30c3e8..d1e11e7dcd 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<60bed7f4efb6305211c3dc61057770f4>>
+ * @generated SignedSource<<e724e13dd9320004611d9d555303b1a1>>
  */
 
 "use strict";
@@ -940,7 +940,7 @@ eventPluginOrder = Array.prototype.slice.call([
   "ReactNativeBridgeEventPlugin"
 ]);
 recomputePluginOrdering();
-var injectedNamesToPlugins$jscomp$inline_247 = {
+var injectedNamesToPlugins$jscomp$inline_245 = {
     ResponderEventPlugin: ResponderEventPlugin,
     ReactNativeBridgeEventPlugin: {
       eventTypes: {},
@@ -986,32 +986,32 @@ var injectedNamesToPlugins$jscomp$inline_247 = {
       }
     }
   },
-  isOrderingDirty$jscomp$inline_248 = !1,
-  pluginName$jscomp$inline_249;
-for (pluginName$jscomp$inline_249 in injectedNamesToPlugins$jscomp$inline_247)
+  isOrderingDirty$jscomp$inline_246 = !1,
+  pluginName$jscomp$inline_247;
+for (pluginName$jscomp$inline_247 in injectedNamesToPlugins$jscomp$inline_245)
   if (
-    injectedNamesToPlugins$jscomp$inline_247.hasOwnProperty(
-      pluginName$jscomp$inline_249
+    injectedNamesToPlugins$jscomp$inline_245.hasOwnProperty(
+      pluginName$jscomp$inline_247
     )
   ) {
-    var pluginModule$jscomp$inline_250 =
-      injectedNamesToPlugins$jscomp$inline_247[pluginName$jscomp$inline_249];
+    var pluginModule$jscomp$inline_248 =
+      injectedNamesToPlugins$jscomp$inline_245[pluginName$jscomp$inline_247];
     if (
-      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_249) ||
-      namesToPlugins[pluginName$jscomp$inline_249] !==
-        pluginModule$jscomp$inline_250
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_247) ||
+      namesToPlugins[pluginName$jscomp$inline_247] !==
+        pluginModule$jscomp$inline_248
     ) {
-      if (namesToPlugins[pluginName$jscomp$inline_249])
+      if (namesToPlugins[pluginName$jscomp$inline_247])
         throw Error(
           "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-            (pluginName$jscomp$inline_249 + "`.")
+            (pluginName$jscomp$inline_247 + "`.")
         );
-      namesToPlugins[pluginName$jscomp$inline_249] =
-        pluginModule$jscomp$inline_250;
-      isOrderingDirty$jscomp$inline_248 = !0;
+      namesToPlugins[pluginName$jscomp$inline_247] =
+        pluginModule$jscomp$inline_248;
+      isOrderingDirty$jscomp$inline_246 = !0;
     }
   }
-isOrderingDirty$jscomp$inline_248 && recomputePluginOrdering();
+isOrderingDirty$jscomp$inline_246 && recomputePluginOrdering();
 var instanceCache = new Map(),
   instanceProps = new Map();
 function getInstanceFromTag(tag) {
@@ -5939,14 +5939,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$65 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$65 = lastTailNode),
+      for (var lastTailNode$63 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$63 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$65
+      null === lastTailNode$63
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$65.sibling = null);
+        : (lastTailNode$63.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -5956,19 +5956,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$66 = completedWork.child; null !== child$66; )
-      (newChildLanes |= child$66.lanes | child$66.childLanes),
-        (subtreeFlags |= child$66.subtreeFlags & 31457280),
-        (subtreeFlags |= child$66.flags & 31457280),
-        (child$66.return = completedWork),
-        (child$66 = child$66.sibling);
+    for (var child$64 = completedWork.child; null !== child$64; )
+      (newChildLanes |= child$64.lanes | child$64.childLanes),
+        (subtreeFlags |= child$64.subtreeFlags & 31457280),
+        (subtreeFlags |= child$64.flags & 31457280),
+        (child$64.return = completedWork),
+        (child$64 = child$64.sibling);
   else
-    for (child$66 = completedWork.child; null !== child$66; )
-      (newChildLanes |= child$66.lanes | child$66.childLanes),
-        (subtreeFlags |= child$66.subtreeFlags),
-        (subtreeFlags |= child$66.flags),
-        (child$66.return = completedWork),
-        (child$66 = child$66.sibling);
+    for (child$64 = completedWork.child; null !== child$64; )
+      (newChildLanes |= child$64.lanes | child$64.childLanes),
+        (subtreeFlags |= child$64.subtreeFlags),
+        (subtreeFlags |= child$64.flags),
+        (child$64.return = completedWork),
+        (child$64 = child$64.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -6423,8 +6423,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$81) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$81);
+      } catch (error$79) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$79);
       }
     else ref.current = null;
 }
@@ -6528,10 +6528,10 @@ function commitHookEffectListMount(flags, finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
       if ((effect.tag & flags) === flags) {
-        var create$82 = effect.create,
+        var create$80 = effect.create,
           inst = effect.inst;
-        create$82 = create$82();
-        inst.destroy = create$82;
+        create$80 = create$80();
+        inst.destroy = create$80;
       }
       effect = effect.next;
     } while (effect !== finishedWork);
@@ -6585,11 +6585,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$83) {
+          } catch (error$81) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$83
+              error$81
             );
           }
         }
@@ -7078,8 +7078,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$91) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$91);
+        } catch (error$89) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$89);
         }
       }
       break;
@@ -7126,8 +7126,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               viewConfig.uiViewClassName,
               updatePayload
             );
-        } catch (error$94) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$94);
+        } catch (error$92) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$92);
         }
       }
       break;
@@ -7147,8 +7147,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             "RCTRawText",
             { text: current }
           );
-        } catch (error$95) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$95);
+        } catch (error$93) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$93);
         }
       }
       break;
@@ -7260,11 +7260,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 throw Error("Not yet implemented.");
-              } catch (error$85) {
+              } catch (error$83) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$85
+                  error$83
                 );
               }
           } else if (
@@ -7338,12 +7338,12 @@ function commitReconciliationEffects(finishedWork) {
           break;
         case 3:
         case 4:
-          var parent$86 = JSCompiler_inline_result.stateNode.containerInfo,
-            before$87 = getHostSibling(finishedWork);
+          var parent$84 = JSCompiler_inline_result.stateNode.containerInfo,
+            before$85 = getHostSibling(finishedWork);
           insertOrAppendPlacementNodeIntoContainer(
             finishedWork,
-            before$87,
-            parent$86
+            before$85,
+            parent$84
           );
           break;
         default:
@@ -7876,16 +7876,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$100 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$98 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$100 &&
-            ((lanes = errorRetryLanes$100),
+          0 !== errorRetryLanes$98 &&
+            ((lanes = errorRetryLanes$98),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$100
+              errorRetryLanes$98
             )));
         }
         if (1 === exitStatus)
@@ -8162,8 +8162,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$102) {
-      handleThrow(root, thrownValue$102);
+    } catch (thrownValue$100) {
+      handleThrow(root, thrownValue$100);
     }
   while (1);
   resetContextDependencies();
@@ -8268,8 +8268,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$104) {
-      handleThrow(root, thrownValue$104);
+    } catch (thrownValue$102) {
+      handleThrow(root, thrownValue$102);
     }
   while (1);
   resetContextDependencies();
@@ -8437,10 +8437,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$35 = offscreenQueue.retryQueue;
-                      null === retryQueue$35
+                      var retryQueue$33 = offscreenQueue.retryQueue;
+                      null === retryQueue$33
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$35.add(wakeable);
+                        : retryQueue$33.add(wakeable);
                     }
                   }
                   break;
@@ -9746,10 +9746,10 @@ batchedUpdatesImpl = function (fn, a) {
   }
 };
 var roots = new Map(),
-  devToolsConfig$jscomp$inline_1116 = {
+  devToolsConfig$jscomp$inline_1111 = {
     findFiberByHostInstance: getInstanceFromTag,
     bundleType: 0,
-    version: "18.3.0-canary-7dab77ce",
+    version: "18.3.0-canary-9f018fe4",
     rendererPackageName: "react-native-renderer",
     rendererConfig: {
       getInspectorDataForViewTag: function () {
@@ -9764,11 +9764,11 @@ var roots = new Map(),
       }.bind(null, findNodeHandle)
     }
   };
-var internals$jscomp$inline_1368 = {
-  bundleType: devToolsConfig$jscomp$inline_1116.bundleType,
-  version: devToolsConfig$jscomp$inline_1116.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1116.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1116.rendererConfig,
+var internals$jscomp$inline_1363 = {
+  bundleType: devToolsConfig$jscomp$inline_1111.bundleType,
+  version: devToolsConfig$jscomp$inline_1111.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1111.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1111.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -9784,26 +9784,26 @@ var internals$jscomp$inline_1368 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1116.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1111.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-canary-7dab77ce"
+  reconcilerVersion: "18.3.0-canary-9f018fe4"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1369 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1364 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1369.isDisabled &&
-    hook$jscomp$inline_1369.supportsFiber
+    !hook$jscomp$inline_1364.isDisabled &&
+    hook$jscomp$inline_1364.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1369.inject(
-        internals$jscomp$inline_1368
+      (rendererID = hook$jscomp$inline_1364.inject(
+        internals$jscomp$inline_1363
       )),
-        (injectedHook = hook$jscomp$inline_1369);
+        (injectedHook = hook$jscomp$inline_1364);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = {
diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js
index d2abd674d2..459b6bf79c 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<0290dc26e6ccc8e5dccbc8c95ce84481>>
+ * @generated SignedSource<<f0a013632d2405f8e16ea8f5deae7252>>
  */
 
 
@@ -951,7 +951,7 @@ eventPluginOrder = Array.prototype.slice.call([
   "ReactNativeBridgeEventPlugin"
 ]);
 recomputePluginOrdering();
-var injectedNamesToPlugins$jscomp$inline_263 = {
+var injectedNamesToPlugins$jscomp$inline_261 = {
     ResponderEventPlugin: ResponderEventPlugin,
     ReactNativeBridgeEventPlugin: {
       eventTypes: {},
@@ -997,32 +997,32 @@ var injectedNamesToPlugins$jscomp$inline_263 = {
       }
     }
   },
-  isOrderingDirty$jscomp$inline_264 = !1,
-  pluginName$jscomp$inline_265;
-for (pluginName$jscomp$inline_265 in injectedNamesToPlugins$jscomp$inline_263)
+  isOrderingDirty$jscomp$inline_262 = !1,
+  pluginName$jscomp$inline_263;
+for (pluginName$jscomp$inline_263 in injectedNamesToPlugins$jscomp$inline_261)
   if (
-    injectedNamesToPlugins$jscomp$inline_263.hasOwnProperty(
-      pluginName$jscomp$inline_265
+    injectedNamesToPlugins$jscomp$inline_261.hasOwnProperty(
+      pluginName$jscomp$inline_263
     )
   ) {
-    var pluginModule$jscomp$inline_266 =
-      injectedNamesToPlugins$jscomp$inline_263[pluginName$jscomp$inline_265];
+    var pluginModule$jscomp$inline_264 =
+      injectedNamesToPlugins$jscomp$inline_261[pluginName$jscomp$inline_263];
     if (
-      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_265) ||
-      namesToPlugins[pluginName$jscomp$inline_265] !==
-        pluginModule$jscomp$inline_266
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_263) ||
+      namesToPlugins[pluginName$jscomp$inline_263] !==
+        pluginModule$jscomp$inline_264
     ) {
-      if (namesToPlugins[pluginName$jscomp$inline_265])
+      if (namesToPlugins[pluginName$jscomp$inline_263])
         throw Error(
           "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-            (pluginName$jscomp$inline_265 + "`.")
+            (pluginName$jscomp$inline_263 + "`.")
         );
-      namesToPlugins[pluginName$jscomp$inline_265] =
-        pluginModule$jscomp$inline_266;
-      isOrderingDirty$jscomp$inline_264 = !0;
+      namesToPlugins[pluginName$jscomp$inline_263] =
+        pluginModule$jscomp$inline_264;
+      isOrderingDirty$jscomp$inline_262 = !0;
     }
   }
-isOrderingDirty$jscomp$inline_264 && recomputePluginOrdering();
+isOrderingDirty$jscomp$inline_262 && recomputePluginOrdering();
 var instanceCache = new Map(),
   instanceProps = new Map();
 function getInstanceFromTag(tag) {
@@ -6169,14 +6169,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$69 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$69 = lastTailNode),
+      for (var lastTailNode$67 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$67 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$69
+      null === lastTailNode$67
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$69.sibling = null);
+        : (lastTailNode$67.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -6188,53 +6188,53 @@ function bubbleProperties(completedWork) {
   if (didBailout)
     if (0 !== (completedWork.mode & 2)) {
       for (
-        var treeBaseDuration$71 = completedWork.selfBaseDuration,
-          child$72 = completedWork.child;
-        null !== child$72;
+        var treeBaseDuration$69 = completedWork.selfBaseDuration,
+          child$70 = completedWork.child;
+        null !== child$70;
 
       )
-        (newChildLanes |= child$72.lanes | child$72.childLanes),
-          (subtreeFlags |= child$72.subtreeFlags & 31457280),
-          (subtreeFlags |= child$72.flags & 31457280),
-          (treeBaseDuration$71 += child$72.treeBaseDuration),
-          (child$72 = child$72.sibling);
-      completedWork.treeBaseDuration = treeBaseDuration$71;
+        (newChildLanes |= child$70.lanes | child$70.childLanes),
+          (subtreeFlags |= child$70.subtreeFlags & 31457280),
+          (subtreeFlags |= child$70.flags & 31457280),
+          (treeBaseDuration$69 += child$70.treeBaseDuration),
+          (child$70 = child$70.sibling);
+      completedWork.treeBaseDuration = treeBaseDuration$69;
     } else
       for (
-        treeBaseDuration$71 = completedWork.child;
-        null !== treeBaseDuration$71;
+        treeBaseDuration$69 = completedWork.child;
+        null !== treeBaseDuration$69;
 
       )
         (newChildLanes |=
-          treeBaseDuration$71.lanes | treeBaseDuration$71.childLanes),
-          (subtreeFlags |= treeBaseDuration$71.subtreeFlags & 31457280),
-          (subtreeFlags |= treeBaseDuration$71.flags & 31457280),
-          (treeBaseDuration$71.return = completedWork),
-          (treeBaseDuration$71 = treeBaseDuration$71.sibling);
+          treeBaseDuration$69.lanes | treeBaseDuration$69.childLanes),
+          (subtreeFlags |= treeBaseDuration$69.subtreeFlags & 31457280),
+          (subtreeFlags |= treeBaseDuration$69.flags & 31457280),
+          (treeBaseDuration$69.return = completedWork),
+          (treeBaseDuration$69 = treeBaseDuration$69.sibling);
   else if (0 !== (completedWork.mode & 2)) {
-    treeBaseDuration$71 = completedWork.actualDuration;
-    child$72 = completedWork.selfBaseDuration;
+    treeBaseDuration$69 = completedWork.actualDuration;
+    child$70 = completedWork.selfBaseDuration;
     for (var child = completedWork.child; null !== child; )
       (newChildLanes |= child.lanes | child.childLanes),
         (subtreeFlags |= child.subtreeFlags),
         (subtreeFlags |= child.flags),
-        (treeBaseDuration$71 += child.actualDuration),
-        (child$72 += child.treeBaseDuration),
+        (treeBaseDuration$69 += child.actualDuration),
+        (child$70 += child.treeBaseDuration),
         (child = child.sibling);
-    completedWork.actualDuration = treeBaseDuration$71;
-    completedWork.treeBaseDuration = child$72;
+    completedWork.actualDuration = treeBaseDuration$69;
+    completedWork.treeBaseDuration = child$70;
   } else
     for (
-      treeBaseDuration$71 = completedWork.child;
-      null !== treeBaseDuration$71;
+      treeBaseDuration$69 = completedWork.child;
+      null !== treeBaseDuration$69;
 
     )
       (newChildLanes |=
-        treeBaseDuration$71.lanes | treeBaseDuration$71.childLanes),
-        (subtreeFlags |= treeBaseDuration$71.subtreeFlags),
-        (subtreeFlags |= treeBaseDuration$71.flags),
-        (treeBaseDuration$71.return = completedWork),
-        (treeBaseDuration$71 = treeBaseDuration$71.sibling);
+        treeBaseDuration$69.lanes | treeBaseDuration$69.childLanes),
+        (subtreeFlags |= treeBaseDuration$69.subtreeFlags),
+        (subtreeFlags |= treeBaseDuration$69.flags),
+        (treeBaseDuration$69.return = completedWork),
+        (treeBaseDuration$69 = treeBaseDuration$69.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -6747,8 +6747,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error$90) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$90);
+      } catch (error$88) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$88);
       }
     else ref.current = null;
 }
@@ -6881,10 +6881,10 @@ function commitHookEffectListMount(flags, finishedWork) {
             injectedProfilingHooks.markComponentLayoutEffectMountStarted(
               finishedWork
             );
-        var create$91 = effect.create,
+        var create$89 = effect.create,
           inst = effect.inst;
-        create$91 = create$91();
-        inst.destroy = create$91;
+        create$89 = create$89();
+        inst.destroy = create$89;
         0 !== (flags & 8)
           ? null !== injectedProfilingHooks &&
             "function" ===
@@ -6912,8 +6912,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$93) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$93);
+    } catch (error$91) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$91);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -6993,11 +6993,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$94) {
+            } catch (error$92) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$94
+                error$92
               );
             }
         else {
@@ -7014,11 +7014,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$95) {
+            } catch (error$93) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$95
+                error$93
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -7029,11 +7029,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$96) {
+            } catch (error$94) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$96
+                error$94
               );
             }
         }
@@ -7549,22 +7549,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$105) {
+          } catch (error$103) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$105
+              error$103
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$106) {
+          } catch (error$104) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$106
+              error$104
             );
           }
       }
@@ -7612,8 +7612,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               viewConfig.uiViewClassName,
               updatePayload
             );
-        } catch (error$109) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$109);
+        } catch (error$107) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$107);
         }
       }
       break;
@@ -7633,8 +7633,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             "RCTRawText",
             { text: current }
           );
-        } catch (error$110) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$110);
+        } catch (error$108) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$108);
         }
       }
       break;
@@ -7746,11 +7746,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 throw Error("Not yet implemented.");
-              } catch (error$99) {
+              } catch (error$97) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$99
+                  error$97
                 );
               }
           } else if (
@@ -7824,12 +7824,12 @@ function commitReconciliationEffects(finishedWork) {
           break;
         case 3:
         case 4:
-          var parent$100 = JSCompiler_inline_result.stateNode.containerInfo,
-            before$101 = getHostSibling(finishedWork);
+          var parent$98 = JSCompiler_inline_result.stateNode.containerInfo,
+            before$99 = getHostSibling(finishedWork);
           insertOrAppendPlacementNodeIntoContainer(
             finishedWork,
-            before$101,
-            parent$100
+            before$99,
+            parent$98
           );
           break;
         default:
@@ -8015,8 +8015,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$114) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$114);
+    } catch (error$112) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$112);
     }
 }
 function recursivelyTraversePassiveMountEffects(root, parentFiber) {
@@ -8407,16 +8407,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$116 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$114 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$116 &&
-            ((lanes = errorRetryLanes$116),
+          0 !== errorRetryLanes$114 &&
+            ((lanes = errorRetryLanes$114),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$116
+              errorRetryLanes$114
             )));
         }
         if (1 === exitStatus)
@@ -8732,8 +8732,8 @@ function renderRootSync(root, lanes) {
         }
       workLoopSync();
       break;
-    } catch (thrownValue$118) {
-      handleThrow(root, thrownValue$118);
+    } catch (thrownValue$116) {
+      handleThrow(root, thrownValue$116);
     }
   while (1);
   resetContextDependencies();
@@ -8849,8 +8849,8 @@ function renderRootConcurrent(root, lanes) {
         }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$120) {
-      handleThrow(root, thrownValue$120);
+    } catch (thrownValue$118) {
+      handleThrow(root, thrownValue$118);
     }
   while (1);
   resetContextDependencies();
@@ -9036,10 +9036,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$38 = offscreenQueue.retryQueue;
-                      null === retryQueue$38
+                      var retryQueue$36 = offscreenQueue.retryQueue;
+                      null === retryQueue$36
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$38.add(wakeable);
+                        : retryQueue$36.add(wakeable);
                     }
                   }
                   break;
@@ -9324,11 +9324,11 @@ function flushPassiveEffects() {
                   _finishedWork$memoize = finishedWork.memoizedProps,
                   id = _finishedWork$memoize.id,
                   onPostCommit = _finishedWork$memoize.onPostCommit,
-                  commitTime$92 = commitTime,
+                  commitTime$90 = commitTime,
                   phase = null === finishedWork.alternate ? "mount" : "update";
                 currentUpdateIsNested && (phase = "nested-update");
                 "function" === typeof onPostCommit &&
-                  onPostCommit(id, phase, passiveEffectDuration, commitTime$92);
+                  onPostCommit(id, phase, passiveEffectDuration, commitTime$90);
                 var parentFiber = finishedWork.return;
                 b: for (; null !== parentFiber; ) {
                   switch (parentFiber.tag) {
@@ -10455,10 +10455,10 @@ batchedUpdatesImpl = function (fn, a) {
   }
 };
 var roots = new Map(),
-  devToolsConfig$jscomp$inline_1194 = {
+  devToolsConfig$jscomp$inline_1189 = {
     findFiberByHostInstance: getInstanceFromTag,
     bundleType: 0,
-    version: "18.3.0-canary-09867ac7",
+    version: "18.3.0-canary-69ff02f1",
     rendererPackageName: "react-native-renderer",
     rendererConfig: {
       getInspectorDataForViewTag: function () {
@@ -10487,10 +10487,10 @@ var roots = new Map(),
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1194.bundleType,
-  version: devToolsConfig$jscomp$inline_1194.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1194.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1194.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1189.bundleType,
+  version: devToolsConfig$jscomp$inline_1189.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1189.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1189.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -10506,14 +10506,14 @@ var roots = new Map(),
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1194.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1189.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-canary-09867ac7"
+  reconcilerVersion: "18.3.0-canary-69ff02f1"
 });
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = {
   computeComponentStackForErrorReporting: function (reactTag) {