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 4f678ea91ab69..32d3ce4cb7fdc 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
@@ -25686,7 +25686,7 @@ if (__DEV__) {
       return root;
     }
 
-    var ReactVersion = "18.3.0-canary-c82009771-20240219";
+    var ReactVersion = "18.3.0-canary-ec160f32c-20240219";
 
     // 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 856364f5316a1..7426b665293cb 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
@@ -9176,7 +9176,7 @@ var devToolsConfig$jscomp$inline_1014 = {
     throw Error("TestRenderer does not support findFiberByHostInstance()");
   },
   bundleType: 0,
-  version: "18.3.0-canary-c82009771-20240219",
+  version: "18.3.0-canary-ec160f32c-20240219",
   rendererPackageName: "react-test-renderer"
 };
 var internals$jscomp$inline_1195 = {
@@ -9207,7 +9207,7 @@ var internals$jscomp$inline_1195 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-canary-c82009771-20240219"
+  reconcilerVersion: "18.3.0-canary-ec160f32c-20240219"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
   var hook$jscomp$inline_1196 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
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 77c754bd63218..0a43c544c6ac6 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
@@ -9604,7 +9604,7 @@ var devToolsConfig$jscomp$inline_1056 = {
     throw Error("TestRenderer does not support findFiberByHostInstance()");
   },
   bundleType: 0,
-  version: "18.3.0-canary-c82009771-20240219",
+  version: "18.3.0-canary-ec160f32c-20240219",
   rendererPackageName: "react-test-renderer"
 };
 var internals$jscomp$inline_1236 = {
@@ -9635,7 +9635,7 @@ var internals$jscomp$inline_1236 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-canary-c82009771-20240219"
+  reconcilerVersion: "18.3.0-canary-ec160f32c-20240219"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
   var hook$jscomp$inline_1237 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXDEVRuntime-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXDEVRuntime-dev.js
index 3aa3a95784f96..9cbdb84e548a4 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXDEVRuntime-dev.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXDEVRuntime-dev.js
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<4af61d0bbe18ef4b8cb7cac5218a2e3c>>
+ * @generated SignedSource<<dcd2c20e1a26861ff0f60d651a2f6e93>>
  */
 
 "use strict";
@@ -109,49 +109,6 @@ if (__DEV__) {
     var enableLegacyHidden = false;
     var enableTransitionTracing = false;
 
-    var REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference");
-    function isValidElementType(type) {
-      if (typeof type === "string" || typeof type === "function") {
-        return true;
-      } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
-
-      if (
-        type === REACT_FRAGMENT_TYPE ||
-        type === REACT_PROFILER_TYPE ||
-        enableDebugTracing ||
-        type === REACT_STRICT_MODE_TYPE ||
-        type === REACT_SUSPENSE_TYPE ||
-        type === REACT_SUSPENSE_LIST_TYPE ||
-        enableLegacyHidden ||
-        type === REACT_OFFSCREEN_TYPE ||
-        enableScopeAPI ||
-        type === REACT_CACHE_TYPE ||
-        enableTransitionTracing
-      ) {
-        return true;
-      }
-
-      if (typeof type === "object" && type !== null) {
-        if (
-          type.$$typeof === REACT_LAZY_TYPE ||
-          type.$$typeof === REACT_MEMO_TYPE ||
-          type.$$typeof === REACT_CONTEXT_TYPE ||
-          type.$$typeof === REACT_PROVIDER_TYPE ||
-          enableRenderableContext ||
-          type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
-          // types supported by any Flight configuration anywhere since
-          // we don't know which Flight build this will end up being used
-          // with.
-          type.$$typeof === REACT_CLIENT_REFERENCE$2 ||
-          type.getModuleId !== undefined
-        ) {
-          return true;
-        }
-      }
-
-      return false;
-    }
-
     function getWrappedName(outerType, innerType, wrapperName) {
       var displayName = outerType.displayName;
 
@@ -169,7 +126,7 @@ if (__DEV__) {
       return type.displayName || "Context";
     }
 
-    var REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
+    var REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
 
     function getComponentNameFromType(type) {
       if (type == null) {
@@ -178,7 +135,7 @@ if (__DEV__) {
       }
 
       if (typeof type === "function") {
-        if (type.$$typeof === REACT_CLIENT_REFERENCE$1) {
+        if (type.$$typeof === REACT_CLIENT_REFERENCE$2) {
           // TODO: Create a convention for naming client references with debug info.
           return null;
         }
@@ -266,6 +223,132 @@ if (__DEV__) {
       return null;
     }
 
+    // $FlowFixMe[method-unbinding]
+    var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+    /*
+     * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
+     * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
+     *
+     * The functions in this module will throw an easier-to-understand,
+     * easier-to-debug exception with a clear errors message message explaining the
+     * problem. (Instead of a confusing exception thrown inside the implementation
+     * of the `value` object).
+     */
+    // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+    function typeName(value) {
+      {
+        // toStringTag is needed for namespaced types like Temporal.Instant
+        var hasToStringTag = typeof Symbol === "function" && Symbol.toStringTag;
+        var type =
+          (hasToStringTag && value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object"; // $FlowFixMe[incompatible-return]
+
+        return type;
+      }
+    } // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+
+    function willCoercionThrow(value) {
+      {
+        try {
+          testStringCoercion(value);
+          return false;
+        } catch (e) {
+          return true;
+        }
+      }
+    }
+
+    function testStringCoercion(value) {
+      // If you ended up here by following an exception call stack, here's what's
+      // happened: you supplied an object or symbol value to React (as a prop, key,
+      // DOM attribute, CSS property, string ref, etc.) and when React tried to
+      // coerce it to a string using `'' + value`, an exception was thrown.
+      //
+      // The most common types that will cause this exception are `Symbol` instances
+      // and Temporal objects like `Temporal.Instant`. But any object that has a
+      // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
+      // exception. (Library authors do this to prevent users from using built-in
+      // numeric operators like `+` or comparison operators like `>=` because custom
+      // methods are needed to perform accurate arithmetic or comparison.)
+      //
+      // To fix the problem, coerce this object or symbol value to a string before
+      // passing it to React. The most reliable way is usually `String(value)`.
+      //
+      // To find which value is throwing, check the browser or debugger console.
+      // Before this exception was thrown, there should be `console.error` output
+      // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
+      // problem and how that type was used: key, atrribute, input value prop, etc.
+      // In most cases, this console output also shows the component and its
+      // ancestor components where the exception happened.
+      //
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return "" + value;
+    }
+    function checkKeyStringCoercion(value) {
+      {
+        if (willCoercionThrow(value)) {
+          error(
+            "The provided key is an unsupported type %s." +
+              " This value must be coerced to a string before using it here.",
+            typeName(value)
+          );
+
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
+    }
+
+    var REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference");
+    function isValidElementType(type) {
+      if (typeof type === "string" || typeof type === "function") {
+        return true;
+      } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+
+      if (
+        type === REACT_FRAGMENT_TYPE ||
+        type === REACT_PROFILER_TYPE ||
+        enableDebugTracing ||
+        type === REACT_STRICT_MODE_TYPE ||
+        type === REACT_SUSPENSE_TYPE ||
+        type === REACT_SUSPENSE_LIST_TYPE ||
+        enableLegacyHidden ||
+        type === REACT_OFFSCREEN_TYPE ||
+        enableScopeAPI ||
+        type === REACT_CACHE_TYPE ||
+        enableTransitionTracing
+      ) {
+        return true;
+      }
+
+      if (typeof type === "object" && type !== null) {
+        if (
+          type.$$typeof === REACT_LAZY_TYPE ||
+          type.$$typeof === REACT_MEMO_TYPE ||
+          type.$$typeof === REACT_CONTEXT_TYPE ||
+          type.$$typeof === REACT_PROVIDER_TYPE ||
+          enableRenderableContext ||
+          type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+          // types supported by any Flight configuration anywhere since
+          // we don't know which Flight build this will end up being used
+          // with.
+          type.$$typeof === REACT_CLIENT_REFERENCE$1 ||
+          type.getModuleId !== undefined
+        ) {
+          return true;
+        }
+      }
+
+      return false;
+    }
+
+    var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+    function isArray(a) {
+      return isArrayImpl(a);
+    }
+
     function describeBuiltInComponentFrame(name, ownerFn) {
       {
         var ownerName = null;
@@ -360,9 +443,6 @@ if (__DEV__) {
       return "";
     }
 
-    // $FlowFixMe[method-unbinding]
-    var hasOwnProperty = Object.prototype.hasOwnProperty;
-
     var loggedTypeFailures = {};
     var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
 
@@ -468,87 +548,9 @@ if (__DEV__) {
       }
     }
 
-    var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-    function isArray(a) {
-      return isArrayImpl(a);
-    }
-
-    /*
-     * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
-     * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
-     *
-     * The functions in this module will throw an easier-to-understand,
-     * easier-to-debug exception with a clear errors message message explaining the
-     * problem. (Instead of a confusing exception thrown inside the implementation
-     * of the `value` object).
-     */
-    // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
-    function typeName(value) {
-      {
-        // toStringTag is needed for namespaced types like Temporal.Instant
-        var hasToStringTag = typeof Symbol === "function" && Symbol.toStringTag;
-        var type =
-          (hasToStringTag && value[Symbol.toStringTag]) ||
-          value.constructor.name ||
-          "Object"; // $FlowFixMe[incompatible-return]
-
-        return type;
-      }
-    } // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
-
-    function willCoercionThrow(value) {
-      {
-        try {
-          testStringCoercion(value);
-          return false;
-        } catch (e) {
-          return true;
-        }
-      }
-    }
-
-    function testStringCoercion(value) {
-      // If you ended up here by following an exception call stack, here's what's
-      // happened: you supplied an object or symbol value to React (as a prop, key,
-      // DOM attribute, CSS property, string ref, etc.) and when React tried to
-      // coerce it to a string using `'' + value`, an exception was thrown.
-      //
-      // The most common types that will cause this exception are `Symbol` instances
-      // and Temporal objects like `Temporal.Instant`. But any object that has a
-      // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
-      // exception. (Library authors do this to prevent users from using built-in
-      // numeric operators like `+` or comparison operators like `>=` because custom
-      // methods are needed to perform accurate arithmetic or comparison.)
-      //
-      // To fix the problem, coerce this object or symbol value to a string before
-      // passing it to React. The most reliable way is usually `String(value)`.
-      //
-      // To find which value is throwing, check the browser or debugger console.
-      // Before this exception was thrown, there should be `console.error` output
-      // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
-      // problem and how that type was used: key, atrribute, input value prop, etc.
-      // In most cases, this console output also shows the component and its
-      // ancestor components where the exception happened.
-      //
-      // eslint-disable-next-line react-internal/safe-string-coercion
-      return "" + value;
-    }
-    function checkKeyStringCoercion(value) {
-      {
-        if (willCoercionThrow(value)) {
-          error(
-            "The provided key is an unsupported type %s." +
-              " This value must be coerced to a string before using it here.",
-            typeName(value)
-          );
-
-          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
-        }
-      }
-    }
-
-    var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+    var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
     var specialPropKeyWarningShown;
     var specialPropRefWarningShown;
     var didWarnAboutStringRefs;
@@ -589,12 +591,12 @@ if (__DEV__) {
       {
         if (
           typeof config.ref === "string" &&
-          ReactCurrentOwner$1.current &&
+          ReactCurrentOwner.current &&
           self &&
-          ReactCurrentOwner$1.current.stateNode !== self
+          ReactCurrentOwner.current.stateNode !== self
         ) {
           var componentName = getComponentNameFromType(
-            ReactCurrentOwner$1.current.type
+            ReactCurrentOwner.current.type
           );
 
           if (!didWarnAboutStringRefs[componentName]) {
@@ -605,7 +607,7 @@ if (__DEV__) {
                 "We ask you to manually fix this case by using useRef() or createRef() instead. " +
                 "Learn more about using refs safely here: " +
                 "https://reactjs.org/link/strict-mode-string-ref",
-              getComponentNameFromType(ReactCurrentOwner$1.current.type),
+              getComponentNameFromType(ReactCurrentOwner.current.type),
               config.ref
             );
 
@@ -728,6 +730,7 @@ if (__DEV__) {
 
       return element;
     }
+    var didWarnAboutKeySpread = {};
     /**
      * https://github.com/reactjs/rfcs/pull/107
      * @param {*} type
@@ -735,12 +738,126 @@ if (__DEV__) {
      * @param {string} key
      */
 
-    function jsxDEV$1(type, config, maybeKey, source, self) {
+    function jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self) {
       {
-        var propName; // Reserved names are extracted
+        if (!isValidElementType(type)) {
+          // This is an invalid element type.
+          //
+          // We warn in this case but don't throw. We expect the element creation to
+          // succeed and there will likely be errors in render.
+          var info = "";
 
-        var props = {};
-        var key = null;
+          if (
+            type === undefined ||
+            (typeof type === "object" &&
+              type !== null &&
+              Object.keys(type).length === 0)
+          ) {
+            info +=
+              " You likely forgot to export your component from the file " +
+              "it's defined in, or you might have mixed up default and named imports.";
+          }
+
+          var sourceInfo = getSourceInfoErrorAddendum(source);
+
+          if (sourceInfo) {
+            info += sourceInfo;
+          } else {
+            info += getDeclarationErrorAddendum();
+          }
+
+          var typeString;
+
+          if (type === null) {
+            typeString = "null";
+          } else if (isArray(type)) {
+            typeString = "array";
+          } else if (
+            type !== undefined &&
+            type.$$typeof === REACT_ELEMENT_TYPE
+          ) {
+            typeString =
+              "<" + (getComponentNameFromType(type.type) || "Unknown") + " />";
+            info =
+              " Did you accidentally export a JSX literal instead of a component?";
+          } else {
+            typeString = typeof type;
+          }
+
+          error(
+            "React.jsx: type is invalid -- expected a string (for " +
+              "built-in components) or a class/function (for composite " +
+              "components) but got: %s.%s",
+            typeString,
+            info
+          );
+        } else {
+          // This is a valid element type.
+          // Skip key warning if the type isn't valid since our key validation logic
+          // doesn't expect a non-string/function type and can throw confusing
+          // errors. We don't want exception behavior to differ between dev and
+          // prod. (Rendering will throw with a helpful message and as soon as the
+          // type is fixed, the key warnings will appear.)
+          var children = config.children;
+
+          if (children !== undefined) {
+            if (isStaticChildren) {
+              if (isArray(children)) {
+                for (var i = 0; i < children.length; i++) {
+                  validateChildKeys(children[i], type);
+                }
+
+                if (Object.freeze) {
+                  Object.freeze(children);
+                }
+              } else {
+                error(
+                  "React.jsx: Static children should always be an array. " +
+                    "You are likely explicitly calling React.jsxs or React.jsxDEV. " +
+                    "Use the Babel transform instead."
+                );
+              }
+            } else {
+              validateChildKeys(children, type);
+            }
+          }
+        } // Warn about key spread regardless of whether the type is valid.
+
+        if (hasOwnProperty.call(config, "key")) {
+          var componentName = getComponentNameFromType(type);
+          var keys = Object.keys(config).filter(function (k) {
+            return k !== "key";
+          });
+          var beforeExample =
+            keys.length > 0
+              ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
+              : "{key: someKey}";
+
+          if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+            var afterExample =
+              keys.length > 0 ? "{" + keys.join(": ..., ") + ": ...}" : "{}";
+
+            error(
+              'A props object containing a "key" prop is being spread into JSX:\n' +
+                "  let props = %s;\n" +
+                "  <%s {...props} />\n" +
+                "React keys must be passed directly to JSX without using spread:\n" +
+                "  let props = %s;\n" +
+                "  <%s key={someKey} {...props} />",
+              beforeExample,
+              componentName,
+              afterExample,
+              componentName
+            );
+
+            didWarnAboutKeySpread[componentName + beforeExample] = true;
+          }
+        }
+
+        var propName; // Reserved names are extracted
+
+        var props = {};
+        var key = null;
         var ref = null; // Currently, key can be spread in as a prop. This causes a potential
         // issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
         // or <div key="Hi" {...props} /> ). We want to deprecate key spread,
@@ -804,57 +921,23 @@ if (__DEV__) {
           }
         }
 
-        return ReactElement(
+        var element = ReactElement(
           type,
           key,
           ref,
           self,
           source,
-          ReactCurrentOwner$1.current,
+          ReactCurrentOwner.current,
           props
         );
-      }
-    }
-
-    var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
 
-    function setCurrentlyValidatingElement(element) {
-      {
-        if (element) {
-          var owner = element._owner;
-          var stack = describeUnknownElementTypeFrameInDEV(
-            element.type,
-            owner ? owner.type : null
-          );
-          ReactDebugCurrentFrame.setExtraStackFrame(stack);
+        if (type === REACT_FRAGMENT_TYPE) {
+          validateFragmentProps(element);
         } else {
-          ReactDebugCurrentFrame.setExtraStackFrame(null);
+          validatePropTypes(element);
         }
-      }
-    }
-
-    var propTypesMisspellWarningShown;
 
-    {
-      propTypesMisspellWarningShown = false;
-    }
-    /**
-     * Verifies the object is a ReactElement.
-     * See https://reactjs.org/docs/react-api.html#isvalidelement
-     * @param {?object} object
-     * @return {boolean} True if `object` is a ReactElement.
-     * @final
-     */
-
-    function isValidElement(object) {
-      {
-        return (
-          typeof object === "object" &&
-          object !== null &&
-          object.$$typeof === REACT_ELEMENT_TYPE
-        );
+        return element;
       }
     }
 
@@ -884,29 +967,73 @@ if (__DEV__) {
       }
     }
     /**
-     * Warn if there's no key explicitly set on dynamic arrays of children or
-     * object keys are not valid. This allows us to keep track of children between
-     * updates.
+     * Ensure that every element either is passed in a static location, in an
+     * array with an explicit keys property defined, or in an object literal
+     * with valid key property.
+     *
+     * @internal
+     * @param {ReactNode} node Statically passed child of any type.
+     * @param {*} parentType node's parent's type.
      */
 
-    var ownerHasKeyUseWarning = {};
-
-    function getCurrentComponentErrorInfo(parentType) {
+    function validateChildKeys(node, parentType) {
       {
-        var info = getDeclarationErrorAddendum();
+        if (typeof node !== "object" || !node) {
+          return;
+        }
 
-        if (!info) {
-          var parentName = getComponentNameFromType(parentType);
+        if (node.$$typeof === REACT_CLIENT_REFERENCE);
+        else if (isArray(node)) {
+          for (var i = 0; i < node.length; i++) {
+            var child = node[i];
 
-          if (parentName) {
-            info =
-              "\n\nCheck the top-level render call using <" + parentName + ">.";
+            if (isValidElement(child)) {
+              validateExplicitKey(child, parentType);
+            }
+          }
+        } else if (isValidElement(node)) {
+          // This element was passed in a valid location.
+          if (node._store) {
+            node._store.validated = true;
+          }
+        } else {
+          var iteratorFn = getIteratorFn(node);
+
+          if (typeof iteratorFn === "function") {
+            // Entry iterators used to provide implicit keys,
+            // but now we print a separate warning for them later.
+            if (iteratorFn !== node.entries) {
+              var iterator = iteratorFn.call(node);
+              var step;
+
+              while (!(step = iterator.next()).done) {
+                if (isValidElement(step.value)) {
+                  validateExplicitKey(step.value, parentType);
+                }
+              }
+            }
           }
         }
+      }
+    }
+    /**
+     * Verifies the object is a ReactElement.
+     * See https://reactjs.org/docs/react-api.html#isvalidelement
+     * @param {?object} object
+     * @return {boolean} True if `object` is a ReactElement.
+     * @final
+     */
 
-        return info;
+    function isValidElement(object) {
+      {
+        return (
+          typeof object === "object" &&
+          object !== null &&
+          object.$$typeof === REACT_ELEMENT_TYPE
+        );
       }
     }
+    var ownerHasKeyUseWarning = {};
     /**
      * Warn if the element doesn't have an explicit key assigned to it.
      * This element is in an array. The array could grow and shrink or be
@@ -967,56 +1094,75 @@ if (__DEV__) {
         setCurrentlyValidatingElement(null);
       }
     }
-    /**
-     * Ensure that every element either is passed in a static location, in an
-     * array with an explicit keys property defined, or in an object literal
-     * with valid key property.
-     *
-     * @internal
-     * @param {ReactNode} node Statically passed child of any type.
-     * @param {*} parentType node's parent's type.
-     */
 
-    function validateChildKeys(node, parentType) {
+    function setCurrentlyValidatingElement(element) {
       {
-        if (typeof node !== "object" || !node) {
-          return;
+        if (element) {
+          var owner = element._owner;
+          var stack = describeUnknownElementTypeFrameInDEV(
+            element.type,
+            owner ? owner.type : null
+          );
+          ReactDebugCurrentFrame.setExtraStackFrame(stack);
+        } else {
+          ReactDebugCurrentFrame.setExtraStackFrame(null);
         }
+      }
+    }
 
-        if (node.$$typeof === REACT_CLIENT_REFERENCE);
-        else if (isArray(node)) {
-          for (var i = 0; i < node.length; i++) {
-            var child = node[i];
+    function getCurrentComponentErrorInfo(parentType) {
+      {
+        var info = getDeclarationErrorAddendum();
 
-            if (isValidElement(child)) {
-              validateExplicitKey(child, parentType);
-            }
-          }
-        } else if (isValidElement(node)) {
-          // This element was passed in a valid location.
-          if (node._store) {
-            node._store.validated = true;
+        if (!info) {
+          var parentName = getComponentNameFromType(parentType);
+
+          if (parentName) {
+            info =
+              "\n\nCheck the top-level render call using <" + parentName + ">.";
           }
-        } else {
-          var iteratorFn = getIteratorFn(node);
+        }
 
-          if (typeof iteratorFn === "function") {
-            // Entry iterators used to provide implicit keys,
-            // but now we print a separate warning for them later.
-            if (iteratorFn !== node.entries) {
-              var iterator = iteratorFn.call(node);
-              var step;
+        return info;
+      }
+    }
+    /**
+     * Given a fragment, validate that it can only be provided with fragment props
+     * @param {ReactElement} fragment
+     */
 
-              while (!(step = iterator.next()).done) {
-                if (isValidElement(step.value)) {
-                  validateExplicitKey(step.value, parentType);
-                }
-              }
-            }
+    function validateFragmentProps(fragment) {
+      {
+        var keys = Object.keys(fragment.props);
+
+        for (var i = 0; i < keys.length; i++) {
+          var key = keys[i];
+
+          if (key !== "children" && key !== "key") {
+            setCurrentlyValidatingElement(fragment);
+
+            error(
+              "Invalid prop `%s` supplied to `React.Fragment`. " +
+                "React.Fragment can only have `key` and `children` props.",
+              key
+            );
+
+            setCurrentlyValidatingElement(null);
+            break;
           }
         }
+
+        if (fragment.ref !== null) {
+          setCurrentlyValidatingElement(fragment);
+
+          error("Invalid attribute `ref` supplied to `React.Fragment`.");
+
+          setCurrentlyValidatingElement(null);
+        }
       }
     }
+
+    var propTypesMisspellWarningShown = false;
     /**
      * Given an element, validate that its props follow the propTypes definition,
      * provided by the type.
@@ -1080,183 +1226,8 @@ if (__DEV__) {
         }
       }
     }
-    /**
-     * Given a fragment, validate that it can only be provided with fragment props
-     * @param {ReactElement} fragment
-     */
-
-    function validateFragmentProps(fragment) {
-      {
-        var keys = Object.keys(fragment.props);
-
-        for (var i = 0; i < keys.length; i++) {
-          var key = keys[i];
-
-          if (key !== "children" && key !== "key") {
-            setCurrentlyValidatingElement(fragment);
-
-            error(
-              "Invalid prop `%s` supplied to `React.Fragment`. " +
-                "React.Fragment can only have `key` and `children` props.",
-              key
-            );
-
-            setCurrentlyValidatingElement(null);
-            break;
-          }
-        }
-
-        if (fragment.ref !== null) {
-          setCurrentlyValidatingElement(fragment);
-
-          error("Invalid attribute `ref` supplied to `React.Fragment`.");
-
-          setCurrentlyValidatingElement(null);
-        }
-      }
-    }
-
-    var didWarnAboutKeySpread = {};
-    function jsxWithValidation(
-      type,
-      props,
-      key,
-      isStaticChildren,
-      source,
-      self
-    ) {
-      {
-        var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
-        // succeed and there will likely be errors in render.
-
-        if (!validType) {
-          var info = "";
-
-          if (
-            type === undefined ||
-            (typeof type === "object" &&
-              type !== null &&
-              Object.keys(type).length === 0)
-          ) {
-            info +=
-              " You likely forgot to export your component from the file " +
-              "it's defined in, or you might have mixed up default and named imports.";
-          }
-
-          var sourceInfo = getSourceInfoErrorAddendum(source);
-
-          if (sourceInfo) {
-            info += sourceInfo;
-          } else {
-            info += getDeclarationErrorAddendum();
-          }
-
-          var typeString;
-
-          if (type === null) {
-            typeString = "null";
-          } else if (isArray(type)) {
-            typeString = "array";
-          } else if (
-            type !== undefined &&
-            type.$$typeof === REACT_ELEMENT_TYPE
-          ) {
-            typeString =
-              "<" + (getComponentNameFromType(type.type) || "Unknown") + " />";
-            info =
-              " Did you accidentally export a JSX literal instead of a component?";
-          } else {
-            typeString = typeof type;
-          }
-
-          error(
-            "React.jsx: type is invalid -- expected a string (for " +
-              "built-in components) or a class/function (for composite " +
-              "components) but got: %s.%s",
-            typeString,
-            info
-          );
-        }
-
-        var element = jsxDEV$1(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
-        // TODO: Drop this when these are no longer allowed as the type argument.
-
-        if (element == null) {
-          return element;
-        } // Skip key warning if the type isn't valid since our key validation logic
-        // doesn't expect a non-string/function type and can throw confusing errors.
-        // We don't want exception behavior to differ between dev and prod.
-        // (Rendering will throw with a helpful message and as soon as the type is
-        // fixed, the key warnings will appear.)
-
-        if (validType) {
-          var children = props.children;
-
-          if (children !== undefined) {
-            if (isStaticChildren) {
-              if (isArray(children)) {
-                for (var i = 0; i < children.length; i++) {
-                  validateChildKeys(children[i], type);
-                }
-
-                if (Object.freeze) {
-                  Object.freeze(children);
-                }
-              } else {
-                error(
-                  "React.jsx: Static children should always be an array. " +
-                    "You are likely explicitly calling React.jsxs or React.jsxDEV. " +
-                    "Use the Babel transform instead."
-                );
-              }
-            } else {
-              validateChildKeys(children, type);
-            }
-          }
-        }
-
-        if (hasOwnProperty.call(props, "key")) {
-          var componentName = getComponentNameFromType(type);
-          var keys = Object.keys(props).filter(function (k) {
-            return k !== "key";
-          });
-          var beforeExample =
-            keys.length > 0
-              ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
-              : "{key: someKey}";
-
-          if (!didWarnAboutKeySpread[componentName + beforeExample]) {
-            var afterExample =
-              keys.length > 0 ? "{" + keys.join(": ..., ") + ": ...}" : "{}";
-
-            error(
-              'A props object containing a "key" prop is being spread into JSX:\n' +
-                "  let props = %s;\n" +
-                "  <%s {...props} />\n" +
-                "React keys must be passed directly to JSX without using spread:\n" +
-                "  let props = %s;\n" +
-                "  <%s key={someKey} {...props} />",
-              beforeExample,
-              componentName,
-              afterExample,
-              componentName
-            );
-
-            didWarnAboutKeySpread[componentName + beforeExample] = true;
-          }
-        }
-
-        if (type === REACT_FRAGMENT_TYPE) {
-          validateFragmentProps(element);
-        } else {
-          validatePropTypes(element);
-        }
-
-        return element;
-      }
-    } // These two functions exist to still get child warnings in dev
 
-    var jsxDEV = jsxWithValidation;
+    var jsxDEV = jsxDEV$1;
 
     exports.Fragment = REACT_FRAGMENT_TYPE;
     exports.jsxDEV = jsxDEV;
diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXRuntime-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXRuntime-dev.js
index a197d766c5537..d309451c88ea6 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXRuntime-dev.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXRuntime-dev.js
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<3761a64b520b7dade589411c72e97e85>>
+ * @generated SignedSource<<040e6a4059e2c6d1c22e6d708cbf3b39>>
  */
 
 "use strict";
@@ -109,49 +109,6 @@ if (__DEV__) {
     var enableLegacyHidden = false;
     var enableTransitionTracing = false;
 
-    var REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference");
-    function isValidElementType(type) {
-      if (typeof type === "string" || typeof type === "function") {
-        return true;
-      } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
-
-      if (
-        type === REACT_FRAGMENT_TYPE ||
-        type === REACT_PROFILER_TYPE ||
-        enableDebugTracing ||
-        type === REACT_STRICT_MODE_TYPE ||
-        type === REACT_SUSPENSE_TYPE ||
-        type === REACT_SUSPENSE_LIST_TYPE ||
-        enableLegacyHidden ||
-        type === REACT_OFFSCREEN_TYPE ||
-        enableScopeAPI ||
-        type === REACT_CACHE_TYPE ||
-        enableTransitionTracing
-      ) {
-        return true;
-      }
-
-      if (typeof type === "object" && type !== null) {
-        if (
-          type.$$typeof === REACT_LAZY_TYPE ||
-          type.$$typeof === REACT_MEMO_TYPE ||
-          type.$$typeof === REACT_CONTEXT_TYPE ||
-          type.$$typeof === REACT_PROVIDER_TYPE ||
-          enableRenderableContext ||
-          type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
-          // types supported by any Flight configuration anywhere since
-          // we don't know which Flight build this will end up being used
-          // with.
-          type.$$typeof === REACT_CLIENT_REFERENCE$2 ||
-          type.getModuleId !== undefined
-        ) {
-          return true;
-        }
-      }
-
-      return false;
-    }
-
     function getWrappedName(outerType, innerType, wrapperName) {
       var displayName = outerType.displayName;
 
@@ -169,7 +126,7 @@ if (__DEV__) {
       return type.displayName || "Context";
     }
 
-    var REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
+    var REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
 
     function getComponentNameFromType(type) {
       if (type == null) {
@@ -178,7 +135,7 @@ if (__DEV__) {
       }
 
       if (typeof type === "function") {
-        if (type.$$typeof === REACT_CLIENT_REFERENCE$1) {
+        if (type.$$typeof === REACT_CLIENT_REFERENCE$2) {
           // TODO: Create a convention for naming client references with debug info.
           return null;
         }
@@ -266,6 +223,132 @@ if (__DEV__) {
       return null;
     }
 
+    // $FlowFixMe[method-unbinding]
+    var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+    /*
+     * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
+     * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
+     *
+     * The functions in this module will throw an easier-to-understand,
+     * easier-to-debug exception with a clear errors message message explaining the
+     * problem. (Instead of a confusing exception thrown inside the implementation
+     * of the `value` object).
+     */
+    // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+    function typeName(value) {
+      {
+        // toStringTag is needed for namespaced types like Temporal.Instant
+        var hasToStringTag = typeof Symbol === "function" && Symbol.toStringTag;
+        var type =
+          (hasToStringTag && value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object"; // $FlowFixMe[incompatible-return]
+
+        return type;
+      }
+    } // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+
+    function willCoercionThrow(value) {
+      {
+        try {
+          testStringCoercion(value);
+          return false;
+        } catch (e) {
+          return true;
+        }
+      }
+    }
+
+    function testStringCoercion(value) {
+      // If you ended up here by following an exception call stack, here's what's
+      // happened: you supplied an object or symbol value to React (as a prop, key,
+      // DOM attribute, CSS property, string ref, etc.) and when React tried to
+      // coerce it to a string using `'' + value`, an exception was thrown.
+      //
+      // The most common types that will cause this exception are `Symbol` instances
+      // and Temporal objects like `Temporal.Instant`. But any object that has a
+      // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
+      // exception. (Library authors do this to prevent users from using built-in
+      // numeric operators like `+` or comparison operators like `>=` because custom
+      // methods are needed to perform accurate arithmetic or comparison.)
+      //
+      // To fix the problem, coerce this object or symbol value to a string before
+      // passing it to React. The most reliable way is usually `String(value)`.
+      //
+      // To find which value is throwing, check the browser or debugger console.
+      // Before this exception was thrown, there should be `console.error` output
+      // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
+      // problem and how that type was used: key, atrribute, input value prop, etc.
+      // In most cases, this console output also shows the component and its
+      // ancestor components where the exception happened.
+      //
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return "" + value;
+    }
+    function checkKeyStringCoercion(value) {
+      {
+        if (willCoercionThrow(value)) {
+          error(
+            "The provided key is an unsupported type %s." +
+              " This value must be coerced to a string before using it here.",
+            typeName(value)
+          );
+
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
+    }
+
+    var REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference");
+    function isValidElementType(type) {
+      if (typeof type === "string" || typeof type === "function") {
+        return true;
+      } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+
+      if (
+        type === REACT_FRAGMENT_TYPE ||
+        type === REACT_PROFILER_TYPE ||
+        enableDebugTracing ||
+        type === REACT_STRICT_MODE_TYPE ||
+        type === REACT_SUSPENSE_TYPE ||
+        type === REACT_SUSPENSE_LIST_TYPE ||
+        enableLegacyHidden ||
+        type === REACT_OFFSCREEN_TYPE ||
+        enableScopeAPI ||
+        type === REACT_CACHE_TYPE ||
+        enableTransitionTracing
+      ) {
+        return true;
+      }
+
+      if (typeof type === "object" && type !== null) {
+        if (
+          type.$$typeof === REACT_LAZY_TYPE ||
+          type.$$typeof === REACT_MEMO_TYPE ||
+          type.$$typeof === REACT_CONTEXT_TYPE ||
+          type.$$typeof === REACT_PROVIDER_TYPE ||
+          enableRenderableContext ||
+          type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+          // types supported by any Flight configuration anywhere since
+          // we don't know which Flight build this will end up being used
+          // with.
+          type.$$typeof === REACT_CLIENT_REFERENCE$1 ||
+          type.getModuleId !== undefined
+        ) {
+          return true;
+        }
+      }
+
+      return false;
+    }
+
+    var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+    function isArray(a) {
+      return isArrayImpl(a);
+    }
+
     function describeBuiltInComponentFrame(name, ownerFn) {
       {
         var ownerName = null;
@@ -360,9 +443,6 @@ if (__DEV__) {
       return "";
     }
 
-    // $FlowFixMe[method-unbinding]
-    var hasOwnProperty = Object.prototype.hasOwnProperty;
-
     var loggedTypeFailures = {};
     var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
 
@@ -468,87 +548,9 @@ if (__DEV__) {
       }
     }
 
-    var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-    function isArray(a) {
-      return isArrayImpl(a);
-    }
-
-    /*
-     * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
-     * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
-     *
-     * The functions in this module will throw an easier-to-understand,
-     * easier-to-debug exception with a clear errors message message explaining the
-     * problem. (Instead of a confusing exception thrown inside the implementation
-     * of the `value` object).
-     */
-    // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
-    function typeName(value) {
-      {
-        // toStringTag is needed for namespaced types like Temporal.Instant
-        var hasToStringTag = typeof Symbol === "function" && Symbol.toStringTag;
-        var type =
-          (hasToStringTag && value[Symbol.toStringTag]) ||
-          value.constructor.name ||
-          "Object"; // $FlowFixMe[incompatible-return]
-
-        return type;
-      }
-    } // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
-
-    function willCoercionThrow(value) {
-      {
-        try {
-          testStringCoercion(value);
-          return false;
-        } catch (e) {
-          return true;
-        }
-      }
-    }
-
-    function testStringCoercion(value) {
-      // If you ended up here by following an exception call stack, here's what's
-      // happened: you supplied an object or symbol value to React (as a prop, key,
-      // DOM attribute, CSS property, string ref, etc.) and when React tried to
-      // coerce it to a string using `'' + value`, an exception was thrown.
-      //
-      // The most common types that will cause this exception are `Symbol` instances
-      // and Temporal objects like `Temporal.Instant`. But any object that has a
-      // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
-      // exception. (Library authors do this to prevent users from using built-in
-      // numeric operators like `+` or comparison operators like `>=` because custom
-      // methods are needed to perform accurate arithmetic or comparison.)
-      //
-      // To fix the problem, coerce this object or symbol value to a string before
-      // passing it to React. The most reliable way is usually `String(value)`.
-      //
-      // To find which value is throwing, check the browser or debugger console.
-      // Before this exception was thrown, there should be `console.error` output
-      // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
-      // problem and how that type was used: key, atrribute, input value prop, etc.
-      // In most cases, this console output also shows the component and its
-      // ancestor components where the exception happened.
-      //
-      // eslint-disable-next-line react-internal/safe-string-coercion
-      return "" + value;
-    }
-    function checkKeyStringCoercion(value) {
-      {
-        if (willCoercionThrow(value)) {
-          error(
-            "The provided key is an unsupported type %s." +
-              " This value must be coerced to a string before using it here.",
-            typeName(value)
-          );
-
-          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
-        }
-      }
-    }
-
-    var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+    var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
     var specialPropKeyWarningShown;
     var specialPropRefWarningShown;
     var didWarnAboutStringRefs;
@@ -589,12 +591,12 @@ if (__DEV__) {
       {
         if (
           typeof config.ref === "string" &&
-          ReactCurrentOwner$1.current &&
+          ReactCurrentOwner.current &&
           self &&
-          ReactCurrentOwner$1.current.stateNode !== self
+          ReactCurrentOwner.current.stateNode !== self
         ) {
           var componentName = getComponentNameFromType(
-            ReactCurrentOwner$1.current.type
+            ReactCurrentOwner.current.type
           );
 
           if (!didWarnAboutStringRefs[componentName]) {
@@ -605,7 +607,7 @@ if (__DEV__) {
                 "We ask you to manually fix this case by using useRef() or createRef() instead. " +
                 "Learn more about using refs safely here: " +
                 "https://reactjs.org/link/strict-mode-string-ref",
-              getComponentNameFromType(ReactCurrentOwner$1.current.type),
+              getComponentNameFromType(ReactCurrentOwner.current.type),
               config.ref
             );
 
@@ -728,15 +730,166 @@ if (__DEV__) {
 
       return element;
     }
-    /**
-     * https://github.com/reactjs/rfcs/pull/107
-     * @param {*} type
-     * @param {object} props
-     * @param {string} key
+    // support `jsx` and `jsxs` when running in development. This supports the case
+    // where a third-party dependency ships code that was compiled for production;
+    // we want to still provide warnings in development.
+    //
+    // So these functions are the _dev_ implementations of the _production_
+    // API signatures.
+    //
+    // Since these functions are dev-only, it's ok to add an indirection here. They
+    // only exist to provide different versions of `isStaticChildren`. (We shouldn't
+    // use this pattern for the prod versions, though, because it will add an call
+    // frame.)
+
+    function jsxProdSignatureRunningInDevWithDynamicChildren(
+      type,
+      config,
+      maybeKey,
+      source,
+      self
+    ) {
+      {
+        var isStaticChildren = false;
+        return jsxDEV(type, config, maybeKey, isStaticChildren, source, self);
+      }
+    }
+    function jsxProdSignatureRunningInDevWithStaticChildren(
+      type,
+      config,
+      maybeKey,
+      source,
+      self
+    ) {
+      {
+        var isStaticChildren = true;
+        return jsxDEV(type, config, maybeKey, isStaticChildren, source, self);
+      }
+    }
+    var didWarnAboutKeySpread = {};
+    /**
+     * https://github.com/reactjs/rfcs/pull/107
+     * @param {*} type
+     * @param {object} props
+     * @param {string} key
      */
 
-    function jsxDEV(type, config, maybeKey, source, self) {
+    function jsxDEV(type, config, maybeKey, isStaticChildren, source, self) {
       {
+        if (!isValidElementType(type)) {
+          // This is an invalid element type.
+          //
+          // We warn in this case but don't throw. We expect the element creation to
+          // succeed and there will likely be errors in render.
+          var info = "";
+
+          if (
+            type === undefined ||
+            (typeof type === "object" &&
+              type !== null &&
+              Object.keys(type).length === 0)
+          ) {
+            info +=
+              " You likely forgot to export your component from the file " +
+              "it's defined in, or you might have mixed up default and named imports.";
+          }
+
+          var sourceInfo = getSourceInfoErrorAddendum(source);
+
+          if (sourceInfo) {
+            info += sourceInfo;
+          } else {
+            info += getDeclarationErrorAddendum();
+          }
+
+          var typeString;
+
+          if (type === null) {
+            typeString = "null";
+          } else if (isArray(type)) {
+            typeString = "array";
+          } else if (
+            type !== undefined &&
+            type.$$typeof === REACT_ELEMENT_TYPE
+          ) {
+            typeString =
+              "<" + (getComponentNameFromType(type.type) || "Unknown") + " />";
+            info =
+              " Did you accidentally export a JSX literal instead of a component?";
+          } else {
+            typeString = typeof type;
+          }
+
+          error(
+            "React.jsx: type is invalid -- expected a string (for " +
+              "built-in components) or a class/function (for composite " +
+              "components) but got: %s.%s",
+            typeString,
+            info
+          );
+        } else {
+          // This is a valid element type.
+          // Skip key warning if the type isn't valid since our key validation logic
+          // doesn't expect a non-string/function type and can throw confusing
+          // errors. We don't want exception behavior to differ between dev and
+          // prod. (Rendering will throw with a helpful message and as soon as the
+          // type is fixed, the key warnings will appear.)
+          var children = config.children;
+
+          if (children !== undefined) {
+            if (isStaticChildren) {
+              if (isArray(children)) {
+                for (var i = 0; i < children.length; i++) {
+                  validateChildKeys(children[i], type);
+                }
+
+                if (Object.freeze) {
+                  Object.freeze(children);
+                }
+              } else {
+                error(
+                  "React.jsx: Static children should always be an array. " +
+                    "You are likely explicitly calling React.jsxs or React.jsxDEV. " +
+                    "Use the Babel transform instead."
+                );
+              }
+            } else {
+              validateChildKeys(children, type);
+            }
+          }
+        } // Warn about key spread regardless of whether the type is valid.
+
+        if (hasOwnProperty.call(config, "key")) {
+          var componentName = getComponentNameFromType(type);
+          var keys = Object.keys(config).filter(function (k) {
+            return k !== "key";
+          });
+          var beforeExample =
+            keys.length > 0
+              ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
+              : "{key: someKey}";
+
+          if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+            var afterExample =
+              keys.length > 0 ? "{" + keys.join(": ..., ") + ": ...}" : "{}";
+
+            error(
+              'A props object containing a "key" prop is being spread into JSX:\n' +
+                "  let props = %s;\n" +
+                "  <%s {...props} />\n" +
+                "React keys must be passed directly to JSX without using spread:\n" +
+                "  let props = %s;\n" +
+                "  <%s key={someKey} {...props} />",
+              beforeExample,
+              componentName,
+              afterExample,
+              componentName
+            );
+
+            didWarnAboutKeySpread[componentName + beforeExample] = true;
+          }
+        }
+
         var propName; // Reserved names are extracted
 
         var props = {};
@@ -804,57 +957,23 @@ if (__DEV__) {
           }
         }
 
-        return ReactElement(
+        var element = ReactElement(
           type,
           key,
           ref,
           self,
           source,
-          ReactCurrentOwner$1.current,
+          ReactCurrentOwner.current,
           props
         );
-      }
-    }
-
-    var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
 
-    function setCurrentlyValidatingElement(element) {
-      {
-        if (element) {
-          var owner = element._owner;
-          var stack = describeUnknownElementTypeFrameInDEV(
-            element.type,
-            owner ? owner.type : null
-          );
-          ReactDebugCurrentFrame.setExtraStackFrame(stack);
+        if (type === REACT_FRAGMENT_TYPE) {
+          validateFragmentProps(element);
         } else {
-          ReactDebugCurrentFrame.setExtraStackFrame(null);
+          validatePropTypes(element);
         }
-      }
-    }
-
-    var propTypesMisspellWarningShown;
-
-    {
-      propTypesMisspellWarningShown = false;
-    }
-    /**
-     * Verifies the object is a ReactElement.
-     * See https://reactjs.org/docs/react-api.html#isvalidelement
-     * @param {?object} object
-     * @return {boolean} True if `object` is a ReactElement.
-     * @final
-     */
 
-    function isValidElement(object) {
-      {
-        return (
-          typeof object === "object" &&
-          object !== null &&
-          object.$$typeof === REACT_ELEMENT_TYPE
-        );
+        return element;
       }
     }
 
@@ -884,29 +1003,73 @@ if (__DEV__) {
       }
     }
     /**
-     * Warn if there's no key explicitly set on dynamic arrays of children or
-     * object keys are not valid. This allows us to keep track of children between
-     * updates.
+     * Ensure that every element either is passed in a static location, in an
+     * array with an explicit keys property defined, or in an object literal
+     * with valid key property.
+     *
+     * @internal
+     * @param {ReactNode} node Statically passed child of any type.
+     * @param {*} parentType node's parent's type.
      */
 
-    var ownerHasKeyUseWarning = {};
-
-    function getCurrentComponentErrorInfo(parentType) {
+    function validateChildKeys(node, parentType) {
       {
-        var info = getDeclarationErrorAddendum();
+        if (typeof node !== "object" || !node) {
+          return;
+        }
 
-        if (!info) {
-          var parentName = getComponentNameFromType(parentType);
+        if (node.$$typeof === REACT_CLIENT_REFERENCE);
+        else if (isArray(node)) {
+          for (var i = 0; i < node.length; i++) {
+            var child = node[i];
 
-          if (parentName) {
-            info =
-              "\n\nCheck the top-level render call using <" + parentName + ">.";
+            if (isValidElement(child)) {
+              validateExplicitKey(child, parentType);
+            }
+          }
+        } else if (isValidElement(node)) {
+          // This element was passed in a valid location.
+          if (node._store) {
+            node._store.validated = true;
+          }
+        } else {
+          var iteratorFn = getIteratorFn(node);
+
+          if (typeof iteratorFn === "function") {
+            // Entry iterators used to provide implicit keys,
+            // but now we print a separate warning for them later.
+            if (iteratorFn !== node.entries) {
+              var iterator = iteratorFn.call(node);
+              var step;
+
+              while (!(step = iterator.next()).done) {
+                if (isValidElement(step.value)) {
+                  validateExplicitKey(step.value, parentType);
+                }
+              }
+            }
           }
         }
+      }
+    }
+    /**
+     * Verifies the object is a ReactElement.
+     * See https://reactjs.org/docs/react-api.html#isvalidelement
+     * @param {?object} object
+     * @return {boolean} True if `object` is a ReactElement.
+     * @final
+     */
 
-        return info;
+    function isValidElement(object) {
+      {
+        return (
+          typeof object === "object" &&
+          object !== null &&
+          object.$$typeof === REACT_ELEMENT_TYPE
+        );
       }
     }
+    var ownerHasKeyUseWarning = {};
     /**
      * Warn if the element doesn't have an explicit key assigned to it.
      * This element is in an array. The array could grow and shrink or be
@@ -967,56 +1130,75 @@ if (__DEV__) {
         setCurrentlyValidatingElement(null);
       }
     }
-    /**
-     * Ensure that every element either is passed in a static location, in an
-     * array with an explicit keys property defined, or in an object literal
-     * with valid key property.
-     *
-     * @internal
-     * @param {ReactNode} node Statically passed child of any type.
-     * @param {*} parentType node's parent's type.
-     */
 
-    function validateChildKeys(node, parentType) {
+    function setCurrentlyValidatingElement(element) {
       {
-        if (typeof node !== "object" || !node) {
-          return;
+        if (element) {
+          var owner = element._owner;
+          var stack = describeUnknownElementTypeFrameInDEV(
+            element.type,
+            owner ? owner.type : null
+          );
+          ReactDebugCurrentFrame.setExtraStackFrame(stack);
+        } else {
+          ReactDebugCurrentFrame.setExtraStackFrame(null);
         }
+      }
+    }
 
-        if (node.$$typeof === REACT_CLIENT_REFERENCE);
-        else if (isArray(node)) {
-          for (var i = 0; i < node.length; i++) {
-            var child = node[i];
+    function getCurrentComponentErrorInfo(parentType) {
+      {
+        var info = getDeclarationErrorAddendum();
 
-            if (isValidElement(child)) {
-              validateExplicitKey(child, parentType);
-            }
-          }
-        } else if (isValidElement(node)) {
-          // This element was passed in a valid location.
-          if (node._store) {
-            node._store.validated = true;
+        if (!info) {
+          var parentName = getComponentNameFromType(parentType);
+
+          if (parentName) {
+            info =
+              "\n\nCheck the top-level render call using <" + parentName + ">.";
           }
-        } else {
-          var iteratorFn = getIteratorFn(node);
+        }
 
-          if (typeof iteratorFn === "function") {
-            // Entry iterators used to provide implicit keys,
-            // but now we print a separate warning for them later.
-            if (iteratorFn !== node.entries) {
-              var iterator = iteratorFn.call(node);
-              var step;
+        return info;
+      }
+    }
+    /**
+     * Given a fragment, validate that it can only be provided with fragment props
+     * @param {ReactElement} fragment
+     */
 
-              while (!(step = iterator.next()).done) {
-                if (isValidElement(step.value)) {
-                  validateExplicitKey(step.value, parentType);
-                }
-              }
-            }
+    function validateFragmentProps(fragment) {
+      {
+        var keys = Object.keys(fragment.props);
+
+        for (var i = 0; i < keys.length; i++) {
+          var key = keys[i];
+
+          if (key !== "children" && key !== "key") {
+            setCurrentlyValidatingElement(fragment);
+
+            error(
+              "Invalid prop `%s` supplied to `React.Fragment`. " +
+                "React.Fragment can only have `key` and `children` props.",
+              key
+            );
+
+            setCurrentlyValidatingElement(null);
+            break;
           }
         }
+
+        if (fragment.ref !== null) {
+          setCurrentlyValidatingElement(fragment);
+
+          error("Invalid attribute `ref` supplied to `React.Fragment`.");
+
+          setCurrentlyValidatingElement(null);
+        }
       }
     }
+
+    var propTypesMisspellWarningShown = false;
     /**
      * Given an element, validate that its props follow the propTypes definition,
      * provided by the type.
@@ -1080,200 +1262,11 @@ if (__DEV__) {
         }
       }
     }
-    /**
-     * Given a fragment, validate that it can only be provided with fragment props
-     * @param {ReactElement} fragment
-     */
-
-    function validateFragmentProps(fragment) {
-      {
-        var keys = Object.keys(fragment.props);
-
-        for (var i = 0; i < keys.length; i++) {
-          var key = keys[i];
-
-          if (key !== "children" && key !== "key") {
-            setCurrentlyValidatingElement(fragment);
-
-            error(
-              "Invalid prop `%s` supplied to `React.Fragment`. " +
-                "React.Fragment can only have `key` and `children` props.",
-              key
-            );
-
-            setCurrentlyValidatingElement(null);
-            break;
-          }
-        }
-
-        if (fragment.ref !== null) {
-          setCurrentlyValidatingElement(fragment);
-
-          error("Invalid attribute `ref` supplied to `React.Fragment`.");
-
-          setCurrentlyValidatingElement(null);
-        }
-      }
-    }
-
-    var didWarnAboutKeySpread = {};
-    function jsxWithValidation(
-      type,
-      props,
-      key,
-      isStaticChildren,
-      source,
-      self
-    ) {
-      {
-        var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
-        // succeed and there will likely be errors in render.
-
-        if (!validType) {
-          var info = "";
-
-          if (
-            type === undefined ||
-            (typeof type === "object" &&
-              type !== null &&
-              Object.keys(type).length === 0)
-          ) {
-            info +=
-              " You likely forgot to export your component from the file " +
-              "it's defined in, or you might have mixed up default and named imports.";
-          }
-
-          var sourceInfo = getSourceInfoErrorAddendum(source);
-
-          if (sourceInfo) {
-            info += sourceInfo;
-          } else {
-            info += getDeclarationErrorAddendum();
-          }
-
-          var typeString;
-
-          if (type === null) {
-            typeString = "null";
-          } else if (isArray(type)) {
-            typeString = "array";
-          } else if (
-            type !== undefined &&
-            type.$$typeof === REACT_ELEMENT_TYPE
-          ) {
-            typeString =
-              "<" + (getComponentNameFromType(type.type) || "Unknown") + " />";
-            info =
-              " Did you accidentally export a JSX literal instead of a component?";
-          } else {
-            typeString = typeof type;
-          }
-
-          error(
-            "React.jsx: type is invalid -- expected a string (for " +
-              "built-in components) or a class/function (for composite " +
-              "components) but got: %s.%s",
-            typeString,
-            info
-          );
-        }
-
-        var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
-        // TODO: Drop this when these are no longer allowed as the type argument.
-
-        if (element == null) {
-          return element;
-        } // Skip key warning if the type isn't valid since our key validation logic
-        // doesn't expect a non-string/function type and can throw confusing errors.
-        // We don't want exception behavior to differ between dev and prod.
-        // (Rendering will throw with a helpful message and as soon as the type is
-        // fixed, the key warnings will appear.)
-
-        if (validType) {
-          var children = props.children;
-
-          if (children !== undefined) {
-            if (isStaticChildren) {
-              if (isArray(children)) {
-                for (var i = 0; i < children.length; i++) {
-                  validateChildKeys(children[i], type);
-                }
-
-                if (Object.freeze) {
-                  Object.freeze(children);
-                }
-              } else {
-                error(
-                  "React.jsx: Static children should always be an array. " +
-                    "You are likely explicitly calling React.jsxs or React.jsxDEV. " +
-                    "Use the Babel transform instead."
-                );
-              }
-            } else {
-              validateChildKeys(children, type);
-            }
-          }
-        }
-
-        if (hasOwnProperty.call(props, "key")) {
-          var componentName = getComponentNameFromType(type);
-          var keys = Object.keys(props).filter(function (k) {
-            return k !== "key";
-          });
-          var beforeExample =
-            keys.length > 0
-              ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
-              : "{key: someKey}";
-
-          if (!didWarnAboutKeySpread[componentName + beforeExample]) {
-            var afterExample =
-              keys.length > 0 ? "{" + keys.join(": ..., ") + ": ...}" : "{}";
-
-            error(
-              'A props object containing a "key" prop is being spread into JSX:\n' +
-                "  let props = %s;\n" +
-                "  <%s {...props} />\n" +
-                "React keys must be passed directly to JSX without using spread:\n" +
-                "  let props = %s;\n" +
-                "  <%s key={someKey} {...props} />",
-              beforeExample,
-              componentName,
-              afterExample,
-              componentName
-            );
-
-            didWarnAboutKeySpread[componentName + beforeExample] = true;
-          }
-        }
-
-        if (type === REACT_FRAGMENT_TYPE) {
-          validateFragmentProps(element);
-        } else {
-          validatePropTypes(element);
-        }
-
-        return element;
-      }
-    } // These two functions exist to still get child warnings in dev
-    // even with the prod transform. This means that jsxDEV is purely
-    // opt-in behavior for better messages but that we won't stop
-    // giving you warnings if you use production apis.
-
-    function jsxWithValidationStatic(type, props, key) {
-      {
-        return jsxWithValidation(type, props, key, true);
-      }
-    }
-    function jsxWithValidationDynamic(type, props, key) {
-      {
-        return jsxWithValidation(type, props, key, false);
-      }
-    }
 
-    var jsx = jsxWithValidationDynamic; // we may want to special case jsxs internally to take advantage of static children.
+    var jsx = jsxProdSignatureRunningInDevWithDynamicChildren; // we may want to special case jsxs internally to take advantage of static children.
     // for now we can ship identical prod functions
 
-    var jsxs = jsxWithValidationStatic;
+    var jsxs = jsxProdSignatureRunningInDevWithStaticChildren;
 
     exports.Fragment = REACT_FRAGMENT_TYPE;
     exports.jsx = jsx;
diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXRuntime-prod.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXRuntime-prod.js
index df25b67452810..3f83a38dbc4c3 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXRuntime-prod.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXRuntime-prod.js
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<9119a43311c6e3bbc52baa1c4dfff7c0>>
+ * @generated SignedSource<<aae4d2e3e2cad8ded1a63513bfed3d4a>>
  */
 
 "use strict";
@@ -17,7 +17,7 @@ var React = require("react"),
   hasOwnProperty = Object.prototype.hasOwnProperty,
   ReactCurrentOwner =
     React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
-function jsx$1(type, config, maybeKey) {
+function jsxProd(type, config, maybeKey) {
   var propName,
     props = {},
     key = null,
@@ -43,5 +43,5 @@ function jsx$1(type, config, maybeKey) {
   };
 }
 exports.Fragment = REACT_FRAGMENT_TYPE;
-exports.jsx = jsx$1;
-exports.jsxs = jsx$1;
+exports.jsx = jsxProd;
+exports.jsxs = jsxProd;
diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXRuntime-profiling.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXRuntime-profiling.js
index df25b67452810..3f83a38dbc4c3 100644
--- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXRuntime-profiling.js
+++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/cjs/JSXRuntime-profiling.js
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<9119a43311c6e3bbc52baa1c4dfff7c0>>
+ * @generated SignedSource<<aae4d2e3e2cad8ded1a63513bfed3d4a>>
  */
 
 "use strict";
@@ -17,7 +17,7 @@ var React = require("react"),
   hasOwnProperty = Object.prototype.hasOwnProperty,
   ReactCurrentOwner =
     React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
-function jsx$1(type, config, maybeKey) {
+function jsxProd(type, config, maybeKey) {
   var propName,
     props = {},
     key = null,
@@ -43,5 +43,5 @@ function jsx$1(type, config, maybeKey) {
   };
 }
 exports.Fragment = REACT_FRAGMENT_TYPE;
-exports.jsx = jsx$1;
-exports.jsxs = jsx$1;
+exports.jsx = jsxProd;
+exports.jsxs = jsxProd;
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 8448c806d45a9..f579f6fb91c40 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
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<280bd11efcac132c9cef51a618bf34ce>>
+ * @generated SignedSource<<e4bd783435b61cff599323d58cbf8cb5>>
  */
 
 "use strict";
@@ -24,7 +24,7 @@ if (__DEV__) {
     ) {
       __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
     }
-    var ReactVersion = "18.3.0-canary-c82009771-20240219";
+    var ReactVersion = "18.3.0-canary-ec160f32c-20240219";
 
     // ATTENTION
     // When adding new symbols to this file,
@@ -107,7 +107,7 @@ if (__DEV__) {
      * The current owner is the component who should own any components that are
      * currently being constructed.
      */
-    var ReactCurrentOwner$2 = {
+    var ReactCurrentOwner$1 = {
       /**
        * @internal
        * @type {ReactComponent}
@@ -153,7 +153,7 @@ if (__DEV__) {
       ReactCurrentDispatcher: ReactCurrentDispatcher,
       ReactCurrentCache: ReactCurrentCache,
       ReactCurrentBatchConfig: ReactCurrentBatchConfig,
-      ReactCurrentOwner: ReactCurrentOwner$2
+      ReactCurrentOwner: ReactCurrentOwner$1
     };
 
     {
@@ -779,12 +779,12 @@ if (__DEV__) {
       {
         if (
           typeof config.ref === "string" &&
-          ReactCurrentOwner$2.current &&
+          ReactCurrentOwner$1.current &&
           config.__self &&
-          ReactCurrentOwner$2.current.stateNode !== config.__self
+          ReactCurrentOwner$1.current.stateNode !== config.__self
         ) {
           var componentName = getComponentNameFromType(
-            ReactCurrentOwner$2.current.type
+            ReactCurrentOwner$1.current.type
           );
 
           if (!didWarnAboutStringRefs$1[componentName]) {
@@ -965,7 +965,7 @@ if (__DEV__) {
         }
       }
 
-      return ReactElement$1(type, key, ref, ReactCurrentOwner$2.current, props);
+      return ReactElement$1(type, key, ref, ReactCurrentOwner$1.current, props);
     }
     function cloneAndReplaceKey(oldElement, newKey) {
       var newElement = ReactElement$1(
@@ -1004,7 +1004,7 @@ if (__DEV__) {
         if (hasValidRef$1(config)) {
           // Silently steal the ref from the parent.
           ref = config.ref;
-          owner = ReactCurrentOwner$2.current;
+          owner = ReactCurrentOwner$1.current;
         }
 
         if (hasValidKey$1(config)) {
@@ -1343,8 +1343,8 @@ if (__DEV__) {
     }
 
     function getDeclarationErrorAddendum$1() {
-      if (ReactCurrentOwner$2.current) {
-        var name = getComponentNameFromType(ReactCurrentOwner$2.current.type);
+      if (ReactCurrentOwner$1.current) {
+        var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);
 
         if (name) {
           return "\n\nCheck the render method of `" + name + "`.";
@@ -1427,7 +1427,7 @@ if (__DEV__) {
       if (
         element &&
         element._owner &&
-        element._owner !== ReactCurrentOwner$2.current
+        element._owner !== ReactCurrentOwner$1.current
       ) {
         // Give the component that originally created this child.
         childOwner =
@@ -3058,7 +3058,9 @@ if (__DEV__) {
       only: onlyChild
     };
 
-    var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+    var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
     var specialPropKeyWarningShown;
     var specialPropRefWarningShown;
     var didWarnAboutStringRefs;
@@ -3099,12 +3101,12 @@ if (__DEV__) {
       {
         if (
           typeof config.ref === "string" &&
-          ReactCurrentOwner$1.current &&
+          ReactCurrentOwner.current &&
           self &&
-          ReactCurrentOwner$1.current.stateNode !== self
+          ReactCurrentOwner.current.stateNode !== self
         ) {
           var componentName = getComponentNameFromType(
-            ReactCurrentOwner$1.current.type
+            ReactCurrentOwner.current.type
           );
 
           if (!didWarnAboutStringRefs[componentName]) {
@@ -3115,7 +3117,7 @@ if (__DEV__) {
                 "We ask you to manually fix this case by using useRef() or createRef() instead. " +
                 "Learn more about using refs safely here: " +
                 "https://reactjs.org/link/strict-mode-string-ref",
-              getComponentNameFromType(ReactCurrentOwner$1.current.type),
+              getComponentNameFromType(ReactCurrentOwner.current.type),
               config.ref
             );
 
@@ -3238,6 +3240,43 @@ if (__DEV__) {
 
       return element;
     }
+    // support `jsx` and `jsxs` when running in development. This supports the case
+    // where a third-party dependency ships code that was compiled for production;
+    // we want to still provide warnings in development.
+    //
+    // So these functions are the _dev_ implementations of the _production_
+    // API signatures.
+    //
+    // Since these functions are dev-only, it's ok to add an indirection here. They
+    // only exist to provide different versions of `isStaticChildren`. (We shouldn't
+    // use this pattern for the prod versions, though, because it will add an call
+    // frame.)
+
+    function jsxProdSignatureRunningInDevWithDynamicChildren(
+      type,
+      config,
+      maybeKey,
+      source,
+      self
+    ) {
+      {
+        var isStaticChildren = false;
+        return jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self);
+      }
+    }
+    function jsxProdSignatureRunningInDevWithStaticChildren(
+      type,
+      config,
+      maybeKey,
+      source,
+      self
+    ) {
+      {
+        var isStaticChildren = true;
+        return jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self);
+      }
+    }
+    var didWarnAboutKeySpread = {};
     /**
      * https://github.com/reactjs/rfcs/pull/107
      * @param {*} type
@@ -3245,8 +3284,122 @@ if (__DEV__) {
      * @param {string} key
      */
 
-    function jsxDEV$1(type, config, maybeKey, source, self) {
+    function jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self) {
       {
+        if (!isValidElementType(type)) {
+          // This is an invalid element type.
+          //
+          // We warn in this case but don't throw. We expect the element creation to
+          // succeed and there will likely be errors in render.
+          var info = "";
+
+          if (
+            type === undefined ||
+            (typeof type === "object" &&
+              type !== null &&
+              Object.keys(type).length === 0)
+          ) {
+            info +=
+              " You likely forgot to export your component from the file " +
+              "it's defined in, or you might have mixed up default and named imports.";
+          }
+
+          var sourceInfo = getSourceInfoErrorAddendum(source);
+
+          if (sourceInfo) {
+            info += sourceInfo;
+          } else {
+            info += getDeclarationErrorAddendum();
+          }
+
+          var typeString;
+
+          if (type === null) {
+            typeString = "null";
+          } else if (isArray(type)) {
+            typeString = "array";
+          } else if (
+            type !== undefined &&
+            type.$$typeof === REACT_ELEMENT_TYPE
+          ) {
+            typeString =
+              "<" + (getComponentNameFromType(type.type) || "Unknown") + " />";
+            info =
+              " Did you accidentally export a JSX literal instead of a component?";
+          } else {
+            typeString = typeof type;
+          }
+
+          error(
+            "React.jsx: type is invalid -- expected a string (for " +
+              "built-in components) or a class/function (for composite " +
+              "components) but got: %s.%s",
+            typeString,
+            info
+          );
+        } else {
+          // This is a valid element type.
+          // Skip key warning if the type isn't valid since our key validation logic
+          // doesn't expect a non-string/function type and can throw confusing
+          // errors. We don't want exception behavior to differ between dev and
+          // prod. (Rendering will throw with a helpful message and as soon as the
+          // type is fixed, the key warnings will appear.)
+          var children = config.children;
+
+          if (children !== undefined) {
+            if (isStaticChildren) {
+              if (isArray(children)) {
+                for (var i = 0; i < children.length; i++) {
+                  validateChildKeys(children[i], type);
+                }
+
+                if (Object.freeze) {
+                  Object.freeze(children);
+                }
+              } else {
+                error(
+                  "React.jsx: Static children should always be an array. " +
+                    "You are likely explicitly calling React.jsxs or React.jsxDEV. " +
+                    "Use the Babel transform instead."
+                );
+              }
+            } else {
+              validateChildKeys(children, type);
+            }
+          }
+        } // Warn about key spread regardless of whether the type is valid.
+
+        if (hasOwnProperty.call(config, "key")) {
+          var componentName = getComponentNameFromType(type);
+          var keys = Object.keys(config).filter(function (k) {
+            return k !== "key";
+          });
+          var beforeExample =
+            keys.length > 0
+              ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
+              : "{key: someKey}";
+
+          if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+            var afterExample =
+              keys.length > 0 ? "{" + keys.join(": ..., ") + ": ...}" : "{}";
+
+            error(
+              'A props object containing a "key" prop is being spread into JSX:\n' +
+                "  let props = %s;\n" +
+                "  <%s {...props} />\n" +
+                "React keys must be passed directly to JSX without using spread:\n" +
+                "  let props = %s;\n" +
+                "  <%s key={someKey} {...props} />",
+              beforeExample,
+              componentName,
+              afterExample,
+              componentName
+            );
+
+            didWarnAboutKeySpread[componentName + beforeExample] = true;
+          }
+        }
+
         var propName; // Reserved names are extracted
 
         var props = {};
@@ -3314,57 +3467,23 @@ if (__DEV__) {
           }
         }
 
-        return ReactElement(
+        var element = ReactElement(
           type,
           key,
           ref,
           self,
           source,
-          ReactCurrentOwner$1.current,
+          ReactCurrentOwner.current,
           props
         );
-      }
-    }
-
-    var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
 
-    function setCurrentlyValidatingElement(element) {
-      {
-        if (element) {
-          var owner = element._owner;
-          var stack = describeUnknownElementTypeFrameInDEV(
-            element.type,
-            owner ? owner.type : null
-          );
-          ReactDebugCurrentFrame.setExtraStackFrame(stack);
+        if (type === REACT_FRAGMENT_TYPE) {
+          validateFragmentProps(element);
         } else {
-          ReactDebugCurrentFrame.setExtraStackFrame(null);
+          validatePropTypes(element);
         }
-      }
-    }
-
-    var propTypesMisspellWarningShown;
-
-    {
-      propTypesMisspellWarningShown = false;
-    }
-    /**
-     * Verifies the object is a ReactElement.
-     * See https://reactjs.org/docs/react-api.html#isvalidelement
-     * @param {?object} object
-     * @return {boolean} True if `object` is a ReactElement.
-     * @final
-     */
 
-    function isValidElement(object) {
-      {
-        return (
-          typeof object === "object" &&
-          object !== null &&
-          object.$$typeof === REACT_ELEMENT_TYPE
-        );
+        return element;
       }
     }
 
@@ -3394,29 +3513,73 @@ if (__DEV__) {
       }
     }
     /**
-     * Warn if there's no key explicitly set on dynamic arrays of children or
-     * object keys are not valid. This allows us to keep track of children between
-     * updates.
+     * Ensure that every element either is passed in a static location, in an
+     * array with an explicit keys property defined, or in an object literal
+     * with valid key property.
+     *
+     * @internal
+     * @param {ReactNode} node Statically passed child of any type.
+     * @param {*} parentType node's parent's type.
      */
 
-    var ownerHasKeyUseWarning = {};
-
-    function getCurrentComponentErrorInfo(parentType) {
+    function validateChildKeys(node, parentType) {
       {
-        var info = getDeclarationErrorAddendum();
+        if (typeof node !== "object" || !node) {
+          return;
+        }
 
-        if (!info) {
-          var parentName = getComponentNameFromType(parentType);
+        if (node.$$typeof === REACT_CLIENT_REFERENCE);
+        else if (isArray(node)) {
+          for (var i = 0; i < node.length; i++) {
+            var child = node[i];
 
-          if (parentName) {
-            info =
-              "\n\nCheck the top-level render call using <" + parentName + ">.";
+            if (isValidElement(child)) {
+              validateExplicitKey(child, parentType);
+            }
+          }
+        } else if (isValidElement(node)) {
+          // This element was passed in a valid location.
+          if (node._store) {
+            node._store.validated = true;
+          }
+        } else {
+          var iteratorFn = getIteratorFn(node);
+
+          if (typeof iteratorFn === "function") {
+            // Entry iterators used to provide implicit keys,
+            // but now we print a separate warning for them later.
+            if (iteratorFn !== node.entries) {
+              var iterator = iteratorFn.call(node);
+              var step;
+
+              while (!(step = iterator.next()).done) {
+                if (isValidElement(step.value)) {
+                  validateExplicitKey(step.value, parentType);
+                }
+              }
+            }
           }
         }
+      }
+    }
+    /**
+     * Verifies the object is a ReactElement.
+     * See https://reactjs.org/docs/react-api.html#isvalidelement
+     * @param {?object} object
+     * @return {boolean} True if `object` is a ReactElement.
+     * @final
+     */
 
-        return info;
+    function isValidElement(object) {
+      {
+        return (
+          typeof object === "object" &&
+          object !== null &&
+          object.$$typeof === REACT_ELEMENT_TYPE
+        );
       }
     }
+    var ownerHasKeyUseWarning = {};
     /**
      * Warn if the element doesn't have an explicit key assigned to it.
      * This element is in an array. The array could grow and shrink or be
@@ -3477,56 +3640,75 @@ if (__DEV__) {
         setCurrentlyValidatingElement(null);
       }
     }
-    /**
-     * Ensure that every element either is passed in a static location, in an
-     * array with an explicit keys property defined, or in an object literal
-     * with valid key property.
-     *
-     * @internal
-     * @param {ReactNode} node Statically passed child of any type.
-     * @param {*} parentType node's parent's type.
-     */
 
-    function validateChildKeys(node, parentType) {
+    function setCurrentlyValidatingElement(element) {
       {
-        if (typeof node !== "object" || !node) {
-          return;
+        if (element) {
+          var owner = element._owner;
+          var stack = describeUnknownElementTypeFrameInDEV(
+            element.type,
+            owner ? owner.type : null
+          );
+          ReactDebugCurrentFrame.setExtraStackFrame(stack);
+        } else {
+          ReactDebugCurrentFrame.setExtraStackFrame(null);
         }
+      }
+    }
 
-        if (node.$$typeof === REACT_CLIENT_REFERENCE);
-        else if (isArray(node)) {
-          for (var i = 0; i < node.length; i++) {
-            var child = node[i];
+    function getCurrentComponentErrorInfo(parentType) {
+      {
+        var info = getDeclarationErrorAddendum();
 
-            if (isValidElement(child)) {
-              validateExplicitKey(child, parentType);
-            }
-          }
-        } else if (isValidElement(node)) {
-          // This element was passed in a valid location.
-          if (node._store) {
-            node._store.validated = true;
+        if (!info) {
+          var parentName = getComponentNameFromType(parentType);
+
+          if (parentName) {
+            info =
+              "\n\nCheck the top-level render call using <" + parentName + ">.";
           }
-        } else {
-          var iteratorFn = getIteratorFn(node);
+        }
 
-          if (typeof iteratorFn === "function") {
-            // Entry iterators used to provide implicit keys,
-            // but now we print a separate warning for them later.
-            if (iteratorFn !== node.entries) {
-              var iterator = iteratorFn.call(node);
-              var step;
+        return info;
+      }
+    }
+    /**
+     * Given a fragment, validate that it can only be provided with fragment props
+     * @param {ReactElement} fragment
+     */
 
-              while (!(step = iterator.next()).done) {
-                if (isValidElement(step.value)) {
-                  validateExplicitKey(step.value, parentType);
-                }
-              }
-            }
+    function validateFragmentProps(fragment) {
+      {
+        var keys = Object.keys(fragment.props);
+
+        for (var i = 0; i < keys.length; i++) {
+          var key = keys[i];
+
+          if (key !== "children" && key !== "key") {
+            setCurrentlyValidatingElement(fragment);
+
+            error(
+              "Invalid prop `%s` supplied to `React.Fragment`. " +
+                "React.Fragment can only have `key` and `children` props.",
+              key
+            );
+
+            setCurrentlyValidatingElement(null);
+            break;
           }
         }
+
+        if (fragment.ref !== null) {
+          setCurrentlyValidatingElement(fragment);
+
+          error("Invalid attribute `ref` supplied to `React.Fragment`.");
+
+          setCurrentlyValidatingElement(null);
+        }
       }
     }
+
+    var propTypesMisspellWarningShown = false;
     /**
      * Given an element, validate that its props follow the propTypes definition,
      * provided by the type.
@@ -3590,201 +3772,12 @@ if (__DEV__) {
         }
       }
     }
-    /**
-     * Given a fragment, validate that it can only be provided with fragment props
-     * @param {ReactElement} fragment
-     */
-
-    function validateFragmentProps(fragment) {
-      {
-        var keys = Object.keys(fragment.props);
-
-        for (var i = 0; i < keys.length; i++) {
-          var key = keys[i];
-
-          if (key !== "children" && key !== "key") {
-            setCurrentlyValidatingElement(fragment);
-
-            error(
-              "Invalid prop `%s` supplied to `React.Fragment`. " +
-                "React.Fragment can only have `key` and `children` props.",
-              key
-            );
-
-            setCurrentlyValidatingElement(null);
-            break;
-          }
-        }
-
-        if (fragment.ref !== null) {
-          setCurrentlyValidatingElement(fragment);
-
-          error("Invalid attribute `ref` supplied to `React.Fragment`.");
-
-          setCurrentlyValidatingElement(null);
-        }
-      }
-    }
-
-    var didWarnAboutKeySpread = {};
-    function jsxWithValidation(
-      type,
-      props,
-      key,
-      isStaticChildren,
-      source,
-      self
-    ) {
-      {
-        var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
-        // succeed and there will likely be errors in render.
-
-        if (!validType) {
-          var info = "";
-
-          if (
-            type === undefined ||
-            (typeof type === "object" &&
-              type !== null &&
-              Object.keys(type).length === 0)
-          ) {
-            info +=
-              " You likely forgot to export your component from the file " +
-              "it's defined in, or you might have mixed up default and named imports.";
-          }
-
-          var sourceInfo = getSourceInfoErrorAddendum(source);
-
-          if (sourceInfo) {
-            info += sourceInfo;
-          } else {
-            info += getDeclarationErrorAddendum();
-          }
-
-          var typeString;
-
-          if (type === null) {
-            typeString = "null";
-          } else if (isArray(type)) {
-            typeString = "array";
-          } else if (
-            type !== undefined &&
-            type.$$typeof === REACT_ELEMENT_TYPE
-          ) {
-            typeString =
-              "<" + (getComponentNameFromType(type.type) || "Unknown") + " />";
-            info =
-              " Did you accidentally export a JSX literal instead of a component?";
-          } else {
-            typeString = typeof type;
-          }
-
-          error(
-            "React.jsx: type is invalid -- expected a string (for " +
-              "built-in components) or a class/function (for composite " +
-              "components) but got: %s.%s",
-            typeString,
-            info
-          );
-        }
-
-        var element = jsxDEV$1(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
-        // TODO: Drop this when these are no longer allowed as the type argument.
-
-        if (element == null) {
-          return element;
-        } // Skip key warning if the type isn't valid since our key validation logic
-        // doesn't expect a non-string/function type and can throw confusing errors.
-        // We don't want exception behavior to differ between dev and prod.
-        // (Rendering will throw with a helpful message and as soon as the type is
-        // fixed, the key warnings will appear.)
-
-        if (validType) {
-          var children = props.children;
-
-          if (children !== undefined) {
-            if (isStaticChildren) {
-              if (isArray(children)) {
-                for (var i = 0; i < children.length; i++) {
-                  validateChildKeys(children[i], type);
-                }
-
-                if (Object.freeze) {
-                  Object.freeze(children);
-                }
-              } else {
-                error(
-                  "React.jsx: Static children should always be an array. " +
-                    "You are likely explicitly calling React.jsxs or React.jsxDEV. " +
-                    "Use the Babel transform instead."
-                );
-              }
-            } else {
-              validateChildKeys(children, type);
-            }
-          }
-        }
-
-        if (hasOwnProperty.call(props, "key")) {
-          var componentName = getComponentNameFromType(type);
-          var keys = Object.keys(props).filter(function (k) {
-            return k !== "key";
-          });
-          var beforeExample =
-            keys.length > 0
-              ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
-              : "{key: someKey}";
-
-          if (!didWarnAboutKeySpread[componentName + beforeExample]) {
-            var afterExample =
-              keys.length > 0 ? "{" + keys.join(": ..., ") + ": ...}" : "{}";
-
-            error(
-              'A props object containing a "key" prop is being spread into JSX:\n' +
-                "  let props = %s;\n" +
-                "  <%s {...props} />\n" +
-                "React keys must be passed directly to JSX without using spread:\n" +
-                "  let props = %s;\n" +
-                "  <%s key={someKey} {...props} />",
-              beforeExample,
-              componentName,
-              afterExample,
-              componentName
-            );
-
-            didWarnAboutKeySpread[componentName + beforeExample] = true;
-          }
-        }
-
-        if (type === REACT_FRAGMENT_TYPE) {
-          validateFragmentProps(element);
-        } else {
-          validatePropTypes(element);
-        }
-
-        return element;
-      }
-    } // These two functions exist to still get child warnings in dev
-    // even with the prod transform. This means that jsxDEV is purely
-    // opt-in behavior for better messages but that we won't stop
-    // giving you warnings if you use production apis.
-
-    function jsxWithValidationStatic(type, props, key) {
-      {
-        return jsxWithValidation(type, props, key, true);
-      }
-    }
-    function jsxWithValidationDynamic(type, props, key) {
-      {
-        return jsxWithValidation(type, props, key, false);
-      }
-    }
 
-    var jsx = jsxWithValidationDynamic; // we may want to special case jsxs internally to take advantage of static children.
+    var jsx = jsxProdSignatureRunningInDevWithDynamicChildren; // we may want to special case jsxs internally to take advantage of static children.
     // for now we can ship identical prod functions
 
-    var jsxs = jsxWithValidationStatic;
-    var jsxDEV = jsxWithValidation;
+    var jsxs = jsxProdSignatureRunningInDevWithStaticChildren;
+    var jsxDEV = jsxDEV$1;
 
     exports.Children = Children;
     exports.Component = Component;
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 9708652c4102d..4277b976aab63 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
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<08bdb926358682042fe1bad33494956d>>
+ * @generated SignedSource<<6f68255f8fde261b2b75964a1fab4e09>>
  */
 
 "use strict";
@@ -335,7 +335,7 @@ function lazyInitializer(payload) {
       console.error(error);
     };
 var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-function jsx$1(type, config, maybeKey) {
+function jsxProd(type, config, maybeKey) {
   var propName,
     props = {},
     key = null,
@@ -477,9 +477,9 @@ exports.forwardRef = function (render) {
   return { $$typeof: REACT_FORWARD_REF_TYPE, render: render };
 };
 exports.isValidElement = isValidElement;
-exports.jsx = jsx$1;
+exports.jsx = jsxProd;
 exports.jsxDEV = void 0;
-exports.jsxs = jsx$1;
+exports.jsxs = jsxProd;
 exports.lazy = function (ctor) {
   return {
     $$typeof: REACT_LAZY_TYPE,
@@ -590,4 +590,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactCurrentDispatcher.current.useTransition();
 };
-exports.version = "18.3.0-canary-c82009771-20240219";
+exports.version = "18.3.0-canary-ec160f32c-20240219";
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 8e3726532174a..caeef0a7d78e3 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
@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<f35a9457ef3a32fa7212af3d759fb90c>>
+ * @generated SignedSource<<ea6ec461fcdf407f84ccacc4c5ef9031>>
  */
 
 "use strict";
@@ -310,7 +310,7 @@ function lazyInitializer(payload) {
       console.error(error);
     };
 var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-function jsx$1(type, config, maybeKey) {
+function jsxProd(type, config, maybeKey) {
   var propName,
     props = {},
     key = null,
@@ -474,9 +474,9 @@ exports.forwardRef = function (render) {
   return { $$typeof: REACT_FORWARD_REF_TYPE, render: render };
 };
 exports.isValidElement = isValidElement;
-exports.jsx = jsx$1;
+exports.jsx = jsxProd;
 exports.jsxDEV = void 0;
-exports.jsxs = jsx$1;
+exports.jsxs = jsxProd;
 exports.lazy = function (ctor) {
   return {
     $$typeof: REACT_LAZY_TYPE,
@@ -586,7 +586,7 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactCurrentDispatcher.current.useTransition();
 };
-exports.version = "18.3.0-canary-c82009771-20240219";
+exports.version = "18.3.0-canary-ec160f32c-20240219";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
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 ff4034ca8ffeb..f8e02852335af 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 @@
-c820097716c3d9765bf85bf58202a4975d99e450
+ec160f32c28ccab798c73ecccbb36ce121e1640e